@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: GrayMatter 
    Author: GrayMatter
    Support: support@graymatter.com
    Description: AI agency
    Version: 1.0

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

/************ TABLE OF CONTENTS ***************

	-----------------
    01. THEME CSS
	-----------------
		1.1 Mixins
		1.2 Root
		1.3 Typography
		1.4 Extends
		1.5 Colors
		1.6 Breakpoint
		1.7 Index
		1.8 Main

	-----------------
    02. COMPONENTS CSS
	-----------------
		2.1 Accordion
		2.2 Animation
		2.3 Background
		2.4 Back to top
		2.5 Breadcrumb
		2.6 Carousel 
		2.7 Forms
		2.8 list
		2.9 Offcanvas
		2.10 Pagination
		2.11 Preloader
		2.12 Section Title
		2.13 Shortcodes
		2.14 Tab
		2.15 Tooltip
		2.16 index


	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header-1
		3.2 Header-2
		3.3 Header common
		3.4 Header to top
		3.5 index

    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 Meanmenu
		4.2 Menu
		4.3 index

	---------------------------------
	05. BLOG CSS
	---------------------------------
		5.1 Blog css
		5.2 Postbox css
		5.3 Recent post css
		5.4 Sidebar css
		5.5 index

	---------------------------------
	06. FOOTER CSS
	---------------------------------
		6.1 Footer
		6.2 Footer copyright
		6.3 index

	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 About css
		7.2 Award css
		7.3 Brand css
		7.4 Contact css
		7.5 Counter css
		7.6 Cta css
		7.7 Demo css
		7.8 Error css
		7.9 Faq css
		7.10 Feature css
		7.11 Job css
		7.12 Login css
		7.13 Portfolio css
		7.14 Pricing css
		7.15 Progress css
		7.16 Service css
		7.17 Skill css
		7.18 Slider css
		7.19 Subscribe css
		7.20 Team css
		7.21 Testimonial css
		7.22 Video css
		7.23 Widget css
		7.24 video css
		7.25 Index css

/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz@9..40&family=Outfit:wght@300;400;500;600;700&display=swap");
.mean-container .mean-nav ul li > a.mean-expand i,
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn,
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn i,
.main-menu ul li .submenu,
.main-menu ul li .submenu li a::before,
.main-menu ul li .mega-menu li ul li a::before,
.offcanvas__overlay,
.offcanvas__navigation button svg,
.unfill-btn,
.body__overlay,
a,
.btn,
button,
span,
sub,
sup,
p,
input,
select,
textarea,
li,
img,
svg,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6,
i[class^="flaticon-"] {
	-webkit-transition: all 0.3s 0s ease-out;
	-moz-transition: all 0.3s 0s ease-out;
	-ms-transition: all 0.3s 0s ease-out;
	-o-transition: all 0.3s 0s ease-out;
	transition: all 0.3s 0s ease-out;
}

.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn {
	font-family: var(--bd-ff-fontawesome);
}

.bd__faq .accordion-button::after,
.faq__style-2 .bd__faq .accordion-button::after,
.faq__style-3 .bd__faq .accordion-button::after,
.faq__style-4 .bd__faq .accordion-button::before,
.faq__style-6 .bd__faq .accordion-button::after,
.slider__navigation button,
.slider__glow-two .glow-one,
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn,
.main-menu ul li .mega-menu li ul li a::before,
.service__navigation button,
.case-studies__navigation button,
.breadcrumb__menu ul li:not(:last-child)::before {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.bd-slider-dot {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.bg-theme-primary {
	background-color: var(--bd-theme-primary);
}

.bg-theme-secondary {
	background-color: var(--bd-theme-secondary);
}

.bd-common-white {
	background-color: var(--bd-common-white);
}

.bd-bg-secondary {
	background: var(--bd-bg-secondary);
}

.bd-bg-tertiary {
	background: var(--bd-bg-tertiary);
}

.bd-bg-quaternary {
	background: var(--bd-bg-quaternary);
}

:root {
	/**
  @font family declaration
  */
	--bd-ff-body: "DM Sans", sans-serif;
	--bd-ff-heading: "Outfit", sans-serif;
	--bd-ff-p: "DM Sans", sans-serif;
	--bd-ff-fontawesome: "Font Awesome 6 Pro";
	--bd-ff-icomoon: "icomoon";
	/**
  @color declaration
  */
	--bd-common-white: #ffffff;
	--bd-common-black: #000000;
	--bd-common-placeholder: #7f8387;
	--bd-common-selection: #262626;
	--bd-body-primary: #121314;
	--bd-body-secondary: #ffffff;
	--bd-theme-primary: #f7eb02;
	--bd-theme-secondary: #376ec6;
	--bd-text-body: #84888c;
	--bd-text-primary: #ffffff;
	--bd-text-secondary: #bfb8b8;
	--bd-text-tertiary: #e2e4e6;
	--bd-text-grey: #a69d9c;
	--bd-text-lightest: #d1d1d1;
	--bd-text-light-grey: #d2d2d2;
	--bd-bg-primary: #161718;
	--bd-bg-secondary: #1d1e1f;
	--bd-bg-tertiary: #434348;
	--bd-bg-quaternary: #22272c;
	--bd-border-primary: rgba(255, 255, 255, 0.1);
	--bd-border-secondary: #353535;
	--bd-border-tertiary: #232426;
	--bd-gradient-1: linear-gradient(
		180deg,
		#353535 0%,
		rgba(53, 53, 53, 0) 100%
	);
	--bd-gradient-2: linear-gradient(90deg, #f7eb02 0%, #fac10a 110.71%);
	--bd-gradient-3: linear-gradient(136deg, #f7eb02 1.44%, #fac10a 90.3%);
	--bd-gradient-4: linear-gradient(90deg, #f7eb02 0%, #630dd9 100%);
	--bd-gradient-5: linear-gradient(99deg, #f7eb02 4.72%, #fac10a 93.01%);
	--bd-gradient-6: linear-gradient(45.39deg, #f7eb02 0%, #fac10a 100%);
	--bd-rgba-1: rgba(14, 100, 228, 0.1);
	--bd-rgba-2: rgba(66, 134, 244, 0.2);
	--bd-rgba-3: rgba(255, 255, 255, 0.7);
	--bd-rgba-4: rgba(66, 134, 244, 0.8);
	--bd-rgba-5: rgba(66, 134, 244, 0.7);
	/**
  @font weight declaration
  */
	--bd-fw-normal: normal;
	--bd-fw-thin: 100;
	--bd-fw-elight: 200;
	--bd-fw-light: 300;
	--bd-fw-regular: 400;
	--bd-fw-medium: 500;
	--bd-fw-sbold: 600;
	--bd-fw-bold: 700;
	--bd-fw-ebold: 800;
	--bd-fw-black: 900;
	/**
  @font size declaration
  */
	--bd-fs-body: 16px;
	--bd-fs-p: 18px;
	--bd-fs-h1: 62px;
	--bd-fs-h2: 48px;
	--bd-fs-h3: 40px;
	--bd-fs-h4: 32px;
	--bd-fs-h5: 25px;
	--bd-fs-h6: 20px;
}

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

html {
	font-size: 10px;
}

/*---------------------------------
    Typography css start 
---------------------------------*/
body {
	font-family: var(--bd-ff-body);
	font-size: var(--bd-fs-body);
	font-weight: normal;
	color: var(--bd-text-body);
	line-height: 1.5;
	background: var(--bd-body-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--bd-ff-heading);
	color: var(--bd-text-primary);
	margin-top: 0px;
	line-height: 1.2;
	margin-bottom: 0;
	font-weight: var(--bd-fw-sbold);
	word-break: break-word;
}

h1 {
	font-size: var(--bd-fs-h1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h1 {
		font-size: 50px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h1 {
		font-size: 45px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	h1 {
		font-size: 40px;
	}
}
@media (max-width: 575px) {
	h1 {
		font-size: 35px;
	}
}
@media (max-width: 450px) {
	h1 {
		font-size: 30px;
	}
}
h1.large {
	font-size: 64px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h1.large {
		font-size: 55px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h1.large {
		font-size: 50px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	h1.large {
		font-size: 40px;
	}
}
@media (max-width: 450px) {
	h1.large {
		font-size: 35px;
	}
}
h1.xlarge {
	font-size: 90px;
	letter-spacing: -1.8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	h1.xlarge {
		font-size: 80px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h1.xlarge {
		font-size: 70px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h1.xlarge {
		font-size: 60px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	h1.xlarge {
		font-size: 50px;
	}
}
@media (max-width: 575px) {
	h1.xlarge {
		font-size: 40px;
	}
}

h2 {
	font-size: var(--bd-fs-h2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h2 {
		font-size: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h2 {
		font-size: 35px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	h2 {
		font-size: 33px;
	}
}
@media (max-width: 575px) {
	h2 {
		font-size: 30px;
	}
}
h2.large {
	font-size: 50px;
	line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h2.large {
		font-size: 45px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h2.large {
		font-size: 40px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	h2.large {
		font-size: 35px;
	}
}
h2.small {
	font-size: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h2.small {
		font-size: 36px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	h2.small {
		font-size: 32px;
	}
}

h3 {
	font-size: var(--bd-fs-h3);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	h3 {
		font-size: 35px;
	}
}
@media (max-width: 575px) {
	h3 {
		font-size: 30px;
	}
}
h3.large {
	font-size: 38px;
	line-height: 1.1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h3.large {
		font-size: 34px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h3.large {
		font-size: 30px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	h3.large {
		font-size: 28px;
	}
}

h4 {
	font-size: var(--bd-fs-h4);
	line-height: 1.28;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	h4 {
		font-size: 26px;
	}
}
@media (max-width: 450px) {
	h4 {
		font-size: 24px;
	}
}
h4.small {
	font-size: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	h4.small {
		font-size: 26px;
	}
}
@media (max-width: 450px) {
	h4.small {
		font-size: 24px;
	}
}

h5 {
	font-size: var(--bd-fs-h5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	h5 {
		font-size: 23px;
	}
}
h5.large {
	font-size: 24px;
	line-height: 1.28;
}
@media (max-width: 575px) {
	h5.large {
		font-size: 22px;
	}
}
h5.small {
	font-size: 20px;
}
@media (max-width: 575px) {
	h5.small {
		font-size: 18px;
	}
}

h6 {
	font-size: var(--bd-fs-h6);
}

ul {
	margin: 0px;
	padding: 0px;
}

p {
	font-size: var(--bd-fs-body);
	font-family: var(--bd-ff-p);
	font-weight: var(--bd-fw-normal);
	color: var(--bd-text-body);
	margin-bottom: 0;
	line-height: 28px;
}

p.b1 {
	font-size: 24px;
	line-height: 34px;
}

p.b2 {
	font-size: 18px;
	line-height: 28px;
}

p.b3 {
	font-size: 16px;
	line-height: 26px;
}

a {
	text-decoration: none;
}

a:focus,
.button:focus {
	text-decoration: none;
	outline: none;
}

a:focus,
a:hover {
	text-decoration: none;
	color: inherit;
}

a,
button {
	color: inherit;
	outline: none;
	border: none;
	background: transparent;
}

img {
	max-width: 100%;
	object-fit: cover;
}

button:hover {
	cursor: pointer;
}

button:focus {
	outline: 0;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

hr:not([size]) {
	margin: 0;
	border-color: var(--bd-border-primary);
	opacity: 1;
	border-width: 1px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea {
	outline: none;
	background-color: var(--bd-bg-1);
	height: 60px;
	width: 100%;
	font-size: 16px;
	color: rgba(124, 126, 130, 0.69);
	border: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0 20px;
	color: var(--bd-common-white);
}
.bd-theme-light input[type="text"],
.bd-theme-light input[type="email"],
.bd-theme-light input[type="tel"],
.bd-theme-light input[type="number"],
.bd-theme-light input[type="password"],
.bd-theme-light textarea {
	background-color: rgba(235, 235, 235, 0.9);
	color: rgba(124, 126, 130, 0.69);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus {
	border-color: var(--bd-theme-primary);
}

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

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

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

*::-moz-placeholder {
	opacity: 1;
	font-size: 16px;
	color: var(--bd-common-placeholder);
}

*::placeholder {
	opacity: 1;
	font-size: 15px;
	font-weight: 400;
	font-family: var(--bd-ff-heading);
	color: var(--bd-common-placeholder);
}

/*----------------------------------------
   Flaction customize
-----------------------------------------*/
i[class^="flaticon-"] {
	line-height: 1;
	top: 2px;
	position: relative;
}

/*----------------------------------------
   icomoon customize
-----------------------------------------*/
i[class^="icon-"] {
	line-height: 1;
	top: 0px;
	position: relative;
}

/*----------------------------------------
   Bootstrap customize
-----------------------------------------*/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	--bs-gutter-x: 3rem;
}

@media (min-width: 1441px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1280px;
	}
}
.row {
	--bs-gutter-x: 3rem;
}

.g-30,
.gx-30 {
	--bs-gutter-x: 30px;
}

.g-30,
.gy-30 {
	--bs-gutter-y: 30px;
}

.g-40,
.gx-40 {
	--bs-gutter-x: 40px;
}

.g-40,
.gy-40 {
	--bs-gutter-y: 40px;
}

.g-50,
.gx-50 {
	--bs-gutter-x: 50px;
}

.g-50,
.gy-50 {
	--bs-gutter-y: 50px;
}

.g-60,
.gy-60 {
	--bs-gutter-y: 60px;
}

/*---------------------------------
    1.2 Common Classes
---------------------------------*/
.w-img img {
	width: 100%;
}

.w-100 {
	width: 100%;
}

.m-img img {
	max-width: 100%;
}

.fix {
	overflow: hidden;
}

.clear {
	clear: both;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}

.z-index-1 {
	z-index: 1;
}

.z-index-11 {
	z-index: 11;
}

.opacity-05 {
	opacity: 0.5;
}

.overflow-y-visible {
	overflow-x: hidden;
	overflow-y: visible;
}

.p-relative {
	position: relative;
}

.p-absolute {
	position: absolute;
}

.include-bg {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.hr-1 {
	border-top: 1px solid #e8e8e8;
}

.x-clip {
	overflow-x: clip;
}

@media (max-width: 575px) {
	.o-xs {
		overflow-x: hidden;
	}
}

.p-30 {
	padding: 30px;
}

.valign {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

/*----------------------------------------
    text underline 
-----------------------------------------*/
.underline a {
	background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
	background-size: 0% 1px, 0 1px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size 0.4s linear;
}
.underline a:hover {
	background-size: 0 1px, 100% 1px;
	color: var(--bd-common-white);
}

/*----------------------------------------
    text full-underline 
-----------------------------------------*/
.underline-full > h5::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
	bottom: -5px;
}

.bd-icon i {
	color: #eaaf18;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body__overlay {
	background-color: var(--bd-common-heading);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	left: 0;
	opacity: 0;
	visibility: hidden;
}

.body__overlay {
	background-color: var(--bd-common-heading);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	left: 0;
	opacity: 0;
	visibility: hidden;
}

.body__overlay.opened {
	opacity: 0.7;
	visibility: visible;
}

.bg__thumb-position {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

/*----------------------------------------
   Mfp customize
-----------------------------------------*/
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 1280px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.mfp-iframe-holder .mfp-content {
		max-width: 1000px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.mfp-iframe-holder .mfp-content {
		max-width: 850px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.mfp-iframe-holder .mfp-content {
		max-width: 820px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mfp-iframe-holder .mfp-content {
		max-width: 750px;
	}
}

.mfp-close {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.mfp-close:hover {
	color: var(--bd-common-white);
}
.mfp-close::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	font-family: var(--bd-ff-fontawesome);
	font-size: 31px;
	font-weight: 200;
	right: -20px;
	margin-top: -25px;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.mfp-close::after {
		right: 15px;
		margin-top: -30px;
	}
}

/*---------------------------------
	1.3 Default Spacing
---------------------------------*/
.section-space {
	padding-top: 100px;
	padding-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-space {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.section-space {
		padding-top: 65px;
		padding-bottom: 65px;
	}
}

.section-space-medium {
	padding-top: 80px;
	padding-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-space-medium {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.section-space-medium {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.section-space-top {
	padding-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-space-top {
		padding-top: 80px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.section-space-top {
		padding-top: 65px;
	}
}

.section-space-bottom {
	padding-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-space-bottom {
		padding-bottom: 80px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.section-space-bottom {
		padding-bottom: 65px;
	}
}

.section__title-space {
	margin-bottom: 50px;
}

.btn__wrapper {
	margin-top: 40px;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.btn__wrapper {
		margin-top: 30px;
	}
}

.footer-space-top {
	padding-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer-space-top {
		padding-top: 80px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.footer-space-top {
		padding-top: 65px;
	}
}

.is-sec-space {
	padding: 60px 60px 65px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.is-sec-space {
		padding: 40px 50px 50px;
	}
}
@media (max-width: 575px) {
	.is-sec-space {
		padding: 40px 25px;
	}
}

/*----------------------------------------*/
/*  2.1 Accordion
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.4 Background
/*----------------------------------------*/
.white-bg {
	background-color: var(--bd-common-white);
}

.black-bg {
	background-color: var(--bd-common-black);
}

.footer-bg {
	background-color: var(--bd-bg-1);
}
.bd-theme-light .footer-bg {
	background-color: var(--bd-bg-2);
}

.theme-bg-primary {
	background-color: var(--bd-bg-primary);
}

.theme-bg-secondary {
	background-color: var(--bd-bg-secondary);
}

.theme-bg-quaternary {
	background-color: var(--bd-bg-quaternary);
}

.theme-bg-4 {
	background-color: var(--bd-bg-4);
}

.theme-bg-5 {
	background-color: var(--bd-bg-5);
}

.theme-bg-6 {
	background-color: var(--bd-bg-6);
}

.theme-bg-7 {
	background-color: var(--bd-bg-7);
}

.theme-bg-8 {
	background-color: var(--bd-bg-8);
}

.theme-bg-9 {
	background-color: var(--bd-bg-9);
}

.theme-bg-10 {
	background-color: var(--bd-bg-10);
}

.gradient-bg-1 {
	background: linear-gradient(136deg, #f7eb02 1.44%, #fac10a 90.3%);
}

.gradient-bg-2 {
	background: linear-gradient(90deg, #f7eb02 0%, #fac10a 110.71%);
}

.gradient-bg-3 {
	background: linear-gradient(45.39deg, #f7eb02 0%, #fac10a 100%);
}

.lightest-bg {
	background: var(--bd-theme-lightest);
}

.lighte-bg {
	background: var(--bd-theme-lighte);
}

.lighte-bg {
	background: var(--bd-theme-lighte);
}

.medium-bg {
	background: var(--bd-theme-medium);
}

.dark-bg {
	background: var(--bd-theme-dark);
}

.color-primary {
	color: var(--bd-theme-primary);
}

.bg-primary-opacity {
	background: var(--bd-rgba-2);
}

/*----------------------------------------*/
/*  2.2 Buttons
/*----------------------------------------*/
.btn__group {
	display: flex;
	align-items: center;
	gap: 25px 30px;
	flex-wrap: wrap;
	margin-top: 50px;
}

.button__group {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px;
}

.bd-gradient-btn {
	font-size: 15px;
	color: var(--bd-common-white);
	font-weight: var(--bd-fw-sbold);
	font-family: var(--bd-ff-heading);
	padding: 0px 35px;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flexbox;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	position: relative;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	z-index: 5;
	background-position: 100% 100%;
	background-size: 300% 100%;
	background-image: linear-gradient(90deg, #096bd8, #fac10a);
}
.bd-gradient-btn:focus {
	color: var(--bd-common-white);
}
.bd-gradient-btn span i {
	position: relative;
	top: 1px;
}
.bd-gradient-btn:hover {
	color: var(--bd-common-white);
	background-position: 0 100%;
}
.bd-gradient-btn.btn-xs {
	height: 50px;
	padding: 0 25px;
}
.bd-gradient-btn.btn-sm {
	height: 55px;
	padding: 0 30px;
}
.bd-gradient-btn.btn-lg {
	height: 65px;
	border-radius: 50px;
	padding: 0 40px;
}
.bd-gradient-btn.btn-xl {
	height: 75px;
	border-radius: 50px;
	padding: 0 45px;
}
.bd-gradient-btn.btn-xxl {
	height: 85px;
	border-radius: 50px;
	padding: 0 60px;
}

.bd-btn {
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: var(--bd-fw-medium);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	position: relative;
	overflow: hidden;
	padding: 0 34px;
	height: 60px;
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
	z-index: 5;
}
.bd-btn span i {
	margin-left: 8px;
}
.bd-btn:hover {
	background: var(--bd-theme-secondary);
	color: var(--bd-common-white);
}
.bd-btn.is-bg-none {
	background: transparent;
	padding: 14px 33px;
}
.bd-btn.is-transparent-btn {
	background: transparent;
	border: 2px solid var(--bd-common-white);
}
.bd-btn.is-transparent-btn:hover {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
	border-color: var(--bd-theme-primary);
}
.bd-btn.is-border-gradient:before {
	position: absolute;
	content: "";
	z-index: 5;
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 30px;
	border: 2px solid transparent;
	background: var(--bd-gradient-6) border-box;
	mask-mode: match-source, match-source;
	mask-repeat: repeat, repeat;
	mask-clip: content-box, border-box;
	mask-origin: content-box, border-box;
	mask-position: 0% 0%, 0% 0%;
	mask-size: auto, auto;
	-webkit-mask: var(--bd-gradient-6) content-box content-box,
		var(--bd-gradient-6);
	-webkit-mask-composite: destination-out;
	mask-image: var(--bd-gradient-6), var(--bd-gradient-6);
	mask-composite: exclude;
}
.bd-btn.is-border-gradient::after {
	position: absolute;
	content: "";
	background: linear-gradient(90deg, #f7eb02 -16.62%, #fac10a 99.67%);
	background-position: 100% 100%;
	background-size: 150% 100%;
	opacity: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s linear;
	z-index: -1;
}
.bd-btn.is-border-gradient:hover::after {
	background-position: 0 100%;
	opacity: 1;
}
.bd-btn.is-bg-gradient {
	background: linear-gradient(90deg, #f7eb02 -16.62%, #fac10a 99.67%);
	background-position: 100% 100%;
	background-size: 150% 100%;
}
.bd-btn.is-bg-gradient:hover {
	background-position: 0 100%;
}
.bd-btn:focus {
	color: var(--bd-common-white);
}
.bd-btn.btn-secondary {
	background: var(--bd-theme-secondary);
}
.bd-btn.btn-secondary:hover {
	background-color: var(--bd-theme-primary);
}
.bd-btn.btn-tertiary {
	background: var(--bd-theme-tertiary);
}
.bd-btn.btn-tertiary:hover {
	background-color: var(--bd-theme-primary);
}
.bd-btn.btn-quaternary {
	background: var(--bd-theme-quaternary);
}
.bd-btn.btn-quaternary:hover {
	background-color: var(--bd-theme-primary);
}
.bd-btn.border-white {
	background-color: transparent;
	border: 1px solid var(--bd-common-white);
}
.bd-btn.border-white:hover {
	background-color: var(--bd-common-white);
	color: var(--bd-heading-primary);
}
.bd-btn.bordered-blue {
	background-color: transparent;
	border: 2px solid var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.bd-btn.bordered-blue:hover {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
	border-color: var(--bd-theme-primary);
}
.bd-btn.is-border-blue {
	background: transparent;
	border: 2px solid var(--bd-rgba-2);
}
.bd-btn.is-border-blue:hover {
	background: var(--bd-theme-primary);
	border-color: var(--bd-theme-primary);
}
.bd-btn.bordered-light {
	background-color: transparent;
	border: 1px solid var(--bd-border-secondary);
	color: var(--bd-common-white);
	padding: 0 25px;
	height: 50px;
}
.bd-btn.bordered-light:hover {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
	border-color: var(--bd-theme-primary);
}
.bd-btn.btn-xs {
	height: 50px;
	padding: 0 25px;
}
.bd-btn.btn-sm {
	height: 55px;
	padding: 0 30px;
}
.bd-btn.btn-lg {
	height: 65px;
	border-radius: 50px;
	padding: 0 40px;
}
.bd-btn.btn-xl {
	height: 75px;
	border-radius: 50px;
	padding: 0 45px;
}
.bd-btn.btn-xxl {
	height: 85px;
	border-radius: 50px;
	padding: 0 60px;
}

.text__link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--bd-common-white);
	position: relative;
}
.bd-theme-light .text__link {
	color: var(--bd-text-primary);
}
.text__link::before {
	position: absolute;
	content: "";
	left: auto;
	bottom: -2px;
	background: currentColor;
	width: 0;
	height: 2px;
	transition: 0.3s;
	right: 0;
}
.text__link:hover {
	color: var(--bd-theme-primary);
}
.text__link:hover .text__links {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--bd-common-white);
	position: relative;
}
.bd-theme-light .text__link:hover .text__links {
	color: var(--bd-text-primary);
}
.text__link:hover .text__links::before {
	width: 100%;
	left: 0;
	right: auto;
}

.play__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background: var(--bd-theme-primary);
	font-size: 18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.play__btn span i {
	color: var(--bd-common-white);
}
.play__btn:hover {
	background-color: var(--bd-theme-secondary);
}

.bd-text-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--bd-common-white);
	font-weight: 500;
}
.bd-text-btn.style-one {
	position: relative;
	padding-right: 28px;
}
.bd-text-btn.style-one span {
	opacity: 0;
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	-webkit-transform: translate(20px);
	transform: translate(20px);
	color: var(--bd-common-white);
}
.bd-text-btn.style-one i {
	margin-left: 0;
	position: absolute;
	left: 0;
	margin-left: 10px;
	-webkit-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
}
.bd-text-btn.style-one:hover span {
	opacity: 1;
	-webkit-transform: translate(0px);
	transform: translate(0px);
	color: var(--bd-theme-primary);
}
.bd-text-btn.style-one:hover i {
	margin-left: 10px;
	left: calc(100% - 28px);
	color: var(--bd-theme-primary);
}
.bd-text-btn.style-two .icon__box {
	overflow: hidden;
	position: relative;
	display: inline-flex;
	transition: all 0.3s ease-out 0s;
}
.bd-text-btn.style-two .icon__box:hover .icon__first {
	transform: translateX(150%);
}
.bd-text-btn.style-two .icon__box:hover .icon__second {
	transform: translateX(0%);
}
.bd-text-btn.style-two .icon__first {
	transition: all 0.3s ease-out 0s;
}
.bd-text-btn.style-two .icon__second {
	position: absolute;
	transform: translateX(-150%);
	transition: all 0.3s ease-out 0s;
}
.bd-text-btn.style-two:hover {
	color: var(--bd-theme-primary);
}
.bd-text-btn.style-two:hover .icon__first {
	transform: translateX(150%);
}
.bd-text-btn.style-two:hover .icon__second {
	transform: translateX(0%);
}
.bd-text-btn span {
	position: relative;
}

.circle-btn {
	width: 60px;
	height: 60px;
	font-size: 18px;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: var(--bd-common-white);
	background: transparent;
	border: 1px solid var(--bd-border-primary);
}
.circle-btn:hover {
	background: var(--bd-theme-primary);
	border-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.circle-btn:hover .icon__box img {
	transform: rotate(0);
}
.circle-btn:hover .icon__box i {
	transform: rotate(0);
}
.circle-btn.is-large {
	width: 70px;
	height: 70px;
}
.circle-btn.is-bg-gradient {
	background: linear-gradient(90deg, #f7eb02 -16.62%, #fac10a 99.67%);
	background-position: 100% 100%;
	background-size: 150% 100%;
}
.circle-btn.is-bg-gradient:hover {
	background-position: 0 100%;
}
.circle-btn.is-icon-btn {
	border: none;
	display: unset;
	border-radius: unset;
}
.circle-btn.is-icon-btn:hover {
	background: none;
}
.circle-btn.is-bg-white {
	background: var(--bd-common-white);
}
.circle-btn.is-bg-white.is-hover-blue:hover {
	background: var(--bd-theme-primary);
}
.circle-btn.is-bg-white i {
	color: var(--bd-common-black);
}
.circle-btn.is-bg-white:hover {
	background: var(--bd-common-black);
	border: 1px solid transparent;
}
.circle-btn.is-bg-white:hover i {
	color: var(--bd-common-white);
}
.circle-btn.is-btn-large {
	width: 60px;
	height: 60px;
}
.circle-btn.is-bg-gradient.is-hover {
	background: none;
}
.circle-btn.is-bg-gradient.is-hover:before {
	position: absolute;
	content: "";
	z-index: 5;
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 30px;
	background: var(--bd-gradient-6) border-box;
	mask-mode: match-source, match-source;
	mask-repeat: repeat, repeat;
	mask-clip: content-box, border-box;
	mask-origin: content-box, border-box;
	mask-position: 0% 0%, 0% 0%;
	mask-size: auto, auto;
	-webkit-mask: var(--bd-gradient-6) content-box content-box,
		var(--bd-gradient-6);
	-webkit-mask-composite: destination-out;
	mask-image: var(--bd-gradient-6), var(--bd-gradient-6);
	mask-composite: exclude;
}
.circle-btn.is-bg-gradient.is-hover::after {
	position: absolute;
	content: "";
	background: linear-gradient(90deg, #f7eb02 -16.62%, #fac10a 99.67%);
	background-position: 100% 100%;
	background-size: 150% 100%;
	opacity: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s linear;
	z-index: 1;
	border-radius: 50%;
}
.circle-btn.is-bg-gradient.is-hover:hover::after {
	background-position: 0 100%;
	opacity: 1;
}
.circle-btn.is-bg-black {
	background: var(--bd-common-black);
	border: 1px solid var(--bd-border-black);
}
.circle-btn.swiper-button-disabled {
	background: rgba(66, 134, 244, 0.4);
	color: var(--bd-common-white);
	pointer-events: none;
}
.circle-btn.swiper-button-disabled:hover {
	color: inherit;
	background: inherit;
}
.circle-btn.is-black {
	border: 1px solid var(--bd-body-primary);
	color: var(--bd-theme-darkest);
}
.circle-btn.is-black:hover {
	border-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
	background: var(--bd-theme-primary);
	transform: rotate(0);
}
.circle-btn .icon__box {
	position: relative;
	z-index: 2;
}
.circle-btn .icon__box img {
	transform: rotate(-45deg);
}
.circle-btn .icon__box i {
	transform: rotate(-45deg);
	transition: all 0.3s 0s ease-out;
	display: inline-block;
}

.unfill-btn {
	font-size: 15px;
	color: var(--bd-common-white);
	text-transform: capitalize;
	font-weight: var(--bd-fw-sbold);
	padding: 0px 30px;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flexbox;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	height: 56px;
	border: 2px solid rgba(63, 128, 255, 0.3);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	position: relative;
}
.unfill-btn:hover {
	color: var(--bd-common-white);
	background: var(--bd-theme-primary);
}
.unfill-btn:focus {
	color: var(--bd-common-white);
}
.unfill-btn.shadow-purple {
	border: 1.5px solid rgba(255, 29, 255, 0.3);
	background: #03060d;
	box-shadow: 0px 10px 30px 0px rgba(255, 29, 255, 0.2);
}
.unfill-btn.shadow-purple:hover {
	background-color: var(--bd-theme-purple);
}
.unfill-btn.shadow-red {
	border-radius: 100px;
	border: 1.5px solid rgba(255, 63, 63, 0.3);
	background: #03060d;
	box-shadow: 0px 10px 30px 0px rgba(255, 63, 63, 0.2);
}
.unfill-btn.shadow-red:hover {
	background-color: var(--bd-theme-red);
}

.round-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--bd-theme-primary);
	height: 50px;
	width: 50px;
	border-radius: 50%;
	color: var(--bd-common-white);
}

.contact__link {
	display: flex;
	align-items: center;
	gap: 6px;
}
.contact__link p {
	margin-bottom: 0;
	font-weight: var(--bd-fw-medium);
}
.contact__link p a:hover {
	color: var(--bd-theme-primary);
}
.contact__link.is-white p {
	color: var(--bd-common-white);
}

.icon-btn {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background-color: var(--bd-theme-darkest);
	border-radius: 100px;
	animation: pulse 2s infinite;
	margin-bottom: 35px;
	color: var(--bd-common-white);
	font-size: 22px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.icon-btn {
		margin-bottom: 25px;
	}
}
.icon-btn.theme-bg {
	background-color: var(--bd-theme-primary);
}

.underline-btn {
	position: relative;
	color: var(--bd-common-white);
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
}
.underline-btn::before {
	position: absolute;
	content: "";
	background: var(--bd-common-white);
	width: 50%;
	height: 1px;
	bottom: 0;
	transition: 0.3s;
}
.underline-btn:hover {
	color: var(--bd-theme-primary);
}
.underline-btn:hover::before {
	width: 100%;
	background: var(--bd-theme-primary);
}

.play-btn {
	width: 80px;
	height: 80px;
	font-size: 20px;
	background: var(--bd-theme-primary);
	display: inline-flex;
	border-radius: 50%;
	color: var(--bd-common-white);
	justify-content: center;
	align-items: center;
	cursor: pointer;
	animation: pulse 2s infinite;
	transition: all 0.5s ease-out 0s;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.play-btn {
		width: 70px;
		height: 70px;
		font-size: 16px;
	}
}
.play-btn:hover {
	background-color: var(--bd-common-white);
	color: var(--bd-common-black);
}
.play-btn.is-bg-gradient {
	background: var(--bd-gradient-5);
}
.play-btn.is-bg-gradient:hover {
	color: var(--bd-common-white);
	transform: scale(1.1);
}

.bd-btn.is-btn-anim {
	position: relative;
	transition: 0.5s;
}
.bd-btn.is-btn-anim span {
	display: inline-block;
	transition: 0.5s;
}
.bd-btn.is-btn-anim::before {
	content: "";
	background-color: var(--bd-theme-secondary);
	height: 300px;
	width: 300px;
	border-radius: 50%;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.5s ease-out 0s;
}
.bd-btn.is-btn-anim:hover::before {
	transform: translate(-50%, -80%);
}
.bd-btn.is-btn-anim:hover .bd-btn-hover {
	opacity: 1;
	transform: translateY(0);
	transition: transform 1.4s cubic-bezier(0.19, 1, 0.22, 1),
		opacity 1.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.bd-btn.is-btn-anim:hover .bd-btn-normal {
	opacity: 0;
	transform: translateY(-70%);
	transition: transform 1.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s linear;
}
.bd-btn.is-btn-anim.bordered-blue::before {
	background-color: var(--bd-theme-primary);
}
.bd-btn.is-btn-anim.bordered-light::before {
	background-color: var(--bd-theme-primary);
}
.bd-btn.is-btn-anim.is-transparent-btn::before {
	background-color: var(--bd-theme-primary);
}

.bd-btn-inner {
	position: relative;
}

.bd-btn-hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transform: translateY(70%);
}

.load__more-wrapper {
	margin-top: 40px;
}
.load__more-icon {
	width: 20px;
	height: 20px;
	border: 2px solid #eee;
	border-top: 2px solid #363b3e;
	border-radius: 100%;
	display: inline-block;
}
.load__more-btn span {
	display: flex;
	align-items: center;
	gap: 8px;
}
.load__more-btn a:hover .load__more-icon {
	animation: bdloader 1s infinite linear;
}

/*----------------------------------------*/
/*  2.9 Offcanvas
/*----------------------------------------*/
.offcanvas__area {
	background: #1d1e1f none repeat scroll 0 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 500px;
	height: 100%;
	-webkit-transform: translateX(calc(100% + 80px));
	-moz-transform: translateX(calc(100% + 80px));
	-ms-transform: translateX(calc(100% + 80px));
	-o-transform: translateX(calc(100% + 80px));
	transform: translateX(calc(100% + 80px));
	-webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
	-moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
	transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
	z-index: 999;
	overflow-y: scroll;
	overscroll-behavior-y: contain;
	scrollbar-width: none;
	border-left: 1px solid var(--bd-border-primary);
}
.offcanvas__area ::-webkit-scrollbar {
	display: none;
}
@media (max-width: 575px) {
	.offcanvas__area {
		width: 400px;
	}
}
@media (max-width: 450px) {
	.offcanvas__area {
		width: 100%;
	}
}
.offcanvas__area.info-open {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.offcanvas__content {
	padding-bottom: 45px;
}
.offcanvas__wrapper {
	position: relative;
	height: 100%;
	padding: 45px 45px;
}
@media (max-width: 575px) {
	.offcanvas__wrapper {
		padding: 30px 30px;
	}
}
.offcanvas__top {
	border-bottom: 1px solid var(--bd-border-primary);
	padding-bottom: 20px;
	margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.offcanvas__top {
		margin-bottom: 0;
	}
}
.offcanvas__color {
	margin-bottom: 40px;
}
.offcanvas__color h5 {
	font-size: 22px;
	margin-bottom: 15px;
}
.offcanvas__color input {
	display: none;
}
.offcanvas__color label {
	width: 100%;
	height: 60px;
	background-color: var(--bd-theme-primary);
}
.offcanvas__color label:hover {
	cursor: pointer;
}
.offcanvas__color-2 label {
	background-color: var(--bd-theme-2);
}
.offcanvas__search {
	position: relative;
}
.offcanvas__search input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-right: 20px;
	background: transparent;
	border-bottom: 1px solid var(--bd-border-primary);
	font-size: 16px;
	color: var(--bd-common-white);
	padding-bottom: 15px;
}
.offcanvas__search input::placeholder {
	color: var(--bd-common-white);
}
.offcanvas__search input:focus {
	border-color: var(--bd-common-white);
}
.offcanvas__search button {
	position: absolute;
	top: 2px;
	right: 0;
	font-size: 20px;
	color: var(--bd-common-white);
}
.offcanvas__search button:hover {
	color: var(--bd-theme-primary);
}
.offcanvas__text p {
	margin-bottom: 25px;
}
.offcanvas__social {
	margin-bottom: 40px;
}
.offcanvas__social ul li {
	display: inline-block;
}
.offcanvas__social ul li:not(:last-child) {
	margin-right: 5px;
}
.offcanvas__social ul li a {
	color: var(--bd-text-secondary);
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: #7c7e82;
	font-size: 16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.offcanvas__social ul li a:hover {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
}
.offcanvas__notification-icon a {
	font-size: 14px;
	color: var(--bd-common-white);
	position: relative;
}
.offcanvas__notification-icon a .notification-count {
	position: absolute;
	top: -4px;
	right: -13px;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 600;
	background-color: var(--bd-theme-primary);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	color: var(--bd-common-white);
	text-align: center;
}
.offcanvas__notification-text p {
	margin-bottom: 0;
	font-weight: 500;
	color: var(--bd-common-white);
	font-size: 14px;
}
.offcanvas__notification-text p .notification-number {
	color: var(--bd-theme-primary);
}
.offcanvas__notification-text p a {
	color: var(--bd-theme-primary);
}
.offcanvas__overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	background: var(--bd-common-black);
	z-index: 900;
	top: 0;
	opacity: 0;
	visibility: hidden;
	right: 0;
}
.offcanvas__overlay.overlay-open {
	opacity: 0.6;
	visibility: visible;
}

.sidebar__toggle {
	cursor: pointer;
}

.offcanvas__contact-icon {
	margin-inline-end: 15px;
}

.offcanvas__slider-content {
	border: 1px solid var(--bd-border-primary);
	padding: 20px;
}

.offcanvas__navigation {
	display: flex;
	align-items: center;
	gap: 20px;
}
.offcanvas__navigation button svg * {
	fill: var(--bd-common-white);
}
.offcanvas__navigation button:hover svg * {
	fill: var(--bd-theme-primary);
}

.offcanvas__post-title {
	font-size: 26px;
	color: var(--bd-common-white);
}
.offcanvas__post-title a:hover {
	color: var(--bd-theme-primary);
}

.offcanvas-close-icon {
	line-height: 1;
	color: var(--bd-common-white);
}
.offcanvas-close-icon .offcanvas-m-lines {
	position: relative;
	display: block;
	height: 12px;
	width: 33px;
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--1 {
	top: 6px;
	transform: rotate(45deg);
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--3 {
	opacity: 0;
	opacity: 0;
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--2 {
	top: 6px;
	transform: rotate(-45deg);
}
.offcanvas-close-icon .offcanvas-m-line {
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: currentColor;
	transition: top 0.15s ease, transform 0.3s ease;
}
.offcanvas-close-icon .offcanvas-m-line.line--1 {
	top: 0;
}
.offcanvas-close-icon .offcanvas-m-line.line--2 {
	top: 5px;
}
.offcanvas-close-icon .offcanvas-m-line.line--3 {
	bottom: 0;
	bottom: 0;
}
.offcanvas-close-icon:hover .offcanvas-m-line {
	animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
	animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.offcanvas-close-icon:hover .offcanvas-m-line:nth-of-type(2) {
	animation-delay: 0.1s;
}

/*----------------------------------------*/
/*  2.0 Section Title  
/*----------------------------------------*/
.section__subtitle {
	font-weight: var(--bd-fw-sbold);
	display: inline-block;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--bd-theme-primary);
	margin-bottom: 13px;
}
.section__subtitle.bg-field {
	color: var(--bd-theme-primary);
	padding: 5px 18px 4px;
	background: var(--bd-rgba-1);
	border-radius: 4px;
	margin-bottom: 19px;
}
.section__subtitle.bg-white {
	color: var(--bd-common-white);
	padding: 5px 15px 4px;
	background-color: rgba(255, 255, 255, 0.1) !important;
	border-radius: 30px;
}
.section__subtitle.sec-border {
	position: relative;
	padding-right: 55px;
}
.section__subtitle.sec-border::before {
	position: absolute;
	width: 40px;
	height: 1px;
	background: rgba(255, 255, 255, 0.2);
	content: "";
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.section__subtitle.bg-solid-field {
	color: var(--bd-common-white);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1.68px;
	display: inline-block;
	border-radius: 4px;
	background: var(--bd-theme-primary);
	padding: 3px 15px;
}

.section__subtitle-3 {
	background: linear-gradient(90deg, #674ad9 0%, #fb5141 100%);
	background-clip: text;
	-webkit-background-clip: text;
	g16-fill-color: transparent;
	font-weight: var(--bd-fw-medium);
	letter-spacing: 2.56px;
	line-height: 1;
	display: inline-block;
}

.section__subtitle-4 {
	font-size: 14px;
	display: inline-block;
	background: var(--bd-gradient-2);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: var(--bd-fw-medium);
	letter-spacing: 1.68px;
	position: relative;
	padding: 4px 15px;
}
.section__subtitle-4:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 4px;
	border: 1.5px solid transparent;
	background: linear-gradient(
		90deg,
		#6549d5 0%,
		#1b1ebd 50.5208313465%,
		#059dff 100%
	);
	background-clip: border-box;
	-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	mask-composite: add, add;
	mask-composite: exclude;
	opacity: 0.2;
}

.section__subtitle-5 {
	font-size: 14px;
	display: inline-block;
	background: var(--bd-gradient-2);
	background-clip: border-box;
	background-clip: text;
	background-clip: border-box;
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: var(--bd-fw-medium);
	letter-spacing: 1.68px;
	position: relative;
	padding: 4px 15px;
}
.section__subtitle-5::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: white;
	opacity: 0.05;
	z-index: -1;
	top: 0;
	left: 0;
	border-radius: 4px;
}
.bd-theme-light .section__subtitle-5::before {
	background: var(--bd-bg-5);
	opacity: 1;
}

.section__subtitle-6 {
	color: #089eff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1.68px;
	display: inline-block;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.07);
	backdrop-filter: blur(15px);
	padding: 3px 15px;
}
.bd-theme-light .section__subtitle-6 {
	background: #ebebeb;
}

.section__subtitle-7 {
	border-radius: 4px;
	background: rgba(5, 157, 255, 0.07);
	font-size: 14px;
	color: var(--bd-theme-primary);
	letter-spacing: 1.68px;
	display: inline-block;
	padding: 8px 15px 8px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: var(--bd-fw-sbold);
}
.bd-theme-light .section__subtitle-7 {
	background: rgba(5, 157, 255, 0.15);
}

.section__subtitle-8 {
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #322f45;
	padding: 6px 15px 8px;
	line-height: 1;
}
.bd-theme-light .section__subtitle-8 {
	border: 1px solid var(--bd-border-primary);
}
.section__subtitle-8 span {
	background: linear-gradient(90deg, #fb5141 0%, #089eff 100%);
	text-transform: capitalize;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1.68px;
	text-transform: uppercase;
}

.elements-line {
	display: flex;
	position: relative;
	align-items: center;
	margin: 0 -15px;
}
.elements__title {
	position: relative;
	padding: 0 15px;
	width: max-content;
}

.separator__line {
	position: relative;
	background-image: linear-gradient(90deg, #46494d, rgba(33, 38, 45, 0));
	width: 100%;
	height: 1px;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: auto;
}
.separator__line.line-left {
	background-image: linear-gradient(-90deg, #46494d, rgba(33, 38, 45, 0));
}
.separator__line.line-right {
	background-image: linear-gradient(90deg, #46494d, rgba(33, 38, 45, 0));
}

/*----------------------------------------*/
/*  2.6 Breadcrumb
/*----------------------------------------*/
.breadcrumb__shape-one {
	position: absolute;
	left: 135px;
	-moz-animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
	-webkit-animation: rotate-infinite 3s ease-in-out 1s forwards infinite
		alternate;
	animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
	bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.breadcrumb__shape-one {
		left: 75px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.breadcrumb__shape-one {
		display: none;
	}
}
.breadcrumb__shape-two {
	position: absolute;
	right: 115px;
	top: 60px;
	-moz-animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
	-webkit-animation: rotate-infinite 3s ease-in-out 1s forwards infinite
		alternate;
	animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.breadcrumb__shape-two {
		right: 75px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.breadcrumb__shape-two {
		display: none;
	}
}
.breadcrumb__menu ul {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flexbox;
	display: inline-flex;
	gap: 20px 25px;
	justify-content: center;
	flex-wrap: wrap;
}
.breadcrumb__menu ul li {
	list-style: none;
	position: relative;
	line-height: 1;
}
.breadcrumb__menu ul li:last-child span {
	color: var(--bd-theme-primary);
}
.breadcrumb__menu ul li:not(:last-child)::before {
	display: inline-block;
	content: "";
	position: absolute;
	top: 50%;
	font-family: var(--bd-ff-fontawesome);
	inset-inline-end: -16px;
	font-size: 16px;
	color: var(--bd-common-white);
}
.breadcrumb__menu ul li.active span {
	color: var(--bd-theme-primary);
}
.breadcrumb__menu ul li span {
	font-size: 16px;
	font-weight: var(--bd-fw-medium);
	text-transform: uppercase;
	color: var(--bd-common-white);
}
.breadcrumb__menu ul li span a {
	font-weight: var(--bd-fw-medium);
}
.breadcrumb__menu ul li span a:hover {
	color: var(--bd-theme-primary);
}
.breadcrumb__area.style-two::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}
.breadcrumb__area.style-two.is-breadcrumb-space {
	padding-top: 220px;
	padding-bottom: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.breadcrumb__area.style-two.is-breadcrumb-space {
		padding-top: 170px;
		padding-bottom: 90px;
	}
}
@media (max-width: 575px) {
	.breadcrumb__area.style-two.is-breadcrumb-space {
		padding-top: 150px;
		padding-bottom: 80px;
	}
}
.breadcrumb__area.style-two .breadcrumb__menu ul li::before {
	color: var(--bd-common-white);
}
.breadcrumb__area.style-two .breadcrumb__menu ul li span a {
	color: var(--bd-common-white);
}
.breadcrumb__area.style-two .breadcrumb__menu ul li span a:hover {
	color: var(--bd-theme-primary);
}
.breadcrumb__area.style-one {
	padding-top: 130px;
	padding-bottom: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.breadcrumb__area.style-one {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.breadcrumb__area.style-one {
		padding-top: 90px;
		padding-bottom: 90px;
	}
}
@media (max-width: 575px) {
	.breadcrumb__area.style-one {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
.breadcrumb__area.style-one::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

/*----------------------------------------*/
/*  2.5 Carousel
/*----------------------------------------*/
.pagination__wrapper {
	margin-top: 40px;
}
.pagination__wrapper.case-studies-style {
	margin-top: 0;
}
.pagination__wrapper.case-studies-style .bd-swiper-dot {
	position: relative;
	left: 80px;
	z-index: 2;
	top: -18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.pagination__wrapper.case-studies-style .bd-swiper-dot {
		left: 32px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.pagination__wrapper.case-studies-style .bd-swiper-dot {
		left: 0;
	}
}

.bd-swiper-dot .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: transparent;
	border: 2px solid var(--bd-theme-primary);
	opacity: 1;
	border-radius: 30px;
	position: relative;
	margin: 0 8px !important;
}
.bd-theme-light .bd-swiper-dot .swiper-pagination-bullet {
	background-color: rgba(6, 6, 6, 0.2);
}
.bd-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--bd-theme-primary);
}
.bd-theme-light
	.bd-swiper-dot
	.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #060606;
}
.bd-swiper-dot.is-white .swiper-pagination-bullet {
	background-color: rgba(255, 255, 255, 0.2);
}
.bd-swiper-dot.is-white
	.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: white;
}
.bd-swiper-dot.is-border .swiper-pagination-bullet {
	background: var(--bd-theme-primary);
	border: none;
}
.bd-swiper-dot.is-border .swiper-pagination-bullet::after {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
}
.bd-swiper-dot.is-border
	.swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	border-color: var(--bd-border-secondary);
	transform: translate(-50%, -50%) scale(1);
}

.common__navigation button {
	width: 50px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--bd-common-white);
	font-size: 17px;
	border-radius: 50px;
	border: 1.5px solid var(--bd-bg-1);
	background: var(--bd-bg-1);
}
.common__navigation button:hover {
	background-color: var(--bd-theme-primary);
	border-color: transparent;
	color: var(--bd-text-primary);
}
.bd-theme-light .common__navigation button:hover {
	color: var(--bd-common-white);
}

.feedback__inner:hover .feedback__navigation button {
	opacity: 1;
}

.feedback__navigation button {
	width: 60px;
	height: 60px;
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--bd-border-primary);
	justify-content: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	color: var(--bd-text-primary);
	font-size: 20px;
	position: absolute;
	color: var(--bd-text-secondary);
	top: 42.5%;
	left: -30px;
	z-index: 55;
	background: var(--bd-common-white);
	opacity: 0;
	top: 50% !important;
	transform: translateY(-50%) !important;
}
.bd-theme-light .feedback__navigation button {
	color: var(--bd-text-primary);
}
.feedback__navigation button:hover {
	background: var(--bd-theme-primary);
	border-color: transparent;
	color: var(--bd-common-white);
}

.feedback__button-next {
	left: auto !important;
	right: -30px;
}

.service__slide-wrapper:hover .service__navigation button {
	opacity: 1;
}

.service__navigation button {
	width: 50px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--bd-common-white);
	font-size: 17px;
	position: absolute;
	top: 44%;
	left: -30px;
	z-index: 55;
	opacity: 0;
	border-radius: 50px;
	border: 1.5px solid var(--bd-bg-1);
	background: var(--bd-bg-1);
}
.service__navigation button:hover {
	background-color: var(--bd-theme-primary);
	border-color: transparent;
	color: var(--bd-text-primary);
}
.bd-theme-light .service__navigation button:hover {
	color: var(--bd-common-white);
}
.service__navigation .service__button-next {
	left: auto !important;
	right: -30px;
}

.case-studies__navigation button {
	width: 50px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--bd-common-white);
	font-size: 17px;
	position: absolute;
	top: 50%;
	left: -15px;
	z-index: 55;
	border-radius: 50px;
	border: 2px solid #16181a;
	background: #3b3d40;
}
.case-studies__navigation button:hover {
	background-color: var(--bd-theme-primary);
	color: var(--bd-text-primary);
}

.case-studies__button-next {
	left: auto !important;
	right: -15px;
}

/*----------------------------------------*/
/*  2.13 Tab
/*----------------------------------------*/
.bd-tab .nav-tabs {
	padding: 0;
	margin: 0;
	border: 0;
}
.bd-tab .nav-tabs .nav-link {
	padding: 0;
	margin: 0;
	border: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.bd__menu {
	gap: 15px;
}
.bd__menu-tab {
	display: flex;
	justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bd__menu-tab {
		justify-content: start;
	}
}
.bd__menu button {
	color: var(--bd-common-white);
	font-size: 16px;
	font-weight: 500;
	transition: all linear 0.3s;
	background-color: transparent;
	display: inline-flex;
	padding: 0 30px;
	border: 1px solid var(--bd-border-primary);
	border-radius: 8px;
	height: 55px;
	align-items: center;
	justify-content: center;
}
.bd__menu button.active {
	background: var(--bd-theme-primary);
}
.bd__menu button:hover {
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
	border: 1px solid transparent;
}
.bd__menu.style-two {
	gap: 10px 30px;
}
.bd__menu.style-two button {
	height: 0;
}
.bd__menu.style-two button {
	border: 0;
	padding: 0;
	color: var(--bd-text-tertiary);
}
.bd__menu.style-two button.active {
	color: var(--bd-theme-primary);
	background: none;
}
.bd__menu.style-two button.active::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	margin: auto;
	left: 0;
	bottom: 0px;
	right: 0;
	border-radius: 8px;
	transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
	z-index: -1;
	background: var(--bd-theme-primary);
}
.bd__menu.style-two button:hover {
	background: none;
	color: var(--bd-theme-primary);
	border: 0;
}
.bd__menu.style-two .bd__btn-item {
	position: relative;
}
.bd__menu.style-two .bd__btn-item::before {
	position: absolute;
	content: "";
	width: 0;
	height: 1px;
	margin: auto;
	left: 0;
	bottom: 0px;
	right: 0;
	border-radius: 8px;
	transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
	z-index: -1;
	background: var(--bd-theme-primary);
}
.bd__menu.style-two .bd__btn-item:hover::before {
	width: 100%;
}

/*----------------------------------------
   Basic pagination
-----------------------------------------*/
.bd-basic__pagination ul {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.bd-basic__pagination ul {
		justify-content: start;
	}
}
.bd-basic__pagination ul li {
	list-style: none;
}
.bd-basic__pagination ul li a {
	width: 50px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	right: 0;
	top: 50%;
	font-weight: 600;
	font-size: 18px;
	border: 1px solid var(--bd-border-primary);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.bd-basic__pagination ul li a:hover {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
	border-color: transparent;
}
.bd-basic__pagination ul li .current {
	width: 50px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	right: 0;
	top: 50%;
	font-weight: 500;
	font-size: 16px;
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.bd-basic__pagination.style-2 ul li span a {
	border: 0;
	background: transparent;
}

/*----------------------------------------*/
/*  2.13 List
/*----------------------------------------*/
.info__list ul li {
	display: flex;
	align-items: center;
	gap: 12px;
	line-height: 1.3;
}
.info__list ul li:not(.info__list ul li:last-child) {
	margin-bottom: 20px;
}
.info__list ul li i {
	font-size: 16px;
	color: var(--bd-theme-primary);
}
.info__list ul li p {
	margin-bottom: 0;
}

.info__list-2 {
	position: relative;
	z-index: 5;
	margin-top: 13px;
}
.info__list-2 ul {
	display: flex;
	align-items: start;
	justify-content: center;
	gap: 15px 30px;
	flex-wrap: wrap;
}
.info__list-2 ul li {
	display: flex;
	align-items: self-start;
	gap: 10px;
}
.info__list-2 ul li i {
	color: var(--bd-common-white);
	line-height: 24px;
	font-weight: 700;
	font-size: 16px;
}
.info__list-2 ul li P {
	color: var(--bd-common-white);
	margin-bottom: 0;
}

.info__list-3 ul {
	display: flex;
	align-items: start;
	gap: 10px 25px;
	flex-wrap: wrap;
}
.info__list-3 ul li {
	display: flex;
	align-items: self-start;
	gap: 10px;
}
.info__list-3 ul li P {
	margin-bottom: 0;
}

.bd__feature-list ul li {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	gap: 12px;
}
.bd__feature-list ul li:not(:last-child) {
	margin-bottom: 25px;
}
.bd__feature-list ul li span {
	width: 22px;
	height: 22px;
	min-width: 22px;
	background: rgba(8, 158, 255, 0.1);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	border-radius: 50%;
	color: var(--bd-theme-primary);
	position: relative;
	top: 3px;
}
.bd__feature-list ul li p {
	margin-bottom: 0;
}

/*----------------------------------------*/
/*  2.2 forms css
/*----------------------------------------*/
.from__input-box.has-icon .form__input {
	position: relative;
}
.from__input-box.has-icon .form__input span {
	position: absolute;
	display: inline-block;
}
.from__input-box.has-icon.icon-left .form__input input,
.from__input-box.has-icon.icon-left .form__input textarea {
	padding-left: 45px;
}
.from__input-box.has-icon.icon-right .form__input input,
.from__input-box.has-icon.icon-right .form__input textarea {
	padding-right: 45px;
}

.from__input-box.has-icon.icon-left .form__input span {
	left: 20px;
	top: 22px;
}
.from__input-box.has-icon.icon-right .form__input span {
	right: 20px;
	top: 22px;
}
.from__input-box.label-hidden label {
	display: none;
}

.form__input {
	position: relative;
}
.form__input-title label {
	margin-bottom: 5px;
	text-transform: capitalize;
	font-size: 16px;
	text-align: left;
	display: block;
}
.form__input-title label span {
	color: var(--bd-theme-primary);
}
.form__input textarea {
	height: 220px;
	padding: 22px 20px;
	resize: none;
}
.form__select.nice-select {
	height: 60px;
	width: 100%;
	background: rgba(255, 255, 255, 0.05);
	padding: 0 20px;
	display: flex;
	align-items: center;
	float: none;
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.bd-theme-light .form__select.nice-select {
	background: rgba(235, 235, 235, 0.9);
}
.form__select.nice-select.open {
	font-size: 16px;
}
.form__select.nice-select.open .list {
	-webkit-transform: scale(1) translateY(0px);
	-moz-transform: scale(1) translateY(0px);
	-ms-transform: scale(1) translateY(0px);
	-o-transform: scale(1) translateY(0px);
	transform: scale(1) translateY(0px);
	box-shadow: 0 0 0 1px #383838;
}
.form__select.nice-select .current {
	text-align: left;
	font-size: 16px;
	position: relative;
}
.bd-theme-light .form__select.nice-select .current {
	color: var(--bd-common-placeholder);
}
.form__select.nice-select .list {
	transform-origin: center center;
	-webkit-transform: scale(0.9) translateY(0px);
	-moz-transform: scale(0.9) translateY(0px);
	-ms-transform: scale(0.9) translateY(0px);
	-o-transform: scale(0.9) translateY(0px);
	transform: scale(0.9) translateY(0px);
	width: 100%;
	padding: 10px 0;
	background: var(--bd-bg-quaternary);
}
.bd-theme-light .form__select.nice-select .list {
	background: #ececec;
}
.form__select.nice-select::after {
	color: var(--bd-text-body);
	font-size: 18px;
	right: 23px;
	width: 8px;
	height: 8px;
}
.form__select.nice-select .option {
	font-size: 16px;
}
.form__select.nice-select .option:hover {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.form__select.nice-select .option.focus {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.form__select.nice-select .option.selected.focus {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}

.from__input-box.from-flex {
	display: flex;
	gap: 0 10px;
}
@media (max-width: 575px) {
	.from__input-box.from-flex {
		flex-direction: column;
	}
}

.form__input-title {
	width: 120px;
}

.form__input {
	position: relative;
	flex-grow: 14;
}

.form__input.style-two input {
	border: 1px solid #4a4a4a;
	background: #121314;
}
.form__input.style-two textarea {
	border: 1px solid #4a4a4a;
	background: #121314;
}
.form__input.style-two input:focus,
.form__input.style-two textarea:focus {
	border-color: var(--bd-theme-primary);
}
.form__input.style-three input {
	border: 1.5px solid #4a4a4a;
	background: rgba(29, 30, 31, 0.7);
}
.form__input.style-three textarea {
	border: 1.5px solid #4a4a4a;
	background: rgba(29, 30, 31, 0.7);
}
.form__input.style-three input:focus,
.form__input.style-three textarea:focus {
	border-color: var(--bd-theme-primary);
}

.floating__form-input {
	position: relative;
}
.floating__form-input.floating-bg input:focus ~ .floating-label {
	background-color: var(--bd-bg-primary);
}
.floating__form-input input {
	border-color: var(--bd-border-secondary);
	background-color: transparent;
}
.floating__form-input input:focus ~ .floating-label {
	top: 0;
	left: 16px;
	font-size: 16px;
	font-weight: 400;
	background-color: var(--bd-bg-secondary);
	padding: 0px 4px;
	color: var(--bd-theme-primary);
}
.floating__form-input input:not(:focus):valid ~ .floating-label {
	top: 0;
	left: 20px;
	font-size: 16px;
	font-weight: 400;
	padding: 0px 4px;
	color: var(--bd-theme-primary);
	background-color: var(--bd-bg-secondary);
}
.floating__form-input .floating-label {
	position: absolute;
	pointer-events: none;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.2s ease all;
}
.floating__form-input textarea {
	height: 200px;
	padding: 22px 20px;
	resize: none;
	background: transparent;
}
.floating__form-input textarea:focus ~ .floating-label-two {
	top: -12px;
	left: 15px;
	padding: 0px 4px;
	background-color: var(--bd-bg-secondary);
	color: var(--bd-theme-primary);
}
.floating__form-input textarea:not(:focus):valid ~ .floating-label-two {
	top: -12px;
	left: 20px;
	padding: 0px 4px;
}
.floating__form-input .floating-label-two {
	position: absolute;
	pointer-events: none;
	left: 20px;
	top: 20px;
	transition: 0.2s ease all;
}

.floating__form-content {
	padding-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.floating__form-content {
		padding-right: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.floating__form-content {
		padding-right: 20px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.floating__form-content {
		padding-right: 0;
	}
}

.contact__btn {
	margin-top: 20px;
}
.contact__btn .bd-btn {
	border-radius: 8px;
}

.contact__info-wrapper {
	max-width: 503px;
	margin: 0 auto;
	padding-top: 75px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.contact__info-wrapper {
		max-width: 100%;
		padding-top: 0;
	}
}
.contact__info h6 {
	font-weight: 500;
	color: var(--bd-text-secondary);
}
.contact__info h6 a:hover {
	color: var(--bd-theme-primary);
}
.contact__thumb {
	margin-bottom: 30px;
}
.contact__thumb img {
	border-radius: 8px;
	width: 100%;
}

.contact__thumb {
	margin-bottom: 30px;
}

input[type="checkbox"] {
	display: none;
}
input[type="checkbox"]:checked ~ label::before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
input[type="checkbox"] ~ label {
	position: relative;
	padding-left: 30px;
}
input[type="checkbox"] ~ label::after,
input[type="checkbox"] ~ label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	background-color: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--bd-border-primary);
	border-radius: 4px;
	transition: 0.2s;
}
input[type="checkbox"] ~ label::before {
	width: 12px;
	height: 12px;
	background-color: var(--bd-theme-primary);
	left: 4px;
	top: 6px;
	right: 3px;
	bottom: 3px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
input[type="checkbox"] ~ label:hover {
	cursor: pointer;
}

input[type="radio"] {
	opacity: 0;
	position: absolute;
}
input[type="radio"] ~ label {
	position: relative;
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	padding-left: 28px;
	cursor: pointer;
	margin-bottom: 0;
}
input[type="radio"] ~ label::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid var(--bd-border-primary);
	border-radius: 2px;
	transition: all 0.3s;
}
input[type="radio"] ~ label::after {
	content: " ";
	position: absolute;
	top: 9px;
	left: 2px;
	width: 10px;
	height: 5px;
	background-color: transparent;
	border-radius: 2px;
	transform: rotate(-45deg);
	opacity: 0;
	transition: all 0.3s;
}
input[type="radio"]:checked ~ label::before {
	border-color: var(--bd-theme-primary);
}
input[type="radio"]:checked ~ label::after {
	opacity: 1;
	background-color: var(--bd-theme-primary);
}

input[type="radio"] ~ label::before {
	border-radius: 50%;
}
input[type="radio"] ~ label::after {
	width: 12px;
	height: 12px;
	left: 4px;
	background: #fff;
	border-radius: 50%;
	top: 7px;
}

.switch-checkbox {
	position: relative;
	display: inline-block;
	width: 38px;
	height: 22px;
}
.switch-checkbox input {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch.round {
	border-radius: 34px;
}
.switch.round:before {
	border-radius: 50%;
}

.switch {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border: 1px solid var(--bd-border-primary);
}
.switch:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 3px;
	bottom: 3px;
	background-color: #4b4e52;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

input:checked + .switch {
	background-color: #096bd8;
	border-color: #096bd8;
}
input:checked + .switch:before {
	transform: translateX(16px);
	background-color: var(--bd-common-white);
}

/*----------------------------------------*/
/*  2.6 Breadcrumb
/*----------------------------------------*/
.theme__social {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	gap: 10px;
}
.theme__social a {
	color: var(--bd-theme-primary);
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	background: rgba(66, 134, 244, 0.1);
	font-size: 16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.theme__social a:hover {
	color: var(--bd-common-white);
	background: var(--bd-theme-primary);
}
@media (max-width: 575px) {
	.theme__social.banner-social {
		display: none;
	}
}
.theme__social.banner-social a {
	position: absolute;
	font-size: 20px;
	background: linear-gradient(180deg, #1e2022 0%, #2f3c48 100%);
	border-radius: 70px;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2),
		0px -10px 10px 0px rgba(37, 37, 37, 0.4);
	width: 50px;
	height: 50px;
	color: var(--bd-common-white);
}
.theme__social.banner-social a:nth-child(1) {
	right: -12px;
	top: 40%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.theme__social.banner-social a:nth-child(1) {
		right: -12px;
		top: 37%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.theme__social.banner-social a:nth-child(1) {
		top: 39%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.theme__social.banner-social a:nth-child(1) {
		bottom: 300px;
		top: unset;
	}
}
.theme__social.banner-social a:nth-child(2) {
	right: -25px;
	top: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.theme__social.banner-social a:nth-child(2) {
		right: -20px;
		top: 48%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.theme__social.banner-social a:nth-child(2) {
		right: -20px;
		bottom: 238px;
		top: unset;
	}
}
.theme__social.banner-social a:nth-child(3) {
	right: -20px;
	top: 60%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.theme__social.banner-social a:nth-child(3) {
		top: 62%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.theme__social.banner-social a:nth-child(3) {
		bottom: 175px;
		top: unset;
		right: 0;
	}
}
.theme__social.banner-social a:nth-child(4) {
	right: 0px;
	top: 70%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.theme__social.banner-social a:nth-child(4) {
		top: 71%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.theme__social.banner-social a:nth-child(4) {
		top: 73%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.theme__social.banner-social a:nth-child(4) {
		bottom: 120px;
		top: unset;
		right: 35px;
	}
}
.theme__social.banner-social a .banner__social-tooltip {
	position: absolute;
	top: 50%;
	left: 100%;
	background-color: white;
	padding: 6px 11px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-out 0s;
	transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.theme__social.banner-social a .banner__social-tooltip {
		display: none;
	}
}
.theme__social.banner-social a .banner__social-tooltip::after {
	position: absolute;
	content: "";
	left: 0;
	width: 13px;
	height: 13px;
	background-color: var(--bd-common-white);
	transform: rotate(45deg) translateY(50%);
	top: 3px;
	z-index: -1;
}
.theme__social.banner-social a .banner__social-tooltip p {
	font-size: 14px;
	color: #161718;
	line-height: 1;
}
.theme__social.banner-social a:hover {
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.theme__social.banner-social a:hover .banner__social-tooltip {
	visibility: visible;
	opacity: 1;
	transform: translateX(16px) translateY(-50%);
}
.theme__social.banner-social.style-two {
	position: absolute;
	display: flex;
	flex-direction: column;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.theme__social.banner-social.style-two {
		display: none;
	}
}
@media (max-width: 450px) {
	.theme__social.banner-social.style-two {
		transform: translateY(0);
	}
}
.theme__social.banner-social.style-two a {
	background: var(--bd-bg-secondary);
	position: unset;
	border-radius: 0;
	box-shadow: none;
}
.theme__social.banner-social.style-two a:hover {
	background: var(--bd-theme-primary);
}
.theme__social.banner-social.style-three {
	position: absolute;
	display: flex;
	flex-direction: column;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	background: rgba(88, 91, 95, 0.28);
	border-radius: 8px;
	gap: 0;
}
.theme__social.banner-social.style-three a {
	position: unset;
	background: transparent;
	box-shadow: none;
	color: var(--bd-theme-primary);
	width: 40px;
	height: 40px;
	border-radius: 8px;
}
.theme__social.banner-social.style-three a:hover {
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
}

/*----------------------------------------*/
/*  2.2 Buttons
/*----------------------------------------*/
.client-thumb a:not(:first-child) {
	margin-left: -20px;
}
.client-thumb img {
	max-width: 50px;
	border-radius: 50%;
	border: 2px solid #3d2954;
}
.client-thumb .arrow {
	width: 50px;
	height: 50px;
	background-color: #27292b;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.bd-avatars img {
	border-radius: 100%;
	padding: 5px;
	border: 2px solid var(--bd-border-primary);
	width: 100%;
}

.bd-avatars {
	max-width: 80px;
}
.bd-avatars.size-lg {
	max-width: 110px;
}
.bd-avatars.size-sm {
	max-width: 60px;
}

/*----------------------------------------*/
/*  2.1 Back to top
/*----------------------------------------*/
.backtotop-wrap {
	position: fixed;
	bottom: 30px;
	right: 30px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
	background: var(--bd-theme-primary);
}
@media (max-width: 450px) {
	.backtotop-wrap {
		bottom: 20px;
		right: 20px;
	}
}
.backtotop-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.backtotop-wrap::after {
	position: absolute;
	font-family: var(--bd-ff-fontawesome);
	content: "";
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	font-weight: 400;
	color: var(--bd-common-white);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}
.backtotop-wrap svg path {
	fill: none;
}
.backtotop-wrap svg.backtotop-circle path {
	stroke: #ccc;
	stroke-width: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

/*----------------------------------------*/
/*  2.3 Animations
/*----------------------------------------*/
@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
.animate-play {
	position: relative;
	z-index: 5;
}
.animate-play::before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	border: 1px solid var(--bd-rgba-4);
	top: 0;
	left: 0;
	right: 0px;
	bottom: 0px;
	z-index: 0;
	animation-name: popupBtn;
	animation-duration: 1.6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	z-index: -1;
}
.animate-play::after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	border: 1px solid var(--bd-rgba-4);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;
	z-index: 0;
	animation-name: popupBtn;
	animation-duration: 1.8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	z-index: -1;
}

@keyframes popupBtn {
	0% {
		transform: scale(1);
		opacity: 0.6;
	}
	50% {
		transform: scale(1.4);
		opacity: 0.3;
	}
	100% {
		transform: scale(2);
		opacity: 0;
	}
}
@keyframes leftright {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}
@keyframes upDown {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes bdSpinSmall {
	0% {
		transform: rotate(-5deg);
	}
	50% {
		transform: rotate(5deg);
	}
	to {
		transform: rotate(-5deg);
	}
}
@keyframes qode-draw {
	0%,
	100% {
		-webkit-clip-path: inset(-2px 0);
		clip-path: inset(-2px 0);
	}
	42% {
		-webkit-clip-path: inset(-2px 0 -2px 100%);
		clip-path: inset(-2px 0 -2px 100%);
	}
	43% {
		-webkit-clip-path: inset(-2px 100% -2px 0);
		clip-path: inset(-2px 100% -2px 0);
	}
}
@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-ms-transform: translateY(16px);
		-o-transform: translateY(16px);
		transform: translateY(16px);
	}
}
@-moz-keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-ms-transform: translateY(16px);
		-o-transform: translateY(16px);
		transform: translateY(16px);
	}
}
@-ms-keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-ms-transform: translateY(16px);
		-o-transform: translateY(16px);
		transform: translateY(16px);
	}
}
@keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-ms-transform: translateY(16px);
		-o-transform: translateY(16px);
		transform: translateY(16px);
	}
}
@-webkit-keyframes leftright {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		transform: translateX(-20px);
	}
}
@-moz-keyframes leftright {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		transform: translateX(-20px);
	}
}
@-ms-keyframes leftright {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		transform: translateX(-20px);
	}
}
@keyframes leftright {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		transform: translateX(-20px);
	}
}
@keyframes bounce {
	0%,
	10%,
	100%,
	20%,
	50%,
	80% {
		transform: translateX(0);
	}
	40%,
	60% {
		transform: translateX(-15px);
	}
}
@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-ms-transform: translateY(16px);
		-o-transform: translateY(16px);
		transform: translateY(16px);
	}
}
@-moz-keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-ms-transform: translateY(16px);
		-o-transform: translateY(16px);
		transform: translateY(16px);
	}
}
@-ms-keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-ms-transform: translateY(16px);
		-o-transform: translateY(16px);
		transform: translateY(16px);
	}
}
@keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-ms-transform: translateY(16px);
		-o-transform: translateY(16px);
		transform: translateY(16px);
	}
}
@keyframes line1 {
	0% {
		top: 0px;
		opacity: 1;
	}
	50% {
		top: 50%;
	}
	100% {
		top: 100%;
		opacity: 1;
	}
}
@keyframes line2 {
	0% {
		opacity: 1;
		bottom: 0px;
	}
	50% {
		bottom: 50%;
	}
	100% {
		bottom: 100%;
		opacity: 1;
	}
}
.line__wrap::before {
	width: 1px;
	height: 100%;
	position: absolute;
	content: "";
	background: var(--bd-border-primary);
	z-index: 2;
	top: 0;
	right: 275px;
}
.line__wrap::after {
	width: 1px;
	height: 100%;
	position: absolute;
	content: "";
	background: var(--bd-border-primary);
	z-index: 2;
	top: 0;
	right: 150px;
}
.line__item::before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	z-index: 3;
	background: var(--bd-common-white);
	right: 145px;
}
.line__item::before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	z-index: 3;
	background: var(--bd-common-white);
	right: 272px;
	border-radius: 50%;
	animation: line1 15s linear infinite;
}
.line__item::after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	z-index: 3;
	background: var(--bd-common-white);
	right: 146px;
	border-radius: 50%;
	animation: line2 15s linear infinite;
}

@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
	100% {
		-webkit-transform: translateX(7px);
		-moz-transform: translateX(7px);
		-ms-transform: translateX(7px);
		-o-transform: translateX(7px);
		transform: translateX(7px);
	}
}
@-moz-keyframes scroll {
	0% {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
	100% {
		-webkit-transform: translateX(7px);
		-moz-transform: translateX(7px);
		-ms-transform: translateX(7px);
		-o-transform: translateX(7px);
		transform: translateX(7px);
	}
}
@-ms-keyframes scroll {
	0% {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
	100% {
		-webkit-transform: translateX(7px);
		-moz-transform: translateX(7px);
		-ms-transform: translateX(7px);
		-o-transform: translateX(7px);
		transform: translateX(7px);
	}
}
@keyframes scroll {
	0% {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
	100% {
		-webkit-transform: translateX(7px);
		-moz-transform: translateX(7px);
		-ms-transform: translateX(7px);
		-o-transform: translateX(7px);
		transform: translateX(7px);
	}
}
@-webkit-keyframes about-text {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
@-moz-keyframes about-text {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
@-ms-keyframes about-text {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
@keyframes about-text {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 #55aefb;
		box-shadow: 0 0 0 0 #55aefb;
	}
	70% {
		-moz-box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
@keyframes img-border {
	0% {
		-webkit-border-radius: 65% 35% 40% 60%/59% 48% 52% 41%;
		-moz-border-radius: 65% 35% 40% 60%/59% 48% 52% 41%;
		border-radius: 65% 35% 40% 60%/59% 48% 52% 41%;
	}
	100% {
		border-radius: 30% 70% 28% 58%/53% 45% 31% 47%;
	}
}
@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-ms-transform: translateY(16px);
		-o-transform: translateY(16px);
		transform: translateY(16px);
	}
}
@-moz-keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-ms-transform: translateY(16px);
		-o-transform: translateY(16px);
		transform: translateY(16px);
	}
}
@-ms-keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-ms-transform: translateY(16px);
		-o-transform: translateY(16px);
		transform: translateY(16px);
	}
}
@keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-ms-transform: translateY(16px);
		-o-transform: translateY(16px);
		transform: translateY(16px);
	}
}
@-webkit-keyframes rotate-infinite {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-moz-keyframes rotate-infinite {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-ms-keyframes rotate-infinite {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes rotate-infinite {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes rotate-alternate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-moz-keyframes rotate-alternate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-ms-keyframes rotate-alternate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes rotate-alternate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes zoom {
	0% {
		transform: scale(0.5);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.5);
	}
}
@keyframes bdScale {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	80% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1.2);
	}
}
@keyframes MoveUpInitial {
	to {
		transform: translate3d(0, -105%, 0);
	}
}
@keyframes MoveUpEnd {
	from {
		transform: translate3d(0, 100%, 0);
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes bdtranslate {
	0% {
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	100% {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-moz-keyframes bdtranslate {
	0% {
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	100% {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-ms-keyframes bdtranslate {
	0% {
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	100% {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@keyframes bdtranslate {
	0% {
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	100% {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@keyframes swell {
	0%,
	100% {
		transform: translate3d(0, -25px, 0);
	}
	50% {
		transform: translate3d(0, 5px, 0);
	}
}
@keyframes wave {
	0% {
		margin-inline-start: 0;
	}
	100% {
		margin-inline-start: -1600px;
	}
}
.bd-wave {
	background: url("../imgs/shape/wave.svg") repeat-x;
	position: absolute;
	width: 6400px;
	top: 45px;
	height: 150px;
	animation: wave 9s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	transform: translate3d(0, 0, 0);
}
.bd-wave-2 {
	top: 46px;
	height: 150px;
}
.bd-wave-2:nth-of-type(2) {
	background: url("../imgs/shape/wave-white.svg") repeat-x;
	filter: brightness(0.08);
}
.bd-wave:nth-of-type(2) {
	top: 40px;
	animation: wave 9s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite,
		swell 9s ease -1.25s infinite;
	opacity: 1;
}
.bd-wave-wrapper {
	height: 150px;
	width: 100%;
	position: absolute;
	left: 0;
	top: auto;
	bottom: 0px;
	z-index: 3;
}

@keyframes bdloader {
	100% {
		transform: rotate(360deg);
	}
}
@keyframes bdBannerTitleAnim {
	0% {
		background-position: 0%;
	}
	100% {
		background-position: 100%;
	}
}
@-webkit-keyframes bdBannerTitleAnim {
	0% {
		background-position: 0%;
	}
	100% {
		background-position: 100%;
	}
}
@keyframes bdShake {
	10% {
		transform: rotate(5deg);
	}
	50% {
		transform: rotate(5deg);
	}
	80% {
		transform: rotate(-5deg);
	}
	100% {
		transform: rotate(-5deg);
	}
}
@keyframes bd-bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0) translateX(0%);
	}
	40% {
		-webkit-transform: translateY(-8px);
		-ms-transform: translateY(-8px);
		transform: translateY(-8px) translateX(0%);
	}
	60% {
		-webkit-transform: translateY(-4px);
		-ms-transform: translateY(-4px);
		transform: translateY(-4px) translateX(0%);
	}
}
/*----------------------------------------*/
/*  2.12 Shortcodes
/*----------------------------------------*/
.gradient-text-1 {
	background: linear-gradient(90deg, #f7eb02 0.11%, #fac10a 103.32%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient-text-2 {
	background: linear-gradient(90deg, #f7eb02 1.18%, #fac10a 47.96%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.bd-text-primary {
	color: var(--bd-theme-primary);
}

.text-secondary {
	color: var(--bd-theme-secondary);
}

.text-body {
	color: var(--bd-text-body);
}

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

.text-black {
	color: var(--bd-common-black);
}

.s-rounded-20 {
	border-radius: 20px;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.s-rounded-20 {
		border-radius: 0;
	}
}

.badge__card {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	background: #15cf74;
	display: inline-block;
	padding: 5px 8px 3px;
	border-radius: 50px;
	color: var(--bd-common-white);
	line-height: 1;
	margin-left: 5px;
}

.section-is-rounded {
	margin: 0 40px;
	border-radius: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.section-is-rounded {
		margin: 0 20px;
	}
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-is-rounded {
		margin: 0px;
		border-radius: 0px;
	}
}

.section-rounded-100 {
	margin: 0 100px;
	border-radius: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 1400px) and (max-width: 1599px) {
	.section-rounded-100 {
		margin: 0 30px;
	}
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-rounded-100 {
		margin: 0px;
		border-radius: 0px;
	}
}

.radius-10 {
	border-radius: 10px;
}

.radius-20 {
	border-radius: 20px;
}

.radius-45 {
	border-radius: 45px;
}

.mw-520 {
	max-width: 520px;
	margin: 0 auto;
}

.mw-510 {
	max-width: 510px;
}

.max-1520 {
	max-width: 1520px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.max-1520 {
		max-width: 1350px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.max-1520 {
		max-width: 1150px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.max-1520 {
		max-width: 970px;
	}
}

.margin-auto {
	margin: 0 auto;
}

.fw-4 {
	font-weight: 400;
}

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

.fw-6 {
	font-weight: 600;
}

.fw-7 {
	font-weight: 700;
}

.fw-8 {
	font-weight: 800;
}

.fw-9 {
	font-weight: 900;
}

@media (max-width: 450px) {
	.is-br-none br {
		display: none;
	}
}

.is-border-bottom {
	border-bottom: 1px solid var(--bd-border-primary);
}

/*----------------------------------------*/
/*  2.10 Preloader
/*----------------------------------------*/
#preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #121212;
	z-index: 999;
}

.sk-three-bounce {
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #121212;
}

.sk-three-bounce .sk-child {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-color: var(--bd-theme-primary);
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
	animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce.is-brick-red.sk-three-bounce .sk-child {
	background-color: var(--bd-theme-2);
}

.sk-three-bounce.is-mainly-blue.sk-three-bounce .sk-child {
	background-color: var(--bd-theme-3);
}

.sk-three-bounce.is-orange.sk-three-bounce .sk-child {
	background-color: var(--bd-theme-4);
}

.sk-three-bounce.is-purple.sk-three-bounce .sk-child {
	background-color: var(--bd-theme-5);
}

.sk-three-bounce .sk-bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes sk-three-bounce {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
/*----------------------------------------*/
/*  3.2 Header Style 1
/*----------------------------------------*/
.header__top-area .container {
	max-width: 1440px;
}
.header__top-notice {
	display: flex;
	gap: 26px;
}
.header__top-notice .notice__item {
	position: relative;
}
.header__top-notice .notice__item:not(:first-child):before {
	position: absolute;
	content: "";
	height: 13px;
	width: 1px;
	background: rgba(255, 255, 255, 0.3);
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
}
.header__top-notice .notice__item-info p {
	display: inline-block;
	margin: 0 0px 0px 5px;
	font-size: 16px;
}
.header__top-notice .notice__item-info p span {
	color: var(--bd-common-white);
}
.header__top-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.header__top-main {
		padding: 10px;
		justify-content: center;
	}
}
.header__top-info-item a span:not(:last-child) {
	margin-right: 5px;
}
.header__top-info-item a:hover {
	color: var(--bd-theme-primary);
}
.header__social {
	display: flex;
	gap: 10px;
}
.header__social ul {
	display: flex;
	align-items: center;
	gap: 10px;
}
.header__social ul li {
	list-style: none;
}
.header__social ul li a {
	color: var(--clr-common-white);
}
.header__social p {
	margin-bottom: 0;
}

.topbar__social {
	position: relative;
	margin-left: 25px;
}
.topbar__social:not(:first-child):before {
	position: absolute;
	content: "";
	height: 13px;
	width: 1px;
	background: rgba(255, 255, 255, 0.3);
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
}
.topbar__social ul {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.topbar__social ul li {
	list-style: none;
}
.topbar__social ul li a {
	color: var(--bd-common-white);
}

.header__top-area.style-two {
	background-color: var(--bd-bg-2);
}

.welcome__intro {
	display: flex;
	align-items: center;
	gap: 8px;
}
.welcome__intro p {
	margin-bottom: 0;
	color: var(--bd-common-white);
}

.header__lang-item {
	position: relative;
	padding: 2px 14px 2px 18px;
}
.header__lang-item.header-lang {
	padding: 13px 0;
}
.header__lang-item > span {
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	color: var(--bd-common-white);
	padding-right: 20px;
}
.header__lang-item > span:hover {
	cursor: pointer;
}
.header__lang-item > span::after {
	position: absolute;
	content: "";
	font-family: var(--bd-ff-fontawesome);
	margin-left: 7px;
}
.header__lang-item ul {
	position: absolute;
	top: 125%;
	right: 0;
	z-index: 111;
	background-color: var(--bd-common-white);
	padding: 15px 15px;
	box-shadow: 0px 1px 3px rgba(3, 4, 28, 0.12);
	visibility: hidden;
	opacity: 0;
	min-width: max-content;
	-webkit-transition: all 0.2s 0s ease-out;
	-moz-transition: all 0.2s 0s ease-out;
	-ms-transition: all 0.2s 0s ease-out;
	-o-transition: all 0.2s 0s ease-out;
	transition: all 0.2s 0s ease-out;
}
.header__lang-item ul.lang-list-open {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
.header__lang-item ul li {
	list-style: none;
}
.header__lang-item ul li a {
	color: var(--bd-heading-primary);
}
.header__lang-item ul li a:hover {
	color: var(--bd-theme-primary);
}

/*----------------------------------------*/
/*  3.2 Header Style 1
/*----------------------------------------*/
.header-2.bd-sticky {
	padding-top: 0;
}

/*----------------------------------------*/
/*  3.3 Header Style 2
/*----------------------------------------*/
.header-2 {
	background: #323436;
}

.header-3 .container {
	max-width: 1920px;
	padding: 0 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header-3 .container {
		padding: 0 50px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.header-3 .container {
		padding: 0 30px;
	}
}
@media (max-width: 575px) {
	.header-3 .container {
		padding: 0 15px;
	}
}
.header-3 .sub__btn {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: var(--bd-common-white);
}
.header-3 .header__btn-wrap .bd-gradient-btn {
	height: 45px;
	padding: 0 25px;
}

/*----------------------------------------*/
/*  3.1 Header Common Style 
/*----------------------------------------*/
.bd-sticky {
	position: fixed !important;
	top: 0;
	z-index: 111;
	inset-inline-end: 0;
	inset-inline-start: 0;
	width: 100%;
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	background: var(--bd-bg-1);
	border-top: 0;
	box-shadow: 0px 1px 28px 0px rgba(0, 0, 0, 0.12);
	background: var(--bd-bg-primary);
}

.header-transparent {
	position: absolute;
	inset-inline-start: 0;
	margin: auto;
	width: 100%;
	z-index: 99;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.header__area {
		padding: 16px 0;
	}
}
@media (max-width: 575px) {
	.header__area {
		padding: 14px 0;
	}
}
.header__area .header__btn-wrap .bd-gradient-btn {
	height: 50px;
	padding: 0 25px;
}
.header__area.bd-sticky .main-menu ul li > a {
	padding: 31px 0;
}
.header__area.bd-sticky .main-menu ul li > a::before {
	bottom: 30px;
}
.header__area.bd-sticky .main-menu ul li .mega-menu li ul li a {
	padding: 0;
}
.header__area.bd-sticky .main-menu ul li .mega-menu li ul li a:hover {
	padding-inline-start: 18px;
}
.header__logo {
	max-width: 137px;
	min-height: 47px;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.header__logo {
		max-width: 150px;
	}
}
@media (max-width: 450px) {
	.header__logo {
		max-width: 140px;
	}
}
.header__main {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header__contact p {
	margin-bottom: 0;
}
.header__contact {
	display: flex;
	gap: 8px;
}
.header__btn-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px 20px;
}
.header__btn-wrap .bd-btn {
	height: 55px;
}

.bar-icon {
	width: 28px;
	height: 20px;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	transition: color 0.2s ease-out;
}
.bar-icon span {
	width: 100%;
	height: 2px;
	background: var(--bd-text-primary);
	display: inline-block;
	transition: color 0.2s ease-out;
}
.bar-icon span:nth-child(2) {
	margin-left: 0px;
}
.bar-icon:hover span {
	animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.bar-icon:hover span:nth-child(2) {
	margin-left: 0px;
	animation-delay: 0.1s;
}
.bar-icon:hover span:nth-child(3) {
	animation-delay: 0.2s;
}
.bar-icon.is-black span {
	background: var(--bd-common-black);
}
.bar-icon.is-white span {
	background: var(--bd-common-white);
}

.header-common {
	background: var(--bd-bg-1);
}

.is-header-bg::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(29, 30, 31, 0.5);
	top: 0;
	left: 0;
	z-index: 1;
}

.is-header-large .container {
	max-width: 1720px;
}

.header__shape {
	position: absolute;
	width: 30px;
	height: 30px;
	content: "";
	filter: blur(24.5px);
	background: var(--bd-theme-primary);
	z-index: 1;
	left: 19%;
	bottom: 30px;
}

.header__shape-two {
	position: absolute;
	width: 30px;
	height: 30px;
	content: "";
	filter: blur(24.5px);
	background: var(--bd-theme-primary);
	z-index: 1;
	left: 66%;
	top: 10px;
}

/* HEADER CSS */
/*----------------------------------------*/
/*  3.1 banner Style 1
/*----------------------------------------*/
.banner-height {
	padding-top: 90px;
	min-height: 900px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner-height {
		min-height: 750px;
	}
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.banner-height {
		padding-top: 150px;
	}
}
@media (max-width: 575px) {
	.banner-height {
		min-height: 100%;
	}
}
@media (max-width: 450px) {
	.banner-height {
		padding-top: 130px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner-height {
		padding-bottom: 80px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner-height {
		padding-bottom: 65px;
	}
}
.banner-height.style-two {
	padding-bottom: 0;
}
.banner-height.style-three {
	padding-top: 0;
	padding-bottom: 0;
	min-height: 940px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner-height.style-three {
		min-height: 750px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner-height.style-three {
		min-height: 700px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner-height.style-three {
		min-height: 650px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner-height.style-three {
		min-height: 600px;
	}
}
.banner-height.style-four {
	padding-top: 0;
	min-height: 840px;
	padding-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.banner-height.style-four {
		min-height: 790px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner-height.style-four {
		min-height: 680px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner-height.style-four {
		min-height: 600px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner-height.style-four {
		min-height: 550px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner-height.style-four {
		min-height: 530px;
	}
}
.banner-height.style-five {
	min-height: 940px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.banner-height.style-five {
		min-height: 850px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner-height.style-five {
		min-height: 750px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner-height.style-five {
		min-height: 700px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner-height.style-five {
		padding-bottom: 100px;
	}
}
.banner-height.style-six {
	padding: 130px 0 130px;
	min-height: 830px;
	z-index: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner-height.style-six {
		padding: 100px 0 100px;
		min-height: 750px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner-height.style-six {
		padding: 100px 0 100px;
		min-height: 700px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner-height.style-six {
		padding: 80px 0 0px;
		min-height: 600px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner-height.style-six {
		padding: 65px 0 0px;
		min-height: 500px;
	}
}
.banner-height.style-seven {
	min-height: 940px;
	padding-bottom: 0;
	padding-top: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.banner-height.style-seven {
		min-height: 800px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner-height.style-seven {
		min-height: 700px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner-height.style-seven {
		min-height: 650px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.banner-height.style-seven {
		min-height: 600px;
	}
}
@media (max-width: 575px) {
	.banner-height.style-seven {
		min-height: 550px;
	}
}
.banner-height.style-eight {
	min-height: 940px;
	padding-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.banner-height.style-eight {
		min-height: 800px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner-height.style-eight {
		min-height: 750px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner-height.style-eight {
		min-height: 700px;
	}
}
.banner__shape-two {
	position: absolute;
	left: 150px;
	bottom: 22%;
	animation: upDown 1.5s ease-in-out 1.5s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__shape-two {
		left: 40%;
		bottom: 25%;
	}
}
.banner__content {
	padding-right: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__content {
		padding-right: 50px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner__content {
		padding-right: 0;
	}
}
.banner__content p {
	margin-bottom: 42px;
}
.banner-overlay {
	position: relative;
}
.banner__thumb-wrapper {
	position: relative;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__thumb-wrapper {
		margin-right: 70px;
	}
}
.banner__thumb-wrapper .banner__thumb img {
	border-radius: 615px;
	width: 100%;
}
.banner__thumb-wrapper .banner__bg::before {
	position: absolute;
	content: "";
	width: 100%;
	height: calc(100% - 85px);
	border-radius: 100%;
	background-color: var(--bd-theme-primary);
	left: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__thumb-wrapper .banner__bg::before {
		height: calc(100% - 75px);
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__thumb-wrapper .banner__bg::before {
		height: calc(100% - 70px);
	}
}
@media (max-width: 450px) {
	.banner__thumb-wrapper .banner__bg::before {
		height: calc(100% - 50px);
	}
}
.banner__thumb-wrapper .banner__bg::after {
	position: absolute;
	content: "";
	width: 400px;
	height: 400px;
	border-radius: 615.094px;
	background-color: var(--bd-theme-primary);
	left: 16%;
	z-index: -1;
	top: 25%;
	filter: blur(200px);
	animation: zoom 5s infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.banner__thumb-wrapper .banner__bg::after {
		width: 350px;
		height: 350px;
		left: 19%;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__thumb-wrapper .banner__bg::after {
		width: 300px;
		height: 300px;
		left: 19%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__thumb-wrapper .banner__bg::after {
		width: 250px;
		height: 250px;
		left: 22%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.banner__thumb-wrapper .banner__bg::after {
		width: 250px;
		height: 250px;
		left: 25%;
		top: 30%;
	}
}
@media (max-width: 575px) {
	.banner__thumb-wrapper .banner__bg::after {
		width: 250px;
		height: 250px;
		left: 26%;
	}
}
@media (max-width: 450px) {
	.banner__thumb-wrapper .banner__bg::after {
		width: 170px;
		height: 170px;
		left: 27%;
		top: 27%;
	}
}
.banner__thumb-wrapper .banner__shape-one {
	position: absolute;
	left: 50px;
	top: 21%;
	animation: leftright 2s ease-in-out 2s forwards infinite alternate;
}
@media (max-width: 575px) {
	.banner__thumb-wrapper .banner__shape-one {
		display: none;
	}
}
.banner__title {
	margin-bottom: 20px;
	letter-spacing: -1.28px;
}
.banner__shape-hand {
	position: relative;
	top: -9px;
}
.banner__shape-hand img {
	animation: bdShake 1.5s infinite;
}
.banner__area.style-two .banner__content {
	padding-right: 0;
	margin-right: -30px;
}
@media (max-width: 575px) {
	.banner__area.style-two .banner__content {
		margin-right: 0;
	}
}
.banner__area.style-two .banner__thumb {
	min-width: 900px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__area.style-two .banner__thumb {
		min-width: 750px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__area.style-two .banner__thumb {
		min-width: 700px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner__area.style-two .banner__thumb {
		min-width: 100%;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__area.style-two .banner__thumb {
		transform: translateX(-15%);
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__area.style-two .banner__thumb {
		transform: translateX(-20%);
	}
}
.banner__area.style-two .banner__thumb img {
	border-radius: 0;
}
.banner__area.style-two .banner__thumb-wrapper {
	padding-left: 40px;
	margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner__area.style-two .banner__thumb-wrapper {
		padding-left: 0px;
	}
}
.banner__area.style-two .banner__bg::before {
	content: none;
}
.banner__area.style-two .banner__bg::after {
	position: absolute;
	content: "";
	width: 290px;
	height: 290px;
	border-radius: 290px;
	background-color: var(--bd-theme-primary);
	left: 45%;
	z-index: -1;
	top: 45%;
	filter: blur(200px);
	opacity: 0.5;
}
.banner__area.style-three .banner__bg-shape {
	position: absolute;
	width: 100%;
	height: 10%;
	background: var(--bd-body-primary);
	clip-path: polygon(100% -10%, 130% 130%, 50% 17%, 0px 90%, 0 0%);
	bottom: -14px;
	transform: rotate(180deg);
}
.banner__area.style-three .is-overlay {
	animation: bdScale 8s infinite;
}
.banner__area.style-three .is-overlay::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(11, 11, 11, 0.75);
	z-index: 1;
}
.banner__area.style-three .banner__content {
	padding-right: 0;
}
.banner__area.style-three .banner__content p {
	max-width: 518px;
	margin: 0 auto 42px;
}
@media (max-width: 450px) {
	.banner__area.style-three .banner__content p {
		max-width: 100%;
	}
}
.banner__area.style-four .is-overlay::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	opacity: 0.55;
	background: #000;
	z-index: 1;
}
.banner__area.style-four .banner__content {
	padding-right: 0;
}
.banner__area.style-four .banner__content p {
	max-width: 560px;
	margin: 0 0 42px;
	color: #d0c9c9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner__area.style-four .banner__content p {
		max-width: 500px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.banner__area.style-four .banner__content p {
		max-width: 400px;
	}
}
@media (max-width: 575px) {
	.banner__area.style-four .banner__content p {
		max-width: 350px;
	}
}
.banner__area.style-four .banner__shape-one {
	position: absolute;
	top: 0;
	left: -205px;
	z-index: 1;
	animation: bdtranslate 2s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__area.style-four .banner__shape-one {
		max-width: 60%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner__area.style-four .banner__shape-one {
		max-width: 70%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.banner__area.style-four .banner__shape-one {
		max-width: 90%;
	}
}
@media (max-width: 575px) {
	.banner__area.style-four .banner__shape-one {
		max-width: calc(100% + 50px);
	}
}
@media (max-width: 450px) {
	.banner__area.style-four .banner__shape-one {
		display: none;
	}
}
.banner__area.style-four .banner__shape-two {
	position: absolute;
	bottom: 0;
	right: -30px;
	z-index: 1;
	left: auto;
	transform: rotate(0deg);
	animation: bdtranslate 2s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__area.style-four .banner__shape-two {
		max-width: 60%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__area.style-four .banner__shape-two {
		max-width: 50%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner__area.style-four .banner__shape-two {
		max-width: 48%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.banner__area.style-four .banner__shape-two {
		max-width: 40%;
	}
}
@media (max-width: 575px) {
	.banner__area.style-four .banner__shape-two {
		max-width: 70%;
	}
}
.banner__area.style-four .banner__shape-three {
	position: absolute;
	bottom: 0;
	left: -35px;
	z-index: 1;
	animation: bdSpinSmall 6s infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.banner__area.style-four .banner__shape-three {
		max-width: 38%;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__area.style-four .banner__shape-three {
		max-width: 35%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__area.style-four .banner__shape-three {
		max-width: 50%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.banner__area.style-four .banner__shape-three {
		max-width: 60%;
	}
}
@media (max-width: 575px) {
	.banner__area.style-four .banner__shape-three {
		display: none;
	}
}
.banner__area.style-five .banner__content {
	padding-right: 0;
}
.banner__area.style-five .banner__content p {
	max-width: 490px;
}
.banner__area.style-five .banner__thumb {
	position: relative;
	margin-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner__area.style-five .banner__thumb {
		max-width: 500px;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.banner__area.style-five .banner__thumb {
		max-width: 450px;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner__area.style-five .banner__thumb img {
		width: 100%;
	}
}
.banner__area.style-five .banner__thumb .banner__border-anim {
	border-radius: 65% 35% 40% 60%/59% 48% 52% 41%;
	-webkit-animation: img-border 5s linear infinite alternate;
	-moz-animation: img-border 5s linear infinite alternate;
	-o-animation: img-border 5s linear infinite alternate;
	animation: img-border 5s linear infinite alternate;
	transition: all 0.3s ease-out 0s;
}
.banner__area.style-five .banner__thumb::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(66, 134, 244, 0.75);
	border-radius: 65% 35% 40% 60%/59% 48% 52% 41%;
	z-index: -1;
	left: -15px;
	right: 0;
	-webkit-animation: img-border 5s linear infinite alternate;
	-moz-animation: img-border 5s linear infinite alternate;
	-o-animation: img-border 5s linear infinite alternate;
	animation: img-border 5s linear infinite alternate;
}
.banner__area.style-five .banner__thumb .banner__thumb-shape {
	position: absolute;
	right: -40px;
	z-index: -1;
	top: -15px;
}
@media (max-width: 575px) {
	.banner__area.style-five .banner__thumb .banner__thumb-shape {
		display: none;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__area.style-five .banner__thumb .banner__thumb-shape {
		max-width: 130px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.banner__area.style-five .banner__thumb .banner__thumb-shape {
		max-width: 150px;
	}
}
.banner__area.style-five .banner__thumb .banner__thumb-shape img {
	width: 100%;
}
.banner__area.style-five .banner__shape-one {
	position: absolute;
	left: 100px;
	top: 42%;
	animation: zoom 5s infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.banner__area.style-five .banner__shape-one {
		left: 30px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__area.style-five .banner__shape-one {
		left: 20px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__area.style-five .banner__shape-one {
		left: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner__area.style-five .banner__shape-one {
		left: 50px;
		top: 45%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.banner__area.style-five .banner__shape-one {
		left: 100px;
		top: 45%;
	}
}
@media (max-width: 575px) {
	.banner__area.style-five .banner__shape-one {
		display: none;
	}
}
.banner__area.style-five .banner__shape-two {
	position: absolute;
	left: 80px;
	-moz-animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
	-webkit-animation: rotate-infinite 3s ease-in-out 1s forwards infinite
		alternate;
	animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__area.style-five .banner__shape-two {
		left: 40px;
		bottom: 50px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__area.style-five .banner__shape-two {
		bottom: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner__area.style-five .banner__shape-two {
		left: 20px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.banner__area.style-five .banner__shape-two {
		left: 20px;
		bottom: 90px;
	}
}
@media (max-width: 575px) {
	.banner__area.style-five .banner__shape-two {
		left: 20px;
		bottom: 30px;
	}
}
.banner__area.style-five .banner__shape-three {
	position: absolute;
	right: 160px;
	top: 23%;
	animation: zoom 5s infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.banner__area.style-five .banner__shape-three {
		right: 60px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__area.style-five .banner__shape-three {
		right: 30px;
	}
}
@media (max-width: 575px) {
	.banner__area.style-five .banner__shape-three {
		right: 3px;
		top: 21%;
	}
}
.banner__area.style-five .banner__shape-four {
	position: absolute;
	bottom: 66px;
	right: 160px;
	animation: zoom 5s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__area.style-five .banner__shape-four {
		bottom: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner__area.style-five .banner__shape-four {
		right: 60px;
	}
}
@media (max-width: 575px) {
	.banner__area.style-five .banner__shape-four {
		bottom: 66px;
		right: 30px;
	}
}
.banner__area.style-six .banner-bg {
	position: absolute;
	content: "";
	width: 42%;
	height: 100%;
	background: linear-gradient(180deg, #f7eb02 0%, #5e20dd 100%);
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
	right: 10px;
	left: auto;
	top: 0;
	z-index: 3;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.banner__area.style-six .banner-bg {
		width: 100%;
		height: 600px;
		left: 0px;
		bottom: 0;
		top: unset;
		right: auto;
	}
}
@media (max-width: 575px) {
	.banner__area.style-six .banner-bg {
		width: 100%;
		height: 500px;
		left: 0px;
		bottom: 0;
		top: unset;
		right: auto;
	}
}
@media (max-width: 450px) {
	.banner__area.style-six .banner-bg {
		width: 100%;
		height: 400px;
		left: 0px;
		bottom: 0;
		top: unset;
		right: auto;
	}
}
.banner__area.style-six .banner__content {
	padding-right: 0;
}
.banner__area.style-six .banner__content p {
	max-width: 490px;
}
.banner__area.style-six .banner__thumb {
	position: absolute;
	z-index: 5;
	width: 42%;
	left: auto;
	right: 0;
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.banner__area.style-six .banner__thumb {
		background-position: right;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__area.style-six .banner__thumb {
		background-position: -160px, right;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.banner__area.style-six .banner__thumb {
		position: relative;
		height: 600px;
		width: 100%;
		margin-left: 10px;
	}
}
@media (max-width: 575px) {
	.banner__area.style-six .banner__thumb {
		position: relative;
		height: 500px;
		width: 100%;
		margin-left: 10px;
	}
}
@media (max-width: 450px) {
	.banner__area.style-six .banner__thumb {
		position: relative;
		height: 400px;
		width: 100%;
		margin-left: 10px;
	}
}
.banner__area.style-six .banner__thumb img {
	border-radius: 0;
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
}
.banner__area.style-six .banner__thumb-shape {
	position: absolute;
	left: 58%;
	top: 0px;
	z-index: 1;
	-moz-animation: bdtranslate 3s ease-in-out 1s forwards infinite alternate;
	-webkit-animation: bdtranslate 3s ease-in-out 1s forwards infinite alternate;
	animation: bdtranslate 3s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__area.style-six .banner__thumb-shape img {
		max-width: 180px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__area.style-six .banner__thumb-shape img {
		max-width: 165px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner__area.style-six .banner__thumb-shape {
		display: none;
	}
}
.banner__area.style-six .brand__area {
	transform: translateY(100px) translateX(-30px);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner__area.style-six .brand__area {
		transform: translateY(0px) translateX(-30px);
		margin: 50px 0;
	}
}
.banner__area.style-seven .is-overlay {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 8s linear 0s;
	-moz-transition: all 8s linear 0s;
	-o-transition: all 8s linear 0s;
	transition: all 8s linear 0s;
}
.banner__area.style-seven .is-overlay::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(16, 17, 20, 0.75);
	z-index: 1;
	top: 0;
	left: 0;
}
.banner__area.style-seven .banner__active .swiper-slide-active {
	animation-name: fadeInUp;
	animation-fill-mode: both;
}
.banner__area.style-seven .banner__single-slide {
	min-height: 940px;
	display: flex;
	align-items: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.banner__area.style-seven .banner__single-slide {
		min-height: 800px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__area.style-seven .banner__single-slide {
		min-height: 700px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__area.style-seven .banner__single-slide {
		min-height: 650px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.banner__area.style-seven .banner__single-slide {
		min-height: 600px;
	}
}
@media (max-width: 575px) {
	.banner__area.style-seven .banner__single-slide {
		min-height: 550px;
		padding-top: 140px;
		padding-bottom: 150px;
	}
}
.banner__area.style-seven .banner__content {
	padding-right: 0;
	padding-bottom: 0px;
	padding-top: 0px;
}
.banner__area.style-seven .banner__content p {
	max-width: 540px;
	margin: 0 auto 42px;
}
.banner__area.style-seven .swiper-slide-active .bg__thumb-position {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
.banner__area.style-eight .is-overlay {
	clip-path: polygon(0 1%, 100% 0, 100% 87%, 0% 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner__area.style-eight .is-overlay {
		clip-path: polygon(0 1%, 100% 0, 100% 97%, 0% 100%);
	}
}
@media (max-width: 450px) {
	.banner__area.style-eight .is-overlay {
		clip-path: polygon(0 1%, 100% 0, 100% 98%, 0% 100%);
	}
}
.banner__area.style-eight .is-overlay::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
	clip-path: polygon(0 1%, 100% 0, 100% 87%, 0% 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner__area.style-eight .is-overlay::before {
		clip-path: polygon(0 1%, 100% 0, 100% 97%, 0% 100%);
	}
}
@media (max-width: 450px) {
	.banner__area.style-eight .is-overlay::before {
		clip-path: polygon(0 1%, 100% 0, 100% 98%, 0% 100%);
	}
}
.banner__area.style-eight .banner__content {
	padding-right: 0;
}
.banner__area.style-eight .banner__content p {
	max-width: 610px;
}
.banner__area.style-eight .banner__title span {
	display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner__area.style-eight .banner__title span {
		display: unset;
	}
}
.banner__area.style-eight .banner__thumb {
	max-width: 500px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.banner__area.style-eight .banner__thumb {
		transform: translateY(-70px);
		max-width: 100%;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.banner__area.style-eight .banner__thumb {
		transform: translateY(-50px);
		max-width: 100%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner__area.style-eight .banner__thumb {
		transform: translateY(-20px);
		max-width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner__area.style-eight .banner__thumb {
		max-width: 500px;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner__area.style-eight .banner__thumb {
		max-width: 100%;
	}
}
.banner__area.style-eight .banner__thumb img {
	border-radius: 0;
	clip-path: polygon(0 1%, 100% 0, 100% 96%, 0% 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner__area.style-eight .banner__thumb img {
		clip-path: polygon(0 1%, 100% 0, 100% 96%, 0% 99%);
	}
}
.banner__area.style-eight .banner__thumb-wrapper {
	margin: 0;
}
.banner__btn-wrap {
	display: flex;
	align-items: center;
	gap: 20px 20px;
	flex-wrap: wrap;
}
.banner__navigation button {
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
	z-index: 2;
	left: 40px;
}
.banner__navigation button.slider__button-next {
	left: auto;
	right: 40px;
}

.mouse__scroll {
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}
.mouse__scroll::before {
	position: absolute;
	content: "";
	top: 8px;
	left: 9px;
	width: 6px;
	height: 6px;
	background: var(--bd-theme-primary);
	border-radius: 50%;
	animation: scroll 1s infinite ease-in-out alternate;
	-webkit-animation: scroll 1s infinite ease-in-out alternate;
}
.mouse__scroll-btn {
	display: inline-block;
	width: 24px;
	height: 40px;
	border: 2px solid var(--bd-border-primary);
	border-radius: 30px;
	outline: none;
}
.mouse__scroll-btn:hover {
	border-color: var(--bd-theme-primary);
}

.banner-title-anim {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	background-image: --webkit-linear-gradient(
		291.09deg,
		#f7eb02 27.31%,
		#fff 73.17%
	);
	background-image: -moz-linear-gradient(
		291.09deg,
		#f7eb02 27.31%,
		#fff 73.17%
	);
	background-image: -ms-linear-gradient(291.09deg, #f7eb02 27.31%, #fff 73.17%);
	background-image: -o-linear-gradient(291.09deg, #f7eb02 27.31%, #fff 73.17%);
	background-image: linear-gradient(291.09deg, #f7eb02 27.31%, #fff 73.17%);
	-moz-animation: bdBannerTitleAnim 2.5s ease-in-out 1s forwards infinite
		alternate;
	-webkit-animation: bdBannerTitleAnim 2.5s ease-in-out 1s forwards infinite
		alternate;
	animation: bdBannerTitleAnim 1s ease-in-out 2.5s forwards infinite alternate;
	background-size: 150% 150%;
}

/* HEADER CSS */
/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/
.main-menu.is-menu-clr ul li a {
	color: var(--bd-common-white);
}
.main-menu ul {
	margin-bottom: 0;
}
.main-menu ul li {
	position: relative;
	list-style: none;
	display: inline-block;
	margin-inline-end: 25px;
	/* submenu css start */
	/* mega menu start */
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 1200px) and (max-width: 1399px) {
	.main-menu ul li {
		margin-inline-end: 30px;
	}
}
.main-menu ul li:last-child {
	margin-inline-end: 0;
}
.main-menu ul li > a {
	display: inline-block;
	color: var(--bd-text-lightest);
	padding: 36px 0;
	font-weight: 500;
}
.main-menu ul li > a:before {
	width: 0;
	height: 2px;
	position: absolute;
	content: "";
	background: var(--bd-theme-primary);
	bottom: 35px;
	transition: 0.3s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-menu ul li > a:before {
		bottom: 30px;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.main-menu ul li > a {
		padding: 32px 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 1200px) and (max-width: 1399px) {
	.main-menu ul li > a {
		padding: 30px 0;
	}
}
.main-menu ul li > a:hover:before {
	width: 100%;
}
.main-menu ul li.has-dropdown > a {
	position: relative;
}
.main-menu ul li.has-mega-menu {
	position: static;
}
.main-menu ul li.megamenu-wrapper {
	position: static;
}
.main-menu ul li .submenu {
	position: absolute;
	top: 110%;
	inset-inline-start: 0;
	min-width: 280px;
	background: #0d0d0d;
	z-index: 99;
	visibility: hidden;
	opacity: 0;
	transform-origin: top center;
	padding: 35px 0 6px;
	color: var(--bd-common-white);
	border: 1px solid var(--bd-border-primary);
}
.main-menu ul li .submenu li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.main-menu ul li .submenu li.has-dropdown > a::after {
	position: absolute;
	top: 50%;
	inset-inline-end: 25px;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-moz-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	-o-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
	color: var(--bd-text-1);
}
.main-menu ul li .submenu li a {
	position: relative;
	z-index: 11;
	color: var(--bd-text-body);
	font-size: 16px;
	padding: 0 25px;
	padding-inline-start: 30px;
	padding-bottom: 9px;
	width: 100%;
}
.main-menu ul li .submenu li a::before {
	position: absolute;
	content: "";
	left: 25px;
	top: 40%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0px;
	height: 1px;
	background-color: var(--bd-theme-primary);
}
.main-menu ul li .submenu li .submenu {
	inset-inline-start: 100%;
	top: 0;
	visibility: hidden;
	opacity: 0;
}
.main-menu ul li .submenu li:hover > a {
	color: var(--bd-theme-primary);
	padding-inline-start: 43px;
}
.main-menu ul li .submenu li:hover > a::before {
	width: 12px;
}
.main-menu ul li .submenu li:hover > a::after {
	color: var(--bd-theme-primary);
}
.main-menu ul li .submenu li:hover > .submenu {
	-webkit-transform: translateY(1);
	-moz-transform: translateY(1);
	-ms-transform: translateY(1);
	-o-transform: translateY(1);
	transform: translateY(1);
	visibility: visible;
	opacity: 1;
}
.main-menu ul li .mega-menu {
	position: absolute;
	top: 105%;
	left: 50%;
	padding: 30px 35px 30px;
	background: var(--bd-bg-primary);
	visibility: hidden;
	opacity: 0;
	border: 1px solid var(--bd-border-primary);
	z-index: 99;
	width: 100%;
	transform: translateX(-50%);
	-webkit-transition: all 0.2s 0s ease-out;
	-moz-transition: all 0.2s 0s ease-out;
	-ms-transition: all 0.2s 0s ease-out;
	-o-transition: all 0.2s 0s ease-out;
	transition: all 0.2s 0s ease-out;
}
.bd-theme-light .main-menu ul li .mega-menu {
	background-color: var(--bd-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-menu ul li .mega-menu {
		padding: 25px 25px;
		padding-inline-start: 80px;
	}
}
.main-menu ul li .mega-menu.mega-menu.is-full-width li a:hover::before {
	width: 100%;
}
.main-menu ul li .mega-menu.mega-menu.mega-menu-grid-4 {
	padding: 30px 35px 30px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	row-gap: 30px;
	column-gap: 30px;
}
.main-menu ul li .mega-menu.mega-menu.mega-menu-grid-3 {
	padding: 30px 35px 30px;
	display: grid;
	row-gap: 30px;
	column-gap: 30px;
	grid-template-columns: repeat(3, 1fr);
	width: 950px;
	margin: 0 auto;
	justify-content: space-around;
}
.main-menu ul li .mega-menu li .mega-menu-title {
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	color: var(--bd-text-lightest);
	cursor: text;
	padding: 0;
	display: block;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--bd-border-primary);
	padding-bottom: 5px;
}
.bd-theme-light .main-menu ul li .mega-menu li .mega-menu-title {
	color: var(--bd-text-body);
}
.main-menu ul li .mega-menu li .mega-menu-title::before {
	display: none;
}
.main-menu ul li .mega-menu li ul li {
	width: 100%;
	float: none;
	margin-bottom: 9px;
}
.main-menu ul li .mega-menu li ul li:last-child {
	margin-bottom: 0;
}
.main-menu ul li .mega-menu li ul li a {
	font-weight: 500;
	color: var(--bd-text-lightest);
	text-transform: capitalize;
	padding: 0;
	position: relative;
}
.bd-theme-light .main-menu ul li .mega-menu li ul li a {
	color: var(--bd-text-body);
}
.main-menu ul li .mega-menu li ul li a::before {
	position: absolute;
	content: "";
	left: 0;
	right: auto;
	top: 50%;
	bottom: auto;
	width: 0;
	height: 1px;
	background-color: var(--bd-theme-primary);
}
.main-menu ul li .mega-menu li ul li:hover > a {
	color: var(--bd-theme-primary);
}
.main-menu ul li .mega-menu li ul li:hover > a::before {
	background-color: var(--bd-theme-primary);
}
.main-menu ul li .mega-menu li:hover > .mega-menu-title {
	color: var(--bd-theme-primary);
	padding-inline-start: 0;
}
.main-menu ul li .mega-menu li:hover > a {
	color: var(--bd-theme-primary);
}
.main-menu ul li .mega-menu li a:hover {
	padding-inline-start: 18px;
}
.main-menu ul li .mega-menu li a:hover::before {
	width: 12px;
}
.main-menu ul li:hover > a {
	color: var(--bd-theme-primary);
}
.main-menu ul li:hover > a::after {
	color: var(--bd-theme-primary);
}
.main-menu ul li:hover > .submenu {
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.main-menu ul li:hover .mega-menu {
	visibility: visible;
	opacity: 1;
	top: 100%;
	transition-duration: 0.2s;
}
.main-menu-2 ul li > a {
	color: var(--bd-common-white);
}
.main-menu-2 ul li > a::before {
	background: var(--bd-theme-primary);
}
.main-menu-2 ul li .submenu li a:hover {
	color: var(--bd-theme-primary);
}
.main-menu-2 ul li .submenu li a:hover::before {
	background: var(--bd-theme-primary);
}
.main-menu-2 ul li .submenu li:hover > a {
	color: var(--bd-theme-primary);
}
.main-menu-2 ul li .submenu li:hover > a::before {
	background-color: var(--bd-theme-primary);
}
.main-menu-2 ul li .submenu li.has-dropdown:hover > a::after {
	color: var(--bd-theme-primary);
}
.main-menu-2 ul li .mega-menu li ul li:hover > a {
	color: var(--bd-theme-primary);
}
.main-menu-2 ul li .mega-menu li ul li:hover > a::before {
	background: var(--bd-theme-primary);
}
.main-menu-2 ul li .mega-menu li:hover > .mega-menu-title {
	color: var(--bd-theme-primary);
}
.main-menu-2 ul li:hover > a {
	color: var(--bd-theme-primary);
}
.main-menu-2 ul li:hover > a::after {
	color: var(--bd-theme-primary);
}
.main-menu-3 ul li > a {
	color: #d1d1d1;
}
.main-menu-3 ul li > a::after {
	color: #d1d1d1;
}
.main-menu-3 ul li:hover > a {
	color: var(--bd-common-white);
}
.main-menu-3 ul li:hover > a::after {
	color: var(--bd-common-white);
}
.main-menu-4 ul li > a {
	color: #d1d1d1;
}
.main-menu-4 ul li > a::after {
	color: #d1d1d1;
}

.home__menu-item {
	position: relative;
}
.home__menu-item:hover .home__menu__buttons {
	transform: scale(1, 1);
	opacity: 1;
	visibility: visible;
}
.home__menu-item:hover .home__menu-thumb::before {
	opacity: 1;
}

.home__menu-thumb {
	position: relative;
	padding: 20px 20px 20px;
	border: 1px solid var(--bd-border-primary);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
.home__menu-thumb img {
	width: 100%;
}
.home__menu-thumb::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: rgba(13, 13, 13, 0.7);
	opacity: 0;
	transition: 0.3s;
	left: 0;
	top: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
.bd-theme-light .home__menu-thumb::before {
	background: rgba(229, 229, 229, 0.7);
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.home__menu-thumb::before {
		opacity: 1;
	}
}

.home__menu__buttons {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transform: scale(1, 0);
	opacity: 0;
	visibility: hidden;
	transform-origin: bottom center;
	transition: 500ms ease;
	gap: 10px;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.home__menu__buttons {
		transform: scale(1, 1);
		opacity: 1;
		visibility: visible;
	}
}
.home__menu__buttons .bd-btn {
	height: 45px;
	font-size: 14px !important;
	padding: 0 30px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	color: var(--bd-common-white) !important;
	width: inherit !important;
}

.home__menu-title {
	margin-top: 15px;
	font-size: 18px;
	color: var(--bd-common-white);
}

.home__menu-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	row-gap: 20px;
	column-gap: 30px;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.home__menu-grid {
		padding: 10px 0 20px;
		grid-template-columns: repeat(1, 1fr);
	}
}

/*----------------------------------------*/
/*  4.2 Meanmenu css
/*----------------------------------------*/
.mean-container {
	margin-bottom: 35px;
}
.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	font-weight: 700;
	display: none !important;
}
.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}
.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}
.mean-container .mean-nav {
	background: none;
	margin-top: 0;
	float: left;
	width: 100%;
	margin-top: 35px;
}
.mean-container .mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}
.mean-container .mean-nav > ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	display: block !important;
}
.mean-container .mean-nav > ul > li:first-child > a {
	border-top: 0;
}
.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}
.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}
.mean-container .mean-nav ul li.dropdown-opened > a,
.mean-container .mean-nav ul li.dropdown-opened > span {
	color: var(--bd-theme-primary);
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked,
.mean-container
	.mean-nav
	ul
	li.dropdown-opened
	> span.mean-expand.mean-clicked {
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
	border-color: transparent;
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i,
.mean-container
	.mean-nav
	ul
	li.dropdown-opened
	> span.mean-expand.mean-clicked
	i {
	color: var(--bd-common-white);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.mean-container .mean-nav ul li.mean-last {
	border-bottom: none;
	margin-bottom: 0;
}
.mean-container .mean-nav ul li > a.mean-expand i {
	display: inline-block;
}
.mean-container .mean-nav ul li > a > i {
	display: none;
}
.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li > span {
	display: block;
	float: left;
	width: 90%;
	padding: 10px 5%;
	margin: 0;
	text-align: left;
	text-decoration: none;
	width: 100%;
	padding: 10px 0;
	color: var(--bd-text-lightest);
	border-top: 1px solid rgba(255, 255, 255, 0.079);
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	text-transform: capitalize;
}
.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li > span:hover {
	color: var(--bd-theme-primary);
}
.mean-container .mean-nav ul li a:hover i,
.mean-container .mean-nav ul li > span:hover i {
	color: var(--bd-common-white);
}
.mean-container .mean-nav ul li a.mean-expand,
.mean-container .mean-nav ul li > span.mean-expand {
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: transparent;
	border: none !important;
	margin-top: 5px;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.079) !important;
	height: 30px;
	width: 30px;
	color: var(--bd-text-body);
	line-height: 30px;
	top: 0;
	font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand i,
.mean-container .mean-nav ul li > span.mean-expand i {
	font-size: 14px;
}
.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li > span.mean-expand:hover {
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
	border-color: var(--bd-theme-primary);
}
.mean-container .mean-nav ul li a.mean-expand:hover i,
.mean-container .mean-nav ul li > span.mean-expand:hover i {
	color: var(--bd-common-white);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked,
.mean-container .mean-nav ul li > span.mean-expand.mean-clicked {
	color: var(--bd-common-white);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover,
.mean-container .mean-nav ul li > span.mean-expand.mean-clicked:hover {
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
	border-color: var(--bd-theme-primary);
}
.mean-container .mean-nav ul li li a {
	width: 90%;
	padding: 10px 7%;
	text-shadow: none !important;
	visibility: visible;
}
.mean-container .mean-nav ul li li li a {
	width: 80%;
	padding: 10px 12%;
}
.mean-container .mean-nav ul li li li li a {
	width: 70%;
	padding: 10px 17%;
}
.mean-container .mean-nav ul li li li li li a {
	width: 60%;
	padding: 10px 20%;
}
.mean-container .mean-bar {
	padding: 0;
	min-height: auto;
	background: none;
	float: left;
	width: 100%;
	position: relative;
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
}
.mean-container .mean-bar,
.mean-container .mean-bar * {
	/* Fix for box sizing on Foundation Framework etc. */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.tp-main-menu-mobile .tp-submenu {
	display: none;
}
.tp-main-menu-mobile .submenu {
	display: none;
}
.tp-main-menu-mobile .tp-mega-menu .shop-mega-menu-title {
	margin: 0;
	padding-top: 7px;
}
.tp-main-menu-mobile .tp-mega-menu.shop-mega-menu {
	padding: 0 !important;
	padding-left: 19px !important;
	padding-top: 10px !important;
}
.tp-main-menu-mobile .tp-mega-menu .shop-mega-menu-img {
	margin: 7px 0;
}
.tp-main-menu-mobile ul {
	position: static;
	display: block;
	box-shadow: none;
}
.tp-main-menu-mobile ul li {
	list-style: none;
	position: relative;
	width: 100%;
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;
}
.tp-main-menu-mobile ul li:not(:last-child) a {
	border-bottom: #f00;
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn {
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 16px;
	color: #7f8387;
	z-index: 1;
	width: 30px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	border-bottom: #f00;
	-webkit-transition: background-color 0.3s ease-in-out,
		border-color 0.3s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out,
		border-color 0.3s ease-in-out, color 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out,
		border-color 0.3s ease-in-out, color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out,
		border-color 0.3s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out,
		color 0.3s ease-in-out;
}
.tp-main-menu-mobile
	ul
	li.has-dropdown
	> a
	.dropdown-toggle-btn.dropdown-opened
	i {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover {
	background-color: var(--bd-theme-primary);
	border-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
	color: var(--bd-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown > a.expanded {
	color: var(--bd-theme-primary);
}
.tp-main-menu-mobile
	ul
	li.has-dropdown
	> a.expanded
	.dropdown-toggle-btn.dropdown-opened {
	background-color: var(--bd-theme-primary);
	border-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.tp-main-menu-mobile
	ul
	li.has-dropdown
	> a.expanded
	.dropdown-toggle-btn.dropdown-opened
	i {
	color: var(--bd-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown:hover > a::after {
	color: var(--tp-theme-green);
}
.tp-main-menu-mobile ul li:last-child a span {
	border-bottom: 0;
}
.tp-main-menu-mobile ul li > a {
	display: block;
	font-size: 16px;
	color: var(--tp-common-black);
	position: relative;
	padding: 10px 0;
	padding-right: 20px;
}
.tp-main-menu-mobile ul li > a > i {
	display: inline-block;
	width: 11%;
	margin-right: 13px;
	-webkit-transform: translateY(4px);
	-moz-transform: translateY(4px);
	-ms-transform: translateY(4px);
	-o-transform: translateY(4px);
	transform: translateY(4px);
	font-size: 21px;
	line-height: 1;
}
.tp-main-menu-mobile ul li > a .menu-text {
	font-size: 16px;
	line-height: 11px;
	border-bottom: 1px solid #eaebed;
	width: 82%;
	display: inline-block;
	padding: 19px 0 17px;
}
.tp-main-menu-mobile ul li img {
	width: 100%;
}
.tp-main-menu-mobile ul li ul {
	padding: 0;
}
.tp-main-menu-mobile ul li ul li {
	padding: 0;
}
.tp-main-menu-mobile ul li ul li a {
	margin-left: auto;
	width: 93%;
	padding: 10px 5%;
	text-shadow: none !important;
	visibility: visible;
	padding-left: 0;
	padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li a {
	width: 88%;
	padding: 10px 7%;
	padding-left: 0;
	padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li a {
	width: 83%;
	padding: 10px 9%;
	padding-left: 0;
	padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li li a {
	width: 68%;
	padding: 10px 11%;
	padding-left: 0;
	padding-right: 20px;
}
.tp-main-menu-mobile ul li:hover > a {
	color: var(--bd-theme-primary);
}
.tp-main-menu-mobile ul li:hover > a::after {
	color: var(--bd-theme-primary);
}
.tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i {
	color: var(--bd-theme-primary);
}
.tp-main-menu-mobile ul li:hover .mega-menu {
	visibility: visible;
	opacity: 1;
	top: 0;
}
.tp-main-menu-mobile ul li .mega-menu,
.tp-main-menu-mobile ul li .submenu {
	position: static;
	min-width: 100%;
	padding: 0;
	box-shadow: none;
	visibility: visible;
	opacity: 1;
	display: none;
}
.tp-main-menu-mobile ul li .mega-menu li,
.tp-main-menu-mobile ul li .submenu li {
	float: none;
	display: block;
	width: 100%;
	padding: 0;
}
.tp-main-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn,
.tp-main-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn {
	color: var(--bd-theme-primary);
}
.tp-main-menu-mobile
	.tp-main-menu-content
	ul
	li:not(:last-child)
	.home-menu-title
	a {
	border-bottom: none;
}
.tp-main-menu-mobile * ul,
.tp-main-menu-mobile * li {
	transition: none !important;
}

/*----------------------------------------*/
/*  5.1 Blog css
/*----------------------------------------*/
.blog__item {
	padding: 30px 30px 50px 30px;
	border-radius: 8px;
}
.blog__item.bg-solid {
	background: var(--bd-bg-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog__item {
		padding: 30px 20px 40px 20px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.blog__item {
		padding: 30px 30px 30px 30px;
	}
}
@media (max-width: 450px) {
	.blog__item {
		padding: 20px 20px 30px 20px;
	}
}
.blog__item:hover .blog__thumb.is-hover img {
	transform: scale3d(1.07, 1.07, 1.07);
}
.blog__item.style-two {
	padding: 30px 30px 40px 30px;
	border-radius: 8px;
	border: 2px solid #232426;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.blog__item.style-two {
		padding: 30px 20px 40px 20px;
	}
}
.blog__item.style-two.bg-solid {
	background: var(--bd-bg-secondary);
	border: 0;
}
.blog__item.style-two.bg-solid .blog__content-bottom::before {
	background: rgba(255, 255, 255, 0.05);
}
@media (max-width: 450px) {
	.blog__item.style-two {
		padding: 20px 20px 30px 20px;
	}
}
.blog__item.style-two .blog__thumb {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 8px;
}
.blog__item.style-two .blog__thumb::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--bd-rgba-5);
	content: "";
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out;
}
.blog__item.style-two .blog__thumb:hover::before {
	visibility: visible;
	opacity: 1;
}
.blog__item.style-two .blog__thumb:hover .blog__btn-circle {
	top: 50%;
	visibility: visible;
	opacity: 1;
}
.blog__item.style-two .blog__btn-circle {
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s 0s ease-out;
}
.blog__item.style-two .blog__content-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}
.blog__item.style-two .blog__meta {
	display: unset;
	margin: 0;
}
.blog__item.style-two .blog__meta span {
	font-size: 14px;
}
.blog__item.style-two .blog__meta span i {
	margin-right: 5px;
}
.blog__item.style-two .blog__content-bottom {
	position: relative;
	padding-top: 20px;
}
.blog__item.style-two .blog__content-bottom::before {
	position: absolute;
	width: 100%;
	height: 1px;
	content: "";
	background: var(--bd-border-tertiary);
	top: 0;
}
.blog__item.style-two .blog__author {
	display: flex;
	align-items: center;
	gap: 0 15px;
}
.blog__item.style-two .blog__author-thumb {
	max-width: 64px;
}
.blog__item.style-two .blog__author-thumb img {
	border-radius: 50%;
}
.blog__item.style-two .blog__author-designation {
	display: block;
	font-size: 14px;
	color: #858585;
}
@media (max-width: 575px) {
	.blog__item.style-two .blog__author-designation {
		font-size: 13px;
	}
}
.blog__item.style-two .blog__author-title {
	font-size: 18px;
	font-weight: 500;
	color: var(--bd-common-white);
	line-height: 1.2;
}
@media (max-width: 575px) {
	.blog__item.style-two .blog__author-title {
		font-size: 16px;
	}
}
.blog__item.style-three {
	background: transparent;
	padding: 0;
}
.blog__item.style-three .blog__thumb {
	position: relative;
}
.blog__item.style-three .blog__tag {
	position: absolute;
	left: 30px;
	bottom: 30px;
}
.blog__item.style-four {
	padding: 0;
}
.blog__item.style-four .blog__thumb {
	position: relative;
	margin: 0;
	border-radius: 8px 8px 0 0;
}
.blog__item.style-four .blog__tag {
	position: absolute;
	left: 30px;
	bottom: 30px;
}
.blog__item.style-four .blog__content {
	padding: 30px 30px 40px 30px;
	border-radius: 0 0 8px 8px;
}
.blog__item.style-four .blog__content.bg-solid {
	background: var(--bd-bg-secondary);
}
.blog__item.style-five {
	padding: 0;
}
.blog__item.style-five .blog__thumb {
	position: relative;
	margin: 0;
	border-radius: 8px 8px 0 0;
}
.blog__item.style-five .blog__tag {
	position: absolute;
	left: 30px;
}
.blog__item.style-five .blog__content {
	padding: 30px 30px 40px 30px;
	border-radius: 0 0 8px 8px;
}
.blog__item.style-five .blog__title {
	margin-bottom: 35px;
}
.blog__item.style-five .blog__content.bg-solid {
	background: var(--bd-bg-secondary);
}
.blog__item.style-six {
	padding: 0;
	border-radius: 8px;
	border: none;
	position: relative;
}
.blog__item.style-six .blog__thumb {
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 8px;
	border-radius: 8px 8px 0 0;
}
.blog__item.style-six .blog__thumb::before {
	content: none;
}
.blog__item.style-six .blog__tag {
	position: absolute;
	left: 30px;
	top: 30px;
}
.blog__item.style-six .blog__content {
	padding: 30px 30px 30px 30px;
	border-radius: 0 0 8px 8px;
}
.blog__item.style-six .blog__content.bg-solid {
	background: var(--bd-bg-secondary);
}
.blog__item.style-six .blog__content-top {
	margin-top: 20px;
}
@media (max-width: 450px) {
	.blog__item.style-six .blog__content-top {
		margin-top: 0px;
	}
}
.blog__item.style-six .blog__title {
	margin: 0;
}
.blog__item.style-six .blog__author {
	display: inline-flex;
	align-items: center;
	gap: 0 11px;
	background: var(--bd-bg-quaternary);
	padding: 5px 20px 5px 5px;
	border-radius: 35px;
	position: absolute;
	bottom: 160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.blog__item.style-six .blog__author {
		bottom: 190px;
	}
}
@media (max-width: 450px) {
	.blog__item.style-six .blog__author {
		display: none;
	}
}
.blog__item.style-six .blog__author-thumb {
	max-width: 45px;
}
.blog__item.style-six .blog__author-thumb img {
	border-radius: 50%;
}
.blog__item.style-six .blog__author-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--bd-common-white);
	line-height: 1.2;
}
@media (max-width: 575px) {
	.blog__item.style-six .blog__author-title {
		font-size: 16px;
	}
}
.blog__item.style-seven {
	padding: 0;
	display: grid;
	grid-template-columns: 245px 1fr;
	align-items: center;
	height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.blog__item.style-seven {
		grid-template-columns: 230px 1fr;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog__item.style-seven {
		grid-template-columns: 190px 1fr;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.blog__item.style-seven {
		grid-template-columns: 1fr;
	}
}
.blog__item.style-seven .blog__thumb {
	position: relative;
	margin: 0;
	border-radius: 8px 0px 0px 8px;
	height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.blog__item.style-seven .blog__thumb {
		border-radius: 8px 8px 0px 0px;
	}
}
.blog__item.style-seven .blog__thumb img {
	height: 100%;
}
.blog__item.style-seven .blog__tag {
	position: absolute;
	left: 20px;
	top: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.blog__item.style-seven .blog__meta {
		gap: 10px 15px;
		flex-wrap: wrap;
	}
}
.blog__item.style-seven .blog__content {
	padding: 30px 30px 40px 30px;
	border-radius: 0 8px 8px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.blog__item.style-seven .blog__content {
		border-radius: 0px 0px 8px 8px;
	}
}
.blog__item.style-seven .blog__content.bg-solid {
	background: var(--bd-bg-secondary);
}
.blog__thumb {
	position: relative;
	margin-bottom: 21px;
	overflow: hidden;
	border-radius: 8px;
}
.blog__thumb.is-hover img {
	width: 100%;
	transition: all 1.1s cubic-bezier(0, 0, 0.2, 1);
}
.blog__thumb img {
	width: 100%;
}
.blog__meta {
	display: flex;
	align-items: center;
	gap: 10px 50px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.blog__meta span i {
	margin-right: 5px;
	color: var(--bd-theme-primary);
}
.blog__meta.style-one {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background-color: var(--bd-theme-primary);
	padding: 12px 18px 18px;
	border-radius: 4.41px;
	text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.blog__meta.style-one {
		padding: 8px 15px;
	}
}
.blog__meta.style-one .date {
	line-height: 1;
}
.blog__meta.style-one .month {
	font-size: 16px;
	letter-spacing: 1.6px;
	font-weight: 400;
	display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.blog__meta.style-one .month {
		font-size: 14px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.blog__meta.style-one .month {
		font-size: 12px;
	}
}
.blog__content p {
	margin-bottom: 25px;
}
.blog__title {
	margin-bottom: 17px;
	display: inline-block;
}
.blog__title a:hover {
	color: var(--bd-theme-primary);
}
.blog__tag a {
	font-size: 14px;
	display: inline-block;
	letter-spacing: 1.4px;
	color: var(--bd-common-white);
	padding: 5px 11px 4px;
	background: var(--bd-theme-primary);
	border-radius: 4px;
	font-weight: 500;
}
.blog__tag a:hover {
	background: var(--bd-common-white);
	color: var(--bd-common-black);
}
.blog__tag.is-bg-light a {
	background: var(--bd-rgba-1);
	color: var(--bd-theme-primary);
}
.blog__tag.is-bg-light a:hover {
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
}

/*----------------------------------------*/
/*  5.2 Postbox css
/*----------------------------------------*/
.postbox__item:not(:last-child) {
	margin-bottom: 30px;
}
.postbox__thumb img {
	border-radius: 8px 8px 0 0;
}
.postbox__thumb-wrapper {
	display: flex;
	gap: 10px;
}
@media (max-width: 450px) {
	.postbox__thumb-wrapper {
		flex-wrap: wrap;
		gap: 0;
	}
}
.postbox__meta {
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	gap: 15px 30px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.postbox__meta span i {
	margin-right: 5px;
	color: var(--bd-theme-primary);
}
.postbox__meta-wrapper {
	display: flex;
	align-items: center;
	gap: 20px 45px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}
.postbox__meta-author {
	display: flex;
	align-items: center;
	gap: 12px;
}
.postbox__meta-author-thumb img {
	border-radius: 50%;
}
.postbox__meta-name {
	color: var(--bd-text-tertiary);
}
.postbox__content {
	padding: 43px 50px 45px;
	border-radius: 0 0 8px 8px;
}
@media (max-width: 575px) {
	.postbox__content {
		padding: 35px 30px 35px;
	}
}
.postbox__title {
	margin-bottom: 25px;
}
.postbox__title a:hover {
	color: var(--bd-theme-primary);
}
.postbox__text p {
	margin-bottom: 30px;
}
.postbox__video .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.postbox__quote {
	padding: 50px 60px 50px;
	border-radius: 8px;
}
@media (max-width: 575px) {
	.postbox__quote {
		padding: 50px 30px 47px;
	}
}
.postbox__quote-thumb {
	max-width: 60px;
	margin-bottom: 20px;
}
.postbox__quote-content span {
	font-size: 14px;
	display: inline-block;
	margin-bottom: 15px;
	color: var(--bd-text-grey);
}
.postbox__quote-content h5 {
	margin-bottom: 35px;
	line-height: 1.35;
}
.postbox__slider-item img {
	width: 100%;
	border-radius: 8px 8px 0 0;
}
.postbox__slider .postbox__navigation button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.postbox__slider .postbox__navigation button.postbox__button-next {
	right: 0;
	left: auto;
}
.postbox__slider .postbox__navigation .circle-btn {
	background: var(--bd-common-white);
	color: var(--bd-common-black);
}
.postbox__slider .postbox__navigation .circle-btn:hover {
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.postbox__wrapper.style-two .postbox__thumb {
	margin-bottom: 50px;
}
@media (max-width: 450px) {
	.postbox__wrapper.style-two .postbox__thumb {
		margin-bottom: 30px;
	}
}
.postbox__wrapper.style-two .postbox__thumb img {
	border-radius: 8px;
	width: 100%;
}
.postbox__wrapper.style-two .postbox__quote {
	text-align: center;
	padding: 32px 60px 35px;
	background: var(--bd-bg-secondary);
	margin: 40px 0;
	border-radius: 8px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.postbox__wrapper.style-two .postbox__quote {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media (max-width: 575px) {
	.postbox__wrapper.style-two .postbox__quote {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (max-width: 450px) {
	.postbox__wrapper.style-two .postbox__quote {
		padding-left: 25px;
		padding-right: 25px;
	}
}
.postbox__wrapper.style-two .postbox__quote.is-bg-none {
	background: transparent;
	border: 1px solid var(--bd-border-primary);
}
.postbox__wrapper.style-two .postbox__quote-icon {
	margin-bottom: 10px;
}
.postbox__wrapper.style-two .postbox__quote-icon img {
	max-width: 40px;
}
.postbox__wrapper.style-two .postbox__quote p {
	line-height: 1.36;
	font-size: 22px;
	max-width: 600px;
	margin: 0 auto;
	color: var(--bd-text-tertiary);
}
@media (max-width: 575px) {
	.postbox__wrapper.style-two .postbox__quote p {
		font-size: 20px;
	}
}
.postbox__wrapper.style-two .postbox__quote blockquote {
	margin: 0;
}
.postbox__wrapper.style-two .postbox__related {
	margin-bottom: 60px;
}
.postbox__wrapper.style-three .postbox__comment ul li {
	margin-top: 0;
}
.postbox__wrapper.style-three .postbox__comment-form {
	background: var(--bd-bg-secondary);
	padding: 40px 40px 40px;
	border-radius: 8px;
}
@media (max-width: 575px) {
	.postbox__wrapper.style-three .postbox__comment-form {
		padding: 40px 25px 40px;
	}
}
.postbox__wrapper.style-three .postbox__comment-box {
	background: transparent;
	padding: 0;
}
.postbox__wrapper.style-three .postbox__comment ul.children {
	margin-bottom: 0;
}
.postbox__wrapper.style-three .postbox__comment ul.children li {
	border-bottom: 1px solid var(--bd-border-primary);
	margin-bottom: 30px;
}
.postbox__wrapper.style-three .postbox__comment ul.children li:first-child {
	border-top: 1px solid var(--bd-border-primary);
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 30px;
}
.postbox__wrapper.style-three .postbox__thumb {
	margin-bottom: 50px;
}
.postbox__wrapper.style-three .postbox__thumb img {
	border-radius: 8px;
	width: 100%;
}
.postbox__wrapper.style-three .postbox__thumb-wrapper {
	display: unset;
}
.postbox__wrapper.style-three .postbox__quote {
	text-align: center;
	padding: 32px 60px 35px;
	background: var(--bd-bg-secondary);
	margin: 40px 0;
	border-radius: 8px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.postbox__wrapper.style-three .postbox__quote {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media (max-width: 575px) {
	.postbox__wrapper.style-three .postbox__quote {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (max-width: 450px) {
	.postbox__wrapper.style-three .postbox__quote {
		padding-left: 25px;
		padding-right: 25px;
	}
}
.postbox__wrapper.style-three .postbox__quote.is-bg-none {
	background: transparent;
	border: 1px solid var(--bd-border-primary);
}
.postbox__wrapper.style-three .postbox__quote-icon {
	margin-bottom: 10px;
}
.postbox__wrapper.style-three .postbox__quote-icon img {
	max-width: 40px;
}
.postbox__wrapper.style-three .postbox__quote p {
	line-height: 1.36;
	font-size: 22px;
	max-width: 600px;
	margin: 0 auto;
	color: var(--bd-text-tertiary);
}
@media (max-width: 575px) {
	.postbox__wrapper.style-three .postbox__quote p {
		font-size: 20px;
	}
}
.postbox__wrapper.style-three .postbox__quote blockquote {
	margin: 0;
}
.postbox__wrapper.style-three .postbox__related {
	margin-bottom: 60px;
}
.postbox__details-title {
	margin-bottom: 35px;
}
.postbox__features {
	margin-bottom: 30px;
}
.postbox__features-title {
	margin-bottom: 15px;
}
.postbox__features p {
	margin-bottom: 30px;
}
.postbox__features ul li {
	list-style: none;
	color: var(--bd-text-tertiary);
	padding-left: 15px;
	position: relative;
}
.postbox__features ul li::after {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--bd-text-tertiary);
}
.postbox__features ul li:not(:last-child) {
	margin-bottom: 8px;
}
.postbox__more-navigation {
	padding: 35px 30px;
	border-radius: 8px;
	display: grid;
	grid-template-columns: auto auto auto;
	align-items: center;
	justify-content: space-between;
	margin: 40px 0;
}
.postbox__more-navigation.grid-reduce {
	grid-template-columns: auto auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.postbox__more-navigation {
		display: none;
	}
}
.postbox__more-navigation.is-margin-none {
	margin: 0;
}
.postbox__more-left {
	display: flex;
	align-items: center;
	gap: 15px;
}
.postbox__more-right {
	display: flex;
	align-items: center;
	gap: 15px;
	text-align: right;
}
.postbox__more-content h6 a:hover {
	color: var(--bd-theme-primary);
}
.postbox__more-menu a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--bd-bg-quaternary);
	color: var(--bd-common-white);
}
.postbox__more-menu a:hover {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.postbox__share-tag {
		margin-top: 20px;
		margin-bottom: 25px;
	}
}
.postbox__share-social {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: end;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.postbox__share-social {
		justify-content: start;
	}
}
.postbox__share-tag a {
	font-size: 16px;
	font-weight: 500;
	border: 1px solid var(--bd-border-primary);
	border-radius: 8px;
	display: inline-block;
	margin-right: 5px;
	height: 40px;
	line-height: 35px;
	padding: 0 20px;
	transition: all 0.3s linear;
	background-color: transparent;
	color: var(--bd-text-tertiary);
}
.postbox__share-tag a:not(:last-child) {
	margin-bottom: 5px;
}
.postbox__share-tag a:hover {
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
	border-color: var(--bd-theme-primary);
}
.postbox__share-tag span {
	margin-right: 12px;
}
.postbox__author {
	align-items: center;
	background: var(--bd-bg-secondary);
	padding: 30px 30px;
	gap: 30px;
	border-radius: 8px;
	display: grid;
	grid-template-columns: auto auto;
	margin: 60px 0 70px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.postbox__author {
		grid-template-columns: auto;
	}
}
.postbox__author.is-bg-none {
	background: transparent;
	border: 1px solid var(--bd-border-primary);
}
.postbox__author-thumb img {
	border-radius: 50%;
	width: 150px;
	height: 150px;
}
.postbox__author-title {
	margin-bottom: 10px;
}
.postbox__author-content p {
	margin-bottom: 20px;
}
.postbox__comment {
	margin-bottom: 60px;
}
.postbox__comment-btn .bd-btn.bordered-light {
	padding: 0 15px;
	height: 40px;
	font-size: 14px;
}
.postbox__comment-box {
	display: flex;
	padding: 30px;
	background: var(--bd-bg-secondary);
	gap: 20px;
	border-radius: 8px;
}
@media (max-width: 450px) {
	.postbox__comment-box {
		flex-wrap: wrap;
	}
}
.postbox__comment-avater {
	width: 80px;
	height: 80px;
}
.postbox__comment-avater img {
	border-radius: 50%;
}
.postbox__comment ul.children {
	margin-bottom: 20px;
	margin-left: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.postbox__comment ul.children {
		margin-left: 40px;
	}
}
@media (max-width: 575px) {
	.postbox__comment ul.children {
		margin-left: 15px;
	}
}
.postbox__comment ul li {
	list-style: none;
	margin-top: 20px;
}
.postbox__comment-name h6 {
	margin-bottom: 10px;
}
.postbox__comment-text p {
	margin-bottom: 20px;
}
.postbox__comment-input {
	position: relative;
	margin-bottom: 20px;
}
.postbox__comment-input textarea {
	height: 180px;
	resize: none;
	padding-top: 25px;
	padding-bottom: 25px;
}
.postbox__comment-form-title {
	margin-bottom: 7px;
}
.postbox__comment-form p {
	margin-bottom: 35px;
}

/*----------------------------------------*/
/*  5.3 Recent Post css
/*----------------------------------------*/
.rc__post {
	display: flex;
	align-items: center;
	gap: 25px;
}
@media (max-width: 450px) {
	.rc__post {
		flex-wrap: wrap;
		gap: 15px 20px;
	}
}
.rc__post:hover .rc__post-thumb img {
	transform: scale3d(1.07, 1.07, 1.07);
}
.rc__post:not(:last-child) {
	margin-bottom: 15px;
}
@media (max-width: 450px) {
	.rc__post:not(:last-child) {
		margin-bottom: 25px;
	}
}
.rc__post-thumb {
	flex: 0 0 auto;
	object-fit: cover;
	overflow: hidden;
	border-radius: 8px;
}
@media (max-width: 450px) {
	.rc__post-thumb {
		width: 100%;
	}
}
.rc__post-thumb img {
	width: 90px;
	height: 90px;
	object-fit: cover;
	transition: 0.7s cubic-bezier(0, 0, 0.2, 1);
}
@media (max-width: 450px) {
	.rc__post-thumb img {
		width: 100%;
		height: 100%;
	}
}
.rc__post-title {
	margin-bottom: 3px;
}
.rc__post-title a:hover {
	color: var(--bd-theme-primary);
}
.rc__meta span {
	font-size: 14px;
}

/*----------------------------------------*/
/*  5.4 Sidebar css
/*----------------------------------------*/
.sidebar__wrapper {
	padding-left: 40px;
	position: sticky;
	top: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.sidebar__wrapper {
		padding-left: 0;
	}
}
.sidebar__search {
	position: relative;
}
.sidebar__search button {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	color: var(--bd-common-white);
}
.sidebar__search button:hover {
	color: var(--bd-theme-primary);
}
.sidebar__widget {
	padding: 40px 30px;
	border-radius: 8px;
	background: var(--bd-bg-secondary);
}
.sidebar__widget.is-padding-none {
	padding: 0;
}
.sidebar__widget:not(:last-child) {
	margin-bottom: 30px;
}
.sidebar__widget-title {
	margin-bottom: 25px;
}
.sidebar__widget ul li {
	list-style: none;
}
.sidebar__widget ul li:not(:last-child) {
	margin-bottom: 20px;
}
.sidebar__widget ul li a {
	display: flex;
	justify-content: space-between;
	font-weight: 500;
	color: var(--bd-text-tertiary);
}
.sidebar__widget ul li a:hover {
	color: var(--bd-theme-primary);
}
.sidebar__author-social .theme__social {
	justify-content: center;
}
.sidebar__author-title {
	margin-bottom: 10px;
}
.sidebar__author-thumb img {
	border-radius: 8px 8px 0 0;
	width: 100%;
}
.sidebar__author-content {
	padding: 30px 30px 40px;
	text-align: center;
}
.sidebar__author-content p {
	margin-bottom: 20px;
}

.tagcloud a {
	font-size: 16px;
	font-weight: 500;
	border: 1px solid var(--bd-border-primary);
	border-radius: 8px;
	display: inline-block;
	padding: 7px 10px;
	transition: all 0.3s linear;
	background-color: transparent;
	color: var(--bd-text-tertiary);
	text-align: center;
	margin-bottom: 6px;
}
.tagcloud a:hover {
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
	border-color: var(--bd-theme-primary);
}

/*----------------------------------------*/
/*  6.2 Footer Style 02
/*----------------------------------------*/
.footer__top {
	display: flex;
	justify-content: space-between;
	padding-bottom: 35px;
}
@media (max-width: 450px) {
	.footer__top {
		flex-wrap: wrap;
		gap: 30px;
	}
}
.footer__bottom {
	padding: 35px 0 50px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer__bottom {
		grid-template-columns: auto auto auto;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.footer__bottom {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 575px) {
	.footer__bottom {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer__widget:first-child {
		margin-right: 60px;
	}
}
.footer__widget:nth-child(2) {
	margin-left: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer__widget:nth-child(2) {
		margin-left: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer__widget:nth-child(2) {
		margin-left: 0;
		margin-right: 60px;
	}
}
@media (max-width: 575px) {
	.footer__widget:nth-child(2) {
		margin-left: 0;
	}
}
.footer__widget:nth-child(3) {
	margin-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer__widget:nth-child(3) {
		margin-left: -10px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.footer__widget:nth-child(3) {
		margin-left: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer__widget:nth-child(4) {
		margin-left: -20px;
	}
}
.footer__widget-title {
	margin-bottom: 25px;
}
.footer__widget-title h4 {
	font-weight: 500;
}
.footer__links ul li {
	list-style: none;
}
.footer__links ul li:not(:last-child) {
	margin-bottom: 14px;
}
.footer__links ul li a {
	font-size: 16px;
	position: relative;
}
.footer__links ul li a:hover {
	color: var(--bd-theme-primary);
}
.footer__input {
	position: relative;
	margin: 20px 0 10px;
}
.footer__input input {
	border: 2px solid var(--bd-border-primary);
}
.footer__btn {
	position: absolute;
	top: 0;
	background: var(--bd-theme-primary);
	right: 5px;
	border-radius: 4px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--bd-common-white);
	padding: 11px 18px;
}
.footer__btn:hover {
	background: var(--bd-theme-secondary);
}
.footer__btn i {
	font-size: 18px;
}
.footer__area.is-footer-pad {
	padding-top: 230px;
}
.footer__area.style-two {
	position: relative;
}
.footer__area.style-two .footer__bottom {
	padding: 0 0 50px;
}
.footer__area.style-two .footer__bg-thumb {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
}
.footer__area.style-two .footer__bg-thumb::before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0, 0, 0, 0.85);
	top: 0;
	left: 0;
	z-index: 1;
}
.footer__area.style-two .footer__widget-gallery ul {
	display: grid;
	grid-template-columns: repeat(2, 120px);
	gap: 10px;
}
.footer__area.style-two .footer__widget-gallery ul li {
	list-style: none;
}
.footer__area.style-two .footer__widget-gallery ul li a {
	position: relative;
	display: block;
}
.footer__area.style-two .footer__widget-gallery ul li a::before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	border-radius: 4px;
	background: linear-gradient(
		90deg,
		rgba(66, 134, 244, 0.6) 0%,
		rgba(99, 14, 217, 0.6) 100%
	);
	opacity: 0;
	z-index: 1;
	transition: 0.3s;
}
.footer__area.style-two .footer__widget-gallery ul li a img {
	border-radius: 4px;
}
.footer__area.style-two .footer__widget-gallery ul li a:hover::before {
	opacity: 1;
}
.footer__area.footer-bg {
	background: rgba(45, 46, 47, 0.2);
}

/*----------------------------------------*/
/*  6.6 Copyright Style
/*----------------------------------------*/
.footer__copyright p {
	margin-bottom: 0;
}
.footer__copyright p a {
	color: var(--bd-text-primary);
}
.footer__copyright p a:hover {
	color: var(--bd-theme-primary);
}
.footer__copyright-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 27px 0;
	gap: 10px 30px;
}
@media (max-width: 575px) {
	.footer__copyright-inner {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
}
.footer__copyright.style-two {
	text-align: center;
	padding: 22px 0;
}

/*----------------------------------------*/
/*  7.31 Slider css
/*----------------------------------------*/
.sider__area {
	padding: 0px 40px 0px;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.sider__area {
		padding: 0px;
	}
}

.slider-overlay {
	position: relative;
}
.slider-overlay:before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	opacity: 0.8500000238;
	background: linear-gradient(180deg, #0e0a24 0%, rgba(14, 10, 36, 0.7) 100%);
	-webkit-border-radius: 0 0 35px 35px;
	-moz-border-radius: 0 0 35px 35px;
	-o-border-radius: 0 0 35px 35px;
	-ms-border-radius: 0 0 35px 35px;
	border-radius: 0 0 35px 35px;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-overlay:before {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0;
	}
}

.slider__thumb-bg {
	position: absolute;
	width: 100%;
	height: 100%;
}

.slider__content {
	padding: 180px 0 240px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.slider__content {
		padding: 130px 0 160px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.slider__content {
		padding: 100px 0 160px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.slider__content {
		padding: 90px 0 155px;
	}
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.slider__content {
		padding: 80px 0 145px;
	}
}
@media (max-width: 450px) {
	.slider__content {
		padding: 70px 0 135px;
	}
}
.slider__content > p {
	max-width: 545px;
	margin: 0 auto;
	margin-bottom: 40px;
	color: #cccccc;
	animation-delay: 0.7s;
	animation-duration: 1s;
}

.slider__sbutitle {
	background: linear-gradient(90deg, #674ad9 0%, #fb5141 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: block;
	line-height: 16px;
	letter-spacing: 2.56px;
	font-weight: var(--bd-fw-medium);
	display: inline-block;
	animation-delay: 0.3s;
	animation-duration: 1s;
}

.slider__title {
	font-size: 80px;
	font-weight: var(--bd-fw-bold);
	margin-bottom: 25px;
	animation-delay: 0.5s;
	animation-duration: 1s;
	color: var(--bd-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.slider__title {
		font-size: 68px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.slider__title {
		font-size: 64px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider__title {
		font-size: 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider__title {
		font-size: 56px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slider__title {
		font-size: 48px;
	}
}
@media (max-width: 575px) {
	.slider__title {
		font-size: 40px;
	}
}
@media (max-width: 450px) {
	.slider__title {
		font-size: 32px;
	}
	.slider__title br {
		display: none;
	}
}

.parallax-slider {
	position: relative;
	-webkit-border-radius: 0 0 35px 35px;
	-moz-border-radius: 0 0 35px 35px;
	-o-border-radius: 0 0 35px 35px;
	-ms-border-radius: 0 0 35px 35px;
	border-radius: 0 0 35px 35px;
	border-bottom: 4px solid var(--bd-common-white);
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.parallax-slider {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0;
	}
}
.parallax-slider .swiper-slide {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.slider__navigation button {
	width: 60px;
	height: 60px;
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--bd-border-primary);
	justify-content: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	color: var(--bd-text-primary);
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50px;
	z-index: 55;
}
.bd-theme-light .slider__navigation button {
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: var(--bd-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider__navigation button {
		left: 30px;
	}
}
.slider__navigation button:hover {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
	border-color: transparent;
}
.slider__navigation .slider__button-next {
	left: auto;
	right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider__navigation .slider__button-next {
		right: 30px;
	}
}

.parallax-slider .slider__sbutitle,
.parallax-slider .slider__title {
	animation-name: fadeInUp;
	animation-fill-mode: both;
}
.parallax-slider .slider__content > p {
	animation-name: fadeInUp;
	animation-fill-mode: both;
}
.parallax-slider .bd-gradient-btn {
	animation-name: fadeInUp;
	animation-fill-mode: both;
	animation-delay: 1s;
	animation-duration: 1s;
}

.bd-slider-dot {
	position: absolute;
	bottom: 45px !important;
	left: 50% !important;
	z-index: 5;
}
.bd-slider-dot .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: rgba(255, 255, 255, 0.2);
	opacity: 1;
	border-radius: 30px;
	position: relative;
	margin: 0 10px !important;
}
.bd-theme-light .bd-slider-dot .swiper-pagination-bullet {
	background-color: rgba(6, 6, 6, 0.2);
}
.bd-slider-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--bd-common-white);
	background-color: white;
}
.bd-theme-light
	.bd-slider-dot
	.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #060606;
}
.bd-slider-dot.is-white .swiper-pagination-bullet {
	background-color: rgba(255, 255, 255, 0.2);
}
.bd-slider-dot.is-white
	.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: white;
}

.slider__glow .glow-one {
	background: #573fea;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	width: 235px;
	height: 235px;
	transform-origin: bottom left;
	transform: rotate(-55deg) scale(1, 1);
	filter: blur(200px);
	position: absolute;
	bottom: 85px;
	z-index: -1;
}
.slider__glow .glow-two {
	background: linear-gradient(90deg, #674ad9 0%, #fb5141 100%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	width: 240px;
	height: 240px;
	filter: blur(200px);
	position: absolute;
	left: calc(100% - 120px);
	top: 80px;
	z-index: -1;
}

.slider__glow-two .glow-one {
	background: #573fea;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	width: 235px;
	height: 235px;
	filter: blur(200px);
	position: absolute;
	top: 50%;
	z-index: 2;
	left: -117px;
}
.slider__glow-two .glow-two {
	background: linear-gradient(-90deg, #6549d5 0%, #fb5343 100%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	width: 241px;
	height: 241px;
	position: absolute;
	top: 175px;
	right: -120px;
	filter: blur(200px);
	z-index: 2;
}

.slider__thumb-bg-2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	filter: grayscale(1);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 8s linear 0s;
	-moz-transition: all 8s linear 0s;
	-o-transition: all 8s linear 0s;
	transition: all 8s linear 0s;
}
.slider__thumb-bg-2::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(6, 6, 6, 0.5);
	z-index: -1;
}
.slider__thumb-bg-2::before {
	position: absolute;
	content: "";
	height: 54%;
	width: 1000%;
	background: linear-gradient(360deg, #060606 0%, rgba(6, 6, 6, 0) 100%);
	z-index: -1;
	bottom: 0;
	left: 0;
}
@media (max-width: 575px) {
	.slider__thumb-bg-2::before {
		height: 20%;
	}
}

.slider__content-2 {
	padding-top: 305px;
	padding-bottom: 225px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.slider__content-2 {
		padding-top: 200px;
		padding-bottom: 135px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.slider__content-2 {
		padding-top: 200px;
		padding-bottom: 135px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.slider__content-2 {
		padding-top: 180px;
		padding-bottom: 115px;
	}
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.slider__content-2 {
		padding-top: 160px;
		padding-bottom: 115px;
	}
}
@media (max-width: 450px) {
	.slider__content-2 {
		padding-top: 140px;
		padding-bottom: 115px;
	}
}
.slider__content-2 > p {
	max-width: 545px;
	margin: 0 auto;
	margin-bottom: 45px;
	color: #b7b4b4;
}

.slider__sbutitle-2 {
	color: #089eff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1.68px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.07);
	backdrop-filter: blur(15px);
	padding: 3px 15px;
	display: inline-block;
}

.swiper-slide-active .slider__thumb-bg-2 {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}

.slider-navigation-2.slider__navigation button {
	left: 90px;
}
.slider-navigation-2 .slider__button-next {
	left: auto !important;
	right: 90px;
}

/*----------------------------------------*/
/*  7.20 service css
/*----------------------------------------*/
.service__shape {
	position: absolute;
	right: -9%;
	top: 120px;
	-webkit-animation-name: rotate-infinite;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.service__shape {
		right: -15%;
		top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.service__shape {
		right: -30%;
		top: 0;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.service__shape {
		right: -38%;
		top: 0;
	}
}
@media (max-width: 575px) {
	.service__shape {
		display: none;
	}
}
.service__item {
	padding: 35px 30px 30px;
	border-radius: 8px;
}
@media (max-width: 575px) {
	.service__item {
		padding: 35px 25px 30px;
	}
}
.service__item.bordered-style {
	position: relative;
}
.service__item.bordered-style::before {
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	margin: auto;
	left: 0;
	bottom: -4px;
	right: 0;
	border-bottom: 4px solid rgba(66, 134, 244, 0.7);
	border-radius: 8px;
	transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
	z-index: -1;
}
.service__item.bordered-style:hover::before {
	width: 100%;
}
.service__item:hover .service__icon-wrap i {
	animation: bd-bounce 800ms ease-out alternate;
	-webkit-animation: bd-bounce 800ms ease-out alternate;
}
.service__item.bg-solid {
	background-color: var(--bd-bg-secondary);
}
.service__item.style-two {
	border: 1px solid var(--bd-border-primary);
	padding: 40px 25px 35px;
	position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.service__item.style-two {
		padding: 50px 30px 30px;
	}
}
.service__item.style-two::before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	background: linear-gradient(0deg, #1e2022 0%, #2f3c48 100%);
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	border-radius: 8px;
	z-index: -1;
	transition: all 0.3s ease-out 0s;
}
.service__item.style-two .service__icon-wrap {
	border-radius: 50%;
	margin-bottom: 35px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
}
.service__item.style-two:hover {
	border: 1px solid transparent;
}
.service__item.style-two:hover::before {
	opacity: 1;
	visibility: visible;
}
.service__item.style-three {
	padding: 50px 20px;
	transition: 0.3s;
	height: 100%;
}
.service__item.style-three:hover {
	background: var(--bd-bg-secondary);
}
.service__item.style-three:hover .service__icon-wrap img {
	filter: none;
}
.service__item.style-three .service__icon-wrap {
	margin-bottom: 24px;
	max-width: 50px;
}
.service__item.style-three .service__content p {
	margin-bottom: 30px;
}
.service__item.style-three .service__title a:hover {
	color: var(--bd-theme-primary);
}
.service__item.style-three.bordered-style {
	border: 1px solid var(--bd-border-primary);
}
.service__item.style-three.bordered-style::before {
	content: none;
}
.service__item.style-three.bordered-style:hover {
	border: 1px solid transparent;
}
.service__item.style-four {
	padding: 30px 20px;
	transition: 0.3s;
}
.service__item.style-four:hover {
	background: var(--bd-bg-secondary);
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25),
		-4px -4px 10px 0px rgba(0, 0, 0, 0.25);
}
.service__item.style-four:hover .service__icon-wrap img {
	filter: none;
}
.service__item.style-four .service__icon-wrap {
	margin-bottom: 24px;
	max-width: 50px;
}
.service__item.style-four .service__content p {
	margin-bottom: 30px;
}
.service__item.style-four .service__title a:hover {
	color: var(--bd-theme-primary);
}
.service__item.style-four.bordered-style {
	border: 1px solid var(--bd-border-primary);
}
.service__item.style-four.bordered-style::before {
	content: none;
}
.service__item.style-four.bordered-style:hover {
	border: 1px solid transparent;
}
.service__item.style-five {
	padding: 35px 35px 30px;
	height: 100%;
}
@media (max-width: 450px) {
	.service__item.style-five {
		padding: 30px 30px 25px;
	}
}
.service__item.style-five.bg-solid {
	background: #262829;
}
.service__item.style-five .service__content p {
	margin-bottom: 23px;
}
.service__item.style-five.bordered-style::before {
	position: absolute;
	content: "";
	width: 0%;
	height: 20px;
	top: -4px;
	left: auto;
	right: 0;
	bottom: unset;
	background-color: rgba(66, 134, 244, 0.7);
	border-radius: 8px;
	z-index: -1;
	transition: all 0.3s ease-out 0s;
}
.service__item.style-five.bordered-style:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}
.service__item.style-six {
	background: var(--bd-bg-quaternary);
	position: relative;
	z-index: 1;
	padding: 35px 30px 30px;
}
.service__item.style-six .service__title a:hover {
	color: var(--bd-common-white);
}
.service__item.style-six:hover::after {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}
.service__item.style-six:hover .service__content p {
	color: var(--bd-common-white);
}
.service__item.style-six:hover .service__icon-wrap i {
	color: var(--bd-common-white);
}
.service__item.style-six:hover .service__icon-wrap.is-icon-border::before {
	border: 1px dashed var(--bd-common-white);
	-webkit-animation-name: rotate-infinite;
	-webkit-animation-duration: 8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.service__item.style-six::after {
	position: absolute;
	content: "";
	width: 235px;
	height: 5px;
	background: linear-gradient(359deg, #f7eb02 0.7%, #fac10a 99.27%);
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25),
		-4px -4px 10px 0px rgba(0, 0, 0, 0.25);
	left: 50%;
	bottom: 0;
	transform: translateX(-50%) rotate(180deg);
	border-radius: 0 0 8px 8px;
	transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
	z-index: -1;
}
.service__item.style-six .service__icon-wrap {
	width: 80px;
	height: 80px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-bottom: 30px;
}
.service__item.style-six .service__icon-wrap.is-icon-border {
	border: 1px dashed var(--bd-border-primary);
}
.service__item.style-six .service__icon-wrap.is-icon-border::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 50%;
	border: 1px dashed var(--bd-border-primary);
}
.service__item.style-seven {
	position: relative;
	z-index: 1;
}
.service__item.style-seven::before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	border-radius: 8px;
	z-index: -1;
	transition: all 0.3s ease-out 0s;
	background: linear-gradient(180deg, #2f3b47 0%, #1f2124 100%);
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25),
		-4px -4px 10px 0px rgba(0, 0, 0, 0.25);
}
.service__item.style-seven .service__content p {
	margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.service__item.style-seven .service__content p {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.service__item.style-seven .service__content p {
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}
.service__item.style-seven:hover::before {
	opacity: 1;
	visibility: visible;
}
.service__item.style-seven.is-padding-reduce {
	padding: 30px 20px 30px;
}
.service__item.style-seven.is-transition .service__content {
	transition: 0.5s;
}
.service__item.style-seven.is-transition .service__content .bd-text-btn {
	opacity: 0;
	visibility: hidden;
	transform: translateY(40px);
	transition: 0.5s;
}
.service__item.style-seven.is-transition:hover .service__content {
	transform: translateY(-10px);
	transition-delay: 0.1s;
}
.service__item.style-seven.is-transition:hover .service__icon-wrap {
	transform: translateY(-10px);
}
.service__item.style-seven.is-transition:hover .bd-text-btn {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.service__item.style-eight {
	background: var(--bd-bg-quaternary);
	position: relative;
	z-index: 1;
}
.service__item.style-eight:hover::after {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}
.service__item.style-eight:hover .service__content p {
	color: var(--bd-common-white);
}
.service__item.style-eight:hover .service__icon-wrap.is-icon-border {
	border-color: rgba(255, 255, 255, 0.5);
}
.service__item.style-eight:hover .service__icon-wrap i {
	color: var(--bd-common-white);
}
.service__item.style-eight::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 5px;
	background: var(--bd-theme-primary);
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25),
		-4px -4px 10px 0px rgba(0, 0, 0, 0.25);
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	border-radius: 0 0 8px 8px;
	transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
	z-index: -1;
}
.service__item.style-eight .service__icon-wrap {
	border-radius: 50%;
	margin-bottom: 30px;
	width: 80px;
	height: 80px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.service__item.style-eight .service__icon-wrap.is-icon-border {
	border: 1px solid var(--bd-border-primary);
}
.service__item.style-eight .service__title a:hover {
	color: var(--bd-common-white);
}
.service__icon-wrap {
	display: inline-flex;
	position: relative;
	margin-bottom: 18px;
}
.service__icon-wrap i {
	font-size: 50px;
	color: var(--bd-theme-primary);
}
.service__content p {
	margin-bottom: 0;
}
.service__content .service__title {
	margin-bottom: 10px;
}
.service__content .service__title a:hover {
	color: var(--bd-theme-primary);
}
.service__details-thumb {
	margin-bottom: 40px;
}
.service__details-thumb img {
	border-radius: 8px;
}
.service__details-wrapper > p {
	margin-bottom: 40px;
}
.service__details-text p:not(:last-child) {
	margin-bottom: 20px;
}
.service__details-progress {
	margin-top: 40px;
}
.service__details-progress-list {
	margin-top: 30px;
}
.service__details-progress-list .info__list ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
@media (max-width: 450px) {
	.service__details-progress-list .info__list ul {
		grid-template-columns: repeat(1, 1fr);
	}
}
.service__details-progress-list
	.info__list
	ul
	li:not(.service__details-progress-list .info__list ul li:last-child) {
	margin-bottom: 0px;
}
.service__details-item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.service__details-item {
		grid-template-columns: repeat(1, 1fr);
	}
}

.service__widget {
	position: sticky;
	top: 110px;
	padding-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.service__widget {
		padding-right: 0;
	}
}
.service__widget-tab {
	background: var(--bd-bg-secondary);
	padding: 30px 30px 30px;
	border-radius: 8px;
}
@media (max-width: 450px) {
	.service__widget-tab {
		padding: 30px 25px 30px;
	}
}
.service__widget-tab h5 {
	position: relative;
	display: inline-block;
	margin-bottom: 35px;
}
.service__widget-tab ul li {
	border-radius: 8px;
	list-style: none;
}
.service__widget-tab ul li a {
	display: inline-flex;
	align-items: center;
	width: 100%;
	padding: 15px 35px;
	position: relative;
	border-radius: 8px;
}
.service__widget-tab ul li a i {
	font-size: 25px;
}
.service__widget-tab ul li a span {
	margin-right: 15px;
}
.service__widget-tab ul li a.active {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.service__widget-tab ul li a.active:hover {
	background-color: var(--bd-theme-primary);
}
.service__widget-tab ul li a:hover {
	background: var(--bd-bg-secondary);
	color: var(--bd-common-white);
}
.service__widget-tab ul li a > i {
	position: absolute;
	top: 50%;
	right: 24px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.service__contact {
	background: var(--bd-bg-secondary);
	padding: 30px 30px 30px;
	border-radius: 8px;
}
@media (max-width: 450px) {
	.service__contact {
		padding: 30px 25px 30px;
	}
}
.service__contact h5 {
	margin-bottom: 35px;
	position: relative;
	display: inline-block;
}
.service__contact form .from__input-box .form__input.style-two input {
	margin-bottom: 10px;
	background: var(--bd-bg-secondary);
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.service__contact form .from__input-box .form__input.style-two input:focus {
	border-color: var(--bd-theme-primary);
}
.service__contact form .from__input-box .form__input.style-two textarea {
	background: var(--bd-bg-secondary);
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.service__contact form .from__input-box .form__input.style-two textarea:focus {
	border-color: var(--bd-theme-primary);
}
.service__contact-info-item {
	background: var(--bd-bg-secondary);
	padding: 30px 30px 30px;
	border-radius: 8px;
}
.service__contact-info-item > h5 {
	margin-bottom: 35px;
	position: relative;
	display: inline-block;
}
@media (max-width: 450px) {
	.service__contact-info-item {
		padding: 30px 25px 30px;
	}
}
.service__contact-info-item .contact__info-item ul li {
	list-style: none;
}
.service__contact-info-item .contact__info-item ul li:not(:last-child) {
	margin-bottom: 20px;
}

/*----------------------------------------*/
/*  7.1 About css
/*----------------------------------------*/
.about__shape-two {
	position: absolute;
	right: 130px;
	z-index: 1;
	bottom: 0;
	animation: bdtranslate 2s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__shape-two {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__shape-two {
		right: 0;
	}
}
.about__shape-three {
	position: absolute;
	left: 135px;
	-moz-animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
	-webkit-animation: rotate-infinite 3s ease-in-out 1s forwards infinite
		alternate;
	animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.about__shape-three {
		left: 15px;
		top: 70px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.about__shape-three {
		left: 15px;
		top: 40px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__shape-three {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__shape-three {
		top: 10px;
		left: 10px;
	}
}
.about__shape-four {
	position: absolute;
	right: 115px;
	bottom: 100px;
	-moz-animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
	-webkit-animation: rotate-infinite 3s ease-in-out 1s forwards infinite
		alternate;
	animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__shape-four {
		right: 70px;
		bottom: 80px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__shape-four {
		right: 75px;
		bottom: 60px;
	}
}
@media (max-width: 450px) {
	.about__shape-four {
		right: 40px;
		bottom: 60px;
	}
}
.about__thumb {
	position: relative;
	z-index: 4;
}
.about__thumb::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	top: -20px;
	left: -20px;
	z-index: -1;
	border-radius: 8px;
	background: linear-gradient(
		180deg,
		rgba(66, 134, 244, 0.71) 0%,
		rgba(189, 188, 188, 0) 100%
	);
}
.about__thumb img {
	width: 100%;
	border-radius: 8px;
}
.about__thumb-wrapper {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper {
		margin-right: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__thumb-wrapper {
		margin-right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__thumb-wrapper {
		position: sticky;
		top: 120px;
	}
}
.about__thumb-wrapper.style-two {
	position: relative;
	margin: 0;
	padding-right: 50px;
	padding-left: 55px;
	padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__thumb-wrapper.style-two {
		top: 0;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__thumb-wrapper.style-two {
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper.style-two {
		position: sticky;
		top: 100px;
	}
}
.about__thumb-wrapper.style-two .about__thumb {
	margin: 0;
	position: relative;
	z-index: -1;
}
.about__thumb-wrapper.style-two .about__thumb::before {
	content: none;
}
.about__thumb-wrapper.style-two .about__thumb.is-small {
	position: absolute;
	right: -30px;
	bottom: 0px;
	border: 20px solid #121314;
	border-radius: 8px;
	z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.about__thumb-wrapper.style-two .about__thumb.is-small {
		right: -80px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper.style-two .about__thumb.is-small {
		border: 10px solid #121314;
		right: -45px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__thumb-wrapper.style-two .about__thumb.is-small {
		border: 10px solid #121314;
		right: 0;
	}
}
@media (max-width: 575px) {
	.about__thumb-wrapper.style-two .about__thumb.is-small {
		max-width: 250px;
	}
}
@media (max-width: 450px) {
	.about__thumb-wrapper.style-two .about__thumb.is-small {
		display: none;
	}
}
.about__thumb-wrapper.style-two .about__experience {
	position: relative;
	max-width: 255px;
	height: 132px;
	top: -45px;
	left: -35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper.style-two .about__experience {
		max-width: 175px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.about__thumb-wrapper.style-two .about__experience {
		max-width: 200px;
		left: 0;
	}
}
@media (max-width: 575px) {
	.about__thumb-wrapper.style-two .about__experience {
		max-width: 150px;
		left: 10px;
	}
}
@media (max-width: 450px) {
	.about__thumb-wrapper.style-two .about__experience {
		max-width: 100%;
		left: 10px;
	}
}
.about__thumb-wrapper.style-two .about__experience-bg {
	background: var(--bd-theme-primary);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	border-radius: 10px;
}
.about__thumb-wrapper.style-two .about__experience-content {
	position: absolute;
	background: var(--bd-bg-secondary);
	border-radius: 10px;
	width: 100%;
	height: 100%;
	text-align: center;
	transform: rotate(5.263deg);
	z-index: -1;
	top: 10px;
	left: -10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.about__thumb-wrapper.style-two .about__experience-title {
	margin-bottom: 5px;
}
.about__thumb-wrapper.style-two .about__experience p {
	font-size: 20px;
	line-height: 1.2;
	color: var(--bd-text-light-grey);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__thumb-wrapper.style-two .about__experience p {
		font-size: 18px;
	}
}
.about__thumb-wrapper.style-three {
	margin: 0;
	position: relative;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 125px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.about__thumb-wrapper.style-three {
		margin-left: 100px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper.style-three {
		margin-left: 0px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__thumb-wrapper.style-three {
		margin-left: 0px;
		position: sticky;
		top: 110px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__thumb-wrapper.style-three {
		margin-left: 80px;
	}
}
@media (max-width: 450px) {
	.about__thumb-wrapper.style-three {
		margin-left: 0px;
	}
}
.about__thumb-wrapper.style-three .about__thumb {
	margin: 0;
}
.about__thumb-wrapper.style-three .about__thumb::before {
	right: -20px;
	left: auto;
	background: linear-gradient(150deg, #f7eb02 0.4%, #fac10a 99.75%);
}
.about__thumb-wrapper.style-three .counter__wrap {
	position: absolute;
	bottom: 30px;
	z-index: 5;
	left: -100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__thumb-wrapper.style-three .counter__wrap {
		left: -80px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	(max-width: 450px) {
	.about__thumb-wrapper.style-three .counter__wrap {
		left: 0px;
		bottom: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper.style-three .counter__wrap {
		width: 140px;
		height: 140px;
		padding: 27px 25px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.about__thumb-wrapper.style-three .counter__wrap {
		width: 120px;
		height: 120px;
		padding: 24px 17px;
	}
}
@media (max-width: 575px) {
	.about__thumb-wrapper.style-three .counter__wrap {
		width: 120px;
		height: 120px;
		padding: 22px 17px;
	}
}
.about__thumb-wrapper.style-four {
	position: relative;
	margin: 0;
	padding-right: 50px;
	margin-bottom: 30px;
	margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.about__thumb-wrapper.style-four {
		position: sticky;
		top: 110px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper.style-four {
		padding-right: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__thumb-wrapper.style-four {
		padding-right: 0px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__thumb-wrapper.style-four {
		top: 0;
	}
}
.about__thumb-wrapper.style-four .about__thumb {
	position: relative;
}
.about__thumb-wrapper.style-four .about__thumb::before {
	content: none;
}
.about__thumb-wrapper.style-four .about__thumb .about__shape-one {
	position: absolute;
	bottom: -25px;
	left: -25px;
	z-index: -1;
	width: unset;
	animation: upDown 1.6s ease-in-out 1.6s forwards infinite alternate;
}
.about__thumb-wrapper.style-four .about__counter-wrapper {
	background: var(--bd-theme-primary);
	text-align: center;
	margin: 0;
	padding: 15px 20px 20px;
	border-radius: 8px;
	position: absolute;
	left: 35px;
	bottom: 30px;
	z-index: 5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper.style-four .about__counter-wrapper {
		left: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper.style-four .about__counter-wrapper {
		flex-wrap: unset;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__thumb-wrapper.style-four .about__counter-wrapper {
		flex-wrap: unset;
		left: 0;
	}
}
@media (max-width: 575px) {
	.about__thumb-wrapper.style-four .about__counter-wrapper {
		flex-wrap: unset;
		left: 10px;
	}
}
@media (max-width: 450px) {
	.about__thumb-wrapper.style-four .about__counter-wrapper {
		display: block;
		padding: 10px 20px 15px;
		left: 0;
		bottom: 0;
	}
}
.about__thumb-wrapper.style-four .about__counter-count h2 {
	color: var(--bd-common-white);
	margin: 0;
	font-weight: 700;
}
.about__thumb-wrapper.style-four .about__counter-info p {
	color: #f0e8e8;
	font-size: 18px;
	line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__thumb-wrapper.style-four .about__counter-info p {
		font-size: 16px;
	}
}
.about__thumb-wrapper.style-four .about__counter-info:not(:last-child)::after {
	background: rgba(255, 255, 255, 0.45);
	height: calc(100% - 24px);
}
.about__thumb-wrapper.style-five {
	margin: 20px 55px 30px 55px;
	position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper.style-five {
		margin: 20px 55px 30px 15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__thumb-wrapper.style-five {
		margin: 20px 30px 30px 15px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__thumb-wrapper.style-five {
		margin: 20px 20px 20px 15px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.about__thumb-wrapper.style-five {
		position: sticky;
		top: 120px;
	}
}
.about__thumb-wrapper.style-five .about__thumb img {
	border-radius: 20px;
}
.about__thumb-wrapper.style-five .about__thumb::before {
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 30px;
	top: 30px;
	border-radius: 20px;
	border: 2px solid transparent;
	background: linear-gradient(142.74deg, #4b64ec 0%, #5f1bdc 100%);
	mask-mode: match-source, match-source;
	mask-repeat: repeat, repeat;
	mask-clip: content-box, border-box;
	mask-origin: content-box, border-box;
	mask-position: 0% 0%, 0% 0%;
	mask-size: auto, auto;
	-webkit-mask: linear-gradient(142.74deg, #4b64ec 0%, #5f1bdc 100%) content-box
			content-box,
		linear-gradient(142.74deg, #4b64ec 0%, #5f1bdc 100%);
	-webkit-mask-composite: destination-out;
	mask-image: linear-gradient(142.74deg, #4b64ec 0%, #5f1bdc 100%),
		linear-gradient(142.74deg, #4b64ec 0%, #5f1bdc 100%);
	mask-composite: exclude;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__thumb-wrapper.style-five .about__thumb::before {
		left: 20px;
		top: 20px;
	}
}
.about__thumb-wrapper.style-five .counter__wrap {
	position: absolute;
	top: -30px;
	z-index: 5;
	border: 8px solid var(--bd-bg-primary);
	left: -20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__thumb-wrapper.style-five .counter__wrap {
		width: 140px;
		height: 140px;
		padding: 24px 17px;
	}
}
.about__thumb-wrapper.style-six {
	margin: 10px 10px 10px 75px;
	position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper.style-six {
		position: sticky;
		top: 120px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__thumb-wrapper.style-six {
		top: 0px;
	}
}
@media (max-width: 575px) {
	.about__thumb-wrapper.style-six {
		margin: 10px;
	}
}
.about__thumb-wrapper.style-six .about__thumb::before {
	z-index: 5;
	position: absolute;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	content: "";
	position: absolute;
	left: -10px;
	top: -10px;
	border-radius: 8px;
	border: 2px dashed #121314;
	background: linear-gradient(142.74deg, #4b64ec 0%, #5f1bdc 100%);
	mask-mode: match-source, match-source;
	mask-repeat: repeat, repeat;
	mask-clip: content-box, border-box;
	mask-origin: content-box, border-box;
	mask-position: 0% 0%, 0% 0%;
	mask-size: auto, auto;
	-webkit-mask: linear-gradient(142.74deg, #4b64ec 0%, #5f1bdc 100%) content-box
			content-box,
		linear-gradient(142.74deg, #4b64ec 0%, #5f1bdc 100%);
	-webkit-mask-composite: destination-out;
	mask-image: linear-gradient(142.74deg, #4b64ec 0%, #5f1bdc 100%),
		linear-gradient(142.74deg, #4b64ec 0%, #5f1bdc 100%);
	mask-composite: exclude;
}
.about__thumb-wrapper.style-six .counter__wrap {
	position: absolute;
	top: 30px;
	z-index: 5;
	left: -80px;
	border: 4px solid var(--bd-bg-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.about__thumb-wrapper.style-six .counter__wrap {
		padding: 45px 35px;
	}
}
@media (max-width: 575px) {
	.about__thumb-wrapper.style-six .counter__wrap {
		width: 120px;
		height: 120px;
		padding: 18px 17px;
		inset: 0;
		top: auto;
	}
}
.about__thumb-wrapper.style-seven {
	margin: 0;
	margin-right: 25px;
	margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper.style-seven {
		position: sticky;
		top: 100px;
	}
}
.about__thumb-wrapper.style-seven .about__thumb {
	position: relative;
}
.about__thumb-wrapper.style-seven .about__thumb::before {
	content: none;
}
.about__thumb-wrapper.style-seven .about__thumb .about__shape-five {
	position: absolute;
	bottom: -25px;
	right: -25px;
	z-index: -1;
	width: unset;
	animation: upDown 1.6s ease-in-out 1.6s forwards infinite alternate;
}
.about__thumb-wrapper.style-eight {
	position: relative;
	margin: 45px 45px 30px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__thumb-wrapper.style-eight {
		margin: 45px 30px 30px 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__thumb-wrapper.style-eight {
		position: sticky;
		top: 100px;
		margin: 45px 20px 30px 60px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__thumb-wrapper.style-eight {
		margin: 45px 10px 30px 60px;
	}
}
.about__thumb-wrapper.style-eight::before {
	width: 100%;
	height: calc(100% + 20px);
	left: 0;
	top: -20px;
	z-index: 2;
	position: absolute;
	content: "";
	background: linear-gradient(
		359deg,
		#3d4043 -2%,
		rgba(33, 37, 41, 0.8) 99.33%
	);
}
.about__thumb-wrapper.style-eight::after {
	width: calc(100% + 20px);
	height: calc(100% + 30px);
	left: -10px;
	top: -30px;
	z-index: 1;
	position: absolute;
	content: "";
	background: linear-gradient(
		359deg,
		#3d4043 -2%,
		rgba(33, 37, 41, 0.28) 99.33%
	);
}
.about__thumb-wrapper.style-eight .about__thumb {
	position: relative;
	max-width: 340px;
	margin: 0 auto;
}
.about__thumb-wrapper.style-eight .about__thumb::before {
	content: none;
}
.about__thumb-wrapper.style-eight .about__thumb img {
	max-width: 100%;
}
.about__thumb-wrapper.style-eight .about__shape-six {
	position: absolute;
	top: 0;
	left: -25px;
	z-index: -1;
	width: unset;
	animation: upDown 1.6s ease-in-out 1.6s forwards infinite alternate;
}
.about__thumb-wrapper.style-eight .counter__wrap {
	position: absolute;
	bottom: -35px;
	z-index: 5;
	left: -60px;
	border: 4px solid var(--bd-bg-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	(max-width: 575px) {
	.about__thumb-wrapper.style-eight .counter__wrap {
		padding: 24px 17px;
		width: 130px;
		height: 130px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.about__thumb-wrapper.style-eight .counter__wrap {
		padding: 30px 17px;
		width: 140px;
		height: 140px;
	}
}
.about__content {
	padding-right: 95px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__content {
		padding-right: 0;
	}
}
.about__content .about__text {
	margin-bottom: 15px;
}
.about__content .about__text-two {
	margin-bottom: 27px;
}
.about__content > p {
	margin-bottom: 40px;
}
.about__content.style-two {
	padding: 0;
	padding-left: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.about__content.style-two {
		padding-left: 70px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__content.style-two {
		padding-left: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__content.style-two {
		padding-left: 0;
	}
}
.about__content.style-three {
	padding: 0;
	padding-right: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.about__content.style-three {
		padding-right: 0px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__content.style-three {
		padding-right: 60px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.about__content.style-three {
		padding-right: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__content.style-three {
		padding-right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__content.style-three p {
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		display: -webkit-box;
	}
}
.about__content.style-four {
	padding: 0;
	padding-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__content.style-four {
		padding-right: 0;
	}
}
.about__content.style-four > p {
	margin-bottom: 30px;
}
.about__content.style-four .about__info-icon span i {
	font-size: 36px;
	color: var(--bd-theme-primary);
}
.about__content.style-five {
	padding-right: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__content.style-five {
		padding-right: 0;
	}
}
.about__content.style-five .about__info-list .info__list ul li i {
	color: var(--bd-common-white);
	border: 1px solid var(--bd-border-primary);
	padding: 6px 7px;
	font-size: 10px;
	border-radius: 50%;
	transition: 0.3s;
}
.about__content.style-five .about__info-list .info__list ul li:hover i {
	background: var(--bd-theme-primary);
	border-color: var(--bd-theme-primary);
}
.about__content.style-five .bd-progress__wrap {
	margin-top: 35px;
}
.about__content.style-six {
	padding-right: 0;
	padding-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__content.style-six {
		padding-left: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	sm,
	(max-width: 575px) {
	.about__content.style-six {
		padding-left: 0px;
	}
}
.about__content.style-six .about__info-list .info__list ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}
@media (max-width: 450px) {
	.about__content.style-six .about__info-list .info__list ul {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px 30px;
	}
}
.about__content.style-six .about__info-list .info__list ul li {
	background: rgba(66, 134, 244, 0.1);
	padding: 20px 30px;
	transition: 0.3s;
	border-radius: 8px;
	position: relative;
}
.about__content.style-six .about__info-list .info__list ul li::before {
	width: 100%;
	height: 100%;
	background-position: 100% 100%;
	background-size: 150% 100%;
	content: "";
	position: absolute;
	background: var(--bd-gradient-4);
	left: 0;
	top: 0;
	opacity: 0;
	transition: 0.3s;
	border-radius: 8px;
	z-index: -1;
}
.about__content.style-six
	.about__info-list
	.info__list
	ul
	li:not(
		.about__content.style-six .about__info-list .info__list ul li:last-child
	) {
	margin-bottom: 0;
}
.about__content.style-six .about__info-list .info__list ul li:hover::before {
	opacity: 1;
}
.about__content.style-six .about__info-list .info__list ul li:hover i {
	color: var(--bd-common-white);
}
.about__content.style-six .about__info-list .info__list ul li i {
	font-size: 35px;
}
.about__content.style-six p {
	max-width: 530px;
}
.about__content.style-seven {
	padding-right: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__content.style-seven {
		padding-right: 10px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__content.style-seven {
		padding-right: 0px;
	}
}
.about__content.style-eight {
	padding-right: 0;
}
.about__content.style-eight p {
	max-width: 540px;
	line-height: 1.3;
}
.about__content.style-eight .feature__list {
	max-width: 470px;
}
.about__content.style-eight .feature__list ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	(max-width: 450px) {
	.about__content.style-eight .feature__list ul {
		grid-template-columns: repeat(1, 1fr);
	}
}
.about__content.style-eight .feature__list ul li {
	list-style: none;
}
.about__content.style-eight .feature__list ul li i {
	font-size: 40px;
	margin-bottom: 15px;
	display: inline-block;
	color: var(--bd-theme-primary);
}
.about__content.style-eight .feature__list ul li .featured__title {
	margin-bottom: 10px;
}
.about__counter-wrapper {
	display: flex;
	gap: 20px 30px;
	flex-wrap: wrap;
}
.about__counter-info {
	position: relative;
}
.about__counter-info:first-child {
	padding-right: 30px;
}
@media (max-width: 450px) {
	.about__counter-info:first-child {
		padding-right: 0;
	}
}
.about__counter-info p {
	font-size: 16px;
	color: var(--bd-text-light-grey);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__counter-info p {
		font-size: 15px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__counter-info p {
		font-size: 14px;
	}
}
.about__counter-info:not(:last-child)::after {
	position: absolute;
	content: "";
	height: calc(100% - 10px);
	width: 1px;
	background: rgba(255, 255, 255, 0.1);
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
@media (max-width: 450px) {
	.about__counter-info:not(:last-child)::after {
		display: none;
	}
}
.about__counter-count h3 {
	letter-spacing: -1.6px;
	color: var(--bd-theme-primary);
}
.about__btn {
	display: flex;
	align-items: center;
	gap: 25px 30px;
	flex-wrap: wrap;
	margin-top: 40px;
}
.about__info-item {
	display: flex;
	align-items: center;
	gap: 20px 30px;
}
.about__info-item:not(:last-child) {
	margin-bottom: 30px;
}
.about__info-icon span {
	width: 60px;
	height: 60px;
	border: 2px solid var(--bd-border-primary);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
}
.about__inner-wrapper {
	padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about__inner-wrapper {
		padding-right: 0;
	}
}

.about-space {
	padding-bottom: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about-space {
		padding-bottom: 180px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.about-space {
		padding-bottom: 165px;
	}
}

/*----------------------------------------*/
/*  7.35 Team css
/*----------------------------------------*/
.team__item {
	position: relative;
}
.team__item:hover .team__thumb::before {
	opacity: 1;
}
.team__item:hover .team__thumb img {
	transform: scale(1.02);
}
.team__item:hover .team__social {
	opacity: 1;
	visibility: visible;
}
.team__item:hover .team__social ul li {
	transform: translateX(50px);
}
.team__item:hover .team__social ul li:nth-child(1) {
	transition-delay: 0s;
}
.team__item:hover .team__social ul li:nth-child(2) {
	transition-delay: 0.1s;
}
.team__item:hover .team__social ul li:nth-child(3) {
	transition-delay: 0.12s;
}
.team__item:hover .team__social ul li:nth-child(4) {
	transition-delay: 0.14s;
}
.team__item.style-two:hover .team__content {
	transform: translateY(-60px);
}
.team__item.style-two .team__content {
	background: #22272c;
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25),
		-4px -4px 10px 0px rgba(0, 0, 0, 0.25);
	padding: 20px 0 25px 0;
	transition: 0.5s;
	position: relative;
	z-index: 1;
	margin: 0 20px;
	border-radius: 8px;
}
.team__item.style-two .team__social {
	position: unset;
	opacity: 1;
	visibility: visible;
	margin-top: 15px;
}
.team__item.style-two .team__social ul {
	flex-direction: row;
}
.team__item.style-two .team__social ul li {
	transform: translateX(0);
}
.team__item.style-three .team__social {
	bottom: 80px;
	top: unset;
	left: 50%;
	transform: translate(-50%, -50%);
}
.team__item.style-three .team__social ul {
	flex-direction: row;
}
.team__item.style-three .team__social ul li {
	transform: translateX(0) translateY(100%);
}
.team__item.style-three:hover .team__social ul li {
	transform: translate(0);
}
.team__item.style-four:hover .team__content {
	background: #22272c;
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25),
		-4px -4px 10px 0px rgba(0, 0, 0, 0.25);
}
.team__item.style-four .team__content {
	transition: 0.5s;
	position: relative;
	z-index: 1;
	border-radius: 0px 0px 8px 8px;
	padding: 20px 0 25px 0;
}
.team__item.style-four .team__thumb {
	border-radius: 8px 8px 0 0;
}
.team__item.style-four .team__thumb::before {
	border-radius: 8px 8px 0 0;
	background: linear-gradient(0deg, #f7eb02 2.1%, #fac10a 100.81%);
}
.team__item.style-four .team__social {
	position: unset;
	opacity: 1;
	visibility: visible;
	margin-top: 15px;
}
.team__item.style-four .team__social ul {
	flex-direction: row;
}
.team__item.style-four .team__social ul li {
	transform: translateX(0);
}
.team__item.style-five .team__thumb {
	position: relative;
}
.team__item.style-five .team__social {
	position: absolute;
	opacity: 1;
	visibility: visible;
	bottom: 0;
	top: unset;
	left: 0px;
}
.team__item.style-five .team__social::before {
	position: absolute;
	content: "";
	width: 40px;
	height: 40px;
	background: var(--bd-theme-primary);
	left: 0;
	bottom: 0;
	transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
	border-radius: 8px;
}
.team__item.style-five .team__social:hover::before {
	height: 205px;
}
.team__item.style-five .team__social ul {
	gap: 0px;
}
.team__item.style-five .team__social ul li {
	transform: translateX(0);
}
.team__item.style-five .team__social ul li:hover > .team__social-inner ul li {
	visibility: visible;
	opacity: 1;
}
.team__item.style-five .team__social ul li > a {
	color: var(--bd-common-white);
	border-radius: 8px;
	width: 40px;
	height: 40px;
	font-size: 16px;
	color: var(--bd-theme-primary);
}
.team__item.style-five .team__social ul li > a:hover {
	background: var(--bd-common-white);
	color: var(--bd-theme-primary);
}
.team__item.style-five .team__social ul li:hover > .team__social-inner ul li {
	transition-delay: 0s;
}
.team__item.style-five
	.team__social
	ul
	li:hover
	> .team__social-inner
	ul
	li:nth-child(1) {
	bottom: 41px;
	z-index: -1;
}
.team__item.style-five
	.team__social
	ul
	li:hover
	> .team__social-inner
	ul
	li:nth-child(2) {
	bottom: 82px;
	z-index: -1;
}
.team__item.style-five
	.team__social
	ul
	li:hover
	> .team__social-inner
	ul
	li:nth-child(3) {
	bottom: 123px;
	z-index: -1;
}
.team__item.style-five
	.team__social
	ul
	li:hover
	> .team__social-inner
	ul
	li:nth-child(4) {
	bottom: 164px;
	z-index: -1;
}
.team__item.style-five .team__social-inner {
	bottom: 0;
	left: -15px;
	position: absolute;
}
.team__item.style-five .team__social-inner ul li {
	position: absolute;
	transition: all 0.4s ease-out 0s;
	visibility: hidden;
	opacity: 0;
	bottom: 0;
	left: 15px;
}
.team__item.style-five .team__social-inner ul li a {
	border-radius: 8px;
	background: transparent;
	color: var(--bd-common-white);
}
.team__item.style-five .team__social-inner ul li a:hover {
	background: var(--bd-common-white);
	color: var(--bd-theme-primary);
}
.team__thumb {
	z-index: 1;
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	margin: 0;
}
.team__thumb.bg-solid {
	background: var(--bd-bg-tertiary);
}
.team__thumb::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	border-radius: 8px;
	background: linear-gradient(
		0deg,
		rgba(66, 134, 244, 0.7) 0.33%,
		rgba(66, 134, 244, 0) 99.73%
	);
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25),
		-4px -4px 10px 0px rgba(0, 0, 0, 0.25);
	transition: 0.6s cubic-bezier(0.5, 1, 0.89, 1);
	opacity: 0;
}
.team__content {
	padding: 20px 0 0 0;
}
.team__title {
	margin-bottom: 5px;
}
.team__title a:hover {
	color: var(--bd-theme-primary);
}
.team__social {
	position: absolute;
	left: -30px;
	top: 40px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s;
}
.team__social ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-direction: column;
}
.team__social ul li {
	list-style: none;
	transform: translateX(100%);
	transition: visibility 0.3s 0.1s ease-out, opacity 0.3s 0.15s ease-out,
		transform 0.3s 0.1s ease-out;
}
.team__social ul li a {
	width: 35px;
	height: 35px;
	background: var(--bd-common-white);
	font-size: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--bd-theme-primary);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.team__social ul li a:hover {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.team__navigation {
	display: flex;
	justify-content: end;
}
.team__navigation button i {
	position: relative;
	z-index: 2;
}
.team__details-wrapper {
	border: 1px solid var(--bd-border-primary);
	padding: 50px 50px 50px 50px;
	border-radius: 8px;
	max-width: 80%;
	margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.team__details-wrapper {
		max-width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.team__details-wrapper {
		padding: 40px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.team__details-wrapper {
		padding: 30px;
	}
}
.team__details-thumb.bg-solid {
	background: var(--bd-bg-tertiary);
	border-radius: 8px;
}
.team__details-content {
	padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.team__details-content {
		padding-left: 10px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.team__details-content {
		padding-left: 0;
	}
}
.team__details-content .team__details-author {
	margin-bottom: 30px;
}
.team__details-content p {
	margin-bottom: 30px;
}

/*----------------------------------------*/
/*  7.12 Error  css
/*----------------------------------------*/
.error__thumb {
	text-align: center;
	max-width: 550px;
	margin: 0 auto 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.error__thumb {
		max-width: 100%;
	}
}
.error__content {
	text-align: center;
}
.error__content p {
	padding: 0 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.error__content p {
		padding: 0 60px;
	}
}
@media (max-width: 575px) {
	.error__content p {
		padding: 0;
	}
}
.error__btn {
	margin-top: 25px;
	text-align: center;
}
.error__shape-one {
	position: absolute;
	top: 13%;
	left: 44%;
	animation: rotate-infinite 10s linear infinite;
}
@media (max-width: 575px) {
	.error__shape-one {
		top: 13%;
		left: 43%;
		width: 40px;
	}
}
@media (max-width: 450px) {
	.error__shape-one {
		top: 11%;
		left: 45%;
		width: 40px;
	}
}
.error__shape-two {
	position: absolute;
	top: 24%;
	left: 43%;
	animation: rotate-infinite 10s linear infinite;
}
@media (max-width: 575px) {
	.error__shape-two {
		top: 24%;
		left: 41%;
		width: 40px;
	}
}
@media (max-width: 450px) {
	.error__shape-two {
		top: 26%;
		left: 46%;
		width: 40px;
	}
}
.error__shape-three {
	position: absolute;
	top: 21%;
	left: 52%;
	animation: rotate-infinite 10s linear infinite;
}
@media (max-width: 575px) {
	.error__shape-three {
		top: 19%;
		left: 51%;
		width: 40px;
	}
}
@media (max-width: 450px) {
	.error__shape-three {
		display: none;
	}
}
.error__shape-four {
	position: absolute;
	top: 30%;
	left: 51%;
	animation: rotate-infinite 10s linear infinite;
}
@media (max-width: 575px) {
	.error__shape-four {
		top: 30%;
		left: 50%;
		width: 40px;
	}
}
@media (max-width: 450px) {
	.error__shape-four {
		display: none;
	}
}

/*----------------------------------------*/
/*  7.9 Contact css
/*----------------------------------------*/
.contact__main-wrapper {
	border-radius: 0 0 6px 6px;
	background: var(--bd-common-white);
	-webkit-box-shadow: 0px 0px 70px 0px rgba(6, 6, 6, 0.05);
	-moz-box-shadow: 0px 0px 70px 0px rgba(6, 6, 6, 0.05);
	-ms-box-shadow: 0px 0px 70px 0px rgba(6, 6, 6, 0.05);
	-o-box-shadow: 0px 0px 70px 0px rgba(6, 6, 6, 0.05);
	box-shadow: 0px 0px 70px 0px rgba(6, 6, 6, 0.05);
	padding: 100px 60px;
	z-index: 55;
	position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.contact__main-wrapper {
		padding: 100px 40px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.contact__main-wrapper {
		padding: 80px 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact__main-wrapper {
		padding: 50px 40px;
	}
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.contact__main-wrapper {
		padding: 50px 30px;
	}
}

.contact__content-2 {
	padding-right: 30px;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.contact__content-2 {
		padding-right: 0px;
	}
}
.contact__content-2 > p {
	margin-bottom: 35px;
}

.form__input-2 input {
	height: 65px;
	background: rgba(14, 10, 36, 0.07);
	color: rgba(124, 126, 130, 0.69);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	padding: 15px 20px;
	resize: none;
}

.form__input-2 textarea {
	height: 220px;
	background: rgba(14, 10, 36, 0.07);
	color: rgba(124, 126, 130, 0.69);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	padding: 15px 20px;
	resize: none;
}

.form__input-2 {
	margin-bottom: 20px;
}

.contact__content > p {
	margin-bottom: 35px;
}

.contact__btn .bd-gradient-btn {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

.ajax-response {
	font-size: 16px;
	margin-top: 5px;
}

.contact__content {
	padding-left: 95px;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.contact__content {
		padding-left: 0;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.contact__content {
		padding-left: 30px;
	}
}

.contact__title {
	font-size: 24px;
	margin-bottom: 30px;
}

.contact__info-wrapper ul li {
	list-style: none;
}
.contact__info-wrapper ul li:not(:last-child) {
	margin-bottom: 20px;
}

.contact__info {
	display: flex;
	align-items: center;
	gap: 0 10px;
}

.contact__info-icon span {
	height: 60px;
	width: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(66, 134, 244, 0.1);
	color: var(--bd-theme-primary);
	font-size: 22px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.contact__info-content span {
	font-size: 18px;
	font-weight: var(--bd-fw-medium);
}
.contact__info-content span a {
	text-decoration: underline;
}
.contact__info-content span a:hover {
	color: var(--bd-theme-primary);
}

.contact__wrapper {
	margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.contact__wrapper {
		margin-right: 0;
	}
}
.contact__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.contact__info-item.style-two ul li {
	list-style: none;
}
.contact__info-item.style-two ul li:not(:last-child) {
	margin-bottom: 25px;
}
.contact__info-item.style-two .contact__info {
	gap: 0 20px;
}
.contact__info-item.style-two .contact__info-icon span {
	background: transparent;
	border: 2px solid var(--bd-border-primary);
	height: 50px;
	width: 50px;
	border-radius: 8px;
}
.contact__info-item.style-two .contact__info-icon.is-solid-border span {
	border: 2px solid rgba(255, 255, 255, 0.1);
}
.contact__info-item.style-two .contact__info-content > p {
	font-weight: 600;
}
.contact__item-wrapper {
	padding: 30px 30px 35px 30px;
	border-radius: 8px;
	background: var(--bd-bg-secondary);
	transition: 0.5s;
}
.contact__item-wrapper.style-two {
	background: transparent;
	border: 1px solid var(--bd-border-primary);
}
.contact__item-wrapper:hover {
	border-color: var(--bd-theme-primary);
}
.contact__item-wrapper:hover .contact__item-icon span {
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.contact__item-icon {
	margin-bottom: 20px;
	display: inline-block;
	transition: 0.5s;
}
.contact__item-icon span {
	height: 80px;
	width: 80px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(66, 134, 244, 0.1);
	color: var(--bd-theme-primary);
	font-size: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.contact__item-content span {
	margin-bottom: 8px;
	display: inline-block;
	font-size: 17px;
}
.contact__item-content h5 a:hover {
	color: var(--bd-theme-primary);
}

.contact__shape-one {
	position: absolute;
	right: -47px;
	bottom: 73px;
	transform: rotate(-30deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.contact__shape-one {
		right: -160px;
		bottom: 73px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.contact__shape-one {
		right: -175px;
		bottom: -10px;
	}
}
@media (max-width: 575px) {
	.contact__shape-one {
		display: none;
	}
}
.contact__shape-two {
	position: absolute;
	right: 128px;
	bottom: 60px;
	animation: bdtranslate 2s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.contact__shape-two {
		right: 40px;
		bottom: 20px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.contact__shape-two {
		right: -65px;
		bottom: -5px;
	}
}
@media (max-width: 575px) {
	.contact__shape-two {
		display: none;
	}
}

.bd-contact__area.style-two .is-overlay::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	opacity: 0.7;
	background: #000;
	z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.bd-contact__area.style-two .include-bg {
		background-position: 50%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bd-contact__area.style-two .include-bg {
		background-position: 73%;
	}
}

.bd__map {
	width: 100%;
	height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.bd__map {
		height: 500px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bd__map {
		height: 400px;
	}
}
.bd__map iframe {
	filter: grayscale(1);
}

/*----------------------------------------*/
/*  7.20 Login css
/*----------------------------------------*/
.login__wrapper {
	padding: 50px 85px 55px;
	background: var(--bd-bg-secondary);
	border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.login__wrapper {
		padding: 40px 50px 40px;
	}
}
@media (max-width: 575px) {
	.login__wrapper {
		padding: 40px 25px 40px;
	}
}
.login__form .form__input-box:not(:last-child) {
	margin-bottom: 20px;
}
.login__form .form__input.style-two input {
	padding-left: 45px;
	padding-right: 50px;
}
.login__form .form__input.style-two span {
	position: absolute;
	top: 50%;
	left: 22px;
	transform: translateY(-50%);
}
.login__form .form__input.style-two span i {
	font-weight: 500;
}
.login__form .form__input-box {
	position: relative;
}
.login__form .form__input-box .pass-icon {
	position: absolute;
	top: 50%;
	right: 22px;
	transform: translateY(-50%);
	opacity: 0.4;
	cursor: pointer;
	transition: 0.3s;
}
.login__form .form__input-box .pass-icon:hover {
	opacity: 1;
}
.login__top .login__title {
	margin-bottom: 5px;
}
.login__btn {
	margin-bottom: 30px;
}
.login__btn .bd-btn {
	border-radius: 8px;
}
.login__forgot a:hover {
	color: var(--bd-theme-primary);
}
.login__social-header {
	font-weight: 500;
	letter-spacing: -0.02em;
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 25px;
}
.login__social-header::after,
.login__social-header::before {
	position: absolute;
	content: "";
	left: 100%;
	top: 10px;
	width: 30px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.3);
}
.login__social-header::before {
	left: auto;
	right: 100%;
}
.login__social-icon img {
	max-width: 20px;
}
.login__social-item {
	margin-bottom: 20px;
}
.login__social-item a {
	display: flex;
	gap: 5px;
	padding: 11px 25px;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid var(--bd-border-primary);
	border-radius: 8px;
}
@media (max-width: 575px) {
	.login__social-item a {
		width: 100%;
		justify-content: center;
	}
	.login__social-item a:not(:last-child) {
		margin-bottom: 20px;
	}
}
.login__social-item a:not(:last-child) {
	margin-right: 5px;
}
@media (max-width: 575px) {
	.login__social-item a:not(:last-child) {
		margin-right: 0;
	}
}
.login__social-item a .login-social-icon svg {
	transform: translateY(-2px);
}
.login__social-item a:hover {
	border-color: var(--bd-theme-primary);
}
.login__register-now {
	text-align: center;
}
.login__register-now P a {
	color: var(--bd-theme-primary);
	font-weight: 500;
}
.login__register-now P a:hover {
	color: var(--bd-theme-secondary);
}

/*----------------------------------------*/
/*  7.43 portfolio css
/*----------------------------------------*/
.portfolio__hover-wrapper {
	background-color: var(--bd-common-white);
	padding: 25px 27px 20px;
	border-radius: 8px;
}
.portfolio__hover-title {
	color: rgba(15, 15, 15, 0.8);
}
.portfolio__hover-category {
	color: rgba(15, 15, 15, 0.67);
}
.portfolio__wrapper.style-three .portfolio__active-two {
	margin-right: -410px;
	position: relative;
	z-index: 7;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio__wrapper.style-three .portfolio__active-two {
		margin-right: -300px;
	}
}
@media (max-width: 575px) {
	.portfolio__wrapper.style-three .portfolio__active-two {
		margin-right: 0;
	}
}
.portfolio__wrapper.style-four .portfolio__active {
	overflow: visible;
}
.portfolio__wrapper.style-four .swiper-slide-prev {
	margin: 0 85px;
	margin: 0 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.portfolio__wrapper.style-four .swiper-slide-prev {
		margin: 0;
	}
}
.portfolio__wrapper.style-six {
	position: relative;
}
.portfolio__wrapper.style-six.portfolio-details .swiper-slide-prev {
	margin: 0;
}
.portfolio__wrapper.style-six.portfolio-details
	.portfolio__navigation
	button.circle-btn {
	width: 80px;
	height: 80px;
	font-size: 20px;
	left: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio__wrapper.style-six.portfolio-details
		.portfolio__navigation
		button.circle-btn {
		left: -10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio__wrapper.style-six.portfolio-details
		.portfolio__navigation
		button.circle-btn {
		width: 60px;
		height: 60px;
		font-size: 16px;
		left: 40px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio__wrapper.style-six.portfolio-details
		.portfolio__navigation
		button.circle-btn {
		width: 60px;
		height: 60px;
		font-size: 16px;
		left: 0px;
	}
}
.portfolio__wrapper.style-six.portfolio-details
	.portfolio__navigation
	button.portfolio__button-next {
	left: auto;
	right: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio__wrapper.style-six.portfolio-details
		.portfolio__navigation
		button.portfolio__button-next {
		right: -10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio__wrapper.style-six.portfolio-details
		.portfolio__navigation
		button.portfolio__button-next {
		right: 40px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio__wrapper.style-six.portfolio-details
		.portfolio__navigation
		button.portfolio__button-next {
		right: 0px;
	}
}
.portfolio__wrapper.style-six .portfolio__active {
	overflow: visible;
}
.portfolio__wrapper.style-six .portfolio-details__active {
	overflow: visible;
}
.portfolio__wrapper.style-six .swiper-slide-prev {
	margin: 0 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.portfolio__wrapper.style-six .swiper-slide-prev {
		margin: 0;
	}
}
.portfolio__wrapper.style-six .portfolio__navigation {
	position: unset;
}
.portfolio__wrapper.style-six .portfolio__navigation button {
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
	z-index: 2;
	left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio__wrapper.style-six .portfolio__navigation button {
		left: 230px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio__wrapper.style-six .portfolio__navigation button {
		left: 110px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio__wrapper.style-six .portfolio__navigation button {
		left: -40px;
	}
}
.portfolio__wrapper.style-six .portfolio__navigation button.circle-btn {
	width: 60px;
	height: 60px;
	font-size: 18px;
	border: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio__wrapper.style-six .portfolio__navigation button.circle-btn {
		width: 50px;
		height: 50px;
		font-size: 15px;
	}
}
.portfolio__wrapper.style-six
	.portfolio__navigation
	button.portfolio__button-next {
	left: auto;
	right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio__wrapper.style-six
		.portfolio__navigation
		button.portfolio__button-next {
		right: 230px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio__wrapper.style-six
		.portfolio__navigation
		button.portfolio__button-next {
		right: 110px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio__wrapper.style-six
		.portfolio__navigation
		button.portfolio__button-next {
		right: -40px;
	}
}
.portfolio__item {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}
.portfolio__item.style-two {
	padding: 0;
	border-radius: 0;
}
.portfolio__item.style-two .portfolio__item-thumb img {
	border-radius: 8px;
	width: 100%;
}
.portfolio__item.style-two .portfolio__item-thumb::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		0deg,
		rgba(66, 134, 244, 0.9) 0%,
		rgba(66, 134, 244, 0) 100%
	);
	opacity: 0;
	transition: 0.3s;
	border-radius: 8px;
	visibility: hidden;
}
.portfolio__item.style-two .portfolio__item-content {
	position: absolute;
	bottom: 0px;
	left: 40px;
	right: 40px;
	z-index: 1;
	padding: 0;
	transform: translateY(0);
	visibility: hidden;
	transition: all 0.3s ease-out 0s;
	border-radius: none;
	opacity: 0;
}
@media (max-width: 450px) {
	.portfolio__item.style-two .portfolio__item-content {
		left: 25px;
		right: 25px;
	}
}
.portfolio__item.style-two .portfolio__item-content:before {
	content: none;
}
.portfolio__item.style-two .portfolio__item-title {
	margin-bottom: 15px;
	color: var(--bd-common-white);
}
.portfolio__item.style-two .portfolio__tag {
	color: var(--bd-common-white);
}
.portfolio__item.style-two .portfolio__tag::before {
	background: var(--bd-common-white);
}
.portfolio__item.style-two .portfolio__btn .bd-btn {
	margin-top: 50px;
	display: block;
}
.portfolio__item.style-two:hover .portfolio__item-content {
	opacity: 1;
	visibility: visible;
	bottom: 40px;
}
.portfolio__item.style-two:hover .portfolio__item-thumb::before {
	opacity: 1;
	visibility: visible;
}
.portfolio__item.style-three {
	padding: 0;
	position: relative;
	z-index: 1;
	min-height: 500px;
	overflow: hidden;
}
.portfolio__item.style-three .portfolio__item-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.portfolio__item.style-three .portfolio__item-thumb::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0.53deg, #f7eb02 0%, #5f1ddc 100%);
	transition: opacity 0.3s ease-in-out;
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
}
.portfolio__item.style-three .portfolio__item-content {
	position: absolute;
	bottom: 0;
	left: 40px;
	right: 40px;
	z-index: 1;
	padding: 0;
	transform: translateY(0);
	transition: all 0.3s ease-out 0s;
	border-radius: none;
	opacity: 0;
	visibility: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	(max-width: 450px) {
	.portfolio__item.style-three .portfolio__item-content {
		left: 25px;
	}
}
.portfolio__item.style-three .portfolio__item-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.3);
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease-out;
}
.portfolio__item.style-three .portfolio__tag {
	background: var(--bd-common-white);
	color: var(--bd-common-black);
	padding: 0px 10px;
	font-size: 16px;
	margin-bottom: 15px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
}
.portfolio__item.style-three .portfolio__tag::before {
	content: none;
}
.portfolio__item.style-three .portfolio__tag:hover {
	background: var(--bd-common-black);
	color: var(--bd-common-white);
}
.portfolio__item.style-three:hover .portfolio__item-btn {
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
	opacity: 1;
}
.portfolio__item.style-three:hover .portfolio__item-content {
	bottom: 40px;
	opacity: 1;
	visibility: visible;
}
.portfolio__item.style-three:hover .portfolio__item-thumb::before {
	visibility: visible;
	opacity: 0.8;
}
.portfolio__item.style-four {
	padding: 0;
	position: relative;
	z-index: 1;
	min-height: 550px;
	overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio__item.style-four {
		min-height: 500px;
	}
}
@media (max-width: 575px) {
	.portfolio__item.style-four {
		min-height: 400px;
	}
}
.portfolio__item.style-four .portfolio__item-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.portfolio__item.style-four .portfolio__item-thumb::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0.53deg, #f7eb02 0%, #5f1ddc 100%);
	transition: opacity 0.3s ease-in-out;
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
}
.portfolio__item.style-four .portfolio__item-content {
	position: absolute;
	bottom: 0;
	left: 40px;
	right: 40px;
	z-index: 1;
	padding: 0;
	transform: translateY(0);
	transition: all 0.3s ease-out 0s;
	border-radius: none;
	opacity: 0;
	visibility: hidden;
}
@media (max-width: 450px) {
	.portfolio__item.style-four .portfolio__item-content {
		left: 30px;
		right: 30px;
	}
}
.portfolio__item.style-four .portfolio__item-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.3);
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease-out;
}
.portfolio__item.style-four .portfolio__tag {
	background: var(--bd-common-white);
	color: var(--bd-common-black);
	padding: 0px 10px;
	font-size: 16px;
	margin-bottom: 15px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
}
.portfolio__item.style-four .portfolio__tag::before {
	content: none;
}
.portfolio__item.style-four .portfolio__tag:hover {
	background: var(--bd-common-black);
	color: var(--bd-common-white);
}
.portfolio__item.style-four:hover .portfolio__item-btn {
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
	opacity: 1;
}
.portfolio__item.style-four:hover .portfolio__item-content {
	bottom: 40px;
	opacity: 1;
	visibility: visible;
}
@media (max-width: 450px) {
	.portfolio__item.style-four:hover .portfolio__item-content {
		bottom: 30px;
	}
}
.portfolio__item.style-four:hover .portfolio__item-thumb::before {
	visibility: visible;
	opacity: 0.8;
}
.portfolio__item.style-five {
	padding: 0;
}
.portfolio__item.style-five .portfolio__item-thumb::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--bd-rgba-4);
	transition: opacity 0.3s ease-in-out;
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
}
.portfolio__item.style-five .portfolio__item-content {
	position: absolute;
	bottom: 0;
	left: 40px;
	right: 40px;
	z-index: 1;
	padding: 0;
	transform: translateY(0);
	transition: all 0.3s ease-out 0s;
	border-radius: none;
	opacity: 0;
	visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio__item.style-five .portfolio__item-content {
		left: 30px;
		right: 30px;
	}
}
@media (max-width: 450px) {
	.portfolio__item.style-five .portfolio__item-content {
		left: 25px;
		right: 25px;
	}
}
.portfolio__item.style-five .portfolio__item-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.3);
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	(max-width: 450px) {
	.portfolio__item.style-five .portfolio__item-btn {
		top: 60px;
		left: auto;
		right: 0;
	}
}
.portfolio__item.style-five .portfolio__tag {
	background: var(--bd-common-white);
	color: var(--bd-common-black);
	padding: 0px 10px;
	font-size: 16px;
	margin-bottom: 15px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
}
.portfolio__item.style-five .portfolio__tag::before {
	content: none;
}
.portfolio__item.style-five .portfolio__tag:hover {
	background: var(--bd-common-black);
	color: var(--bd-common-white);
}
.portfolio__item.style-five:hover .portfolio__item-btn {
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
	opacity: 1;
}
.portfolio__item.style-five:hover .portfolio__item-content {
	bottom: 25px;
	opacity: 1;
	visibility: visible;
}
.portfolio__item.style-five:hover .portfolio__item-thumb::before {
	visibility: visible;
	opacity: 1;
}
.portfolio__item.style-six {
	padding: 0;
	position: relative;
	z-index: 1;
	min-height: 550px;
	overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio__item.style-six {
		min-height: 500px;
	}
}
@media (max-width: 575px) {
	.portfolio__item.style-six {
		min-height: 400px;
	}
}
.portfolio__item.style-six.portfolio-details {
	min-height: 100%;
}
.portfolio__item.style-six .portfolio__item-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.portfolio__item.style-six .portfolio__item-thumb img {
	width: 100%;
}
.portfolio__item.style-six .portfolio__item-thumb::before {
	position: absolute;
	content: "";
	left: 20px;
	top: 20px;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	background: var(--bd-rgba-4);
	transition: all 0.3s ease-out 0s;
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
	transform: perspective(600px) rotateY(20deg);
}
.portfolio__item.style-six .portfolio__item-content {
	position: absolute;
	left: 60px;
	right: 60px;
	bottom: 55px;
	z-index: 1;
	transition: all 0.3s ease-out 0s;
}
@media (max-width: 450px) {
	.portfolio__item.style-six .portfolio__item-content {
		left: 40px;
		right: 40px;
		bottom: 40px;
	}
}
.portfolio__item.style-six .portfolio__item-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.3);
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease-out;
}
@media (max-width: 450px) {
	.portfolio__item.style-six .portfolio__item-btn {
		top: 70px;
		right: 10px;
		left: auto;
	}
}
.portfolio__item.style-six .portfolio__item-title {
	transform: translateY(40px);
	opacity: 0;
	visibility: hidden;
}
.portfolio__item.style-six .portfolio__tag {
	background: var(--bd-common-white);
	color: var(--bd-common-black);
	padding: 0px 10px;
	font-size: 16px;
	margin-bottom: 15px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
	transform: translateY(40px);
	opacity: 0;
	visibility: hidden;
}
.portfolio__item.style-six .portfolio__tag::before {
	content: none;
}
.portfolio__item.style-six .portfolio__tag:hover {
	background: var(--bd-common-black);
	color: var(--bd-common-white);
}
.portfolio__item.style-six:hover .portfolio__item-btn {
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
	opacity: 1;
}
.portfolio__item.style-six:hover .portfolio__item-thumb::before {
	visibility: visible;
	opacity: 1;
	transform: perspective(600px) rotateY(0deg);
}
.portfolio__item.style-six:hover .portfolio__item-title {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	transition-delay: 0.2s;
}
.portfolio__item.style-six:hover .portfolio__tag {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
.portfolio__item.style-six.portfolio-details .portfolio__item-thumb {
	position: unset;
}
.portfolio__item.style-six.portfolio-details .portfolio__item-thumb::before {
	content: none;
}
.portfolio__item.style-seven {
	padding: 0;
}
.portfolio__item.style-seven.full-height {
	height: 100%;
}
.portfolio__item.style-seven.full-height .portfolio__item-thumb {
	height: 100%;
}
.portfolio__item.style-seven.full-height .portfolio__item-thumb img {
	height: 100%;
}
.portfolio__item.style-seven.is-bg-none .portfolio__item-thumb::before {
	content: none;
}
.portfolio__item.style-seven.is-bg-gradient .portfolio__item-thumb::before {
	background: linear-gradient(
		180deg,
		rgba(201, 243, 29, 0) 0%,
		var(--bd-theme-primary) 100%
	);
}
.portfolio__item.style-seven .portfolio__item-thumb img {
	width: 100%;
}
.portfolio__item.style-seven .portfolio__item-thumb::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--bd-rgba-4);
	transition: opacity 0.3s ease-in-out;
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
}
.portfolio__item.style-seven .portfolio__item-content {
	position: absolute;
	bottom: 0;
	left: 40px;
	right: 40px;
	z-index: 1;
	padding: 0;
	transform: translateY(0);
	transition: all 0.3s ease-out 0s;
	border-radius: none;
	opacity: 0;
	visibility: hidden;
}
.portfolio__item.style-seven .portfolio__item-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.3);
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	(max-width: 450px) {
	.portfolio__item.style-seven .portfolio__item-btn {
		top: 60px;
		left: auto;
		right: 0;
	}
}
.portfolio__item.style-seven .portfolio__tag {
	background: var(--bd-common-white);
	color: var(--bd-common-black);
	padding: 0px 10px;
	font-size: 16px;
	margin-bottom: 15px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
	margin-bottom: 20px;
}
.portfolio__item.style-seven .portfolio__tag::before {
	content: none;
}
.portfolio__item.style-seven .portfolio__tag:hover {
	background: var(--bd-common-black);
	color: var(--bd-common-white);
}
.portfolio__item.style-seven:hover .portfolio__item-btn {
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
	opacity: 1;
}
.portfolio__item.style-seven:hover .portfolio__item-content {
	bottom: 40px;
	opacity: 1;
	visibility: visible;
}
.portfolio__item.style-seven:hover .portfolio__item-thumb::before {
	visibility: visible;
	opacity: 1;
}
.portfolio__item:hover .portfolio__content {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
.portfolio__thumb {
	position: relative;
	text-align: center;
}
.portfolio__thumb img {
	border-radius: 8px;
	width: 100%;
}
.portfolio__content {
	position: absolute;
	height: auto;
	bottom: 30px;
	left: 30px;
	right: 30px;
	z-index: 1;
	padding: 20px 30px 23px;
	display: flex;
	justify-content: space-between;
	gap: 0 40px;
	align-items: center;
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out 0s;
	border-radius: 8px;
	overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px),
	(max-width: 450px) {
	.portfolio__content {
		flex-wrap: wrap;
		gap: 15px 15px;
		padding: 15px 25px 20px;
	}
}
.portfolio__content::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--bd-bg-primary);
	z-index: -1;
}
.portfolio__title a:hover {
	color: var(--bd-theme-primary);
}
.portfolio__tag {
	position: relative;
	color: var(--bd-theme-primary);
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 8px;
	display: inline-block;
	padding-left: 8px;
	transition: all 0.3s ease-out 0s;
	border-radius: 4px;
}
.portfolio__tag::before {
	position: absolute;
	content: "";
	width: 2px;
	height: calc(100% - 12px);
	background: var(--bd-theme-primary);
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.portfolio__navigation {
	position: absolute;
	left: 170px;
	z-index: 5;
	bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio__navigation {
		left: 130px;
	}
}
.portfolio__details-meta {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px 20px;
	margin-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.portfolio__details-meta {
		margin-left: 0;
	}
}
@media (max-width: 450px) {
	.portfolio__details-meta {
		grid-template-columns: repeat(1, 1fr);
		gap: 30px 20px;
	}
}
.portfolio__details-meta-item {
	display: flex;
	gap: 10px;
}
.portfolio__details-sec-wrapper {
	margin-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.portfolio__details-sec-wrapper {
		margin-right: 0;
	}
}
.portfolio__details-sec-wrapper p {
	margin-bottom: 30px;
}
.portfolio__details-info-wrapper {
	position: sticky;
	top: 120px;
}
.portfolio__details-info-wrapper .portfolio__details-sec-wrapper {
	margin-right: 0;
}
.portfolio__details-info-wrapper .portfolio__details-meta {
	margin-left: 0;
	margin-bottom: 40px;
}
.portfolio__details-img-list {
	margin-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.portfolio__details-img-list {
		margin-right: 0;
	}
}
.portfolio__details-img-list img {
	width: 100%;
	border-radius: 8px;
}
.portfolio__details-img-list-box:not(:last-child) {
	margin-bottom: 10px;
}
.portfolio__details-video-wrapper {
	position: relative;
}
.portfolio__details-video-wrapper .video__play {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	margin-bottom: 0;
}
.portfolio__details-video-thumb {
	position: relative;
}
.portfolio__details-video-thumb::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--bd-common-black);
	opacity: 0.3;
}
.portfolio__details-video-thumb img {
	border-radius: 8px;
	width: 100%;
}
.portfolio__details-image-item img {
	width: 100%;
	border-radius: 8px;
}

.bd-portfolio__area .is-margin {
	margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bd-portfolio__area .is-margin {
		margin-right: 0;
	}
}

/*----------------------------------------*/
/*  7.43 Widget css
/*----------------------------------------*/
.cta__area.is-cta-margin {
	margin-bottom: -140px;
}
.cta__area.style-tow .cta__bg-thumb {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.cta__area.style-tow .cta__bg-thumb::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
	z-index: 1;
}
.cta__area.style-tow .cta__content p {
	max-width: 500px;
}
.cta__area.style-tow .cta__shape-six {
	position: absolute;
	left: -45px;
	top: -100px;
}
.cta__area.style-tow .cta__shape-seven {
	position: absolute;
	right: -80px;
	bottom: -50px;
}
.cta__item {
	position: relative;
	border-radius: 8px;
}
.cta__bg::before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(255, 255, 255, 0.08);
	top: 0;
	left: 0;
	z-index: 1;
	border-radius: 8px;
	backdrop-filter: blur(50px);
}
.cta__bg::after {
	position: absolute;
	width: 100%;
	height: calc(100% - 204px);
	content: "";
	background: linear-gradient(
		90deg,
		rgba(66, 134, 244, 0.1) 13.04%,
		rgba(100, 9, 216, 0.1) 97.43%
	);
	left: 0;
	z-index: -1;
	border-radius: 110px;
	backdrop-filter: blur(50px);
}
.cta__input {
	position: relative;
}
.cta__input input {
	width: 100%;
	height: 65px;
	border-radius: 60px;
	outline: none;
	border: 0;
	font-size: 18px;
	font-weight: 500;
	background-color: var(--bd-common-white);
	color: var(--bd-common-black);
	padding: 0 28px;
	padding-right: 190px;
}
@media (max-width: 450px) {
	.cta__input input {
		padding-right: 30px;
	}
}
.cta__input input::placeholder {
	color: #111111;
	opacity: 0.6;
	font-size: 18px;
}
.cta__input .cta__btn-pos {
	position: absolute;
	inset-inline-end: 5px;
	top: 0;
	right: 0;
	height: 57px;
	font-weight: 500;
	font-size: 18px;
}
@media (max-width: 450px) {
	.cta__input .cta__btn-pos {
		position: unset;
	}
}
@media (max-width: 450px) {
	.cta__input .cta__btn-pos .bd-btn.is-btn-anim::before {
		width: 500px;
		height: 500px;
	}
}
.cta__input a {
	position: absolute;
	inset-inline-end: 5px;
	top: 4px;
	height: 57px;
	font-weight: 500;
	font-size: 18px;
}
@media (max-width: 450px) {
	.cta__input a {
		position: unset;
		margin-top: 10px;
		width: 100%;
	}
}
.cta__content-wrap {
	position: relative;
	z-index: 5;
}
.cta__shape-one {
	position: absolute;
	z-index: 1;
	left: 40px;
	top: 50%;
}
.cta__shape-two {
	position: absolute;
	z-index: 1;
	left: 286px;
	top: 20px;
}
.cta__shape-three {
	position: absolute;
	z-index: 1;
	left: 210px;
	bottom: 20px;
}
.cta__shape-four {
	position: absolute;
	z-index: 1;
	right: 60px;
	top: 40px;
}
.cta__shape-five {
	position: absolute;
	z-index: 1;
	right: 200px;
	bottom: 20px;
}

/*----------------------------------------*/
/*  7.28 Price css
/*----------------------------------------*/
.pricing__item {
	border: 2px solid var(--bd-border-secondary);
	padding: 35px 30px 40px;
	border-radius: 10px;
	transition: 0.3s;
}
.pricing__item:hover {
	border-color: var(--bd-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	(max-width: 575px) {
	.pricing__item {
		padding: 35px 20px 40px;
	}
}
.pricing__item.active {
	border-color: var(--bd-theme-primary);
}
.pricing__item.style-two {
	text-align: center;
	background: var(--bd-bg-secondary);
	border: none;
}
.pricing__item.style-two:hover {
	background: var(--bd-theme-primary);
}
.pricing__item.style-two:hover .bd-btn.bordered-light {
	border: 1px solid transparent;
}
.pricing__item.style-two:hover .bd-btn {
	background: var(--bd-common-white);
	color: var(--bd-theme-primary);
}
.pricing__item.style-two:hover .bd-btn:hover {
	color: var(--bd-common-black);
}
.pricing__item.style-two .pricing__feature {
	display: flex;
	justify-content: center;
}
.pricing__item.style-two.active {
	background: var(--bd-theme-primary);
}
.pricing__item.style-two.active .bd-btn {
	background: var(--bd-common-white);
	color: var(--bd-common-black);
}
.pricing__item.style-two.active .bd-btn:hover {
	background: var(--bd-common-black);
	color: var(--bd-common-white);
}
.pricing__item.style-two .pricing__content p {
	color: var(--bd-common-white);
}
.pricing__item.style-two .pricing__list li p {
	color: var(--bd-common-white);
}
.pricing__item.style-two .pricing__list li i {
	background: var(--bd-common-white);
	color: var(--bd-common-black);
}
.pricing__item.style-three {
	transition: 0.5s;
	border: none;
	background: var(--bd-bg-secondary);
}
.pricing__item.style-three .pricing__content {
	border-bottom: 1px solid var(--bd-border-primary);
}
.pricing__item.style-three .pricing__feature {
	margin-bottom: 35px;
}
.pricing__item.style-three.active {
	background: var(--bd-theme-primary);
	border: none;
}
.pricing__item.style-three.active:hover {
	background: var(--bd-theme-primary);
	border: none;
}
.pricing__item.style-three.active .bd-btn {
	background: var(--bd-common-white);
	color: var(--bd-theme-primary);
}
.pricing__item.style-three.active .bd-btn:hover {
	color: var(--bd-common-black);
}
.pricing__item.style-three.active .pricing__content {
	border-color: rgba(255, 255, 255, 0.4);
}
.pricing__item.style-three.active .pricing__amount span {
	color: var(--bd-common-white);
}
.pricing__item.style-three.active .pricing__description {
	color: var(--bd-common-white);
}
.pricing__item.style-three.active .pricing__list i {
	background: var(--bd-common-white);
	color: var(--bd-theme-primary);
}
.pricing__item.style-three.active .pricing__list P {
	color: var(--bd-common-white);
}
.pricing__item.style-three:hover {
	background: var(--bd-theme-primary);
}
.pricing__item.style-three:hover .pricing__content {
	border-color: rgba(255, 255, 255, 0.4);
}
.pricing__item.style-three:hover .pricing__amount span {
	color: var(--bd-common-white);
}
.pricing__item.style-three:hover .pricing__description {
	color: var(--bd-common-white);
}
.pricing__item.style-three:hover .pricing__list i {
	background: var(--bd-common-white);
	color: var(--bd-theme-primary);
}
.pricing__item.style-three:hover .pricing__list P {
	color: var(--bd-common-white);
}
.pricing__item.style-three:hover .bd-btn {
	background: var(--bd-common-white);
	color: var(--bd-theme-primary);
}
.pricing__item.style-three:hover .bd-btn.bordered-light {
	border: 1px solid transparent;
}
.pricing__item.style-three:hover .bd-btn:hover {
	color: var(--bd-common-black);
}
.pricing__content {
	transition: 0.3s;
}
.pricing__content .pricing__title {
	margin-bottom: 15px;
}
.pricing__content p {
	margin-bottom: 22px;
}
.pricing__content .pricing__amount {
	margin-bottom: 23px;
	line-height: 1.1;
}
.pricing__content .pricing__amount .dollar-sign {
	font-size: 24px;
	transform: translateY(-15px) translateX(5px);
	display: inline-block;
	font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.pricing__content .pricing__amount .dollar-sign {
		font-size: 20px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.pricing__content .pricing__amount .dollar-sign {
		font-size: 18px;
	}
}
.pricing__content .pricing__amount .duration {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	transform: translateX(-7px);
	display: inline-block;
	font-weight: 400;
}
.pricing__btn .bd-btn {
	height: 60px;
}
.pricing__feature {
	margin-top: 27px;
}
.pricing__feature .pricing__list li {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 0 13px;
}
.pricing__feature .pricing__list li:not(:last-child) {
	margin-bottom: 25px;
}
.pricing__feature .pricing__list li i {
	color: var(--bd-common-white);
	background: var(--bd-theme-primary);
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 600;
	transition: 0.5s;
}

/*----------------------------------------*/
/*  7.14 Faq css
/*----------------------------------------*/
.faq__tab-wrapper {
	padding: 16px 8px;
	background-color: transparent;
	border-radius: 8px;
	width: 306px;
	border: 1px solid var(--bd-border-primary);
	margin: 0 auto;
}
@media (max-width: 340px) {
	.faq__tab-wrapper {
		width: 100%;
	}
}
.faq__tab-wrapper .nav-link {
	font-weight: 400;
	font-size: 18px;
	background-color: transparent;
	color: var(--bd-common-white);
}
.faq__tab-wrapper .nav-link.active {
	background-color: transparent;
	color: var(--bd-common-white);
}
.faq__tab-wrapper .faq-tab-slide {
	position: relative;
	z-index: 1;
}
.faq__tab-wrapper .faq-tab-slide:hover {
	cursor: pointer;
}
.faq__tab-wrapper .faq-tab-slide label:hover {
	cursor: pointer;
}
.faq__tab-wrapper .faq-tab-slide #faq-tab-check {
	display: none;
}
.faq__tab-wrapper .faq-tab-slide #faq-tab-check:checked + i {
	right: 158px;
	width: 130px;
}
@media (max-width: 450px) {
	.faq__tab-wrapper .faq-tab-slide #faq-tab-check:checked + i {
		right: auto;
		left: 0;
	}
}
.faq__tab-wrapper .faq-tab-slide i {
	position: absolute;
	top: -10px;
	right: 0px;
	width: 130px;
	height: 46px;
	background-color: var(--bd-theme-primary);
	border-radius: 8px;
	-webkit-transform: translate3d(0, 0);
	transform: translate3d(0, 0);
	-webkit-transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
	-o-transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
	transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
	z-index: -1;
}
.faq__tab-wrapper .faq-tab-slide .faq-separate {
	display: flex;
	gap: 0 75px;
}

.faq__content {
	padding-right: 65px;
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.faq__content {
		padding-right: 0;
	}
}

.bd__faq .accordion-button {
	font-size: 24px;
	color: var(--bd-common-white);
	background: rgba(34, 36, 37, 0.55);
	padding: 30px 30px 30px 30px;
	padding-right: 40px;
	display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.bd__faq .accordion-button {
		font-size: 22px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bd__faq .accordion-button {
		font-size: 20px;
	}
}
@media (max-width: 450px) {
	.bd__faq .accordion-button {
		padding: 30px 80px 24px 30px;
	}
}
.bd__faq .accordion-button:focus {
	box-shadow: none;
}
.bd__faq .accordion-button:not(.collapsed) {
	border-radius: 6px 6px 0 0;
	background: rgba(34, 36, 37, 0.55);
	color: var(--bd-theme-primary);
	box-shadow: none;
	padding: 30px 30px 25px 30px;
}
@media (max-width: 450px) {
	.bd__faq .accordion-button:not(.collapsed) {
		padding: 30px 80px 24px 30px;
	}
}
.bd-theme-light .bd__faq .accordion-button:not(.collapsed) {
	background: var(--bd-bg-10);
}
.bd__faq .accordion-button:not(.collapsed)::after {
	border-color: transparent;
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
	content: "";
}
.bd__faq .accordion-button::after {
	position: absolute;
	right: 30px;
	content: "";
	background-image: none;
	font-family: var(--bd-ff-fontawesome);
	font-size: 18px;
	font-weight: 400;
	height: 46px;
	width: 46px;
	border: 1px solid var(--bd-border-secondary);
	line-height: 46px;
	text-align: center;
	color: var(--bd-text-primary);
	top: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
@media (max-width: 450px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.bd__faq .accordion-button::after {
		left: 20px;
	}
}
.bd__faq .accordion-body {
	color: var(--bd-common-white);
	padding-right: 40px;
	padding-top: 0;
	padding-bottom: 30px;
	padding-left: 30px;
	background: rgba(34, 36, 37, 0.55);
	border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.bd-theme-light .bd__faq .accordion-body {
	background: var(--bd-bg-10);
}
@media (max-width: 450px) {
	.bd__faq .accordion-body {
		padding-left: 30px;
		padding-right: 25px;
	}
}
.bd__faq .accordion-body .qualification__meta {
	margin-bottom: 15px;
	font-size: 14px;
	color: #7f8387;
	display: inline-block;
}
.bd__faq .accordion-body .qualification__rating {
	color: var(--bd-theme-primary);
	background: rgba(66, 134, 244, 0.2);
	padding: 4px 10px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	margin-top: 22px;
	display: inline-block;
}
.bd__faq .accordion-item {
	border: 0;
	border: 0;
	background: transparent;
}
.bd__faq .accordion-item:not(:last-child) {
	margin-bottom: 20px;
}

.faq__style-2 {
	margin: 0 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.faq__style-2 {
		margin: 0 40px;
	}
}
@media (max-width: 575px) {
	.faq__style-2 {
		margin: 0;
	}
}
.faq__style-2 .nav-link {
	padding: 17px 30px;
	text-align: left;
	border-radius: 8px;
	font-weight: 500;
	font-size: 17px;
	color: var(--bd-common-white);
}
.faq__style-2 .nav-link:hover {
	border: 1px solid transparent;
	color: var(--bd-theme-primary);
}
.faq__style-2 .nav-link.active {
	background: var(--bd-theme-primary);
	border-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.faq__style-2 .nav-link span {
	margin-right: 8px;
}
.faq__style-2 .nav-link span i {
	font-weight: 500;
}
.faq__style-2 .nav-tabs {
	border: 0;
	gap: 10px;
}
.faq__style-2 .bd__faq .accordion-item {
	border: 2px solid transparent;
	border-radius: 10px;
	overflow: hidden;
}
.faq__style-2 .bd__faq .accordion-item:not(:last-child) {
	margin-bottom: 20px;
}
.faq__style-2 .bd__faq .accordion-button {
	border: none;
	padding: 30px 30px 30px 30px;
	background-color: #232426;
	font-size: 20px;
	font-weight: 700;
	display: flex;
	align-items: center;
}
@media (max-width: 450px) {
	.faq__style-2 .bd__faq .accordion-button {
		font-size: 18px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.faq__style-2 .bd__faq .accordion-button {
		padding: 20px 20px 20px 20px;
	}
}
@media (max-width: 575px) {
	.faq__style-2 .bd__faq .accordion-button {
		padding: 15px 25px 15px 15px;
	}
}
.faq__style-2 .bd__faq .accordion-button:not(.collapsed) {
	padding: 30px 30px 0 30px;
	background-color: #232426;
}
@media (max-width: 575px) {
	.faq__style-2 .bd__faq .accordion-button:not(.collapsed) {
		padding: 20px 28px 10px 25px;
	}
}
@media (max-width: 450px) {
	.faq__style-2 .bd__faq .accordion-button:not(.collapsed) {
		display: grid;
		row-gap: 15px;
	}
}
.bd-theme-light .faq__style-2 .bd__faq .accordion-button:not(.collapsed) {
	background: #eeeeee;
}
.faq__style-2 .bd__faq .accordion-button:not(.collapsed)::after {
	color: var(--bd-theme-primary);
	top: 68%;
}
@media (max-width: 450px) {
	.faq__style-2 .bd__faq .accordion-button:not(.collapsed)::after {
		top: 38%;
	}
}
.faq__style-2 .bd__faq .accordion-button:not(.collapsed) span {
	color: var(--bd-common-white);
	background-color: var(--bd-theme-primary);
}
.faq__style-2 .bd__faq .accordion-button::after {
	left: auto;
	right: 15px;
	top: 50%;
	background-color: transparent;
	border: none;
}
@media (max-width: 575px) {
	.faq__style-2 .bd__faq .accordion-button::after {
		right: 0px;
	}
}
.faq__style-2 .bd__faq .accordion-button span {
	color: var(--bd-theme-primary);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	background-color: #202b38;
	text-align: center;
	border-radius: 50%;
	margin-right: 15px;
}
@media (max-width: 575px) {
	.faq__style-2 .bd__faq .accordion-button span {
		width: 45px;
		height: 45px;
	}
}
@media (max-width: 450px) {
	.faq__style-2 .bd__faq .accordion-button span {
		margin-right: 12px;
	}
}
.faq__style-2 .bd__faq .accordion-button span i {
	font-size: 32px;
}
@media (max-width: 575px) {
	.faq__style-2 .bd__faq .accordion-button span i {
		font-size: 22px;
	}
}
.faq__style-2 .bd__faq .accordion-body {
	padding: 0px 30px 30px 105px;
	background-color: #232426;
	color: #bfbfbf;
}
.faq__style-2 .bd__faq .accordion-body a {
	padding-top: 19px;
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 600;
}
@media (max-width: 450px) {
	.faq__style-2 .bd__faq .accordion-body a {
		padding-top: 13px;
	}
}
.faq__style-2 .bd__faq .accordion-body a:hover {
	color: var(--bd-theme-primary);
}
.faq__style-2 .bd__faq .accordion-body a i {
	position: relative;
	top: 1px;
}
.bd-theme-light .faq__style-2 .bd__faq .accordion-body {
	background: #eeeeee;
}
@media (max-width: 575px) {
	.faq__style-2 .bd__faq .accordion-body {
		padding: 0px 30px 30px 85px;
	}
}
@media (max-width: 450px) {
	.faq__style-2 .bd__faq .accordion-body {
		padding: 0px 25px 20px;
	}
}
.faq__style-3 .bd__faq .accordion-button {
	padding: 30px 30px;
}
@media (max-width: 450px) {
	.faq__style-3 .bd__faq .accordion-button {
		padding: 25px 75px;
		padding-left: 25px;
	}
}
.bd-theme-light .faq__style-3 .bd__faq .accordion-button:not(.collapsed) {
	background: #eeeeee;
}
.faq__style-3 .bd__faq .accordion-button::after {
	left: auto;
	right: 30px;
	top: 50%;
}
@media (max-width: 450px) {
	.faq__style-3 .bd__faq .accordion-button::after {
		right: 25px;
	}
}
.faq__style-3 .bd__faq .accordion-button span {
	color: var(--bd-theme-primary);
	padding-right: 3px;
	display: inline-block;
}
.faq__style-3 .bd__faq .accordion-body {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	background: transparent;
}
.bd-theme-light .faq__style-3 .bd__faq .accordion-body {
	background: #eeeeee;
}
@media (max-width: 450px) {
	.faq__style-3 .bd__faq .accordion-body {
		padding: 25px;
	}
}
.faq__style-3 .bd__faq .accordion-item {
	border: 1px solid var(--bd-border-primary);
	margin-bottom: 30px;
}
.faq__style-4 .bd__faq .accordion-button {
	position: relative;
	padding: 18px 0px 15px 25px;
	color: var(--bd-common-white);
	border-radius: 0;
	font-size: 18px;
	font-weight: 700;
}
@media (max-width: 450px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.faq__style-4 .bd__faq .accordion-button {
		font-size: 20px;
	}
}
.faq__style-4 .bd__faq .accordion-button:focus {
	box-shadow: none;
	border-color: transparent;
}
.faq__style-4 .bd__faq .accordion-button:not(.collapsed) {
	border-top: 1px solid var(--bd-border-primary);
	color: var(--bd-common-white);
	background-color: transparent;
	box-shadow: none;
}
.bd-theme-light .faq__style-4 .bd__faq .accordion-button:not(.collapsed) {
	background: var(--bd-bg-10);
}
.faq__style-4 .bd__faq .accordion-button:not(.collapsed)::after {
	display: none;
}
.faq__style-4 .bd__faq .accordion-button:not(.collapsed)::before {
	background-image: none;
	color: var(--bd-theme-primary);
	background-color: transparent;
	left: 0;
	content: "";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	font-weight: 700;
}
.faq__style-4 .bd__faq .accordion-button::after {
	display: none;
}
.faq__style-4 .bd__faq .accordion-button::before {
	content: "+";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	color: var(--bd-theme-primary);
	background-image: none;
	left: 0px;
	width: auto;
	height: auto;
	font-weight: 700;
	font-size: 15px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	top: 50%;
	transform: translateY(-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.faq__style-4 .bd__faq .accordion-body {
	padding: 0 0 25px 0px;
	color: #7f8387;
	background-color: transparent;
	border-radius: 0;
	font-size: 18px;
}
.bd-theme-light .faq__style-4 .bd__faq .accordion-body {
	background: var(--bd-bg-10);
}
@media (max-width: 450px) {
	.faq__style-4 .bd__faq .accordion-body {
		padding-left: 25px;
		padding-right: 25px;
	}
}
.faq__style-4 .bd__faq .accordion-body:not(.collapsed) {
	border-bottom: 1px solid var(--bd-border-primary);
}
.faq__style-4 .bd__faq .accordion-body > P {
	margin-bottom: 0;
}
.faq__style-4 .bd__faq .accordion-item {
	background-color: transparent;
	border-right: none;
	border-left: none;
}
.faq__style-6 .bd__faq .accordion-button {
	padding: 30px 30px;
	border-radius: 50px;
	background: transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.faq__style-6 .bd__faq .accordion-button {
		padding: 25px 80px 25px 25px;
	}
}
@media (max-width: 575px) {
	.faq__style-6 .bd__faq .accordion-button {
		padding: 25px 75px 25px 25px;
	}
}
.bd-theme-light .faq__style-6 .bd__faq .accordion-button:not(.collapsed) {
	background: #eeeeee;
}
.faq__style-6 .bd__faq .accordion-button:not(.collapsed)::after {
	border-color: transparent;
	background: var(--bd-theme-primary);
	color: var(--bd-common-white);
	content: "";
}
.faq__style-6 .bd__faq .accordion-button::after {
	content: "+";
	left: auto;
	right: 30px;
	top: 50%;
}
@media (max-width: 450px) {
	.faq__style-6 .bd__faq .accordion-button::after {
		right: 20px;
	}
}
.faq__style-6 .bd__faq .accordion-button span {
	color: var(--bd-theme-primary);
	padding-right: 3px;
	display: inline-block;
}
.faq__style-6 .bd__faq .accordion-body {
	padding-left: 30px;
	padding-right: 30px;
	background: transparent;
	color: var(--bd-text-secondary);
}
.bd-theme-light .faq__style-6 .bd__faq .accordion-body {
	background: #eeeeee;
}
@media (max-width: 450px) {
	.faq__style-6 .bd__faq .accordion-body {
		padding: 25px;
	}
}
.faq__style-6 .bd__faq .accordion-item {
	border: 1px solid var(--bd-border-primary);
	margin-bottom: 30px;
	border-radius: 8px;
}
.faq__style-five .accordion-button {
	background: transparent;
	font-size: 22px;
	font-weight: 500;
	color: var(--bd-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	(max-width: 450px) {
	.faq__style-five .accordion-button {
		padding: 30px 70px 24px 30px;
	}
}
.faq__style-five .accordion-button:not(.collapsed) {
	padding: 25px 30px 25px 30px;
	background: #262829;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	(max-width: 450px) {
	.faq__style-five .accordion-button:not(.collapsed) {
		padding: 30px 70px 24px 30px;
	}
}
.faq__style-five .accordion-button::after {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
.faq__style-five .accordion-item:not(:last-child) {
	margin-bottom: 0;
	border-bottom: 1px solid #262829;
}
.faq__style-five .accordion-body {
	padding-bottom: 23px;
	background: #262829;
}

.faq-tab .nav-tabs {
	border-bottom: none;
}
.faq-tab .nav-link {
	background: transparent;
	border: 1px solid var(--bd-border-primary);
	color: var(--bd-common-white);
	padding: 20px 30px;
	text-align: left;
	font-weight: 500;
	font-size: 16px;
}
.faq-tab .nav-link:not(:last-child) {
	margin-bottom: 8px;
}
.faq-tab .nav-link.active {
	background-color: var(--bd-theme-primary);
	border-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.faq-tab .nav-link span {
	display: inline-block;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
	margin-right: 10px;
	color: var(--bd-common-white);
}
.faq-tab.faq__style-2 .nav-link {
	border-radius: 50px;
}
.faq-tab.faq__style-2 .nav-link.active {
	background-color: var(--bd-theme-primary);
	border-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.faq-tab.faq__style-2 .nav-link span {
	color: var(--bd-common-white);
}
.faq-tab-2 .nav-tabs {
	border-bottom: 1px solid var(--bd-border-primary);
}
.faq-tab-2 .nav-link {
	font-weight: 500;
	font-size: 15px;
	color: var(--bd-common-white);
	padding: 14px 30px;
	background-color: var(--bd-theme-primary);
	position: relative;
	border-radius: 0;
	border: 0;
}
.faq-tab-2 .nav-link.active {
	color: var(--bd-common-white);
	background-color: var(--bd-theme-secondary);
}

.accordion-border .accordion-item.active {
	border: 2px solid var(--bd-theme-primary);
}

/*----------------------------------------*/
/*  7.43 Widget css
/*----------------------------------------*/
.bd-sticky__top {
	position: -webkit-sticky;
	position: sticky;
	top: 120px;
	z-index: 2;
}

.widget-sidebar {
	z-index: 5;
	padding: 30px;
	border: 1px solid var(--bd-border-primary);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

.guide__widget-box {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	background: var(--bd-bg-6);
	overflow: hidden;
	padding: 30px;
}
.bd-theme-light .guide__widget-box {
	background-color: white;
	box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
}

.widget-details ul li {
	list-style: none;
}
.widget-details ul li:not(:last-child) {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--bd-border-primary);
}
.widget-details ul li a {
	font-size: 18px;
}
.widget-details ul li a:hover {
	color: var(--bd-theme-primary);
}

.color-box-inner .color-box {
	width: 100%;
	height: 100px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

.color-box-inner .title {
	font-size: 14px;
}

.elements__divider {
	margin: 50px 0;
}

.color-box-title {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	opacity: 0.5;
	margin-bottom: 0;
}

/*----------------------------------------*/
/*  7.31 Demo css
/*----------------------------------------*/
.bd-demo-banner-area {
	position: relative;
	padding-top: 90px;
	padding-bottom: 130px;
}
.bd-demo-banner-area::before {
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	background: var(--bd-bg-quaternary);
	z-index: -1;
	top: 0;
	left: 0;
	opacity: 0.8;
}
@media (min-width: 1441px) {
	.bd-demo-banner-area .container {
		max-width: 1320px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.bd-demo-banner-area {
		padding-bottom: 170px;
		padding-top: 80px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.bd-demo-banner-area {
		padding-bottom: 220px;
		padding-top: 80px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.bd-demo-banner-area {
		padding-bottom: 170px;
		padding-top: 80px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.bd-demo-banner-area {
		padding-top: 60px;
		padding-bottom: 255px;
	}
}
@media (max-width: 575px) {
	.bd-demo-banner-area {
		padding-bottom: 60px;
		padding-top: 60px;
	}
}

.bg-color-light-purple {
	background: rgba(74, 0, 224, 0.02);
}

.demo-banner-top-inner {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 13px 50px;
	flex-wrap: wrap;
}

.bd-demo-banner-content {
	padding-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bd-demo-banner-content {
		padding-right: 0px;
	}
}

.demo-banner-top .content .subtitle {
	color: var(--color-body-alt);
	font-weight: 500;
}

.demo-banner-thumb-wrapper {
	margin-right: -120px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.demo-banner-thumb-wrapper {
		margin-right: -80px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.demo-banner-thumb-wrapper {
		margin-right: -60px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.demo-banner-thumb-wrapper {
		margin-right: -30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.demo-banner-thumb-wrapper {
		margin-right: 0px;
	}
}

.mobile-thumb {
	position: absolute;
	left: 0;
	top: 100px;
}
@media (max-width: 575px) {
	.mobile-thumb {
		display: none;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.demo-banner-title {
		font-size: 38px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.demo-banner-title {
		font-size: 34px;
	}
}
@media (max-width: 450px) {
	.demo-banner-title {
		font-size: 30px;
	}
}

.bd-landing-service .inner .content .bd-btn {
	height: 55px;
}

.demo-tab-area {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.landing-nav-tab {
	border-radius: 8px;
	border: 1px solid #e4e4e4;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.landing-nav-tab {
		justify-content: center;
	}
}
.landing-nav-tab li {
	margin: 0;
	flex-basis: 25%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.landing-nav-tab li {
		flex-basis: 33%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.landing-nav-tab li {
		flex-basis: 50%;
	}
}
@media (max-width: 575px) {
	.landing-nav-tab li {
		flex-basis: 50%;
	}
}
@media (max-width: 450px) {
	.landing-nav-tab li {
		flex-basis: 100%;
	}
}
.landing-nav-tab li button {
	display: inline-block;
	padding: 20px;
	border: none !important;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.landing-nav-tab li button {
		padding: 10px;
	}
}
.landing-nav-tab li button i {
	margin-right: 10px;
	font-size: 40px;
	color: var(--color-dark);
}
.landing-nav-tab li button span {
	color: var(--color-dark);
	font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.landing-nav-tab li button span {
		font-size: 14px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.landing-nav-tab li button span {
		font-size: 14px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.landing-nav-tab li button span {
		font-size: 14px;
	}
}
.landing-nav-tab li button.active {
	border: none;
	border-radius: 8px;
	background: #6707fe !important;
	color: var(--color-white) !important;
}
.landing-nav-tab li button.active i {
	color: var(--color-white);
}
.landing-nav-tab li button.active span {
	color: var(--color-white);
}

.landing-tab-content .thumbnail {
	background: rgba(103, 7, 254, 0.1);
	filter: drop-shadow(0px 4px 17px rgba(0, 0, 0, 0.15));
}

.bd-portfolio-filter {
	display: flex;
	justify-content: space-between;
}
.bd-portfolio-filter button {
	width: auto;
	border-radius: 8px;
	border: 1px solid #6707fe;
	background: #6707fe;
	padding: 10px 8px;
}
.bd-portfolio-filter button .course-number {
	font-size: 16px;
	color: var(--color-dark);
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 50%;
	background-color: var(--color-white);
	display: inline-block;
	margin-right: 8px;
}
.bd-portfolio-filter button .filter-text {
	font-size: 16px;
}

.resizer {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.demo-presentation-mesonry {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	row-gap: 20px;
	column-gap: 30px;
	height: auto;
}

.bd-landing-service .inner {
	border-radius: 6px;
	background: var(--bd-bg-secondary);
	padding: 42px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.bd-landing-service .inner {
		padding: 40px 30px;
	}
}
@media (max-width: 450px) {
	.bd-landing-service .inner {
		padding: 35px 25px;
	}
}
.bd-landing-service .inner .thumbnail {
	margin-bottom: 20px;
	max-width: 60px;
}
.bd-landing-service .inner .content .title {
	font-size: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bd-landing-service .inner .content .title {
		font-size: 24px;
	}
}
.bd-landing-service .inner .content .btn-doc {
	border-radius: 50px;
	border: 1px solid var(--color-border-2);
	font-size: var(--font-size-b1);
	font-family: var(--font-secondary);
	font-weight: var(--s-semi-bold);
	line-height: 16px;
	transition: var(--transition);
	display: inline-flex;
	align-items: center;
	padding: 0 30px;
	height: 55px;
}
.bd-landing-service .inner .content .btn-doc:hover {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.features-title {
	margin-bottom: 20px;
	font-size: 22px;
}

.features-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.features-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.features-wrapper {
		grid-template-columns: 1fr;
	}
}

.features-content > p {
	font-size: 16px;
	margin-bottom: 25px;
}

.features-item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 35px 35px;
	transition: 0.3s;
	z-index: 5;
}
@media (max-width: 450px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.features-item {
		padding: 30px 25px;
	}
}
.features-item::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.1) 0%,
		rgba(255, 255, 255, 0) 100%
	);
	top: 0;
	left: 0;
	transition: 0.3s;
	z-index: -1;
	border-radius: 6px;
}
.features-item::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, #1e2022 0%, #2f3c48 100%);
	opacity: 0;
	top: 0;
	left: 0;
	transition: 0.3s;
	z-index: -1;
	border-radius: 6px;
}
.features-item:hover {
	background: var(--clr-common-white);
}
.features-item:hover .features-icon {
	transform: translateY(-3px) translate3d(0, -3px, 0);
}
.features-item:hover::after {
	opacity: 0;
}
.features-item:hover::before {
	opacity: 1;
}
.features-item:hover .features__tag.green span {
	background: rgba(12, 115, 184, 0.2);
	color: #0c73b8;
}
.features-item:hover .features__tag.purple span {
	color: #8912fc;
	background: rgba(136, 18, 252, 0.2);
}
.features-item:hover .features__tag.lilac span {
	color: #cd6799;
	background: rgba(205, 102, 153, 0.2);
}
.features-item:hover .features__tag.lime span {
	background: rgba(52, 168, 83, 0.2);
	color: #34a853;
}
.features-item:hover .features__tag.red span {
	color: #ff1e5a;
	background: rgba(255, 30, 90, 0.2);
}
.features-item:hover .features__tag.red-2 span {
	color: #e3522d;
	background: rgba(227, 76, 38, 0.2);
}
.features-item:hover .features__tag.lemon span {
	background: rgba(136, 206, 2, 0.2);
	color: #527c01;
}
.features-item:hover .features__tag.green-dark span {
	background: rgba(0, 128, 255, 0.2);
	color: #0080ff;
}
.features-item:hover .features-icon.lilac {
	background: rgba(205, 102, 153, 0.2);
}
.features-item:hover .features-icon.purple {
	background: rgba(136, 18, 252, 0.2);
}
.features-item:hover .features-icon.green {
	background: rgba(12, 115, 184, 0.2);
}
.features-item:hover .features-icon.lime {
	background: rgba(52, 168, 83, 0.2);
}
.features-item:hover .features-icon.red {
	background: rgba(255, 30, 90, 0.2);
}
.features-item:hover .features-icon.red-2 {
	background: rgba(227, 76, 38, 0.2);
}
.features-item:hover .features-icon.green-dark {
	background: rgba(0, 128, 255, 0.2);
}

.features-icon {
	margin-bottom: 25px;
	transform: translate3d(0, 0, 0);
	-webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
	-moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
	-ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
	-o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
	transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
	height: 70px;
	width: 70px;
	background: var(--clr-common-white);
	line-height: 67px;
	text-align: center;
	border-radius: 50%;
}

.features__tag span {
	padding: 5px 12px;
	background: transparent;
	border-radius: 30px;
	font-size: 14px;
	color: var(--bd-common-white);
	border: 1px solid var(--bd-border-primary);
}
.features__tag:hover.green span {
	background: rgba(12, 115, 184, 0.2);
	color: #0c73b8;
}
.features__tag:hover.purple span {
	color: #8912fc;
	background: rgba(136, 18, 252, 0.2);
}
.features__tag:hover.lilac span {
	color: #cd6799;
	background: rgba(205, 102, 153, 0.2);
}
.features__tag:hover.lime span {
	background: rgba(52, 168, 83, 0.2);
	color: #34a853;
}
.features__tag:hover.red span {
	color: #ff1e5a;
	background: rgba(255, 30, 90, 0.2);
}
.features__tag:hover.lemon span {
	background: rgba(136, 206, 2, 0.2);
	color: #527c01;
}
.features__tag:hover.green-dark span {
	background: rgba(0, 128, 255, 0.2);
	color: #0080ff;
}

.landing-footer-top {
	padding: 80px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.landing-footer-top {
		padding: 60px 0;
	}
}

.landing-footer {
	position: relative;
}
.landing-footer .footer-inner {
	padding: 0 25%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.landing-footer .footer-inner {
		padding: 0 18%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.landing-footer .footer-inner {
		padding: 0 10%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.landing-footer .footer-inner {
		padding: 0;
	}
}
.landing-footer .footer-inner .description {
	color: var(--color-white-opacity);
	max-width: 480px;
	margin: 0 auto;
	margin-bottom: 0px;
	margin-bottom: 40px;
}
.landing-footer .footer-inner a {
	border-radius: 50px;
}
.landing-footer .four-line {
	position: absolute;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.landing-footer .four-line {
		display: none;
	}
}
.landing-footer .four-line.line-left {
	top: 30%;
	left: 100px;
	-moz-animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
	-webkit-animation: rotate-infinite 3s ease-in-out 1s forwards infinite
		alternate;
	animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.landing-footer .four-line.line-left {
		left: 50px;
	}
}
.landing-footer .four-line.line-right {
	bottom: 30%;
	right: 100px;
	transform: rotate(259deg);
	-moz-animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
	-webkit-animation: rotate-infinite 3s ease-in-out 1s forwards infinite
		alternate;
	animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
}

.copyright-landing {
	padding: 30px 0;
	border-top: 1px solid var(--bd-border-primary);
}
.copyright-landing .inner .description {
	font-size: 16px;
}
.copyright-landing .inner .description a {
	color: var(--bd-theme-primary);
	position: relative;
}
.copyright-landing .inner .description a::before {
	content: " ";
	position: absolute;
	height: 2px;
	width: 0;
	background-color: currentColor;
	left: 0;
	bottom: 0px;
	transition: 0.5s;
}
.copyright-landing .inner .description a:hover::before {
	width: 100%;
}

.bd-btn-present {
	border: 0 none;
	padding: 0px 30px;
	text-transform: capitalize;
	background: var(--bd-bg-quaternary);
	height: 60px;
	border-radius: 6px;
	font-size: 16px;
	letter-spacing: -0.6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 100px;
	transition: 0.4s;
	color: var(--bd-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.bd-btn-present {
		padding: 0px 20px;
		height: 50px;
	}
}
.bd-btn-present i {
	font-size: 15px;
	margin-right: 8px;
	font-weight: 600;
	transition: 0.3s;
	color: var(--bd-common-white);
}
.bd-btn-present:hover {
	background-color: var(--bd-theme-primary);
	color: var(--bd-common-white);
}
.bd-btn-present:hover i {
	color: var(--bd-common-white);
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
@keyframes marquee_rev {
	100% {
		transform: translateX(0);
	}
	0% {
		transform: translateX(-50%);
	}
}
.inner-pages-animation {
	animation: marquee 20s linear 0s infinite normal;
	animation-play-state: running;
	flex-wrap: nowrap;
}
.inner-pages-animation:hover {
	animation-play-state: paused;
}

.inner-pages-animation.inner-pages-animation--2 {
	animation-name: marquee_rev;
}

.inner-pages-animation.inner-pages-animation--2:hover {
	animation-play-state: paused;
}

.demo-wrapper.inner-pages-wrapper .demo-item .solo-demo a {
	border-radius: 6px;
	background: var(--bd-bg-secondary);
	box-shadow: 20px 30px 70px rgba(3, 4, 28, 0.1);
	padding: 20px;
	display: block;
}
.demo-wrapper.inner-pages-wrapper .demo-item .solo-demo a .thumbnail {
	width: 100%;
}
.demo-wrapper.inner-pages-wrapper .demo-item .solo-demo a .thumbnail img {
	border-radius: 6px;
	width: 100%;
}
.demo-wrapper.inner-pages-wrapper .demo-item .solo-demo a .content .title {
	font-size: 18px;
	margin-top: 20px;
	transition: var(--transition);
	display: inline-block;
	position: relative;
	margin-bottom: 0;
}
.demo-wrapper.inner-pages-wrapper
	.demo-item
	.solo-demo
	a
	.content
	.title::before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background-color: var(--color-primary);
	transition: var(--transition);
}
.demo-wrapper.inner-pages-wrapper
	.demo-item
	.solo-demo
	a
	.content
	.title:hover {
	color: var(--bd-theme-primary);
}
.demo-wrapper.inner-pages-wrapper
	.demo-item
	.solo-demo
	a
	.content
	.title:hover::before {
	width: 100%;
}

.bd-categori-list {
	animation: marquee 20s linear 0s infinite normal;
	animation-play-state: running;
	flex-wrap: nowrap;
}
.bd-categori-list a {
	max-width: max-content;
	margin: 0 5px;
}

.bd-categori-list-2 {
	animation-name: marquee_rev;
}

@media (min-width: 1441px) {
	.demo-container {
		max-width: 1420px;
	}
}
.custom-meso .main-iso .item a {
	padding: 20px;
	border-radius: 6px;
	display: block;
	transition: 0.3s;
	background: var(--bd-bg-secondary);
}
.custom-meso .main-iso .item a .thumbnail {
	width: 100%;
}
.custom-meso .main-iso .item a .thumbnail img {
	width: 100%;
}
.custom-meso .main-iso .item a .content {
	text-align: center;
	padding-top: 20px;
}
.custom-meso .main-iso .item a .content .title {
	font-size: 18px;
	margin-bottom: 0;
	text-transform: capitalize;
}
.custom-meso .main-iso .item a .content .title:hover {
	color: var(--bd-theme-primary);
}
.custom-meso .main-iso .item a:hover {
	transform: translateY(-4px);
}

.bd-present-area {
	overflow: hidden;
}

.inner-page-presentation-area {
	overflow: hidden;
}

.customer-review-area {
	overflow: hidden !important;
	max-height: 1500px;
	position: relative;
}
.customer-review-area::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	pointer-events: none;
	top: 0;
	min-height: 650px;
	background: linear-gradient(
		180deg,
		#1d1e1f 45%,
		#1d1e1f 0%,
		rgba(246, 250, 251, 0) 60%
	);
	z-index: 10;
}
.customer-review-area::after {
	position: absolute;
	content: "";
	background: linear-gradient(180deg, rgba(249, 249, 251, 0) 0%, #1d1e1f 75%);
	width: 100%;
	height: 400px;
	bottom: 0;
	left: 0;
}
.customer-review-area .customer-review-title {
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	z-index: 12;
	text-align: center;
	padding: 0px 32%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.customer-review-area .customer-review-title {
		padding: 0px 20%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.customer-review-area .customer-review-title {
		padding: 0px 15%;
	}
}
@media (max-width: 575px) {
	.customer-review-area .customer-review-title {
		padding: 0px 5%;
	}
}
.customer-review-area .customer-review-wrapper {
	display: flex;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 220px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.customer-review-area .customer-review-wrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.customer-review-area .customer-review-wrapper {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.customer-review-area .customer-review-wrapper {
		display: block;
	}
}
.customer-review-area .customer-review-wrapper .customer-review-wrap {
	animation: eduBlinkTestimonialScroll 40s linear infinite;
	transition: all 0.5s ease-in;
	animation-duration: 35s;
}
.customer-review-area .customer-review-wrapper .customer-review-wrap:hover {
	animation-play-state: paused;
}
.customer-review-area
	.customer-review-wrapper
	.customer-review-wrap
	.customer-review-style-1 {
	display: flex;
	padding: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.customer-review-area
		.customer-review-wrapper
		.customer-review-wrap
		.customer-review-style-1 {
		padding: 10px;
	}
}
.customer-review-area
	.customer-review-wrapper
	.customer-review-wrap
	.customer-review-style-1
	.content {
	max-width: 300px;
	border-radius: 15px;
	background: var(--bd-bg-quaternary);
	padding: 40px 40px 40px 30px;
	margin-top: 0;
	margin-bottom: 0;
}
.customer-review-area
	.customer-review-wrapper
	.customer-review-wrap
	.customer-review-style-1
	.content
	.rating-icon {
	margin-bottom: 13px;
}
.customer-review-area
	.customer-review-wrapper
	.customer-review-wrap
	.customer-review-style-1
	.content
	.content-title {
	margin-bottom: 15px;
}
.customer-review-area
	.customer-review-wrapper
	.customer-review-wrap
	.customer-review-style-1
	.content
	.content-title
	span {
	color: var(--bd-common-white);
	font-family: "Spartan" sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
}
.customer-review-area
	.customer-review-wrapper
	.customer-review-wrap
	.customer-review-style-1
	.content
	.text {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 15px;
}
.customer-review-area
	.customer-review-wrapper
	.customer-review-wrap
	.customer-review-style-1
	.content
	.info
	.title {
	color: var(--bd-common-white);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 0;
}
.customer-review-area
	.customer-review-wrapper
	.customer-review-wrap
	.customer-review-style-1
	.content
	.info
	.title
	span {
	color: #808080;
	font-size: 16px;
}

@keyframes eduBlinkTestimonialScroll {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-50%);
	}
}
@media (max-width: 991px) {
	.customer-review-area
		.customer-review-wrapper
		.customer-review-wrap
		.customer-review-style-1
		.content {
		max-width: 100%;
	}
}
@media (max-width: 991px) {
	.customer-review-area .section-title {
		top: 80px;
	}
}
@media (max-width: 991px) {
	.customer-review-area {
		padding: 80px 0 120px;
	}
}
.demo-icon i {
	color: #eaaf18;
	font-size: 18px;
}

.bd-accordion-style.bd-accordion-01 .accordion .accordion-item {
	border: none;
	margin-bottom: 15px;
	padding-bottom: 25px;
	background: var(--bd-bg-secondary);
}

.bd-accordion-style.bd-accordion-01
	.accordion
	.accordion-item
	.accordion-header {
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
	border-bottom: 0;
}

.bd-accordion-style.bd-accordion-01
	.accordion
	.accordion-item
	.accordion-header
	.accordion-button::after {
	display: none;
}

.accordion-body.card-body {
	padding-left: 0;
}

.accordion-body.card-body.has-border-top .inner {
	border-top: 1px solid var(--bd-border-primary);
	padding-top: 20px;
	margin-top: 10px;
}

.bd-accordion-style.bd-accordion-01
	.accordion
	.accordion-item
	.accordion-header
	.accordion-button::before {
	position: absolute;
	content: "";
	font-family: "Font Awesome 6 pro";
	right: 0;
	top: 0;
	transition: 0.3s;
}

.accordion-button:not(.collapsed)::before {
	transform: rotate(180deg);
	color: var(--bd-theme-primary);
}

.bd-accordion-style.bd-accordion-01
	.accordion
	.accordion-item
	.accordion-header
	.accordion-button {
	border-bottom: 0;
	border-radius: 0;
	font-size: 18px;
	color: var(--bd-common-white);
	padding: 0;
	font-weight: 500;
	flex-wrap: wrap;
	background: transparent;
}

.bd-accordion-style.bd-accordion-01
	.accordion
	.accordion-item
	.accordion-header
	.accordion-button:focus {
	border: none;
	border-color: transparent;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: none;
}

/*----------------------------------------*/
/*  7.5 Brand css
/*----------------------------------------*/
.brand__active {
	overflow: visible;
}
.brand__item {
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid var(--bd-border-primary);
	min-width: 100px;
	padding: 51px 20px;
	border-radius: 8px;
}
.brand__item:hover .brand__thumb img {
	opacity: 1;
}
.brand__thumb img {
	opacity: 50%;
}
.brand__wrapper {
	position: relative;
	z-index: 5;
}
.brand__wrapper.style-two::before {
	content: none;
}
.brand__wrapper.style-two::after {
	content: none;
}
.brand__wrapper.style-two .brand__active {
	overflow: hidden;
}
.brand__wrapper.style-two .container {
	max-width: 1472px;
}
.brand__wrapper.style-two .brand__item {
	padding: 0;
	border: 0;
	display: unset;
}
.brand__wrapper:before {
	position: absolute;
	content: "";
	width: 472px;
	height: 100%;
	background: linear-gradient(90deg, #1d1e1f 0%, rgba(29, 30, 31, 0) 100%);
	opacity: 1;
	z-index: 2;
	left: 0;
	top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.brand__wrapper:before {
		width: 300px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.brand__wrapper:before {
		width: 250px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.brand__wrapper:before {
		width: 150px;
	}
}
@media (max-width: 575px) {
	.brand__wrapper:before {
		width: 100px;
	}
}
.brand__wrapper:after {
	position: absolute;
	content: "";
	width: 472px;
	height: 100%;
	background: linear-gradient(90deg, #1d1e1f 0%, rgba(29, 30, 31, 0) 100%);
	opacity: 1;
	z-index: 2;
	right: 0;
	top: 0;
	transform: rotate(180deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.brand__wrapper:after {
		width: 300px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.brand__wrapper:after {
		width: 250px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.brand__wrapper:after {
		width: 150px;
	}
}
@media (max-width: 575px) {
	.brand__wrapper:after {
		width: 100px;
	}
}
.brand__area.brand-space {
	padding-top: 150px;
	padding-bottom: 130px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.brand__area.brand-space {
		padding-top: 140px;
		padding-bottom: 110px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.brand__area.brand-space {
		padding-top: 130px;
		padding-bottom: 90px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.brand__area.brand-space {
		padding-top: 110px;
		padding-bottom: 80px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.brand__area.brand-space {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.brand__area.brand-space {
		padding-top: 100px;
		padding-bottom: 60px;
	}
}
@media (max-width: 575px) {
	.brand__area.brand-space {
		padding-top: 80px;
		padding-bottom: 50px;
	}
}

/*----------------------------------------*/
/*  7.21 skill css
/*----------------------------------------*/
.skill__item {
	padding: 53px 10px 75px;
	background: #2d2f30;
	text-align: center;
	border-radius: 180px;
	max-width: 228px;
	position: relative;
	margin: 0 auto;
	transition: 0.3s;
}
.skill__item::before {
	position: absolute;
	width: calc(100% + 15px);
	height: calc(100% + 15px);
	content: "";
	position: absolute;
	left: -7px;
	top: -7px;
	border-radius: 180px;
	border: 1px solid transparent;
	border: 1px solid transparent;
	background: var(--bd-gradient-1) border-box;
	mask-mode: match-source, match-source;
	mask-repeat: repeat, repeat;
	mask-clip: content-box, border-box;
	mask-origin: content-box, border-box;
	mask-position: 0% 0%, 0% 0%;
	mask-size: auto, auto;
	-webkit-mask: var(--bd-gradient-1) content-box content-box,
		var(--bd-gradient-1);
	-webkit-mask-composite: destination-out;
	mask-image: var(--bd-gradient-1), var(--bd-gradient-1);
	mask-composite: exclude;
}
.skill__item::after {
	inset-inline-start: 0;
	inset-inline-end: 0;
	border-radius: 180px;
	bottom: 0;
	content: "";
	z-index: 1;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	transition: 0.6s;
	background: linear-gradient(0deg, #f7eb02 -0.87%, rgba(45, 47, 48, 0) 86.68%);
}
.skill__item:hover {
	background: transparent;
}
.skill__item:hover::after {
	visibility: visible;
	opacity: 1;
}
.skill__item:hover .skill__name {
	color: var(--bd-common-white);
}
.skill__icon-thumb {
	margin: 0 auto;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
	width: 96px;
	height: 96px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
.skill__icon-thumb.pink-bg {
	background: #ff3366;
}
.skill__icon-thumb.red-bg {
	background: #cd1d24;
}
.skill__content {
	position: relative;
	z-index: 2;
}
.skill__content-wrapper {
	position: relative;
	z-index: 2;
}
.skill__content-wrapper.style-two {
	max-width: 530px;
}
.skill__name {
	color: var(--bd-text-light-grey);
}

.skill__thumb {
	max-width: 416px;
	margin: 0 auto;
	position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.skill__thumb {
		max-width: 100%;
		margin: 0;
	}
}
.skill__thumb::before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0.6;
	background: #131313;
	z-index: 1;
}
.skill__thumb-wrapper {
	position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.skill__thumb-wrapper {
		position: sticky;
		top: 100px;
	}
}
.skill__thumb-wrapper .video__play {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}
.skill__thumb img {
	width: 100%;
	border-radius: 8px;
}

.skill__btn {
	margin-top: 40px;
}

/*----------------------------------------*/
/*  7.14 Testimonial css
/*----------------------------------------*/
.testimonial__thumb {
	position: relative;
	margin: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial__thumb {
		max-width: 400px;
	}
}
.testimonial__thumb img {
	border-radius: 50%;
	width: 100%;
}
.testimonial__thumb-wrap.style-four {
	margin-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.testimonial__thumb-wrap.style-four {
		margin-right: 0;
	}
}
.testimonial__thumb-wrap.style-four .testimonial__thumb {
	position: relative;
	margin: 14px;
}
.testimonial__thumb-wrap.style-four .testimonial__thumb img {
	width: 100%;
}
.testimonial__thumb-wrap.style-four .testimonial__thumb::before {
	position: absolute;
	content: "";
	position: absolute;
	content: "";
	border-radius: 50%;
	background: linear-gradient(
		180deg,
		rgba(66, 134, 244, 0.6) 0%,
		rgba(66, 134, 244, 0) 100%
	);
	width: calc(100% + 25px);
	height: calc(100% + 25px);
	z-index: -1;
	left: -13px;
	top: -13px;
}
.testimonial__thumb-small img {
	max-width: 78px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial__thumb-small img {
		max-width: 100px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial__thumb-small img {
		max-width: 78px;
	}
}
@media (max-width: 450px) {
	.testimonial__thumb-small {
		display: none;
	}
}
.testimonial__thumb-small .img-one {
	position: absolute;
	left: 10px;
	z-index: 1;
	top: 50px;
	animation: zoom 5s infinite;
}
.testimonial__thumb-small .img-two {
	position: absolute;
	right: 10px;
	z-index: 1;
	top: 50px;
	animation: zoom 5.1s infinite;
}
.testimonial__thumb-small .img-three {
	position: absolute;
	bottom: -20px;
	left: 115px;
	z-index: 1;
	animation: zoom 5.2s infinite;
}
.testimonial__bg:before {
	position: absolute;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	content: "";
	z-index: 1;
	left: -10px;
	right: 0;
	top: -10px;
	border-radius: 50%;
	border: 2px solid var(--bd-theme-primary);
	opacity: 0.2;
}
.testimonial__bg::after {
	background: var(--bd-theme-primary);
	border-radius: 50%;
	width: calc(100% - 200px);
	height: calc(100% - 200px);
	position: relative;
	filter: blur(200px);
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: -1;
	content: "";
}
.testimonial__item {
	margin-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.testimonial__item {
		margin-left: 0;
	}
}
.testimonial__item.style-four {
	margin-right: 57px;
	margin-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.testimonial__item.style-four {
		margin-right: 0;
	}
}
.testimonial__item.style-four .testimonial__text p {
	margin-bottom: 25px;
}
.testimonial__item.style-four .bd-swiper-dot .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
}
.testimonial__text p {
	font-size: 25px;
	line-height: 1.4;
	color: var(--bd-rgba-3);
	font-weight: 400;
	margin-bottom: 35px;
	letter-spacing: -0.56px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial__text p {
		font-size: 23px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.testimonial__text p {
		font-size: 20px;
	}
}
.testimonial__rating {
	margin-bottom: 15px;
}
.testimonial__rating a {
	color: #eaaf18;
	font-size: 18px;
}
.testimonial__avatar-thumb {
	max-width: 64px;
}
.testimonial__avatar-item {
	display: flex;
	align-items: center;
	gap: 0 15px;
}
.testimonial__avatar-thumb img {
	border-radius: 50%;
}
.testimonial__avatar-title {
	line-height: 1.3;
	color: var(--bd-text-tertiary);
}
.testimonial__avatar-designation {
	font-size: 14px;
	letter-spacing: -0.28px;
	color: var(--bd-text-grey);
}
.testimonial__navigation {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.testimonial__wrapper.style-two {
	position: relative;
	margin-top: 20px;
}
.testimonial__wrapper.style-two::before {
	position: absolute;
	width: calc(100% - 120px);
	height: 100%;
	background: var(--bd-bg-secondary);
	content: "";
	right: -30px;
	border-radius: 8px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.testimonial__wrapper.style-two::before {
		content: none;
	}
}
.testimonial__wrapper.style-two .testimonial__thumb {
	max-width: 100%;
	margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial__wrapper.style-two .testimonial__thumb {
		position: relative;
		bottom: -15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial__wrapper.style-two .testimonial__thumb {
		position: relative;
		bottom: -5px;
	}
}
.testimonial__wrapper.style-two .testimonial__thumb::before {
	position: absolute;
	width: 100%;
	height: 120px;
	content: "";
	background: linear-gradient(0deg, #121314 0%, rgba(18, 19, 20, 0) 100%);
	bottom: 0;
}
.testimonial__wrapper.style-two .testimonial__thumb img {
	border-radius: 0;
	width: 100%;
}
.testimonial__wrapper.style-two .testimonial__shape-dot {
	position: absolute;
	bottom: 50px;
	z-index: -1;
	animation: upDown 1.6s ease-in-out 1.6s forwards infinite alternate;
}
.testimonial__wrapper.style-two .testimonial__item {
	position: relative;
	max-width: 790px;
	margin-left: 40px;
	margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial__wrapper.style-two .testimonial__item {
		max-width: 100%;
		margin-left: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial__wrapper.style-two .testimonial__item {
		max-width: 100%;
		margin-left: 0;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.testimonial__wrapper.style-two .testimonial__item {
		max-width: 100%;
		margin-left: 0;
	}
}
@media (max-width: 575px) {
	.testimonial__wrapper.style-two .testimonial__item {
		margin-bottom: 0;
	}
}
.testimonial__wrapper.style-two .testimonial__shape-icon {
	margin-bottom: 28px;
}
.testimonial__wrapper.style-two .testimonial__text {
	margin-bottom: 30px;
}
.testimonial__wrapper.style-two .testimonial__text h4 {
	font-weight: 400;
	line-height: 1.4;
	color: var(--bd-rgba-3);
}
.testimonial__wrapper.style-three {
	position: relative;
}
.testimonial__wrapper.style-three .testimonial__thumb {
	background: var(--bd-bg-tertiary);
	text-align: center;
	border-radius: 14px;
	position: relative;
	margin: 0;
	max-width: 100%;
	margin-bottom: 25px;
}
.testimonial__wrapper.style-three .testimonial__thumb::before {
	position: absolute;
	content: "";
	z-index: 5;
	position: absolute;
	width: calc(100% + 8px);
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 14px;
	border: 8px solid transparent;
	background: var(--bd-gradient-6) border-box;
	mask-mode: match-source, match-source;
	mask-repeat: repeat, repeat;
	mask-clip: content-box, border-box;
	mask-origin: content-box, border-box;
	mask-position: 0% 0%, 0% 0%;
	mask-size: auto, auto;
	-webkit-mask: var(--bd-gradient-6) content-box content-box,
		var(--bd-gradient-6);
	-webkit-mask-composite: destination-out;
	mask-image: var(--bd-gradient-6), var(--bd-gradient-6);
	mask-composite: exclude;
}
.testimonial__wrapper.style-three .testimonial__thumb img {
	border-radius: 0;
	width: unset;
}
.testimonial__wrapper.style-three .testimonial__thumb-wrap {
	margin-right: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.testimonial__wrapper.style-three .testimonial__thumb-wrap {
		margin-right: 10px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial__wrapper.style-three .testimonial__thumb-wrap {
		margin-right: 0;
	}
}
.testimonial__wrapper.style-three .testimonial__rating {
	margin: 0;
}
.testimonial__wrapper.style-three .testimonial__avatar-info {
	text-align: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.testimonial__wrapper.style-three .testimonial__avatar-info {
		margin-bottom: 20px;
	}
}
.testimonial__wrapper.style-three .testimonial__item {
	margin-top: 55px;
	margin-left: 30px;
	margin-right: 135px;
	position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial__wrapper.style-three .testimonial__item {
		margin-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial__wrapper.style-three .testimonial__item {
		margin-top: 15px;
		margin-left: 0;
		margin-right: 0;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial__wrapper.style-three .testimonial__item {
		margin-top: 20px;
		margin-right: 0;
		margin-left: 15px;
	}
}
@media (max-width: 575px) {
	.testimonial__wrapper.style-three .testimonial__item {
		margin: 0;
	}
}
.testimonial__wrapper.style-three .testimonial__shape-quote {
	position: absolute;
	right: -90px;
	top: -55px;
	max-width: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial__wrapper.style-three .testimonial__shape-quote {
		display: none;
	}
}
@media (max-width: 575px) {
	.testimonial__wrapper.style-three .testimonial__shape-quote {
		right: 0;
		top: -70px;
		max-width: 60px;
	}
}
@media (max-width: 450px) {
	.testimonial__wrapper.style-three .testimonial__shape-quote {
		right: 0;
		top: -30px;
		max-width: 40px;
	}
}
.testimonial__wrapper.style-three .testimonial__navigation {
	left: 50%;
	transform: translateX(-50%);
	right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial__wrapper.style-three .testimonial__navigation {
		bottom: 2px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial__wrapper.style-three .testimonial__navigation {
		transform: translateX(0%);
		bottom: 20px;
	}
}
.testimonial__wrapper.style-three .testimonial__text p {
	margin: 0;
}
.testimonial__wrapper.style-five {
	padding: 40px 30px 30px 30px;
	border: 2px solid var(--bd-border-primary);
	border-radius: 8px;
	transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial__wrapper.style-five {
		padding: 30px 30px 30px 30px;
	}
}
@media (max-width: 450px) {
	.testimonial__wrapper.style-five {
		padding: 30px 25px 30px 25px;
	}
}
.testimonial__wrapper.style-five:hover {
	background: #28282c;
	border: 2px solid transparent;
}
.testimonial__wrapper.style-five .testimonial__top-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	(max-width: 450px) {
	.testimonial__wrapper.style-five .testimonial__top-item {
		flex-wrap: wrap;
		margin-bottom: 10px;
		column-gap: 10px;
	}
}
.testimonial__wrapper.style-five .testimonial__rating {
	margin-bottom: 0;
}
.testimonial__wrapper.style-five .testimonial__item {
	margin-left: 0;
}
.testimonial__wrapper.style-five .testimonial__thumb {
	position: relative;
	max-width: 90px;
	margin: 5px;
	z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial__wrapper.style-five .testimonial__thumb {
		max-width: 70px;
	}
}
@media (max-width: 575px) {
	.testimonial__wrapper.style-five .testimonial__thumb {
		max-width: 60px;
	}
}
.testimonial__wrapper.style-five .testimonial__thumb::before {
	position: absolute;
	content: "";
	border-radius: 50%;
	background: var(--bd-theme-primary);
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	z-index: -1;
	left: -5px;
	top: -5px;
}
.testimonial__wrapper.style-five .testimonial__thumb-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial__wrapper.style-five .testimonial__thumb-wrap {
		margin-bottom: 20px;
	}
}
@media (max-width: 450px) {
	.testimonial__wrapper.style-five .testimonial__thumb-wrap {
		margin-bottom: 15px;
		flex-wrap: wrap;
		gap: 10px;
	}
}
.testimonial__wrapper.style-five .testimonial__text p {
	margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.testimonial__wrapper.style-five .testimonial__shape {
		max-width: 70px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial__wrapper.style-five .testimonial__shape {
		max-width: 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.testimonial__wrapper.style-five .testimonial__shape {
		max-width: 50px;
	}
}
.testimonial__wrapper.style-five .testimonial__navigation {
	position: unset;
	text-align: center;
	margin-top: 40px;
}
.testimonial__wrapper.style-six {
	text-align: center;
	position: relative;
}
.testimonial__wrapper.style-six .testimonial__item {
	background: var(--bd-bg-quaternary);
	padding: 80px 70px 40px;
	border-radius: 30px;
	margin-left: 0;
	position: relative;
	margin: 15px 15px;
}
@media (max-width: 575px) {
	.testimonial__wrapper.style-six .testimonial__item {
		padding: 40px;
	}
}
@media (max-width: 450px) {
	.testimonial__wrapper.style-six .testimonial__item {
		padding: 30px;
	}
}
.testimonial__wrapper.style-six .testimonial__item::before {
	position: absolute;
	content: "";
	width: 210px;
	height: 215px;
	background: var(--bd-bg-quaternary);
	bottom: -214px;
	left: 70px;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0, 34% 0, 9% 27%, 8% 0, 0 0);
	z-index: 2;
}
.testimonial__wrapper.style-six .testimonial__item::after {
	position: absolute;
	content: "";
	width: calc(100% + 30px);
	height: calc(100% + 30px);
	left: -15px;
	top: -15px;
	border-radius: 30px;
	border: 2px solid transparent;
	background: var(--bd-gradient-6) border-box;
	mask-mode: match-source, match-source;
	mask-repeat: repeat, repeat;
	mask-clip: content-box, border-box;
	mask-origin: content-box, border-box;
	mask-position: 0% 0%, 0% 0%;
	mask-size: auto, auto;
	-webkit-mask: var(--bd-gradient-6) content-box content-box,
		var(--bd-gradient-6);
	-webkit-mask-composite: destination-out;
	mask-image: var(--bd-gradient-6), var(--bd-gradient-6);
	mask-composite: exclude;
	z-index: -1;
}
.testimonial__wrapper.style-six .testimonial__item .bg-shape {
	position: absolute;
	width: 177px;
	height: 50px;
	content: "";
	background: var(--bd-bg-secondary);
	bottom: -50px;
	z-index: 1;
	left: 20px;
}
.testimonial__wrapper.style-six .testimonial__avatar-item {
	margin-top: 75px;
	margin-left: 60px;
}
.testimonial__wrapper.style-six .testimonial__avatar-thumb {
	position: relative;
}
.testimonial__wrapper.style-six .testimonial__avatar-thumb::before {
	position: absolute;
	content: "";
	height: calc(100% + 4px);
	width: calc(100% + 4px);
	left: -3px;
	top: -3px;
	border-radius: 50%;
	border: 4px solid transparent;
	background: var(--bd-gradient-6) border-box;
	mask-mode: match-source, match-source;
	mask-repeat: repeat, repeat;
	mask-clip: content-box, border-box;
	mask-origin: content-box, border-box;
	mask-position: 0% 0%, 0% 0%;
	mask-size: auto, auto;
	-webkit-mask: var(--bd-gradient-6) content-box content-box,
		var(--bd-gradient-6);
	-webkit-mask-composite: destination-out;
	mask-image: var(--bd-gradient-6), var(--bd-gradient-6);
	mask-composite: exclude;
	z-index: 1;
}
.testimonial__wrapper.style-six .testimonial__avatar-title {
	text-align: start;
}
.testimonial__wrapper.style-six .testimonial__text p {
	margin-bottom: 0;
}
@media (max-width: 575px) {
	.testimonial__wrapper.style-six .testimonial__shape {
		display: none;
	}
}
.testimonial__wrapper.style-six .testimonial__shape-one {
	position: absolute;
	top: 50px;
	left: 15px;
	max-width: 50px;
}
.testimonial__wrapper.style-six .testimonial__shape-two {
	position: absolute;
	right: 15px;
	top: 50px;
	max-width: 50px;
}
.testimonial__wrapper.style-seven {
	padding: 40px 30px 40px 30px;
	border-radius: 8px;
	transition: 0.3s;
	background: rgba(42, 42, 42, 0.6);
	backdrop-filter: blur(49px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial__wrapper.style-seven {
		padding: 30px 30px 20px 30px;
	}
}
@media (max-width: 450px) {
	.testimonial__wrapper.style-seven {
		padding: 30px 25px 20px 25px;
	}
}
.testimonial__wrapper.style-seven .testimonial__top-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	(max-width: 450px) {
	.testimonial__wrapper.style-seven .testimonial__top-item {
		flex-wrap: wrap;
		margin-bottom: 10px;
		column-gap: 10px;
	}
}
.testimonial__wrapper.style-seven .testimonial__rating {
	margin-bottom: 0;
}
.testimonial__wrapper.style-seven .testimonial__item {
	margin-left: 0;
}
.testimonial__wrapper.style-seven .testimonial__thumb {
	position: relative;
	max-width: 70px;
	margin: 0;
	z-index: 1;
}
.testimonial__wrapper.style-seven .testimonial__thumb-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial__wrapper.style-seven .testimonial__thumb-wrap {
		margin-bottom: 20px;
	}
}
@media (max-width: 450px) {
	.testimonial__wrapper.style-seven .testimonial__thumb-wrap {
		margin-bottom: 20px;
		flex-wrap: wrap;
		gap: 10px;
	}
}
.testimonial__wrapper.style-seven .testimonial__text p {
	margin: 0;
	margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.testimonial__wrapper.style-seven .testimonial__shape {
		max-width: 70px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial__wrapper.style-seven .testimonial__shape {
		max-width: 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.testimonial__wrapper.style-seven .testimonial__shape {
		max-width: 50px;
	}
}
.testimonial__wrapper.style-seven .testimonial__navigation {
	position: unset;
	text-align: center;
	margin-top: 40px;
}
.testimonial__slider .testimonial__navigation {
	text-align: center;
	position: unset;
	margin-top: 50px;
}
.testimonial__slider.style-two {
	position: relative;
}
.testimonial__slider.style-two:hover .testimonial__navigation button {
	opacity: 1;
}
.testimonial__slider.style-two .testimonial__navigation {
	position: unset;
	margin: 0;
}
.testimonial__slider.style-two .testimonial__navigation button {
	margin-top: 0;
	position: absolute;
	top: 40%;
	bottom: unset;
	transform: translateY(-50%);
	left: 5%;
	opacity: 0;
}
.testimonial__slider.style-two
	.testimonial__navigation
	button.testimonial__button-next {
	right: 5%;
	left: auto;
}
.testimonial__shape-three {
	position: absolute;
	left: 135px;
	bottom: 160px;
	-moz-animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
	-webkit-animation: rotate-infinite 3s ease-in-out 1s forwards infinite
		alternate;
	animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial__shape-three {
		left: 55px;
		bottom: 70px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial__shape-three {
		left: 50px;
		bottom: 70px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial__shape-three {
		left: 40px;
		bottom: 50px;
	}
}
@media (max-width: 575px) {
	.testimonial__shape-three {
		display: none;
	}
}
.testimonial__shape-four {
	position: absolute;
	right: 135px;
	top: 90px;
	-moz-animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
	-webkit-animation: rotate-infinite 3s ease-in-out 1s forwards infinite
		alternate;
	animation: rotate-infinite 3s ease-in-out 1s forwards infinite alternate;
}
@media (max-width: 575px) {
	.testimonial__shape-four {
		display: none;
	}
}

.bd-testimonial__area.style-seven .is-overlay::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background: #131313;
	z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bd-testimonial__area.style-seven .include-bg {
		background-position: right;
	}
}

/*----------------------------------------*/
/*  7.21 counter css
/*----------------------------------------*/
.counter__bg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.counter__bg.is-bg-none::before {
	content: none;
}
.counter__bg::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(29, 30, 31, 0.9);
	top: 0;
	left: 0;
	content: "";
	z-index: -1;
}
.counter__wrapper {
	display: flex;
	gap: 0 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.counter__wrapper {
		gap: 0 70px;
	}
}
@media (max-width: 575px) {
	.counter__wrapper {
		flex-wrap: wrap;
		gap: 30px 70px;
		justify-content: center;
	}
}
.counter__wrapper.style-two {
	display: inherit;
	border-radius: 8px;
	border: 1px solid var(--bd-border-primary);
	background: rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(46.5px);
	padding: 50px 0 58px;
	overflow: hidden;
	position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.counter__wrapper.style-two {
		padding: 40px 0 40px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.counter__wrapper.style-two {
		padding: 35px 0 35px;
	}
}
@media (max-width: 575px) {
	.counter__wrapper.style-two {
		padding: 30px 0 30px;
	}
}
.counter__wrapper.style-two .counter__item::after {
	position: absolute;
	content: "";
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-45%);
	width: 1px;
	height: calc(100% + 40px);
	background-color: var(--bd-border-primary);
	right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.counter__wrapper.style-two .counter__item::after {
		height: 100%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.counter__wrapper.style-two .counter__item::after {
		top: calc(100% + 14px);
		transform: translateY(-50%);
		width: 100%;
		height: 1px;
	}
}
.counter__wrapper.style-two .counter__content p {
	font-size: 20px;
	font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.counter__wrapper.style-two .counter__content p {
		font-size: 18px;
	}
}
.counter__wrapper.style-two .counter__title {
	font-size: 60px;
	color: var(--bd-theme-primary);
	font-weight: 700;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.counter__wrapper.style-two .counter__title {
		font-size: 55px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.counter__wrapper.style-two .counter__title {
		font-size: 50px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.counter__wrapper.style-two .counter__title {
		font-size: 45px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.counter__wrapper.style-two .counter__title {
		font-size: 40px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.counter__wrapper.style-two .counter__title {
		font-size: 35px;
	}
}
@media (max-width: 575px) {
	.counter__wrapper.style-two .counter__title {
		font-size: 30px;
	}
}
.counter__wrapper.style-two .counter__shape span:nth-child(1) {
	position: absolute;
	width: 110px;
	height: 110px;
	background: #f7eb02;
	border-radius: 50%;
	top: -70px;
	left: -30px;
	z-index: 1;
}
.counter__wrapper.style-two .counter__shape span:nth-child(2) {
	position: absolute;
	width: 110px;
	height: 110px;
	background: #fac10a;
	border-radius: 50%;
	top: -40px;
	left: -70px;
	z-index: -1;
}
.counter__wrapper.style-two .counter__shape span:nth-child(3) {
	position: absolute;
	width: 110px;
	height: 110px;
	background: #f7eb02;
	border-radius: 50%;
	bottom: -70px;
	right: -30px;
	z-index: -1;
}
.counter__wrapper.style-two .counter__shape span:nth-child(4) {
	position: absolute;
	width: 110px;
	height: 110px;
	background: #fac10a;
	border-radius: 50%;
	bottom: -40px;
	right: -70px;
	z-index: 1;
}
.counter__wrapper.style-two .row [class*="col-"]:first-child .counter__item {
	padding-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.counter__wrapper.style-two .row [class*="col-"]:first-child .counter__item {
		padding-left: 0;
	}
}
.counter__wrapper.style-two
	.row
	[class*="col-"]:first-child
	.counter__item::after {
	right: -20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.counter__wrapper.style-two
		.row
		[class*="col-"]:first-child
		.counter__item::after {
		right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.counter__wrapper.style-two
		.row
		[class*="col-"]:nth-child(2)
		.counter__item::after {
		right: -20px;
	}
}
.counter__wrapper.style-two .row [class*="col-"]:last-child .counter__item {
	padding-right: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.counter__wrapper.style-two .row [class*="col-"]:last-child .counter__item {
		padding-right: 0;
	}
}
.counter__wrapper.style-two
	.row
	[class*="col-"]:last-child
	.counter__item::after {
	display: none;
}
.counter__wrapper.style-three {
	display: inherit;
}
.counter__wrapper.style-three .counter__item {
	padding: 50px 35px 45px;
	border-radius: 8px;
	transition: 0.3s;
}
.counter__wrapper.style-three .counter__item:hover {
	border-radius: 8px;
	background: #22272c;
}
.counter__wrapper.style-three .counter__item:hover.bordered-style {
	border: 2px solid transparent;
}
.counter__wrapper.style-three .counter__item.bordered-style {
	border: 2px solid var(--bd-border-primary);
}
.counter__wrapper.style-three .counter__icon {
	border-radius: 50%;
	margin-bottom: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 75px;
	height: 75px;
}
.counter__wrapper.style-three .counter__icon i {
	font-size: 35px;
	color: var(--bd-theme-primary);
}
.counter__wrapper.style-three .counter__title {
	font-weight: 700;
	color: var(--bd-theme-primary);
	margin-bottom: 10px;
}
.counter__wrapper.style-four {
	display: unset;
}
.counter__wrapper.style-four .counter__item {
	position: relative;
}
.counter__wrapper.style-four .counter__item__title {
	color: var(--bd-theme-primary);
}
.counter__wrapper.style-four .counter__item::after {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-45%);
	width: 1px;
	height: 100%;
	background-color: var(--bd-border-primary);
	right: 0;
}
@media (max-width: 575px) {
	.counter__wrapper.style-four .counter__item::after {
		width: 100%;
		height: 1px;
		top: calc(100% + 14px);
		transform: translateY(-50%);
	}
}
.counter__wrapper.style-four .counter__title {
	color: var(--bd-theme-primary);
}
.counter__wrapper.style-four
	.row
	[class*="col-"]:nth-child(2)
	.counter__item::after {
	right: -20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.counter__wrapper.style-four
		.row
		[class*="col-"]:nth-child(2)
		.counter__item::after {
		content: none;
	}
}
@media (max-width: 575px) {
	.counter__wrapper.style-four
		.row
		[class*="col-"]:nth-child(2)
		.counter__item::after {
		right: 0;
	}
}
.counter__wrapper.style-four
	.row
	[class*="col-"]:nth-child(3)
	.counter__item::after {
	right: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.counter__wrapper.style-four
		.row
		[class*="col-"]:nth-child(3)
		.counter__item::after {
		right: 0;
	}
}
@media (max-width: 575px) {
	.counter__wrapper.style-four
		.row
		[class*="col-"]:nth-child(3)
		.counter__item::after {
		right: 0;
	}
}
.counter__wrapper.style-four
	.row
	[class*="col-"]:last-child
	.counter__item::after {
	display: none;
}
.counter__wrapper.style-five {
	display: unset;
}
.counter__wrapper.style-five .counter__wrapper {
	display: unset;
}
.counter__item {
	text-align: center;
	position: relative;
}
.counter__item p {
	font-size: 20px;
	font-weight: 500;
	color: var(--bd-text-light-grey);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.counter__item p {
		font-size: 18px;
	}
}
.counter__canvas {
	position: relative;
}
.counter__percentage {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 44px;
	font-weight: 500;
	-webkit-transform: translate(-50%, -70%);
	-moz-transform: translate(-50%, -70%);
	-ms-transform: translate(-50%, -70%);
	transform: translate(-50%, -70%);
	color: var(--bd-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.counter__percentage {
		font-size: 38px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.counter__percentage {
		font-size: 34px;
	}
}
@media (max-width: 575px) {
	.counter__percentage {
		font-size: 30px;
	}
}
.counter__info-title p span {
	color: var(--bd-theme-primary);
	font-weight: 600;
}

.circle__counter canvas {
	transform: rotate(180deg);
	margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	(max-width: 575px) {
	.circle__counter canvas {
		width: 150px;
	}
}

.counter-space {
	margin-top: -100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.counter-space {
		margin-top: -80px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.counter-space {
		margin-top: -65px;
	}
}

.counter__wrap {
	background: linear-gradient(88deg, #f7eb02 -21.01%, #fac10a 73%);
	display: inline-block;
	padding: 37px 35px;
	text-align: center;
	border-radius: 50%;
	width: 170px;
	height: 170px;
}
.counter__wrap.is-radius-none {
	border-radius: 0;
}
.counter__wrap.is-bg-solid {
	background: var(--bd-theme-primary);
}
.counter__title {
	font-weight: 700;
	line-height: 1;
	margin-bottom: 2px;
}
.counter__details p {
	color: var(--bd-common-white);
	line-height: 1.1;
	font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.counter__details p {
		font-size: 17px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.counter__details p {
		font-size: 16px;
	}
}

/*----------------------------------------*/
/*  7.25 video css
/*----------------------------------------*/
.video__area {
	padding-top: 165px;
	padding-bottom: 165px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.video__area {
		padding-top: 150px;
		padding-bottom: 150px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.video__area {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.video__area {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.video__area {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media (max-width: 575px) {
	.video__area {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}
.video__area.style-two {
	padding-top: 170px;
	padding-bottom: 180px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.video__area.style-two {
		padding-top: 150px;
		padding-bottom: 150px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.video__area.style-two {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.video__area.style-two {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.video__area.style-two {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media (max-width: 575px) {
	.video__area.style-two {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}
.video__area.style-two .video__play {
	margin-bottom: 0;
	margin-top: 50px;
}
.video__area.style-two .video__play .play-btn {
	animation: unset;
}
.video__area.style-three {
	padding-top: 250px;
	padding-bottom: 270px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.video__area.style-three {
		padding-top: 200px;
		padding-bottom: 200px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.video__area.style-three {
		padding-top: 180px;
		padding-bottom: 180px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.video__area.style-three {
		padding-top: 150px;
		padding-bottom: 150px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.video__area.style-three {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.video__area.style-three {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media (max-width: 575px) {
	.video__area.style-three {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
.video__area.style-three:hover .video__play .play-btn::before {
	border: 1px dashed var(--bd-common-white);
	-webkit-animation-name: rotate-infinite;
	-webkit-animation-duration: 8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.video__area.style-three .video__play {
	margin-bottom: 0;
}
.video__area.style-three .video__play .play-btn {
	animation: unset;
	position: relative;
}
.video__area.style-three .video__play .play-btn::before {
	content: "";
	position: absolute;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	left: -5px;
	top: -5px;
	border-radius: 50%;
	border: 1px dashed var(--bd-theme-primary);
}
.video__play {
	margin-bottom: 30px;
}
.video__bg-thumb {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.video__bg-thumb::before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(4, 4, 4, 0.6);
	z-index: 1;
	top: 0;
	left: 0;
}

.bd__progress-bar {
	overflow: hidden;
}
.bd__progress-bar .progress {
	height: 10px;
	overflow: visible;
}
.bd__progress-bar .progress .progress-bar {
	background-color: var(--bd-theme-primary);
	border-radius: 10px;
	position: relative;
	overflow: visible !important;
}
.bd__progress-bar .progress .progress-bar:after {
	position: absolute;
	content: "";
	width: 24px;
	height: 24px;
	right: 0;
	background-color: var(--bd-theme-primary);
	border: 2px solid var(--bd-common-white);
	border-radius: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bd__progress-bar {
		padding-left: 0 !important;
	}
}
.bd__progress-bar.style-two .progress {
	height: 4px;
}
.bd__progress-bar.style-two .progress .progress-bar {
	background-color: var(--bd-theme-primary);
	border-radius: 0;
	position: relative;
	overflow: visible !important;
}
.bd__progress-bar.style-two .progress .progress-bar:after {
	display: none;
}
.bd__progress-bar.style-two .bd__progress-percentage {
	font-size: 16px;
	font-weight: 400;
}
.bd__progress-bar.style-two .bd__progress-head {
	margin-bottom: 7px;
}
.bd__progress-bar.style-two .bd__progress-wrapper {
	margin-bottom: 25px;
}
.bd__progress-bar.style-three .progress {
	height: 6px;
}
.bd__progress-bar.style-three .progress .progress-bar {
	background-color: var(--bd-theme-primary);
	border-radius: 4px;
	position: relative;
	overflow: visible !important;
}
.bd__progress-bar.style-three .progress .progress-bar:after {
	display: none;
}
.bd__progress-bar.style-three .bd__progress-percentage {
	font-size: 16px;
	font-weight: 400;
}
.bd__progress-bar.style-three .bd__progress-head {
	margin-bottom: 7px;
}
.bd__progress-bar.style-three .bd__progress-wrapper {
	margin-bottom: 25px;
}
.bd__progress-wrapper {
	margin-bottom: 20px;
}
.bd__progress-head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.bd__progress-percentage {
	font-size: 20px;
	font-weight: 600;
	color: var(--bd-text-body);
}

/*----------------------------------------*/
/*  7.43 Job css
/*----------------------------------------*/
.job__item-wrapper {
	border: 1px solid var(--bd-border-primary);
	padding: 30px 30px 30px 30px;
	border-radius: 8px;
	transition: 0.4s;
}
.job__item-wrapper:hover {
	border-color: var(--bd-theme-primary);
}
.job__title {
	margin-bottom: 20px;
}
.job__title a:hover {
	color: var(--bd-theme-primary);
}
.job__meta-wrapper {
	margin-bottom: 25px;
}
.job__meta-item:first-child {
	margin-bottom: 10px;
}
.job__meta-item span {
	font-size: 16px;
}
.job__meta-item span i {
	color: var(--bd-theme-primary);
	margin-right: 5px;
}
.job__vacancies {
	margin-bottom: 20px;
}
.job__vacancies span {
	margin-bottom: 5px;
	display: inline-block;
	line-height: 1;
}

/*----------------------------------------*/
/*  7.25 feature css
/*----------------------------------------*/
.feature__item {
	border: 1px solid var(--bd-border-primary);
	padding: 20px 30px;
	border-radius: 8px;
	transition: 0.3s;
}
.feature__item:hover {
	border-color: var(--bd-theme-primary);
}
.feature__item span {
	margin-bottom: 10px;
	display: inline-block;
	color: var(--bd-theme-primary);
}
.feature__title {
	margin-bottom: 10px;
}
.feature__list-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.feature__list-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 450px) {
	.feature__list-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}
.feature__list-wrapper .feature__single-item ul li {
	list-style: none;
	padding-inline-start: 12px;
	position: relative;
	margin-bottom: 15px;
}
.feature__list-wrapper .feature__single-item ul li::before {
	position: absolute;
	width: 5px;
	height: 5px;
	background: var(--bd-theme-primary);
	content: "";
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
}

/*----------------------------------------*/
/*  7.1 award css
/*----------------------------------------*/
.award__single-item {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid var(--bd-border-primary);
	padding-top: 40px;
	padding-bottom: 43px;
	align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.award__single-item {
		grid-template-columns: 1.5fr 2fr 1fr;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.award__single-item {
		grid-template-columns: 1fr;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
.award__single-item:last-child {
	border-bottom: 1px solid var(--bd-border-primary);
}
.award__single-item.style-two {
	display: block;
	border: 2px solid var(--bd-border-primary);
	padding: 40px 30px;
	position: relative;
	border-radius: 8px;
	text-align: center;
	transition: 0.3s;
}
.award__single-item.style-two:hover {
	border-color: var(--bd-theme-primary);
}
.award__single-item.style-two .award__btn {
	text-align: center;
}
.award__single-item.style-two .award__icon {
	margin-bottom: 25px;
}
.award__single-item.style-two .award__icon > span {
	color: var(--bd-theme-primary);
	font-size: 45px;
}
.award__single-item.style-two .award__content p {
	font-size: 16px;
	margin-bottom: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.award__content {
		margin-bottom: 13px;
		display: inline-block;
	}
}
.award__title {
	margin-bottom: 8px;
}
.award__title a:hover {
	color: var(--bd-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.award__text p {
		margin-bottom: 20px;
	}
}
.award__btn {
	text-align: end;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.award__btn {
		text-align: start;
	}
}

/*----------------------------------------*/
/*  2.8 Nice Select
/*----------------------------------------*/
.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 5px;
	border: solid 1px #e8e8e8;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	line-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
}
.nice-select:hover {
	border-color: #dbdbdb;
}
.nice-select:after {
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	content: "";
	display: block;
	height: 5px;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 5px;
}
.nice-select.open:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}
.nice-select.disabled {
	border-color: #ededed;
	color: #999;
	pointer-events: none;
}
.nice-select.disabled:after {
	border-color: #cccccc;
}
.nice-select.wide {
	width: 100%;
}
.nice-select.wide .list {
	left: 0 !important;
	right: 0 !important;
}
.nice-select.right {
	float: right;
}
.nice-select.right .list {
	left: auto;
	right: 0;
}
.nice-select.small {
	font-size: 12px;
	height: 36px;
	line-height: 34px;
}
.nice-select.small:after {
	height: 4px;
	width: 4px;
}
.nice-select.small .option {
	line-height: 34px;
	min-height: 34px;
}
.nice-select .list {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
	box-sizing: border-box;
	margin-top: 4px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: scale(0.75) translateY(-21px);
	-ms-transform: scale(0.75) translateY(-21px);
	transform: scale(0.75) translateY(-21px);
	-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
		opacity 0.15s ease-out;
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
	background-color: transparent !important;
}
.nice-select .option {
	cursor: pointer;
	font-weight: 400;
	line-height: 40px;
	list-style: none;
	min-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 29px;
	text-align: left;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.nice-select .option.selected {
	font-weight: bold;
}
.nice-select .option.disabled {
	background-color: transparent;
	color: #999;
	cursor: default;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
	border-color: #999;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
	background-color: #f6f6f6;
}

.no-csspointerevents .nice-select .list {
	display: none;
}
.no-csspointerevents .nice-select.open .list {
	display: block;
}

/*----------------------------------------*/
/*  2.11 Range Slider 
/*----------------------------------------*/
.ui-button-icon-only,
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}

.ui-checkboxradio-disabled,
.ui-state-disabled {
	pointer-events: none;
}

.ui-datepicker .ui-icon,
.ui-icon {
	text-indent: -99999px;
	background-repeat: no-repeat;
}

.ui-helper-reset,
.ui-menu {
	outline: 0;
	list-style: none;
}

.ui-helper-hidden,
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}

.ui-state-disabled {
	cursor: default !important;
}

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.25em;
	position: relative;
	overflow: hidden;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0;
	padding: 0.5em 0.5em 0.5em 0.7em;
	font-size: 100%;
}

.ui-autocomplete,
.ui-menu .ui-menu {
	position: absolute;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	top: 0;
	left: 0;
	cursor: default;
}

.ui-menu {
	padding: 0;
	margin: 0;
	display: block;
}

.ui-button,
.ui-controlgroup {
	display: inline-block;
	vertical-align: middle;
}

.ui-button,
.ui-menu-icons,
.ui-resizable {
	position: relative;
}

.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0;
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
	margin: -1px;
}

.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

.ui-button,
.ui-controlgroup .ui-controlgroup-label {
	padding: 0.4em 1em;
}

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0.2em;
	margin: auto 0;
}

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

.ui-button {
	line-height: normal;
	margin-right: 0.1em;
	cursor: pointer;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: visible;
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
	text-decoration: none;
}

.ui-button-icon-only {
	width: 2em;
	text-indent: -9999px;
	white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: 0.4em 1em;
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus,
.ui-controlgroup > .ui-controlgroup-item:focus {
	z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
	width: 75%;
	width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: 0.12em;
	border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}

.ui-datepicker {
	width: 17em;
	padding: 0.2em 0.2em 0;
	display: none;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
	top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}

.ui-datepicker table {
	width: 100%;
	font-size: 0.9em;
	border-collapse: collapse;
	margin: 0 0 0.4em;
}

.ui-datepicker th {
	padding: 0.7em 0.3em;
	text-align: center;
	font-weight: 700;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td a,
.ui-datepicker td span {
	display: block;
	padding: 0.2em;
	text-align: right;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: 0.7em 0 0;
	padding: 0 0.2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: 0.5em 0.2em 0.4em;
	cursor: pointer;
	padding: 0.2em 0.6em 0.3em;
	width: auto;
	overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}

.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-datepicker .ui-icon {
	display: block;
	overflow: hidden;
	left: 0.5em;
	top: 0.3em;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.2em;
	outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 0.4em 1em;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: 0.1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 0.3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0;
	padding: 1px;
	height: 20px;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 0.5em 1em;
	background: 0 0;
	overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0;
	background-image: none;
	margin-top: 0.5em;
	padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 0.5em 0.4em 0.5em 0;
	cursor: pointer;
}

.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}

.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}

.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}

.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}

.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw,
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw {
	width: 7px;
	height: 7px;
}

.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}

.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}

.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}

.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-draggable-handle,
.ui-selectable,
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted #000;
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0;
	height: auto;
	border: 0;
}

.ui-selectmenu-open {
	display: block;
}

.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}

.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-slider .ui-loan-range {
	position: absolute;
	z-index: 1;
	font-size: 0.7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-loan-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -0.3em;
	margin-left: -0.6em;
}

.ui-slider-horizontal .ui-loan-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-loan-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-loan-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: 0.8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -0.3em;
	margin-left: 0;
	margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-loan-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-loan-range-min,
.ui-spinner-down {
	bottom: 0;
}

.ui-slider-vertical .ui-loan-range-max,
.ui-spinner-up {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}

.ui-spinner-input {
	border: none;
	background: 0 0;
	color: inherit;
	padding: 0.222em 0;
	margin: 0.2em 2em 0.2em 0.4em;
	vertical-align: middle;
}

.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: 0.5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}

.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}

.ui-tabs {
	position: relative;
	padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px 0.2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: 0.5em 1em;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: 0 0;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}

body .ui-tooltip {
	border-width: 2px;
}

.ui-widget,
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}

.ui-widget-content {
	border: 1px solid #ddd;
	background: #fff;
	color: #333;
}

.ui-widget-content a,
.ui-widget-header a {
	color: #333;
}

.ui-widget-header {
	border: 1px solid #ddd;
	background: #e9e9e9;
	color: #333;
	font-weight: 700;
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: 400;
	color: #454545;
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
	color: #454545;
	text-decoration: none;
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
	border: 1px solid #ccc;
	background: #ededed;
	font-weight: 400;
	color: #2b2b2b;
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: 400;
	color: #fff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #fff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}

.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: 700;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: 0.7;
	filter: Alpha(Opacity=70);
	font-weight: 400;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: 0.35;
	filter: Alpha(Opacity=35);
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35);
}

.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.html");
}

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.html");
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.html");
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_777620_256x240.html");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.html");
}

.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.html");
}

.ui-icon-blank {
	background-position: 16px 16px;
}

.ui-icon-caret-1-n {
	background-position: 0 0;
}

.ui-icon-caret-1-ne {
	background-position: -16px 0;
}

.ui-icon-caret-1-e {
	background-position: -32px 0;
}

.ui-icon-caret-1-se {
	background-position: -48px 0;
}

.ui-icon-caret-1-s {
	background-position: -65px 0;
}

.ui-icon-caret-1-sw {
	background-position: -80px 0;
}

.ui-icon-caret-1-w {
	background-position: -96px 0;
}

.ui-icon-caret-1-nw {
	background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

.ui-icon-help {
	background-position: -48px -144px;
}

.ui-icon-check {
	background-position: -64px -144px;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-on {
	background-position: -96px -144px;
}

.ui-icon-radio-off {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-first,
.ui-icon-seek-start {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
	border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
	border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
	border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
	border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
	background: #aaa;
	opacity: 0.3;
	filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
}

/*# sourceMappingURL=main.css.map */