.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, .mega-menu-inner .menu-list a::after, .sidebar-search-form input, .widget .wp-block-search .wp-block-search__button::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, .bd__faq.faq__style-2 .accordion-button::after, .bd__faq.faq__style-3 .accordion-button::after, .bd__faq.faq__style-4 .accordion-button::before, .bd__faq.faq__style-6 .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, .mega-menu-inner .menu-list a::after, .service__navigation button, .case-studies__navigation button {
  -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: #4286f4;
  --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, rgb(53, 53, 53) 0%, rgba(53, 53, 53, 0) 100%);
  --bd-gradient-2: linear-gradient(90deg, #4286f4 0%, #6409d8 110.71%);
  --bd-gradient-3: linear-gradient(136deg, #4286f4 1.44%, #6409d8 90.3%);
  --bd-gradient-4: linear-gradient(90deg, #4286f4 0%, #630dd9 100%);
  --bd-gradient-5: linear-gradient(99deg, #4286f4 4.72%, #6409d8 93.01%);
  --bd-gradient-6: linear-gradient(45.39deg, rgb(66, 134, 244) 0%, rgb(100, 9, 216) 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;
}

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

    Template Name: Portlu - Personal Portfolio & Agency WordPress Theme
    Author: wellconcept
    Support: wellconcept@hotmail.com
    Description: personal portfolio & agency HTML5 Template
    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
/*----------------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  overflow-x: hidden;
}

/*---------------------------------
    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 rgb(232, 232, 232);
}

.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;
  inset-inline-start: 0;
  opacity: 0;
  visibility: hidden;
}

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

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

.bg__thumb-position {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 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: "\f00d";
  height: 100%;
  width: 100%;
  font-family: var(--bd-ff-fontawesome);
  font-size: 31px;
  font-weight: 200;
  inset-inline-end: -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 {
    inset-inline-end: 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;
  }
}

body.portlu-theme-light {
  --bd-common-white: #ffffff;
  --bd-common-black: #000000;
  --bd-common-placeholder: #7f8387;
  --bd-common-selection: #262626;
  --bd-body-primary: #fff;
  --bd-body-secondary: #ffffff;
  --bd-theme-primary: #4286f4;
  --bd-theme-secondary: #376ec6;
  --bd-text-body: #525258;
  --bd-text-primary: #03041C;
  --bd-text-secondary: #bfb8b8;
  --bd-text-tertiary: #e2e4e6;
  --bd-text-grey: #a69d9c;
  --bd-text-lightest: #d1d1d1;
  --bd-text-light-grey: #d2d2d2;
  --bd-bg-primary: #F0F0F5;
  --bd-bg-secondary: #F0F0F5;
  --bd-bg-tertiary: #434348;
  --bd-bg-quaternary: #22272c;
  --bd-border-primary: #DADADA;
  --bd-border-secondary: #EAEAEF;
  --bd-border-tertiary: #232426;
  --bd-gradient-1: linear-gradient(180deg, rgb(53, 53, 53) 0%, rgba(53, 53, 53, 0) 100%);
  --bd-gradient-2: linear-gradient(90deg, #4286f4 0%, #6409d8 110.71%);
  --bd-gradient-3: linear-gradient(136deg, #4286f4 1.44%, #6409d8 90.3%);
  --bd-gradient-4: linear-gradient(90deg, #4286f4 0%, #630dd9 100%);
  --bd-gradient-5: linear-gradient(99deg, #4286f4 4.72%, #6409d8 93.01%);
  --bd-gradient-6: linear-gradient(45.39deg, rgb(66, 134, 244) 0%, rgb(100, 9, 216) 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);
}
body.portlu-theme-light .circle-btn,
body.portlu-theme-light .testimonial__slider.style-two .testimonial__navigation .circle-btn {
  background: transparent;
  border: 1px solid var(--bd-border-primary);
  color: var(--bd-theme-primary);
}
body.portlu-theme-light .circle-btn:hover,
body.portlu-theme-light .testimonial__slider.style-two .testimonial__navigation .circle-btn:hover {
  background: var(--bd-theme-primary);
  border-color: var(--bd-theme-primary);
  color: var(--bd-common-white);
}
body.portlu-theme-light .banner__thumb-wrapper .banner__bg::before {
  background-color: #f0f0f5;
  opacity: 1;
}
body.portlu-theme-light .banner__thumb-wrapper .banner__bg::after {
  filter: blur(600px);
}
body.portlu-theme-light .theme__social.banner-social a {
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
  color: var(--bd-theme-primary);
  background: var(--bd-common-white);
}
body.portlu-theme-light .theme__social.banner-social a:hover {
  background: var(--bd-theme-primary);
  color: var(--bd-common-white);
}
body.portlu-theme-light .theme__social.banner-social a .banner__social-tooltip {
  background: var(--bd-bg-primary);
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}
body.portlu-theme-light .theme__social.banner-social a .banner__social-tooltip::after {
  background: var(--bd-bg-primary);
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 0px 0px;
}
body.portlu-theme-light .bd__faq .accordion-button {
  color: var(--bd-text-primary);
  background: var(--bd-bg-primary);
}
body.portlu-theme-light .bd__faq .accordion-body {
  background: var(--bd-bg-primary);
  color: var(--bd-text-body);
}
body.portlu-theme-light .bd__faq .accordion-body .qualification__meta {
  color: var(--bd-text-body);
}
body.portlu-theme-light .skill__item {
  background: #E9E9E9;
}
body.portlu-theme-light .skill__item::before {
  content: none;
}
body.portlu-theme-light .skill__name {
  color: var(--bd-text-primary);
  margin-top: 4px;
  display: inline-block;
}
body.portlu-theme-light .blog__meta.style-one .date {
  color: var(--bd-body-secondary);
}
body.portlu-theme-light .underline-btn {
  color: var(--bd-text-primary);
}
body.portlu-theme-light .underline-btn::before {
  background: var(--bd-text-primary);
}
body.portlu-theme-light .underline-btn:hover {
  color: var(--bd-theme-primary);
}
body.portlu-theme-light .underline-btn:hover::before {
  background: var(--bd-theme-primary);
}
body.portlu-theme-light .floating__form-input input,
body.portlu-theme-light .floating__form-input textarea {
  border-color: var(--bd-border-primary);
}
body.portlu-theme-light .faq__tab-wrapper .nav-link {
  color: var(--bd-text-primary);
}
body.portlu-theme-light .faq__tab-wrapper .nav-link.active {
  color: var(--bd-bg-primary);
}
body.portlu-theme-light .testimonial__navigation .circle-btn {
  border: 1px solid #3A3A3A;
  color: var(--bd-bg-secondary);
}
body.portlu-theme-light .testimonial__navigation .circle-btn.swiper-button-disabled {
  background: rgba(66, 134, 244, 0.4) !important;
  color: var(--bd-common-white);
  pointer-events: none;
}
body.portlu-theme-light .testimonial__navigation .circle-btn:hover {
  background: var(--bd-theme-primary);
  border-color: var(--bd-theme-primary);
  color: var(--bd-common-white);
}
body.portlu-theme-light input[type=text]:focus,
body.portlu-theme-light text-area:focus {
  border-color: var(--bd-theme-primary);
}
body.portlu-theme-light .bd__faq .accordion-button::after {
  border-color: #D2D2D2;
}
body.portlu-theme-light .pricing__content .pricing__amount .duration {
  color: var(--bd-text-body);
}
body.portlu-theme-light .service__item.style-two::before {
  background: linear-gradient(0deg, rgb(235, 235, 235) 0%, rgb(255, 255, 255) 100%);
}
body.portlu-theme-light .about__thumb-wrapper.style-two .about__thumb.is-small {
  border: 20px solid var(--bd-body-primary);
}
body.portlu-theme-light .about__thumb-wrapper.style-two .about__experience p {
  color: var(--bd-text-body);
}
body.portlu-theme-light .counter__percentage {
  color: var(--bd-text-primary);
}
body.portlu-theme-light .brand__wrapper::before,
body.portlu-theme-light .brand__wrapper::after {
  content: none;
}
body.portlu-theme-light .circle-btn.is-bg-white i {
  color: var(--bd-body-secondary);
}
body.portlu-theme-light .testimonial__item .testimonial__navigation .circle-btn,
body.portlu-theme-light .bd-testimonial__area .testimonial__navigation .circle-btn {
  border: 1px solid var(--bd-border-primary);
  color: var(--bd-theme-primary);
}
body.portlu-theme-light .testimonial__item .testimonial__navigation .circle-btn:hover,
body.portlu-theme-light .bd-testimonial__area .testimonial__navigation .circle-btn:hover {
  color: var(--bd-body-primary);
}
body.portlu-theme-light .blog__item.style-two {
  border-color: var(--bd-border-secondary);
}
body.portlu-theme-light .blog__item.style-two .blog__content-bottom::before {
  background: var(--bd-border-secondary);
}
body.portlu-theme-light .blog__item.style-two .blog__author-title {
  color: var(--bd-text-primary);
}
body.portlu-theme-light .testimonial__wrapper.style-two .testimonial__thumb::before {
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(18, 19, 20, 0) 100%);
}
body.portlu-theme-light .banner__area.style-three .banner__title {
  color: var(--bd-body-primary);
}
body.portlu-theme-light .banner__area.style-three p {
  color: #84888c;
}
body.portlu-theme-light .banner__area.style-three .underline-btn {
  color: var(--bd-body-primary);
}
body.portlu-theme-light .banner__area.style-three .underline-btn::before {
  background: var(--bd-body-primary);
}
body.portlu-theme-light .theme__social.banner-social.style-three a {
  background: transparent;
}
body.portlu-theme-light .theme__social.banner-social.style-three a:hover {
  background: var(--bd-theme-primary);
}
body.portlu-theme-light .about__thumb-wrapper.style-three .counter__title {
  color: var(--bd-body-primary);
}
body.portlu-theme-light .counter__wrapper.style-two {
  background: #f3f3f3;
}
body.portlu-theme-light .service__item.style-three:hover {
  background: #f4f4f4;
}
body.portlu-theme-light .portfolio__item.style-three .portfolio__item-info .portfolio__item-title {
  color: var(--bd-body-primary);
}
body.portlu-theme-light .video__title {
  color: var(--bd-body-primary);
}
body.portlu-theme-light .play-btn {
  animation: light-pulse 2s infinite;
}
body.portlu-theme-light .cta__item {
  z-index: 1;
}
body.portlu-theme-light .cta__item .cta__bg::after,
body.portlu-theme-light .cta__item .cta__bg::before {
  content: none;
}
body.portlu-theme-light .team__item.style-two .team__content,
body.portlu-theme-light .team__item.style-four:hover .team__content {
  background: var(--bd-bg-primary);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
body.portlu-theme-light .testimonial__wrapper.style-five:hover {
  background: var(--bd-body-primary);
}
body.portlu-theme-light .bd-btn.is-btn-anim span {
  transition: 0s;
}
body.portlu-theme-light .service__item.style-six:hover .service__content .service__title {
  color: var(--bd-common-white);
}
body.portlu-theme-light .about__content.style-six .about__info-list .info__list ul li:hover h6 {
  color: var(--bd-common-white);
}
body.portlu-theme-light .banner__area.banner-height.style-seven .bd-wave-2:nth-of-type(2) {
  filter: inherit;
}
body.portlu-theme-light .service__item.style-seven::before {
  background: linear-gradient(0deg, rgb(235, 235, 235) 0%, rgb(255, 255, 255) 100%);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
body.portlu-theme-light .bd__faq.faq__style-five .accordion-item:not(:last-child) {
  border-bottom: 1px solid var(--bd-border-primary);
}
body.portlu-theme-light .bd__faq.faq__style-five .accordion-item.active {
  border-color: transparent;
}
body.portlu-theme-light .pricing__item.style-three:hover .pricing__title,
body.portlu-theme-light .pricing__item.style-three.active .pricing__title {
  color: var(--bd-common-white);
}
body.portlu-theme-light .pricing__item.style-three:hover .pricing__amount,
body.portlu-theme-light .pricing__item.style-three.active .pricing__amount {
  color: var(--bd-common-white);
}
body.portlu-theme-light .service__item.style-eight:hover .service__content .service__title {
  color: var(--bd-common-white);
}
body.portlu-theme-light .about__thumb-wrapper.style-eight::before,
body.portlu-theme-light .about__thumb-wrapper.style-eight::after {
  content: none;
}
body.portlu-theme-light .about__thumb-wrapper.style-eight .about__thumb {
  max-width: inherit !important;
}
body.portlu-theme-light div .bd-sticky {
  background: #161718;
}
body.portlu-theme-light .light-sticky.bd-sticky {
  background: var(--bd-body-primary);
}
body.portlu-theme-light .bdevs-generic-el .mean-container .mean-nav ul li a {
  color: var(--bd-text-primary);
}
body.portlu-theme-light .mean-container .mean-nav ul li a:hover,
body.portlu-theme-light .mean-container .mean-nav ul li > span:hover {
  color: var(--bd-theme-primary);
}
body.portlu-theme-light .mean-container .mean-nav ul li a.mean-expand,
body.portlu-theme-light .mean-container .mean-nav ul li > span.mean-expand {
  border: 1px solid #EBEBEB !important;
}
body.portlu-theme-light .mean-container .mean-nav ul li a.mean-expand:hover,
body.portlu-theme-light .mean-container .mean-nav ul li > span.mean-expand:hover {
  border: 1px solid var(--bd-theme-primary) !important;
}
body.portlu-theme-light input[type=text],
body.portlu-theme-light input[type=email],
body.portlu-theme-light input[type=tel],
body.portlu-theme-light input[type=number],
body.portlu-theme-light input[type=password],
body.portlu-theme-light textarea {
  color: var(--bd-text-primary);
}
body.portlu-theme-light .default-footer-input input[type=text],
body.portlu-theme-light .default-footer-input input[type=email],
body.portlu-theme-light .default-footer-input input[type=tel],
body.portlu-theme-light .default-footer-input input[type=number],
body.portlu-theme-light .default-footer-input input[type=password],
body.portlu-theme-light .default-footer-input textarea {
  color: var(--bd-body-primary);
}
body.portlu-theme-light .bdevs-generic-el p a.light-text {
  color: var(--bd-body-primary);
}
body.portlu-theme-light .bdevs-generic-el p a.light-text:hover {
  color: var(--bd-theme-primary);
}
body.portlu-theme-light .service__item.style-eight::after,
body.portlu-theme-light .service__item.style-six::after {
  box-shadow: none;
}
body.portlu-theme-light .default-footer-input .footer__input input {
  border: 2px solid #4d4d4d;
}
body.portlu-theme-light .underline-full h5::before {
  background: #c5c5c5;
}
body.portlu-theme-light .service__details_contact .from__input-box .form__input.style-two input,
body.portlu-theme-light .service__details_contact .from__input-box .form__input.style-two textarea {
  background: transparent;
  border-color: #d3d3d3;
}
body.portlu-theme-light .service__details_contact .from__input-box .form__input.style-two input:focus,
body.portlu-theme-light .service__details_contact .from__input-box .form__input.style-two textarea:focus {
  border-color: var(--bd-theme-primary);
}
body.portlu-theme-light .logged-in-as a {
  color: var(--bd-text-primary);
}
body.portlu-theme-light .logged-in-as a:hover {
  color: var(--bd-theme-primary);
}
body.portlu-theme-light .sidebar-search-form input {
  border: 1px solid #c7c7c7;
}
body.portlu-theme-light .sidebar-search button {
  color: var(--bd-text-primary);
}
body.portlu-theme-light blockquote p,
body.portlu-theme-light .postbox__wrapper.style-three .postbox__quote p,
body.portlu-theme-light .postbox__wrapper.style-two .postbox__quote p {
  color: var(--bd-text-body);
}
body.portlu-theme-light .postbox__area .post-input input,
body.portlu-theme-light .postbox__area .post-input textarea {
  border: 1px solid var(--bd-border-primary);
  color: var(--bd-text-body);
}
body.portlu-theme-light .postbox__area .post-input input:focus,
body.portlu-theme-light .postbox__area .post-input textarea:focus {
  border-color: var(--bd-theme-primary);
}
body.portlu-theme-light .postbox__meta-wrapper p {
  color: var(--bd-text-primary);
}
body.portlu-theme-light .postbox__features ul li {
  color: var(--bd-text-body);
}
body.portlu-theme-light .blog__btn a {
  border-color: #DBDBDB;
  color: var(--bd-theme-primary);
}
body.portlu-theme-light .blog__btn a:hover {
  color: var(--bd-body-primary);
  border-color: var(--bd-theme-primary);
}
body.portlu-theme-light .pt-landing-feature .features-item::after {
  background: linear-gradient(180deg, rgba(123, 118, 118, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}
body.portlu-theme-light .pt-landing-feature .features-item::before {
  position: absolute;
  background: linear-gradient(0deg, rgb(251, 251, 251) 0%, rgb(249, 249, 249) 100%);
}
body.portlu-theme-light .pt-landing-faq .bd-accordion-style.bd-accordion-01 .accordion .accordion-item .accordion-header .accordion-button {
  color: #03041c;
}
body.portlu-theme-light .play__btn {
  display: block;
  line-height: 62px;
  text-align: center;
}
body.portlu-theme-light .circle-btn {
  display: inline-block;
  text-align: center;
  line-height: 61px;
}
body.portlu-theme-light .post-pagination ul li a,
body.portlu-theme-light .post-pagination ul li span {
  color: var(--bd-text-primary);
}
body.portlu-theme-light .post-pagination ul li span.current,
body.portlu-theme-light .post-pagination ul li span:hover,
body.portlu-theme-light .post-pagination ul li a:hover {
  color: var(--bd-common-white);
}

@keyframes light-pulse {
  0% {
    box-shadow: 0 0 0 0 var(--bd-body-primary);
  }
  100% {
    box-shadow: 0 0 0 40px transparent;
  }
}
/*----------------------------------------*/
/*  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, #4286f4 1.44%, #6409d8 90.3%);
}

.gradient-bg-2 {
  background: linear-gradient(90deg, #4286f4 0%, #6409d8 110.71%);
}

.gradient-bg-3 {
  background: linear-gradient(45.39deg, rgb(66, 134, 244) 0%, rgb(100, 9, 216) 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, rgb(9, 107, 216), rgb(100, 9, 216));
}
.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-inline-start: 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;
  inset-inline-start: 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, #4286f4 -16.62%, #6409d8 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, #4286f4 -16.62%, #6409d8 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: "";
  inset-inline-start: auto;
  bottom: -2px;
  background: currentColor;
  width: 0;
  height: 2px;
  transition: 0.3s;
  inset-inline-end: 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%;
  inset-inline-start: 0;
  inset-inline-end: 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-inline-end: 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-inline-start: 0;
  position: absolute;
  inset-inline-start: 0;
  margin-inline-start: 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-inline-start: 10px;
  inset-inline-start: 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, #4286f4 -16.62%, #6409d8 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;
  inset-inline-start: 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, #4286f4 -16.62%, #6409d8 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%;
  inset-inline-start: 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;
  inset-inline-start: 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;
  inset-inline-end: 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-inset-inline-start: 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-inline-end: 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;
  inset-inline-end: 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-inline-end: 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: rgb(124, 126, 130);
  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;
  inset-inline-end: -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;
  inset-inline-end: 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;
  inset-inline-start: 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-inline-end: 55px;
}
.section__subtitle.sec-border::before {
  position: absolute;
  width: 40px;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  content: "";
  inset-inline-end: 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;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  border-radius: 4px;
  border: 1.5px solid transparent;
  background: linear-gradient(90deg, rgb(101, 73, 213) 0%, rgb(27, 30, 189) 50.5208313465%, rgb(5, 157, 255) 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: rgb(255, 255, 255);
  opacity: 0.05;
  z-index: -1;
  top: 0;
  inset-inline-start: 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: rgb(235, 235, 235);
}

.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;
  inset-inline-start: 0%;
  top: 0%;
  inset-inline-end: 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;
  inset-inline-start: 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 {
    inset-inline-start: 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;
  inset-inline-end: 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 {
    inset-inline-end: 75px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .breadcrumb__shape-two {
    display: none;
  }
}
.breadcrumb__menu nav span {
  position: relative;
  line-height: 1;
}
.breadcrumb__menu nav span:last-child span {
  color: var(--bd-theme-primary);
}
.breadcrumb__menu nav span.active span {
  color: var(--bd-theme-primary);
}
.breadcrumb__menu nav span span {
  font-size: 16px;
  font-weight: var(--bd-fw-medium);
  text-transform: uppercase;
  color: var(--bd-common-white);
}
.breadcrumb__menu nav span span:hover {
  color: var(--bd-theme-primary);
}
.breadcrumb__menu nav span.dvdr {
  font-size: 16px;
  color: var(--bd-common-white);
  padding: 0 10px;
}
.breadcrumb__area.style-two::before {
  position: absolute;
  content: "";
  inset-inline-start: 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: "";
  inset-inline-start: 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;
  inset-inline-start: 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 {
    inset-inline-start: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pagination__wrapper.case-studies-style .bd-swiper-dot {
    inset-inline-start: 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: rgb(6, 6, 6);
}
.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: rgb(255, 255, 255);
}
.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%;
  inset-inline-start: -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 {
  inset-inline-start: auto !important;
  inset-inline-end: -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%;
  inset-inline-start: -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 {
  inset-inline-start: auto !important;
  inset-inline-end: -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%;
  inset-inline-start: -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 {
  inset-inline-start: auto !important;
  inset-inline-end: -15px;
}

/*----------------------------------------*/
/*  2.13 Tab
/*----------------------------------------*/
.bd-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.bd-tab .nav-tabs .nav-link {
  padding: 8px 20px;
  border-radius: 8px;
  margin: 0;
  border: 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;
  inset-inline-start: 0;
  bottom: 0px;
  inset-inline-end: 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;
  inset-inline-start: 0;
  bottom: 0px;
  inset-inline-end: 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;
  inset-inline-end: 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;
  inset-inline-end: 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-inline-start: 45px;
}
.from__input-box.has-icon.icon-right .form__input input,
.from__input-box.has-icon.icon-right .form__input textarea {
  padding-inline-end: 45px;
}

.from__input-box.has-icon.icon-left .form__input span {
  inset-inline-start: 20px;
  top: 22px;
}
.from__input-box.has-icon.icon-right .form__input span {
  inset-inline-end: 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: start;
  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 rgb(56, 56, 56);
}
.form__select.nice-select .current {
  text-align: start;
  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: rgb(236, 236, 236);
}
.form__select.nice-select::after {
  color: var(--bd-text-body);
  font-size: 18px;
  inset-inline-end: 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;
  inset-inline-start: 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;
  inset-inline-start: 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;
  inset-inline-start: 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;
  inset-inline-start: 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;
  inset-inline-start: 20px;
  padding: 0px 4px;
}
.floating__form-input .floating-label-two {
  position: absolute;
  pointer-events: none;
  inset-inline-start: 20px;
  top: 20px;
  transition: 0.2s ease all;
}

.floating__form-content {
  padding-inline-end: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .floating__form-content {
    padding-inline-end: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .floating__form-content {
    padding-inline-end: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .floating__form-content {
    padding-inline-end: 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-inline-start: 30px;
}
input[type=checkbox] ~ label::after, input[type=checkbox] ~ label::before {
  position: absolute;
  content: "";
  inset-inline-start: 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);
  inset-inline-start: 4px;
  top: 6px;
  inset-inline-end: 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-inline-start: 28px;
  cursor: pointer;
  margin-bottom: 0;
}
input[type=radio] ~ label::before {
  content: "";
  position: absolute;
  top: 3px;
  inset-inline-start: 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;
  inset-inline-start: 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;
  inset-inline-start: 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;
  inset-inline-start: 0;
  inset-inline-end: 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;
  inset-inline-start: 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, rgb(30, 32, 34) 0%, rgb(47, 60, 72) 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) {
  inset-inline-end: -12px;
  top: 40%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .theme__social.banner-social a:nth-child(1) {
    inset-inline-end: -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) {
  inset-inline-end: -25px;
  top: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .theme__social.banner-social a:nth-child(2) {
    inset-inline-end: -20px;
    top: 48%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .theme__social.banner-social a:nth-child(2) {
    inset-inline-end: -20px;
    bottom: 238px;
    top: unset;
  }
}
.theme__social.banner-social a:nth-child(3) {
  inset-inline-end: -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;
    inset-inline-end: 0;
  }
}
.theme__social.banner-social a:nth-child(4) {
  inset-inline-end: 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;
    inset-inline-end: 35px;
  }
}
.theme__social.banner-social a .banner__social-tooltip {
  position: absolute;
  top: 50%;
  inset-inline-start: 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: "";
  inset-inline-start: 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;
  inset-inline-end: 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;
  inset-inline-start: 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-inline-start: -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: 45px;
  inset-inline-end: 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;
    inset-inline-end: 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: "\f062";
  text-align: center;
  line-height: 46px;
  font-size: 16px;
  font-weight: 400;
  color: var(--bd-common-white);
  inset-inline-start: 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;
  inset-inline-start: 0;
  inset-inline-end: 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;
  inset-inline-start: 0;
  inset-inline-end: 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;
  inset-inline-end: 275px;
}
.line__wrap::after {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  background: var(--bd-border-primary);
  z-index: 2;
  top: 0;
  inset-inline-end: 150px;
}
.line__item::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  z-index: 3;
  background: var(--bd-common-white);
  inset-inline-end: 145px;
}
.line__item::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  z-index: 3;
  background: var(--bd-common-white);
  inset-inline-end: 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);
  inset-inline-end: 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 rgb(85, 174, 251);
    box-shadow: 0 0 0 0 rgb(85, 174, 251);
  }
  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("../img/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("../img/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;
  inset-inline-start: 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, #4286f4 0.11%, #6409d8 103.32%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-text-2 {
  background: linear-gradient(90deg, #4286f4 1.18%, #6409d8 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: rgb(21, 207, 116);
  display: inline-block;
  padding: 5px 8px 3px;
  border-radius: 50px;
  color: var(--bd-common-white);
  line-height: 1;
  margin-inline-start: 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%;
  inset-inline-start: 0;
  top: 0;
  background-color: #121212;
  z-index: 99999999;
}

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

.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);
  }
}
/*.........<! 1. Theme default css !>.........*/
html,
body {
  overflow-x: hidden;
}

body {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

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

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

button {
  transition: 0.3s;
}

.img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.fix {
  overflow: hidden;
}

button {
  cursor: pointer;
}

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

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

input:focus::placeholder {
  opacity: 0;
}

input:focus::-moz-placeholder {
  opacity: 0;
}

textarea:focus::placeholder {
  opacity: 0;
}

textarea:focus::-moz-placeholder {
  opacity: 0;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

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

hr {
  border-bottom: 1px solid var(--bd-border-primary);
  border-top: 0 none;
  margin: 30px 0;
  padding: 0;
}

label {
  color: var(--bd-text-body);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}

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

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

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

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

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

.separator {
  border-top: 1px solid #f2f2f2;
}

.row-gap-50 {
  row-gap: 50px;
}

/*.........<! End Theme Defaults Style !>.........*/
.home_front_page .breadcrumb__menu {
  display: none;
}

body.no-breadcrumb .breadcrumb__area,
body.no-breadcrumb #page-title-area, body.single-two .breadcrumb__area,
body.single-two #page-title-area {
  display: none;
}

.post-content a:hover {
  color: #ededed;
}
.post-content img {
  max-width: 100%;
}

.post-content > h6 {
  margin-bottom: 20px;
}

.post-details-wrapper ul li a:hover {
  color: var(--bd-theme-primary);
}

.navigation-border {
  border-top: 2px solid #f7f7f7;
  overflow: hidden;
}

.b-0 {
  border: 0;
}

.sidebar-search-form {
  position: relative;
}
.sidebar-search-form input {
  width: 100%;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  height: 60px;
  color: var(--bd-common-white);
  padding: 0 60px 0 20px;
  font-size: 16px;
  resize: none;
}
.sidebar-search-form input:focus {
  border: 1px solid var(--bd-theme-primary);
}
.sidebar-search-form input::placeholder {
  font-weight: 400;
  font-family: var(--bd-ff-heading);
  color: var(--bd-common-placeholder);
}
.sidebar-search-form button {
  font-size: 16px;
  color: var(--bd-text-primary);
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background-color: transparent;
  border-radius: 50%;
}
.sidebar-search-form button:hover {
  color: var(--bd-theme-primary);
}

.wp-block-column p {
  color: var(--bd-text-body);
}

.post-details-wrapper .post-content p:last-child {
  margin-bottom: 0;
}

.sidebar-search-form input:focus::placeholder {
  opacity: 0;
}

.sidebar-search-form input:focus::-moz-placeholder {
  opacity: 0;
}

.widget .recent-posts > li {
  overflow: hidden;
}

.widget .recent-posts > li:not(:last-child) {
  overflow: hidden;
  margin-bottom: 30px;
}

.widget-posts-image {
  float: left;
}
.widget-posts-image img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-inline-end: 20px;
  margin-bottom: 0;
}

.recent-posts .widget-post-list:not(:last-child) {
  margin-bottom: 30px;
}

.widget-posts-body {
  overflow: hidden;
  padding-top: 8px;
}

.post-content .wp-block-heading {
  color: var(--bd-text-primary);
}

.widget-posts-title {
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
}
.widget-posts-title a {
  color: #001d23;
}
.widget-posts-title a:hover {
  color: var(--bd-theme-primary);
}

.widget-posts-meta {
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 500;
  color: #28484f;
  margin-bottom: 7px;
}

.widget-post-list .widget-posts-meta {
  margin: 0;
}

ul.cat li {
  border-top: 1px solid #eaedff;
  padding: 15px 0;
  overflow: hidden;
}

ul.cat li:first-child {
  border-top: 0;
  padding-top: 0;
}

ul.cat li:last-child {
  padding-bottom: 0;
}

ul.cat li a {
  display: block;
  color: #647589;
}

ul.cat li a:hover {
  color: var(--bd-theme-primary);
}

#Instafeed {
  margin: 0 -5px;
  overflow: hidden;
}

#Instafeed li {
  width: 33.33%;
  float: left;
  padding: 0 5px;
  margin-bottom: 10px;
}

#Instafeed li img {
  width: 100%;
}

.bg-none {
  background: none;
}

.post-post-tag a:last-child {
  margin-inline-end: 0;
}

.post-comments-title {
  margin-bottom: 20px;
}
.post-comments-title h3 {
  font-size: 32px;
}

ul .comment-respond {
  margin-bottom: 40px;
  margin-top: 40px;
}

.post-comments-title h2 small {
  font-size: 16px;
  font-weight: 500;
  color: var(--bd-theme-primary);
}

/* 25. Pagination  */
div.post-pagination ul {
  padding-inline-start: 0;
}

/*next prev post*/
.post-details-border {
  margin-top: 40px;
  background: var(--bd-text-primary);
}

.page-area .post-comments-form {
  margin-bottom: 0;
  clear: both;
  padding-top: 0;
}

.page-content ol,
.page-content ul {
  padding-inline-start: 22px;
}

.post-area .widget ul {
  padding: 0;
  margin: 0;
}

.post-area .widget ul li ul {
  padding-inline-start: 10px;
  padding-top: 10px;
}

.rssSummary {
  line-height: 27px;
  margin: 10px 0;
  color: var(--bd-text-body);
  font-size: 16px;
}

.widget ul {
  margin: 0;
}

.widget ul li a.rsswidget {
  line-height: 1.3;
}

.widget .footer-post h5 a {
  font-size: 16px;
  line-height: 1.3;
}

.widget ul li:first-child {
  padding-top: 0;
}

.widget_recent_entries ul li a {
  line-height: 26px;
}

/**
* image widget
*/
.widget_media_image img {
  width: 100%;
}

/**
* widget custom style for wp
*
*/
.widget li:last-child {
  border: 0;
  margin: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.widget li a {
  color: var(--bd-text-body);
  font-weight: 500;
  padding-inline-start: 0;
}

.widget li a:hover {
  color: var(--bd-theme-primary);
}

.widget.widget_rss li span {
  display: block;
}

.widget.widget_rss li span {
  display: block;
  list-style: none;
  margin-inline-end: 35px;
  font-size: 16px;
  color: var(--bd-text-body);
  transition: all 0.3s ease-out 0s;
}

.widget_recent_comments li span,
.widget_recent_comments li span a {
  float: none;
  color: var(--bd-text-primary);
}

.footer-widget.widget_recent_comments li span,
.footer-widget.widget_recent_comments li span a {
  float: none;
  color: var(--bd-text-body);
}

.widget.widget_recent_comments li span,
.widget.widget_recent_comments li span a {
  color: var(--bd-text-body);
  text-transform: capitalize;
  padding-inline-start: 0;
}

.widget.widget_recent_comments li span a:after {
  display: none;
}

.widget.widget_recent_comments li span,
.widget.widget_recent_comments li a:hover {
  color: var(--bd-theme-primary);
}

.widget.widget_recent_comments li a {
  padding-inline-start: 0;
}

.widget.widget_recent_comments li a:after {
  display: none;
  padding-inline-start: 0;
}

.widget ul li a:hover {
  color: var(--bd-theme-primary);
}

.footer-widget .widget_rss ul li a.rsswidget {
  font-weight: 400;
  color: var(--bd-text-body);
}

.widget.widget_rss ul li a.rsswidget {
  font-weight: 400;
  color: var(--bd-text-body);
  padding-inline-start: 0;
}

.widget li span.post-date {
  float: none;
  margin-top: 7px;
  display: block;
  font-size: 13px;
}

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

/* calendar widget */
.wp-calendar-nav {
  display: flex;
  justify-content: space-between;
}

.widget_calendar {
  float: none;
}

#wp-calendar {
  width: 100%;
}

#wp-calendar caption {
  text-align: end;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
  color: #878787;
}

.footer-widget #wp-calendar caption {
  color: #aabcd8;
}

.footer-widget .wp-calendar-nav a {
  color: #aabcd8;
}

.footer-widget.widget_recent_comments ul li a::before,
.footer-widget.widget_recent_entries ul li a::before,
.footer-widget.widget_rss ul li a::before {
  display: none;
}

.footer-widget ul li .rsswidget {
  color: var(--bd-text-body);
}

.footer-widget.widget_rss .rssSummary {
  color: var(--bd-text-body);
}

.footer-widget #wp-calendar thead th {
  padding-bottom: 10px;
  text-align: center;
  color: var(--bd-text-primary);
}

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

#wp-calendar thead {
  font-size: 14px;
}

#wp-calendar thead th {
  padding: 5px;
  text-align: center;
  background: transparent;
  font-weight: 400;
  color: var(--bd-text-body);
  border: 1px solid var(--bd-border-primary);
}

#wp-calendar tbody {
  color: var(--bd-text-body);
}

#wp-calendar tbody td {
  background: var(--bd-bg-secondary);
  border: 1px solid var(--bd-border-primary);
  color: var(--bd-text-body);
  text-align: center;
  padding: 8px 0;
  transition: 0.3s;
}

.footer-widget #wp-calendar tbody td {
  background: var(--bd-bg-secondary);
  border: 1px solid var(--bd-border-primary);
}

.footer-widget #wp-calendar thead th {
  padding-bottom: 10px;
  text-align: center;
  color: var(--bd-text-body);
}

.footer-widget #wp-calendar caption {
  color: var(--bd-text-body);
}

.footer-widget .wp-calendar-nav a {
  color: var(--bd-text-body);
}

#wp-calendar tbody td:hover,
#wp-calendar tbody td:hover a {
  background: var(--bd-theme-primary);
  color: var(--bd-text-primary);
}

#wp-calendar tbody .pad,
#wp-calendar tbody .pad:hover {
  background: none;
}

#wp-calendar tfoot #next {
  font-size: 10px;
  text-transform: uppercase;
  text-align: end;
}

#wp-calendar tfoot #prev {
  font-size: 10px;
  text-transform: uppercase;
  padding-top: 10px;
}

.latest-comments ul li ul.children {
  padding-inline-start: 70px;
}

.latest-comments ul li ul.children {
  padding-top: 0;
}

.no-results.not-found {
  background: transparent;
  padding: 41px 100px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .no-results.not-found {
    padding: 30px;
  }
}
.pageontent.post-search-content p {
  margin-bottom: 20px;
}

.post-search-title {
  font-size: 30px;
  font-weight: 600;
  margin: 0;
  color: var(--bd-common-white);
}

.post-search-title::placeholder {
  color: var(--bd-common-white);
}

.error-title {
  font-size: 42px;
  line-height: 1;
  margin-bottom: 30px;
  font-weight: 600;
}

.error-text {
  margin-bottom: 30px;
}

.page-content.mb-40 {
  margin-bottom: 30px;
}

.no-results.not-found .page-header {
  background: none;
  margin-bottom: 30px;
  padding: 0;
}

.navigation.posts-navigation .nav-next {
  float: right;
}
.navigation.posts-navigation .nav-previous {
  float: left;
}
.navigation.posts-navigation .nav-links {
  overflow: hidden;
}

.navigation.posts-navigation {
  overflow: hidden;
  margin-bottom: 40px;
}
.navigation.posts-navigation .nav-links a {
  text-transform: uppercase;
  background: var(--bd-text-primary);
  border: 2px solid var(--bd-theme-primary);
  color: var(--bd-theme-primary);
}
.navigation.posts-navigation .nav-links a:hover {
  background: var(--bd-theme-primary);
  color: var(--bd-text-primary);
}

/*page table*/
.page-content table {
  margin-bottom: 30px;
}

.page-content table tbody td {
  text-align: center;
}

.page-content table a {
  color: var(--bd-theme-primary);
}

.page-content table td {
  border-color: #333;
  padding: 12px 12px;
}

.page-content th,
.page-content td {
  font-weight: normal;
  text-align: start;
  border-width: 0 1px 1px 0;
}

.page-content table,
.page-content th,
.page-content td {
  border: 1px solid var(--bd-border-primary);
}

.page-content table th {
  padding: 12px 12px;
  font-size: 16px;
  border-color: var(--bd-border-primary);
  text-align: center;
  font-weight: 600;
}

.page-content ol li,
.page-content ul li {
  margin-bottom: 7px;
}

.page-content ol li ol,
.page-content ul li ul {
  margin-top: 7px;
}

.post-details-wrapper table {
  margin-bottom: 30px;
}

.post-details-wrapper th,
.post-details-wrapper td {
  font-weight: normal;
  text-align: start;
  border-width: 0 1px 1px 0;
  padding: 10px 15px;
}

.post-details-wrapper table,
.post-details-wrapper th,
.post-details-wrapper td {
  border: 1px solid var(--bd-border-primary);
}

.post-comments table th {
  padding: 12px 12px;
  font-size: 16px;
  border-color: #dedede;
  text-align: center;
  font-weight: 600;
}

.post-details-wrapper table {
  margin-bottom: 30px;
  width: 100%;
}

.post-details-wrapper table tbody td {
  text-align: center;
}

.post-details-wrapper table td {
  border-color: var(--bd-border-primary);
  padding: 12px 12px;
}

.post-details-wrapper th,
.post-details-wrapper td {
  font-weight: normal;
  text-align: start;
  border-width: 0 1px 1px 0;
}

.post-details-wrapper table,
.post-details-wrapper th,
.post-details-wrapper td {
  border: 1px solid var(--bd-border-primary);
}

.post-details-wrapper table th {
  padding: 12px 12px;
  font-size: 16px;
  border-color: var(--bd-border-primary);
  text-align: center;
  font-weight: 400;
}

#wp-calendar tbody td#today {
  background: var(--bd-theme-primary);
  color: var(--bd-text-primary);
}

#wp-calendar tbody td#today a {
  color: var(--bd-text-primary);
}

.post-content .wp-caption.aligncenter {
  margin-top: 40px;
}

.post-content .alignright.size-thumbnail {
  overflow: hidden;
  clear: both;
}

/*unit test*/
.post-comments .latest-comments > ul {
  list-style: none;
  padding-inline-start: 0;
  margin-bottom: 0;
}
.post-comments .latest-comments > ul .postbox__comment-text {
  overflow: hidden;
}

.post-area dl,
.post-area ol,
.post-area ul {
  margin-top: 0;
  margin-bottom: 25px;
}

.post-area > ul,
.post-area > ol,
.post-area ul,
.post-area ol {
  padding-inline-start: 25px;
}

.post-details-wrapper ol li,
.post-details-wrapper ul li {
  padding-top: 7px;
}

.post-area ol ol ol,
.post-area ol ul ul,
.post-area ul ol ol,
.post-area ul ul ul {
  margin-bottom: 0;
}

.post-area ol ul,
.post-area ul ol,
.post-area ul ul,
.post-area ol ul ol {
  margin-bottom: 0;
}

ul {
  list-style: disc;
}

.wp-block-button .wp-block-button__link {
  color: var(--bd-text-primary) !important;
}

.postbox.sticky .post-content,
.postbox.sticky .post-content p {
  margin-bottom: 0;
}

.post-content h3 {
  margin-top: 20px;
  margin-bottom: 5px;
}

#wp-calendar #next a,
#wp-calendar #prev a {
  font-size: 13px;
  font-weight: 600;
}

.post-content table {
  margin-bottom: 30px;
}

.post-content table tbody td {
  text-align: center;
}

.post-content table td {
  border-color: #333;
  padding: 12px 12px;
}

.post-content th,
.post-content td {
  font-weight: normal;
  text-align: start;
  border-width: 0 1px 1px 0;
}

.post-content table,
.post-content th,
.post-content td {
  border: 1px solid var(--bd-border-primary);
}

.post-content table th {
  padding: 12px 12px;
  font-size: 16px;
  border-color: var(--bd-border-primary);
  text-align: center;
  font-weight: 600;
}

#wp-comment-cookies-consent {
  width: auto;
  display: inline-block;
  height: auto;
  margin-inline-end: 10px;
  margin-top: 0 !important;
}

.comment-form-cookies-consent label {
  display: inline-block;
}

.comment-form-cookies-consent {
  display: block;
  margin-top: 25px;
}
.comment-form-cookies-consent label {
  font-size: 16px;
}
.comment-form-cookies-consent #wp-comment-cookies-consent {
  display: none;
}

pre {
  display: block;
  font-size: 87.5%;
  color: var(--bd-text-tertiary);
  border: 1px solid #333;
  padding: 15px;
}

.wp-block-code {
  border: 1px solid #333;
  border-radius: 0;
}

dd + dt {
  margin-top: 20px;
}

.page-links {
  width: 100%;
  clear: both;
  margin-bottom: 30px;
  margin-top: 20px;
}

.page-links > span.page-links-title {
  border: 0;
  color: inherit;
}

.page-links a,
.page-links > span {
  border: 1px solid #333;
  display: inline-block;
  min-width: 35px;
  text-align: center;
  margin-inline-start: 2px;
  height: 33px;
  line-height: 30px;
  margin-inline-end: 3px;
  color: var(--bd-text-tertiary);
}

.page-links > span {
  border: 1px solid #096bd8;
  color: #096bd8;
}

.page-links a:hover {
  border: 1px solid #096bd8;
  color: #096bd8;
}

/**
*
* removing visual composer default data
*/
.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li {
  margin-bottom: 0 !important;
}

.comments-text > ul,
.comments-text > ol {
  margin-bottom: 20px;
}

#recentcomments li a {
  line-height: 1.5;
}

.widget.widget_recent_comments ul li a {
  display: unset;
  line-height: 27px;
}

.tag-space {
  display: block;
  width: 100%;
  clear: both;
  margin-top: 20px;
}

.size-thumbnail {
  margin-bottom: 20px;
}

.no-results.not-found .page-header {
  padding-top: 0;
  padding-bottom: 0;
}

.search-form2 .form-control {
  height: 50px;
  border-radius: inherit;
}

.search-form2 {
  position: relative;
}

.archive-description {
  margin-top: 15px;
}

/*footer */
.footer-area-bottom {
  padding: 15px 0;
}

.copy-right p {
  color: #999;
  margin: 0;
}

.footer-widget select {
  width: 100%;
  border-radius: 0;
}

/*theme unit test css */
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-inline-end: 1.5em !important;
}

.alignright {
  display: inline;
  float: right;
  margin-inline-start: 1.5em !important;
}

.aligncenter {
  clear: both;
  display: block;
  margin-inline-start: auto !important;
  margin-inline-end: auto !important;
  text-align: center;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget .nice-select ul.list li.option::after {
  content: none;
}

.widget .nice-select,
.footer-widget .nice-select {
  max-width: 100%;
  height: 60px;
  line-height: 60px;
  width: 100%;
  font-size: 16px;
  color: var(--bd-text-body);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--bd-border-primary);
  padding: 0 20px;
  border-radius: 6px;
  float: none;
}
.widget .nice-select:hover, .widget .nice-select:focus,
.footer-widget .nice-select:hover,
.footer-widget .nice-select:focus {
  border: 1px solid var(--bd-theme-primary);
}

.widget .nice-select .option,
.footer-widget .nice-select .option {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  color: var(--bd-text-body);
}

.widget .nice-select::after,
.footer-widget .nice-select::after {
  color: var(--bd-text-body);
}

.widget .nice-select.open .list,
.footer-widget .nice-select.open .list {
  width: 100%;
}

.widget .nice-select.open::after,
.footer-widget .nice-select.open::after {
  -webkit-transform: translateY(48px) rotate(-180deg);
  -moz-transform: translateY(48px) rotate(-180deg);
  -ms-transform: translateY(48px) rotate(-180deg);
  -o-transform: translateY(48px) rotate(-180deg);
  transform: translateY(48px) rotate(-180deg);
}

.widget .nice-select .list {
  width: 100%;
  max-height: 300px;
  overflow-y: scroll;
}

.nice-select .list {
  padding: 10px 0 !important;
}
.nice-select .open {
  border-color: var(--bd-theme-primary);
}

.footer-widget ul ul {
  padding-inline-start: 12px;
  padding-top: 4px;
}

.footer-widget .nice-select {
  float: none;
}

.footer-widget .nice-select .option {
  margin: 0 !important;
}

.footer-widget .nice-select .list {
  width: 100%;
  max-height: 300px;
  overflow-y: scroll;
}

.footer-widget.widget_text p {
  color: var(--bd-text-body);
}

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

.widget_rss ul li a.rsswidget {
  font-weight: 600;
}

.footer-widget p {
  color: var(--bd-text-tertiary);
  font-size: 16px;
  font-weight: 400;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0;
}

.sticky {
  display: block;
}

.post-item.sticky {
  position: relative;
}

.post-item.sticky::before {
  position: absolute;
  content: "\f5a2";
  inset-inline-end: 25px;
  top: 25px;
  font-family: "Font Awesome 5 Pro";
  color: var(--bd-theme-primary);
  font-size: 35px;
}

@media (max-width: 450px) {
  .post-item.sticky::before {
    top: 34px;
  }
}
.updated:not(.published) {
  display: none;
}

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

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

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

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

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

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

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

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
  font-size: 14px;
  font-style: italic;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 10px;
  margin-top: 3px;
}

.gallery-item {
  display: inline-block;
  max-width: 33.33%;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding-inline-end: 5px !important;
}

.gallery-columns-1 .gallery-item {
  max-width: 100%;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/**
* custom css
*
*/
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {
  background-color: #fff4ef;
}

.wp-block-pullquote {
  border-top: 4px solid var(--bd-theme-primary) !important;
  border-bottom: 4px solid var(--bd-theme-primary) !important;
}

.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
  margin-top: 10px;
  display: block;
}

.logged-in-as a {
  color: var(--bd-text-tertiary);
}

.logged-in-as a:hover {
  color: var(--bd-theme-primary);
}

/*new unit test*/
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
  color: var(--bd-theme-primary);
}

.wp-block-column:not(:first-child),
.wp-block-column:nth-child(2n) {
  margin-inline-start: 10px;
}

.wp-block-column:not(:last-child) {
  margin-inline-end: 10px;
}

.wp-block-column:nth-child(2n+1) {
  margin-inline-end: 10px;
}

.post-content > .alignwide {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.post-content p.has-large-font-size {
  font-size: 24px !important;
  line-height: 1.2;
  margin-bottom: 10px;
}

.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile {
  margin-bottom: 20px;
}

.wp-block-preformatted {
  margin: 30px 0;
}

p.has-text-color {
  color: var(--bd-theme-primary) !important;
}

.has-very-light-gray-color.has-very-light-gray-color {
  color: var(--bd-text-primary) !important;
  background: var(--bd-theme-primary) !important;
}

.wp-block-archives .nice-select,
.wp-block-categories .postform {
  float: none;
  border-color: var(--bd-border-primary);
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  color: var(--bd-text-body);
  border-radius: 0;
  margin-bottom: 25px;
  max-width: 300px;
  padding-inline-start: 15px;
}

.wp-block-latest-comments {
  padding-inline-start: 0 !important;
}

.wp-block-latest-posts.has-dates {
  padding-inline-start: 0;
}

.wp-block-archives li a,
.wp-block-categories li a {
  color: var(--bd-text-body);
}

.wp-block-cover {
  margin-bottom: 30px;
}

.post-details-wrapper .wp-block-search__button {
  background: var(--bd-theme-primary);
  color: var(--bd-common-white);
  border-color: var(--bd-theme-primary);
}
.post-details-wrapper .wp-block-search__input {
  background: transparent;
  border: 1px solid var(--bd-border-primary);
}
.post-details-wrapper .wp-block-search__input:focus {
  border-color: var(--bd-theme-primary);
}

.copyright__text p {
  margin: 0;
}

.page-content figure.wp-caption.aligncenter {
  margin-top: 40px;
}

.page-content .size-full.alignright {
  margin-bottom: 35px;
  margin-top: 20px;
  clear: both;
}

.admin-bar .sticky-menu {
  margin-top: 32px;
}

.page-content .post-comments-form {
  margin-top: 50px;
}
.page-content .post-comments {
  margin-top: 40px;
}

.postbox.sticky .postbox_text {
  border: 1px solid var(--bd-theme-primary);
}

.page-links > span {
  border: 1px solid var(--bd-theme-primary);
  color: var(--bd-theme-primary);
}

.post-content a:hover {
  color: var(--bd-theme-primary);
}

.wp-block-calendar {
  margin-bottom: 30px;
}
.wp-block-calendar a {
  text-decoration: none;
  color: var(--bd-text-tertiary);
}

.wp-block-latest-comments__comment-author {
  text-transform: capitalize;
}

.post-content .blocks-gallery-grid img {
  margin: 0;
}

.page-links a:hover {
  border: 1px solid var(--bd-theme-primary);
  color: var(--bd-theme-primary);
}

.post-password-form input[type=submit] {
  background-color: var(--bd-theme-primary);
}

.post-password-form input[type=password] {
  font-size: 1.2rem;
  line-height: 20px;
  padding: 12px 20px;
  border: 1px solid #333;
  width: 100%;
  border-radius: 0;
  color: var(--bd-text-body);
  background: rgba(255, 255, 255, 0.1);
}

.post-password-form label {
  width: 100%;
  margin-bottom: 8px;
}

.post-password-form input[type=submit] {
  background-color: var(--bd-theme-primary);
  border: none;
  padding: 10px 40px;
  color: var(--bd-text-primary);
  cursor: pointer;
  transition: 0.3s;
  font-weight: 600;
}

.postbox__text .post-post-tag {
  padding-top: 40px;
}

.layout-wrapper .alignright.size-thumbnail {
  margin-bottom: 20px;
  clear: both;
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
  width: calc((100% - 16px) / 2);
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
  margin: 0 16px 16px 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
  margin-inline-end: 0;
}

.wp-block-button {
  margin-bottom: 15px;
}

.wp-block-cover-text {
  color: var(--bd-text-primary) !important;
}

.wp-block-cover-text a {
  color: var(--bd-text-primary);
}

.wp-block-gallery .blocks-gallery-grid {
  padding-inline-start: 0;
  margin-bottom: 0;
}

.blocks-gallery-caption {
  margin-bottom: 40px;
}

.wp-block-group.has-background {
  margin-bottom: 25px;
}

.is-style-outline .wp-block-button__link {
  border: 2px solid var(--bd-border-primary);
}

.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  border: 2px solid var(--bd-border-primary) !important;
  color: var(--bd-text-tertiary) !important;
}

.widget.mb-40.widget_media_image {
  padding: 0;
  border: 0;
}

.post-area .post-comments ol ol,
.post-area .post-comments ol ul,
.post-area .post-comments ul ol,
.post-area .post-comments ul ul {
  margin-bottom: 20px;
}

.post-area .post-comments ol ol ol,
.post-area .post-comments ol ul ul,
.post-area .post-comments ul ol ol,
.post-area .post-comments ul ul ul {
  margin-bottom: 0px;
}

.comments-text > ul,
.comments-text > ol {
  margin-bottom: 20px;
}

.page-content ol,
.page-content ul {
  padding-inline-start: 25px;
  margin-bottom: 25px;
}

.page-content .elementor-widget-container .widget ol,
.page-content .elementor-widget-container .widget ul {
  padding-inline-start: 0px;
  margin-bottom: 0px;
}

.page-content ol ol ol,
.page-content ol ul ul,
.page-content ul ol ol,
.page-content ul ul ul {
  margin-bottom: 0px;
}

.page-content ol ol,
.page-content ol ul,
.page-content ul ol,
.page-content ul ul {
  margin-bottom: 0;
}

.post-area ol ol,
.post-area ol ul,
.post-area ul ol,
.post-area ul ul {
  margin-bottom: 0;
}

.footer-widget.widget_recent_comments li a {
  display: unset;
}

.footer-widget ul li a {
  font-size: 16px;
  display: inline-block;
  font-weight: 500;
  transition: 0.3s linear;
}

.footer-widget .tagcloud a:hover {
  color: var(--bd-common-white);
}

.footer-widget ul li {
  margin-bottom: 10px;
}

.footer-widget ul li a:hover {
  color: var(--bd-theme-primary);
}

.widget-title.mb-50 {
  margin-bottom: 35px;
}

.postbox_text {
  border: 2px solid #ededed;
  padding-inline-start: 50px;
  padding-bottom: 50px;
  padding-inline-end: 40px;
  transition: 0.3s;
  padding-top: 40px;
}

.post-meta span {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-weight: 500;
  text-transform: capitalize;
  margin-inline-end: 20px;
  font-size: 16px;
  display: inline-block;
  color: #747ca2;
}
.post-meta span i {
  color: var(--bd-theme-primary);
  font-size: 14px;
  margin-inline-end: 2px;
}
.post-meta a {
  font-weight: 500;
  color: #747ca2;
}
.post-meta a:hover {
  color: var(--bd-theme-primary);
}

.widget-title-box {
  text-align: center;
}

header ul,
footer ul {
  list-style: none;
}

.page-content .post-entry > p {
  margin: 32px 0;
  margin-top: 0;
}

.wp-block-quote,
blockquote {
  margin: 40px 0 !important;
  color: var(--bd-text-tertiary);
  position: relative;
  font-style: normal;
  clear: both;
  font-weight: 400;
  border: 0;
  padding: 32px 60px 35px;
  background: var(--bd-bg-secondary);
  border-radius: 8px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wp-block-quote,
  blockquote {
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
@media (max-width: 575px) {
  .wp-block-quote,
  blockquote {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media (max-width:450px) {
  .wp-block-quote,
  blockquote {
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}
.wp-block-quote p,
blockquote p {
  margin-bottom: 0 !important;
  line-height: 1.5;
  font-size: 22px;
  letter-spacing: -0.2px;
  padding-inline-start: 60px;
  color: var(--bd-text-tertiary);
}
@media (max-width: 575px) {
  .wp-block-quote p,
  blockquote p {
    font-size: 20px;
  }
}

.wp-block-quote:before,
blockquote::before {
  content: "\f10d";
  position: static;
  font-family: "Font Awesome 6 Pro";
  font-size: 70px;
  color: var(--bd-theme-primary);
  line-height: 1;
  display: inline-block;
}

.wp-block-quote cite,
blockquote cite {
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--bd-theme-primary);
  position: relative;
  padding-inline-start: 50px;
}

.wp-block-quote cite:before,
blockquote cite::before {
  content: "";
  display: inline-block;
  background: var(--bd-theme-primary);
  height: 1px;
  width: 40px;
  top: -4px;
  margin-inline-end: 10px;
  position: relative;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
  font-size: 22px;
  color: var(--bd-text-tertiary);
}

.post-quote.format-quote .post-content blockquote {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
}

/*custom */
.widget-post-title {
  line-height: 1.4;
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600;
}

.rc-post .mb-20:last-child {
  margin: 0;
}
.rc-post__thumb {
  width: 150px;
  height: 90px;
  border-radius: 5px;
  overflow: hidden;
}
.rc-post__thumb img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.rc-post__title {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--bd-common-black);
  margin-bottom: 5px;
  text-transform: capitalize;
}
.rc-post__title:hover {
  color: var(--bd-theme-primary);
}
.rc-post span a {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--bd-text-body);
}

.rc-meta.widget-post-meta {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.post-area .widget ul {
  padding: 0;
  margin: 0;
}

.post-area .recentcomments a::after {
  display: none;
}

.sidebar-widget.widget_rss ul li::after {
  content: none;
}

.post-area .widget ul li {
  margin-bottom: 10px;
}
.post-area .widget ul li:last-child {
  margin-bottom: 0;
}

.post-area .widget ul li a {
  padding-inline-start: 0px;
  position: relative;
  color: var(--bd-text-body);
  text-transform: capitalize;
}

.post-area .widget ul li a:hover {
  color: var(--bd-theme-primary);
}

.blog__item.sticky {
  position: relative !important;
}

.blog__item.sticky::before {
  position: absolute;
  content: "\f5a2";
  inset-inline-end: 25px;
  top: 25px;
  font-family: "Font Awesome 5 Pro";
  color: var(--bd-theme-primary);
  font-size: 35px;
}

.post-content img {
  max-width: 100%;
  margin: 25px 0;
}

.widget_text.services__widget.widget_custom_html {
  padding: 0;
  background: none;
}

.post-comment-form {
  clear: both;
}

.single-post .bd-page-title .breadcrumb-title {
  font-size: 48px;
}

.post-input input,
.post-input textarea {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  text-transform: capitalize;
}
.post-input input:focus,
.post-input textarea:focus {
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.post-details-wrapper .post-input input,
.post-details-wrapper .post-input 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);
}
.post-details-wrapper .post-input input:focus,
.post-details-wrapper .post-input textarea:focus {
  border-color: var(--bd-theme-primary);
}

.post-details-wrapper .post-input textarea,
.post-input textarea {
  height: 180px;
  resize: none;
  padding-top: 25px;
  padding-bottom: 25px;
}

.post-area .post-item-meta ul {
  padding-inline-start: 0;
}

.page-template-default .post-input textarea {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  div.latest-comments ul li ul.children {
    padding-inline-start: 0;
  }
}
/*widget block*/
.widget.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li a:before,
.widget.widget_recent_comments ul li a:before,
.widget.widget_recent_entries ul li a:before,
.widget.widget_rss ul li a:before {
  display: none;
}

.widget.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li a,
.widget.widget_block .wp-block-latest-comments li a,
.widget.widget_recent_comments ul li a,
.widget.widget_recent_entries ul li a,
.widget.widget_rss ul li a {
  padding-inline-start: 0;
  line-height: 1.4;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 16px;
  color: var(--bd-text-body);
  transition: 0.3s linear;
}

.widget.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li a:hover,
.widget.widget_block .wp-block-latest-comments li a:hover,
.widget.widget_recent_comments ul li a:hover,
.widget.widget_recent_entries ul li a:hover,
.widget.widget_rss ul li a:hover {
  color: var(--bd-theme-primary);
}

.wp-block-archives-dropdown label {
  margin-bottom: 10px;
}

ul.wp-block-rss {
  list-style: disc;
}

.widget .wp-block-social-links li a::after {
  display: none;
}

.wp-block-latest-comments__comment a:hover {
  color: var(--bd-theme-primary);
}

.footer-widget.widget_block h2,
.footer-widget .wp-block-search__label,
.widget.widget_block h2,
.widget .wp-block-search__label {
  position: relative;
  display: block;
  text-transform: capitalize;
  font-family: var(--bd-ff-heading);
  color: var(--bd-text-primary);
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 25px;
}

.widget .wp-block-latest-comments__comment-date {
  font-size: 16px;
}

.blocks-gallery-caption {
  margin-bottom: 40px;
}

.wp-block-pullquote {
  text-align: start;
}

.wp-block-column .wp-block-quote {
  border-inset-inline-start: 0;
  padding-inline-end: 30px;
}

.wp-block-image figcaption {
  color: var(--bd-text-body);
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  line-height: 27px;
}

.wp-block-pullquote.is-style-solid-color blockquote {
  display: inline-block;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  padding: 25px 35px 25px !important;
}

.wp-block-quote.has-text-align-right {
  border-inset-inline-end: 0;
  text-align: end;
  padding-inline-end: 35px;
}

.wp-block-pullquote cite {
  color: var(--bd-theme-primary) !important;
}

.wp-block-button.is-style-squared .wp-block-button__link {
  color: var(--bd-text-primary) !important;
  border-radius: 0;
}

.wp-block-archives-dropdown select,
.wp-block-categories-dropdown.wp-block-categories select {
  width: 250px;
  height: 50px;
  padding: 0 15px;
  margin-bottom: 20px;
  border: 1px solid #333;
  background: transparent;
  color: var(--bd-text-body);
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
  background-color: rgba(255, 255, 255, 0.1);
}

.wp-block-table.is-style-stripes {
  border-bottom: 1px solid #333;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  border: 0;
}

.wp-block-search .wp-block-search__inside-wrapper {
  position: relative;
}

.post-content .wp-block-search {
  margin-bottom: 30px;
}

.wp-block-search__inside-wrapper {
  border-radius: 50px;
}

.widget .wp-block-search .wp-block-search__input {
  color: var(--bd-common-white);
  width: 100%;
  height: 60px;
  border-radius: 8px;
  padding: 0 60px 0px 20px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0;
  flex-grow: 0;
  outline: none;
}
.widget .wp-block-search .wp-block-search__input:focus {
  border-color: var(--bd-theme-primary);
}

.widget .wp-block-search .wp-block-search__button {
  margin-inline-start: 0;
  font-size: 0;
  color: unset;
  border: 0;
  z-index: 5;
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
  min-width: 60px;
  min-height: 60px;
  background-color: transparent;
  border-radius: 0;
}
.widget .wp-block-search .wp-block-search__button::before {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  font-size: 16px;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-end: 20px;
  color: var(--bd-common-white);
}
.widget .wp-block-search .wp-block-search__button:hover::before, .widget .wp-block-search .wp-block-search__button:focus::before {
  color: var(--bd-theme-primary);
}

.wp-block-post-title {
  text-transform: capitalize;
}

.post-content .wp-block-media-text__media img {
  margin: 0;
}

/*footer block css*/
.footer-widget.widget_block h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--bd-text-primary);
}

.footer-widget.widget_block h2::before {
  display: none;
}

.footer-widget.widget_block.widget_tag_cloud a {
  border: 1px solid #878787;
  color: #878787;
  border-radius: 6px;
}

.footer-widget.widget_block.widget_tag_cloud a:hover {
  border-color: transparent;
  color: var(--bd-text-primary);
}

.wp-block-calendar table caption,
.wp-block-calendar table tbody {
  color: #878787;
}

.footer-widget.widget_search .wp-block-search__label {
  font-size: 22px;
  font-weight: 600;
  color: var(--bd-text-primary);
}

.footer-widget.widget_search .wp-block-search__label::before {
  display: none;
}

.footer-widget.widget_block .wp-block-latest-comments li a {
  font-size: 16px;
  font-weight: 400;
  color: #878787;
  display: inline-block;
  line-height: 1.5;
}

.footer-widget.widget_block .wp-block-latest-comments li a.wp-block-latest-comments__comment-author {
  color: var(--bd-text-primary);
}

.footer-widget.widget_block .wp-block-latest-comments li a:hover {
  color: var(--bd-text-primary);
}

.wp-block-group.has-background {
  padding: 1.25em 2.375em;
}

.wp-block-group.has-black-border-color {
  border-color: #333333 !important;
}

:where(.wp-block-file__button) {
  padding: 0.5em 1em !important;
}

.wp-block-tag-cloud span,
.tagcloud span {
  margin-inline-end: 12px;
}
.wp-block-tag-cloud a,
.tagcloud a {
  font-size: 16px !important;
  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-body);
  text-align: center;
  margin-bottom: 6px;
}
.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
  background: var(--bd-theme-primary);
  color: var(--bd-common-white);
  border-color: var(--bd-theme-primary);
}

.post-details .post-thumb {
  margin-bottom: 20px;
}
.post-details .post-share .post-social {
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .post-details .post-share .post-social {
    justify-content: flex-start;
  }
}
.post-details .post-content p {
  margin-bottom: 15px;
}

.post-details-title {
  display: block;
}

.post-pagination ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0;
}
.post-pagination ul li {
  list-style: none;
  transition: 0.3s linear;
}
.post-pagination ul li a,
.post-pagination ul li span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid var(--bd-border-primary);
  font-size: 18px;
  font-weight: 600;
  color: var(--bd-text-tertiary);
  border-radius: 50%;
  background-color: transparent;
  transition: all 0.3s 0s ease-out;
}
.post-pagination ul li:hover a {
  background: var(--bd-theme-primary);
  color: var(--bd-common-white);
  border-color: transparent;
}
.post-pagination ul li span.current {
  background: var(--bd-theme-primary);
  color: var(--bd-common-white);
  border-color: transparent;
}
.post-pagination ul li span.page-numbers.dots {
  line-height: 41px;
}

.post-thumb .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  background: var(--bd-text-primary);
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--bd-theme-primary);
  animation: pulse 2s ease infinite;
}

.play-icon:hover {
  color: var(--bd-text-primary);
  background: var(--bd-theme-primary);
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--bd-text-primary);
  }
  100% {
    box-shadow: 0 0 0 40px transparent;
  }
}
.post_gallery {
  overflow: hidden;
}

.swiper-post-button.slide-next {
  inset-inline-start: auto;
  inset-inline-end: 10px;
}

.swiper-post-button.slide-prev {
  inset-inline-start: 10px;
  inset-inline-end: auto;
}

.swiper-post-button:hover {
  background: var(--bd-theme-primary);
  color: var(--bd-text-primary);
}

.swiper-post-button {
  position: absolute;
  top: 50%;
  color: var(--bd-theme-primary);
  content: "";
  z-index: 999;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background: var(--bd-text-primary);
  text-align: center;
  line-height: 60px;
  transform: translateY(-50%);
  transition: 0.3s;
  cursor: pointer;
}

.comments-box {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 20px;
  border-bottom: 1px solid var(--bd-border-primary);
  border-radius: 0px;
  padding: 20px 0;
  padding-bottom: 20px;
  padding-bottom: 40px;
  margin-bottom: 5px;
}
@media (max-width:450px) {
  .comments-box {
    grid-template-columns: 1fr;
  }
}
.comments-box .comments-avatar {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  overflow: hidden;
}
.comments-box .comments-avatar img {
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.comments-text {
  overflow: hidden;
}

.comments-text .avatar-name {
  margin-bottom: 15px;
}
.comments-text .avatar-name h5 {
  text-transform: capitalize;
  margin-bottom: 5px;
  color: var(--bd-common-white);
}

.comments-text > p {
  margin-bottom: 15px;
}

.comments-text ul li,
.comments-text ol li {
  padding-top: 5px;
}

.comment-reply-link {
  font-weight: 400;
  font-size: 14px;
  color: var(--bd-common-white);
  padding: 7px 15px;
  border: 1px solid var(--bd-border-secondary);
  border-radius: 30px;
  height: 40px;
  display: inline-block;
}

.post-details-wrapper ul li .comment-reply-link:hover {
  background-color: var(--bd-theme-primary);
  color: var(--bd-common-white);
  border-color: var(--bd-theme-primary);
}

.comments-box blockquote {
  background: rgba(255, 255, 255, 0.06);
}

.latest-comments .children li {
  list-style: none;
  margin-top: 20px;
  padding-top: 0;
}

/*comment-reply*/
.logged-in-as {
  margin-bottom: 35px;
}

.post-content .wp-block-post-comments-form {
  margin-bottom: 30px;
}

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

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

.sidebar-widget.widget:last-child {
  margin: 0;
}

.wp-block-latest-comments {
  margin: 0 !important;
}

@media (max-width: 590px) {
  .post-avatar {
    grid-template-columns: auto;
  }
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  color: var(--bd-text-primary);
}

.post-content h4 {
  margin-bottom: 20px;
}

.comments-text h1,
.comments-text h2,
.comments-text h3,
.comments-text h4,
.comments-text h5,
.comments-text h6 {
  color: var(--bd-text-primary);
}

.post-content .wp-block-group p {
  margin: 0;
  color: var(--bd-text-body);
}

.sidebar-widget #menu-testing-menu li::after,
.sidebar-widget.widget_pages li::after,
.sidebar-widget.widget_categories li::after {
  top: 12px;
  transform: translateY(0);
}

.page-content .post-entry h1,
.page-content .post-entry h2,
.page-content .post-entry h3,
.page-content .post-entry h4,
.page-content .post-entry h5,
.page-content .post-entry h6 {
  color: var(--bd-text-primary);
}

.fa,
.fas {
  font-family: "Font Awesome 6 Pro" !important;
}

/*----------------------------------------*/
/*  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);
  inset-inline-start: -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-inline-end: 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-inline-start: 25px;
}
.topbar__social:not(:first-child):before {
  position: absolute;
  content: "";
  height: 13px;
  width: 1px;
  background: rgba(255, 255, 255, 0.3);
  inset-inline-start: -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-inline-end: 20px;
}
.header__lang-item > span:hover {
  cursor: pointer;
}
.header__lang-item > span::after {
  position: absolute;
  content: "\f107";
  font-family: var(--bd-ff-fontawesome);
  margin-inline-start: 7px;
}
.header__lang-item ul {
  position: absolute;
  top: 125%;
  inset-inline-end: 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 !important;
  inset-inline-start: 0;
  margin: auto;
  width: 100%;
  z-index: 99;
}

.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-inline-start: 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-inline-start: 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;
  inset-inline-start: 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;
  inset-inline-start: 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 {
    inset-inline-start: 40%;
    bottom: 25%;
  }
}
.banner__content {
  padding-inline-end: 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-inline-end: 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-inline-end: 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-inline-end: 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);
  inset-inline-start: 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;
  inset-inline-start: 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-inline-end: 0;
  margin-inline-end: -30px;
}
@media (max-width: 575px) {
  .banner__area.style-two .banner__content {
    margin-inline-end: 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-inline-start: 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-inline-start: 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-inline-end: 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-inline-end: 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;
  inset-inline-start: -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;
  inset-inline-end: -30px;
  z-index: 1;
  inset-inline-start: 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;
  inset-inline-start: -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-inline-end: 0;
}
.banner__area.style-five .banner__content p {
  max-width: 490px;
}
.banner__area.style-five .banner__thumb {
  position: relative;
  margin-inline-start: 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;
  inset-inline-start: -15px;
  inset-inline-end: 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;
  inset-inline-end: -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;
  inset-inline-start: 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 {
    inset-inline-start: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner__area.style-five .banner__shape-one {
    inset-inline-start: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__area.style-five .banner__shape-one {
    inset-inline-start: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__area.style-five .banner__shape-one {
    inset-inline-start: 50px;
    top: 45%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__area.style-five .banner__shape-one {
    inset-inline-start: 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;
  inset-inline-start: 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 {
    inset-inline-start: 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 {
    inset-inline-start: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__area.style-five .banner__shape-two {
    inset-inline-start: 20px;
    bottom: 90px;
  }
}
@media (max-width: 575px) {
  .banner__area.style-five .banner__shape-two {
    inset-inline-start: 20px;
    bottom: 30px;
  }
}
.banner__area.style-five .banner__shape-three {
  position: absolute;
  inset-inline-end: 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 {
    inset-inline-end: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner__area.style-five .banner__shape-three {
    inset-inline-end: 30px;
  }
}
@media (max-width: 575px) {
  .banner__area.style-five .banner__shape-three {
    inset-inline-end: 3px;
    top: 21%;
  }
}
.banner__area.style-five .banner__shape-four {
  position: absolute;
  bottom: 66px;
  inset-inline-end: 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 {
    inset-inline-end: 60px;
  }
}
@media (max-width: 575px) {
  .banner__area.style-five .banner__shape-four {
    bottom: 66px;
    inset-inline-end: 30px;
  }
}
.banner__area.style-six .banner-bg {
  position: absolute;
  content: "";
  width: 42%;
  height: 100%;
  background: linear-gradient(180deg, #4286f4 0%, #5e20dd 100%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
  inset-inline-end: 10px;
  inset-inline-start: 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;
    inset-inline-start: 0px;
    bottom: 0;
    top: unset;
    inset-inline-end: auto;
  }
}
@media (max-width: 575px) {
  .banner__area.style-six .banner-bg {
    width: 100%;
    height: 500px;
    inset-inline-start: 0px;
    bottom: 0;
    top: unset;
    inset-inline-end: auto;
  }
}
@media (max-width:450px) {
  .banner__area.style-six .banner-bg {
    width: 100%;
    height: 400px;
    inset-inline-start: 0px;
    bottom: 0;
    top: unset;
    inset-inline-end: auto;
  }
}
.banner__area.style-six .banner__content {
  padding-inline-end: 0;
}
.banner__area.style-six .banner__content p {
  max-width: 490px;
}
.banner__area.style-six .banner__thumb {
  position: absolute;
  z-index: 5;
  width: 42%;
  inset-inline-start: auto;
  inset-inline-end: 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-inline-start: 10px;
  }
}
@media (max-width: 575px) {
  .banner__area.style-six .banner__thumb {
    position: relative;
    height: 500px;
    width: 100%;
    margin-inline-start: 10px;
  }
}
@media (max-width:450px) {
  .banner__area.style-six .banner__thumb {
    position: relative;
    height: 400px;
    width: 100%;
    margin-inline-start: 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;
  inset-inline-start: 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-inline-end: 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-inline-end: 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;
  inset-inline-start: 40px;
}
.banner__navigation button.slider__button-next {
  inset-inline-start: auto;
  inset-inline-end: 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;
  inset-inline-start: 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, #4286f4 27.31%, #fff 73.17%);
  background-image: -moz-linear-gradient(291.09deg, #4286f4 27.31%, #fff 73.17%);
  background-image: -ms-linear-gradient(291.09deg, #4286f4 27.31%, #fff 73.17%);
  background-image: -o-linear-gradient(291.09deg, #4286f4 27.31%, #fff 73.17%);
  background-image: linear-gradient(291.09deg, #4286f4 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%;
}

.bd-wave-2 {
  top: 35px;
}

.bd-wave {
  animation: inherit !important;
}

.light-demo .home__menu-thumb {
  border: 1px solid #dbdbdb !important;
}

.generic-mobile-menu .home__menu-grid {
  padding: 10px !important;
}

.porlu-light-inner .demo-item .solo-demo a {
  background: #f5f5f5 !important;
}

.porlu-light-inner .demo-item .solo-demo a .content .title {
  color: #03041C !important;
}

/* 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: 300px;
  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: "";
  inset-inline-start: 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.menu-last .sub-menu {
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.main-menu ul li.menu-last .sub-menu li .submenu {
  inset-inline-end: 100%;
  inset-inline-start: auto;
}
.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: "";
  inset-inline-start: 0;
  inset-inline-end: 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;
  inset-inline-start: 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;
  inset-inline-start: 0;
  inset-inline-end: 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: 1200px) {
  .home__menu-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

#header-wrap .elementor-element.e-con .elementor-widget {
  position: static;
}

.bdevs-generic-el .side-info-close {
  font-size: 30px;
}
.bdevs-generic-el.generic-main-menu-wrapper .generic-main-menu ul li.menu-item-has-children > a::after {
  display: none;
}
.bdevs-generic-el.generic-main-menu-wrapper .generic-main-menu nav ul li > a::before {
  width: 0;
  height: 2px;
  position: absolute;
  content: "";
  background: var(--bd-theme-primary);
  bottom: 35px;
  transition: 0.3s;
}
.bdevs-generic-el.generic-main-menu-wrapper .generic-main-menu nav ul li > a:hover::before {
  width: 100%;
}
.bdevs-generic-el.generic-main-menu-wrapper .generic-main-menu nav ul li.has-mega-menu {
  position: static;
}
.bdevs-generic-el.generic-main-menu-wrapper .generic-main-menu nav ul li.has-mega-menu .sub-menu.mega-menu {
  top: 100%;
  inset-inline-start: 0;
  inset-inline-end: 0;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 !important;
}
.bdevs-generic-el.generic-main-menu-wrapper .generic-main-menu nav ul li.has-mega-menu .sub-menu.mega-menu li {
  padding: 0 !important;
}
@media (max-width: 1200px) {
  .bdevs-generic-el.generic-main-menu-wrapper .generic-main-menu nav ul li.has-mega-menu .sub-menu.mega-menu {
    border: 0 !important;
  }
}
.bdevs-generic-el.generic-main-menu-wrapper .generic-main-menu nav ul li .sub-menu {
  top: 100%;
}
.bdevs-generic-el.generic-main-menu-wrapper .generic-main-menu nav ul li .sub-menu li a::before {
  display: none;
}
.bdevs-generic-el.generic-main-menu-wrapper .generic-main-menu nav ul li .sub-menu li a::after {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 50%;
  bottom: auto;
  width: 0;
  height: 1px;
  background-color: var(--bd-theme-primary);
}
.bdevs-generic-el.generic-main-menu-wrapper .generic-main-menu nav ul li .sub-menu li:hover > a {
  padding-inline-start: 18px;
}
.bdevs-generic-el.generic-main-menu-wrapper .generic-main-menu nav ul li .sub-menu li:hover > a::after {
  width: 12px;
}
.bdevs-generic-el .mean-container .mean-nav ul li a {
  color: var(--bd-text-lightest);
}
.bdevs-generic-el .mean-container .mean-nav ul li a.mean-expand {
  border-radius: 0;
}
.bdevs-generic-el .mean-container .mean-nav ul li a.mean-expand:hover {
  border-color: var(--bd-theme-primary);
}

.mega-menu-inner .mega-menu-title {
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--bd-text-lightest);
  cursor: text;
  padding: 0;
  display: block !important;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--bd-border-primary);
  padding-bottom: 5px;
}
.bd-theme-light .mega-menu-inner .mega-menu-title {
  color: var(--bd-text-body);
}
.mega-menu-inner .menu-list a {
  display: block !important;
  font-weight: 500;
  color: var(--bd-text-lightest);
  text-transform: capitalize;
  padding: 0;
  position: relative;
}
.mega-menu-inner .menu-list a:not(:last-child) {
  margin-bottom: 10px;
}
.bd-theme-light .mega-menu-inner .menu-list a {
  color: var(--bd-text-body);
}
.mega-menu-inner .menu-list a::after {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 50%;
  bottom: auto;
  width: 0;
  height: 1px;
  background-color: var(--bd-theme-primary);
}
.mega-menu-inner .menu-list a:hover {
  padding-inline-start: 18px !important;
  color: var(--bd-theme-primary);
}
.mega-menu-inner .menu-list a:hover::after {
  width: 12px !important;
}

@media (max-width: 1201px) {
  .generic-mobile-menu nav ul li.has-mega-menu > .mega-menu .e-flex.e-con.e-parent {
    display: block;
    padding: 0;
  }
  .generic-mobile-menu nav ul li.has-mega-menu > .mega-menu .e-con-full.e-flex,
  .generic-mobile-menu nav ul li.has-mega-menu > .mega-menu .e-con.e-flex > .e-con-inner {
    flex-direction: column;
  }
  .generic-mobile-menu nav ul li.has-mega-menu > .mega-menu .e-con-full.e-flex .mega-menu-inner a.mega-menu-title,
  .generic-mobile-menu nav ul li.has-mega-menu > .mega-menu .e-con.e-flex > .e-con-inner .mega-menu-inner a.mega-menu-title {
    border-bottom: 0;
  }
  .generic-mobile-menu nav ul li.has-mega-menu > .mega-menu .e-con-full.e-flex .mega-menu-inner .menu-list a,
  .generic-mobile-menu nav ul li.has-mega-menu > .mega-menu .e-con.e-flex > .e-con-inner .mega-menu-inner .menu-list a {
    width: 100%;
    margin: 0;
  }
  .generic-mobile-menu nav ul li.has-mega-menu > .mega-menu .e-con-full.e-flex .mega-menu-inner .menu-list a::after,
  .generic-mobile-menu nav ul li.has-mega-menu > .mega-menu .e-con.e-flex > .e-con-inner .mega-menu-inner .menu-list a::after {
    display: none;
  }
  .home__menu-grid .home__menu-item:last-child {
    margin-bottom: 20px;
  }
  .generic-main-menu nav#generic-mobile-menu {
    display: none !important;
  }
}
/*----------------------------------------*/
/*  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;
  inset-inline-end: 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: start;
  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;
  inset-inline-end: 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 * {
  -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-inline-start: 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-inline-start: 20px;
  padding-inline-end: 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;
  inset-inline-end: 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-inline-end: 20px;
}
.tp-main-menu-mobile ul li > a > i {
  display: inline-block;
  width: 11%;
  margin-inline-end: 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-inline-start: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-inline-start: 0;
  padding-inline-end: 20px;
}
.tp-main-menu-mobile ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-inline-start: 0;
  padding-inline-end: 20px;
}
.tp-main-menu-mobile ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-inline-start: 0;
  padding-inline-end: 20px;
}
.tp-main-menu-mobile ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-inline-start: 0;
  padding-inline-end: 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-inline-end: 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;
  inset-inline-start: 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;
  inset-inline-start: 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;
  top: 20px;
  inset-inline-start: 20px;
}
.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;
  inset-inline-start: 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;
  inset-inline-start: 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-inline-end: 5px;
  color: var(--bd-theme-primary);
}
.blog__meta.style-one {
  position: absolute;
  bottom: 10px;
  inset-inline-end: 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);
}

.bd-blog__area.blog-masonary .grid-item .blog__thumb {
  height: 370px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog__area.blog-masonary .grid-item .blog__thumb {
    height: auto;
  }
}
.bd-blog__area.blog-masonary .grid-item .blog__thumb img {
  height: 100% !important;
  object-fit: cover;
}

.postbox__area .blog__thumb {
  height: 300px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .postbox__area .blog__thumb {
    height: auto;
  }
}
.postbox__area .blog__thumb img {
  height: 100% !important;
  object-fit: cover;
}

/*----------------------------------------*/
/*  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-inline-end: 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 {
  inset-inline-end: 0;
  inset-inline-start: 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-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
@media (max-width: 575px) {
  .postbox__wrapper.style-two .postbox__quote {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media (max-width:450px) {
  .postbox__wrapper.style-two .postbox__quote {
    padding-inline-start: 25px;
    padding-inline-end: 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 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__quote blockquote::before {
  display: none;
}
.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-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
@media (max-width: 575px) {
  .postbox__wrapper.style-three .postbox__quote {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media (max-width:450px) {
  .postbox__wrapper.style-three .postbox__quote {
    padding-inline-start: 25px;
    padding-inline-end: 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 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__wrapper.style-three .postbox__author {
  background: transparent;
  border: 1px solid var(--bd-border-primary);
}
.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-inline-start: 15px;
  position: relative;
}
.postbox__features ul li::after {
  position: absolute;
  content: "";
  inset-inline-start: 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;
}
.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: end;
}
.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-inline-end: 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-inline-end: 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 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .postbox__author {
    grid-template-columns: auto;
  }
}
.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-inline-start: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__comment ul.children {
    margin-inline-start: 40px;
  }
}
@media (max-width: 575px) {
  .postbox__comment ul.children {
    margin-inline-start: 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;
}

.post-details-wrapper .postbox__thumb img {
  border-radius: 8px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__wrapper.style-two .blog__item.style-five .blog__meta {
    gap: 10px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__wrapper.style-two .blog__item.style-five .blog__meta {
    gap: 10px 18px;
  }
}
@media (max-width:450px) {
  .postbox__wrapper.style-two .blog__item.style-five .blog__meta {
    gap: 10px 20px;
  }
}
.postbox__wrapper.style-three .latest-comments .children li {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--bd-border-primary);
}
.postbox__wrapper.style-three .post-comment-form {
  background: var(--bd-bg-secondary);
  padding: 40px 40px 40px;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .postbox__wrapper.style-three .post-comment-form {
    padding: 40px 25px 40px;
  }
}

.postbox__quote blockquote {
  text-align: center;
}
.postbox__quote blockquote img {
  margin-top: 0;
}
.postbox__quote blockquote::before {
  display: none;
}
.postbox__quote blockquote p {
  padding: 0;
}

/*----------------------------------------*/
/*  5.4 Sidebar css
/*----------------------------------------*/
.sidebar-wrapper {
  padding-inline-start: 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-inline-start: 0;
  }
}
.sidebar-search {
  position: relative;
}
.sidebar-search button {
  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 {
  font-weight: 500;
  color: var(--bd-text-body);
}
.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;
}

/*----------------------------------------*/
/*  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);
  }
}
.footer-widget-title {
  margin-bottom: 25px;
}
.footer-widget ul li {
  list-style: none;
}
.footer-widget ul li:not(:last-child) {
  margin-bottom: 14px;
}
.footer-widget ul li a {
  font-size: 16px;
  position: relative;
}
.footer-widget 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);
  inset-inline-end: 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;
  inset-inline-start: 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: rgb(204, 204, 204);
  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%;
  inset-inline-start: 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 {
    inset-inline-start: 30px;
  }
}
.slider__navigation button:hover {
  background-color: var(--bd-theme-primary);
  color: var(--bd-common-white);
  border-color: transparent;
}
.slider__navigation .slider__button-next {
  inset-inline-start: auto;
  inset-inline-end: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__navigation .slider__button-next {
    inset-inline-end: 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: rgb(255, 255, 255);
}
.bd-theme-light .bd-slider-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(6, 6, 6);
}
.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: rgb(255, 255, 255);
}

.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, rgb(103, 74, 217) 0%, rgb(251, 81, 65) 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;
  inset-inline-start: -117px;
}
.slider__glow-two .glow-two {
  background: linear-gradient(-90deg, rgb(101, 73, 213) 0%, rgb(251, 83, 67) 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;
  inset-inline-end: -120px;
  filter: blur(200px);
  z-index: 2;
}

.slider__thumb-bg-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 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;
  inset-inline-start: 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;
  inset-inline-start: 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 {
  inset-inline-start: 90px;
}
.slider-navigation-2 .slider__button-next {
  inset-inline-start: auto !important;
  inset-inline-end: 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;
  inset-inline-start: 0;
  bottom: -4px;
  inset-inline-end: 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, rgb(30, 32, 34) 0%, rgb(47, 60, 72) 100%);
  inset-inline-start: 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;
  inset-inline-start: auto;
  inset-inline-end: 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%;
  inset-inline-start: 0;
  inset-inline-end: 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, #4286f4 0.7%, #6409d8 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%;
  inset-inline-start: 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;
  inset-inline-start: 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-inline-end: 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-inline-end: 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-inline-end: 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%;
  inset-inline-end: 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;
  inset-inline-end: 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 {
    inset-inline-end: 0;
  }
}
.about__shape-three {
  position: absolute;
  inset-inline-start: 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 {
    inset-inline-start: 15px;
    top: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__shape-three {
    inset-inline-start: 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;
    inset-inline-start: 10px;
  }
}
.about__shape-four {
  position: absolute;
  inset-inline-end: 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 {
    inset-inline-end: 70px;
    bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about__shape-four {
    inset-inline-end: 75px;
    bottom: 60px;
  }
}
@media (max-width:450px) {
  .about__shape-four {
    inset-inline-end: 40px;
    bottom: 60px;
  }
}
.about__thumb {
  position: relative;
  z-index: 4;
}
.about__thumb::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: -20px;
  inset-inline-start: -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-inline-start: 20px;
  margin-inline-end: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__thumb-wrapper {
    margin-inline-end: 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-inline-end: 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-inline-end: 50px;
  padding-inline-start: 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-inline-end: 0;
    padding-inline-start: 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;
  inset-inline-end: -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 {
    inset-inline-end: -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;
    inset-inline-end: -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;
    inset-inline-end: 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;
  inset-inline-start: -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;
    inset-inline-start: 0;
  }
}
@media (max-width: 575px) {
  .about__thumb-wrapper.style-two .about__experience {
    max-width: 150px;
    inset-inline-start: 10px;
  }
}
@media (max-width:450px) {
  .about__thumb-wrapper.style-two .about__experience {
    max-width: 100%;
    inset-inline-start: 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;
  inset-inline-start: -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-inline-end: 20px;
  margin-inline-start: 125px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__thumb-wrapper.style-three {
    margin-inline-start: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__thumb-wrapper.style-three {
    margin-inline-start: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__thumb-wrapper.style-three {
    margin-inline-start: 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-inline-start: 80px;
  }
}
@media (max-width:450px) {
  .about__thumb-wrapper.style-three {
    margin-inline-start: 0px;
  }
}
.about__thumb-wrapper.style-three .about__thumb {
  margin: 0;
}
.about__thumb-wrapper.style-three .about__thumb::before {
  inset-inline-end: -20px;
  inset-inline-start: auto;
  background: linear-gradient(150deg, #4286f4 0.4%, #6409d8 99.75%);
}
.about__thumb-wrapper.style-three .counter__wrap {
  position: absolute;
  bottom: 30px;
  z-index: 5;
  inset-inline-start: -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 {
    inset-inline-start: -80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width:450px) {
  .about__thumb-wrapper.style-three .counter__wrap {
    inset-inline-start: 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-inline-end: 50px;
  margin-bottom: 30px;
  margin-inline-start: 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-inline-end: 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-inline-end: 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;
  inset-inline-start: -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;
  inset-inline-start: 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 {
    inset-inline-start: 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;
    inset-inline-start: 0;
  }
}
@media (max-width: 575px) {
  .about__thumb-wrapper.style-four .about__counter-wrapper {
    flex-wrap: unset;
    inset-inline-start: 10px;
  }
}
@media (max-width:450px) {
  .about__thumb-wrapper.style-four .about__counter-wrapper {
    display: block;
    padding: 10px 20px 15px;
    inset-inline-start: 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;
  inset-inline-start: 30px;
  top: 30px;
  border-radius: 20px;
  border: 2px solid transparent;
  background: linear-gradient(142.74deg, rgb(75, 100, 236) 0%, rgb(95, 27, 220) 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, rgb(75, 100, 236) 0%, rgb(95, 27, 220) 100%) content-box content-box, linear-gradient(142.74deg, rgb(75, 100, 236) 0%, rgb(95, 27, 220) 100%);
  -webkit-mask-composite: destination-out;
  mask-image: linear-gradient(142.74deg, rgb(75, 100, 236) 0%, rgb(95, 27, 220) 100%), linear-gradient(142.74deg, rgb(75, 100, 236) 0%, rgb(95, 27, 220) 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 {
    inset-inline-start: 20px;
    top: 20px;
  }
}
.about__thumb-wrapper.style-five .counter__wrap {
  position: absolute;
  top: -30px;
  z-index: 5;
  border: 8px solid var(--bd-bg-primary);
  inset-inline-start: -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;
  inset-inline-start: -10px;
  top: -10px;
  border-radius: 8px;
  border: 2px dashed #121314;
  background: linear-gradient(142.74deg, rgb(75, 100, 236) 0%, rgb(95, 27, 220) 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, rgb(75, 100, 236) 0%, rgb(95, 27, 220) 100%) content-box content-box, linear-gradient(142.74deg, rgb(75, 100, 236) 0%, rgb(95, 27, 220) 100%);
  -webkit-mask-composite: destination-out;
  mask-image: linear-gradient(142.74deg, rgb(75, 100, 236) 0%, rgb(95, 27, 220) 100%), linear-gradient(142.74deg, rgb(75, 100, 236) 0%, rgb(95, 27, 220) 100%);
  mask-composite: exclude;
}
.about__thumb-wrapper.style-six .counter__wrap {
  position: absolute;
  top: 30px;
  z-index: 5;
  inset-inline-start: -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: 130px;
    height: 130px;
    padding: 18px 17px;
    inset: 0;
    top: auto;
  }
}
.about__thumb-wrapper.style-seven {
  margin: 0;
  margin-inline-end: 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;
  inset-inline-end: -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);
  inset-inline-start: 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);
  inset-inline-start: -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;
  inset-inline-start: -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;
  inset-inline-start: -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-inline-end: 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-inline-end: 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-inline-start: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__content.style-two {
    padding-inline-start: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__content.style-two {
    padding-inline-start: 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-inline-start: 0;
  }
}
.about__content.style-three {
  padding: 0;
  padding-inline-end: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about__content.style-three {
    padding-inline-end: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__content.style-three {
    padding-inline-end: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__content.style-three {
    padding-inline-end: 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-inline-end: 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-inline-end: 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-inline-end: 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-inline-end: 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-inline-end: 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-inline-end: 0;
  padding-inline-start: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__content.style-six {
    padding-inline-start: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), sm, (max-width: 575px) {
  .about__content.style-six {
    padding-inline-start: 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);
  inset-inline-start: 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-inline-end: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content.style-seven {
    padding-inline-end: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about__content.style-seven {
    padding-inline-end: 0px;
  }
}
.about__content.style-eight {
  padding-inline-end: 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-inline-end: 30px;
}
@media (max-width:450px) {
  .about__counter-info:first-child {
    padding-inline-end: 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);
  inset-inline-end: 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-inline-end: 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-inline-end: 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, #4286f4 2.1%, #6409d8 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;
  inset-inline-start: 0px;
  z-index: -1;
}
.team__item.style-five .team__social::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  background: var(--bd-theme-primary);
  inset-inline-start: 0;
  bottom: 0;
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  border-radius: 8px !important;
}
.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;
  inset-inline-start: -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;
  inset-inline-start: 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%;
  inset-inline-start: 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-inline-start: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team__details-content {
    padding-inline-start: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team__details-content {
    padding-inline-start: 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-inline-end: 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-inline-end: 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-inline-start: 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-inline-start: 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-inline-start: 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-inline-end: 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-inline-end: 0;
  }
}
.contact__bg {
  position: absolute;
  top: 0;
  inset-inline-start: 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;
  inset-inline-end: -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 {
    inset-inline-end: -160px;
    bottom: 73px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__shape-one {
    inset-inline-end: -175px;
    bottom: -10px;
  }
}
@media (max-width: 575px) {
  .contact__shape-one {
    display: none;
  }
}
.contact__shape-two {
  position: absolute;
  inset-inline-end: 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 {
    inset-inline-end: 40px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__shape-two {
    inset-inline-end: -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-inline-start: 45px;
  padding-inline-end: 50px;
}
.login__form .form__input.style-two span {
  position: absolute;
  top: 50%;
  inset-inline-start: 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%;
  inset-inline-end: 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: "";
  inset-inline-start: 100%;
  top: 10px;
  width: 30px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}
.login__social-header::before {
  inset-inline-start: auto;
  inset-inline-end: 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-inline-end: 5px;
}
@media (max-width: 575px) {
  .login__social-item a:not(:last-child) {
    margin-inline-end: 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-inline-end: -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-inline-end: -300px;
  }
}
@media (max-width: 575px) {
  .portfolio__wrapper.style-three .portfolio__active-two {
    margin-inline-end: 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;
  inset-inline-start: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__wrapper.style-six.portfolio-details .portfolio__navigation button.circle-btn {
    inset-inline-start: -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;
    inset-inline-start: 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;
    inset-inline-start: 0px;
  }
}
.portfolio__wrapper.style-six.portfolio-details .portfolio__navigation button.portfolio__button-next {
  inset-inline-start: auto;
  inset-inline-end: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__wrapper.style-six.portfolio-details .portfolio__navigation button.portfolio__button-next {
    inset-inline-end: -10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__wrapper.style-six.portfolio-details .portfolio__navigation button.portfolio__button-next {
    inset-inline-end: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__wrapper.style-six.portfolio-details .portfolio__navigation button.portfolio__button-next {
    inset-inline-end: 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;
  inset-inline-start: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__wrapper.style-six .portfolio__navigation button {
    inset-inline-start: 230px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__wrapper.style-six .portfolio__navigation button {
    inset-inline-start: 110px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__wrapper.style-six .portfolio__navigation button {
    inset-inline-start: -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 {
  inset-inline-start: auto;
  inset-inline-end: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__wrapper.style-six .portfolio__navigation button.portfolio__button-next {
    inset-inline-end: 230px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__wrapper.style-six .portfolio__navigation button.portfolio__button-next {
    inset-inline-end: 110px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__wrapper.style-six .portfolio__navigation button.portfolio__button-next {
    inset-inline-end: -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: "";
  inset-inline-start: 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;
  inset-inline-start: 40px;
  inset-inline-end: 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 {
    inset-inline-start: 25px;
    inset-inline-end: 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;
}
@media (max-width: 575px) {
  .portfolio__item.style-two .portfolio__item-thumb {
    height: 370px;
  }
  .portfolio__item.style-two .portfolio__item-thumb img {
    height: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__item.style-two .portfolio__item-thumb {
    height: 500px;
  }
  .portfolio__item.style-two .portfolio__item-thumb img {
    height: 100%;
  }
}
.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;
  inset-inline-start: 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: "";
  inset-inline-start: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0.53deg, rgb(66, 134, 244) 0%, rgb(95, 29, 220) 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;
  inset-inline-start: 40px;
  inset-inline-end: 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 {
    inset-inline-start: 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;
  inset-inline-start: 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: "";
  inset-inline-start: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0.53deg, rgb(66, 134, 244) 0%, rgb(95, 29, 220) 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;
  inset-inline-start: 40px;
  inset-inline-end: 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 {
    inset-inline-start: 30px;
    inset-inline-end: 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: "";
  inset-inline-start: 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;
  inset-inline-start: 40px;
  inset-inline-end: 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 {
    inset-inline-start: 30px;
    inset-inline-end: 30px;
  }
}
@media (max-width:450px) {
  .portfolio__item.style-five .portfolio__item-content {
    inset-inline-start: 25px;
    inset-inline-end: 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;
    inset-inline-start: auto;
    inset-inline-end: 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;
  inset-inline-start: 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: "";
  inset-inline-start: 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;
  inset-inline-start: 60px;
  inset-inline-end: 60px;
  bottom: 55px;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
}
@media (max-width:450px) {
  .portfolio__item.style-six .portfolio__item-content {
    inset-inline-start: 40px;
    inset-inline-end: 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;
    inset-inline-end: 10px;
    inset-inline-start: 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 {
  height: 500px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio__item.style-seven .portfolio__item-thumb {
    height: auto;
  }
}
.portfolio__item.style-seven .portfolio__item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portfolio__item.style-seven .portfolio__item-thumb::before {
  position: absolute;
  content: "";
  inset-inline-start: 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;
  inset-inline-start: 40px;
  inset-inline-end: 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;
    inset-inline-start: auto;
    inset-inline-end: 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;
  inset-inline-start: 30px;
  inset-inline-end: 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;
  inset-inline-start: 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-inline-start: 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%;
  inset-inline-start: 0;
  transform: translateY(-50%);
}
.portfolio__navigation {
  position: absolute;
  inset-inline-start: 170px;
  z-index: 5;
  bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__navigation {
    inset-inline-start: 130px;
  }
}
.portfolio__details-meta {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 20px;
  margin-inline-start: 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-inline-start: 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-inline-end: 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-inline-end: 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-inline-end: 0;
}
.portfolio__details-info-wrapper .portfolio__details-meta {
  margin-inline-start: 0;
  margin-bottom: 40px;
}
.portfolio__details-img-list {
  margin-inline-end: 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-inline-end: 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;
  inset-inline-start: 0;
  inset-inline-end: 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-inline-end: 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-inline-end: 0;
  }
}

@media only screen and (min-width: 560px) and (max-width: 770px) {
  .about__thumb {
    height: 600px;
  }
  .about__thumb img {
    height: 100% !important;
  }
  .portfolio__item-thumb {
    height: 450px;
  }
  .portfolio__item-thumb img {
    height: 100% !important;
  }
}
/*----------------------------------------*/
/*  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;
  inset-inline-start: 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;
  inset-inline-start: -45px;
  top: -100px;
}
.cta__area.style-tow .cta__shape-seven {
  position: absolute;
  inset-inline-end: -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;
  inset-inline-start: 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%);
  inset-inline-start: 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-inline-end: 190px;
}
@media (max-width:450px) {
  .cta__input input {
    padding-inline-end: 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;
  inset-inline-end: 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;
  inset-inline-start: 40px;
  top: 50%;
}
.cta__shape-two {
  position: absolute;
  z-index: 1;
  inset-inline-start: 286px;
  top: 20px;
}
.cta__shape-three {
  position: absolute;
  z-index: 1;
  inset-inline-start: 210px;
  bottom: 20px;
}
.cta__shape-four {
  position: absolute;
  z-index: 1;
  inset-inline-end: 60px;
  top: 40px;
}
.cta__shape-five {
  position: absolute;
  z-index: 1;
  inset-inline-end: 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: 8px 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: var(--bd-theme-primary);
  color: var(--bd-common-white);
  border-radius: 8px;
}
.faq__tab-wrapper .faq-tab-slide {
  position: relative;
  z-index: 1;
  display: block;
}
.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 {
  inset-inline-end: 158px;
  width: 130px;
}
@media (max-width:450px) {
  .faq__tab-wrapper .faq-tab-slide #faq-tab-check:checked + i {
    inset-inline-end: auto;
    inset-inline-start: 0;
  }
}
.faq__tab-wrapper .faq-tab-slide i {
  position: absolute;
  top: -10px;
  inset-inline-end: 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;
  justify-content: space-between;
}

.faq__content {
  padding-inline-end: 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-inline-end: 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-inline-end: 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: "\f106";
}
.bd__faq .accordion-button::after {
  position: absolute;
  inset-inline-end: 30px;
  content: "\f107";
  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 {
    inset-inline-start: 20px;
  }
}
.bd__faq .accordion-body {
  color: var(--bd-common-white);
  padding-inline-end: 40px;
  padding-top: 0;
  padding-bottom: 30px;
  padding-inline-start: 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-inline-start: 30px;
    padding-inline-end: 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;
}
.bd__faq.faq__style-2 .accordion-item {
  border: 2px solid transparent;
  border-radius: 10px;
  overflow: hidden;
}
.bd__faq.faq__style-2 .accordion-item:not(:last-child) {
  margin-bottom: 20px;
}
.bd__faq.faq__style-2 .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) {
  .bd__faq.faq__style-2 .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) {
  .bd__faq.faq__style-2 .accordion-button {
    padding: 20px 20px 20px 20px;
  }
}
@media (max-width: 575px) {
  .bd__faq.faq__style-2 .accordion-button {
    padding: 15px 25px 15px 15px;
  }
}
.bd__faq.faq__style-2 .accordion-button:not(.collapsed) {
  padding: 30px 30px 0 30px;
  background-color: #232426;
}
@media (max-width: 575px) {
  .bd__faq.faq__style-2 .accordion-button:not(.collapsed) {
    padding: 20px 28px 10px 25px;
  }
}
@media (max-width:450px) {
  .bd__faq.faq__style-2 .accordion-button:not(.collapsed) {
    display: grid;
    row-gap: 15px;
  }
}
.bd-theme-light .bd__faq.faq__style-2 .accordion-button:not(.collapsed) {
  background: rgb(238, 238, 238);
}
.bd__faq.faq__style-2 .accordion-button:not(.collapsed)::after {
  color: var(--bd-theme-primary);
  top: 68%;
}
@media (max-width:450px) {
  .bd__faq.faq__style-2 .accordion-button:not(.collapsed)::after {
    top: 38%;
  }
}
.bd__faq.faq__style-2 .accordion-button:not(.collapsed) span {
  color: var(--bd-common-white);
  background-color: var(--bd-theme-primary);
}
.bd__faq.faq__style-2 .accordion-button::after {
  inset-inline-start: auto;
  inset-inline-end: 15px;
  top: 50%;
  background-color: transparent;
  border: none;
}
@media (max-width: 575px) {
  .bd__faq.faq__style-2 .accordion-button::after {
    inset-inline-end: 0px;
  }
}
.bd__faq.faq__style-2 .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-inline-end: 15px;
}
@media (max-width: 575px) {
  .bd__faq.faq__style-2 .accordion-button span {
    width: 45px;
    height: 45px;
  }
}
@media (max-width:450px) {
  .bd__faq.faq__style-2 .accordion-button span {
    margin-inline-end: 12px;
  }
}
.bd__faq.faq__style-2 .accordion-button span i {
  font-size: 32px;
}
@media (max-width: 575px) {
  .bd__faq.faq__style-2 .accordion-button span i {
    font-size: 22px;
  }
}
.bd__faq.faq__style-2 .accordion-body {
  padding: 0px 30px 30px 105px;
  background-color: #232426;
  color: #bfbfbf;
}
.bd__faq.faq__style-2 .accordion-body a {
  padding-top: 19px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 600;
}
@media (max-width:450px) {
  .bd__faq.faq__style-2 .accordion-body a {
    padding-top: 13px;
  }
}
.bd__faq.faq__style-2 .accordion-body a:hover {
  color: var(--bd-theme-primary);
}
.bd__faq.faq__style-2 .accordion-body a i {
  position: relative;
  top: 1px;
}
.bd-theme-light .bd__faq.faq__style-2 .accordion-body {
  background: rgb(238, 238, 238);
}
@media (max-width: 575px) {
  .bd__faq.faq__style-2 .accordion-body {
    padding: 0px 30px 30px 85px;
  }
}
@media (max-width:450px) {
  .bd__faq.faq__style-2 .accordion-body {
    padding: 0px 25px 20px;
  }
}
.bd__faq.faq__style-3 .accordion-button {
  padding: 30px 30px;
}
@media (max-width:450px) {
  .bd__faq.faq__style-3 .accordion-button {
    padding: 25px 75px;
    padding-inline-start: 25px;
  }
}
.bd-theme-light .bd__faq.faq__style-3 .accordion-button:not(.collapsed) {
  background: rgb(238, 238, 238);
}
.bd__faq.faq__style-3 .accordion-button::after {
  inset-inline-start: auto;
  inset-inline-end: 30px;
  top: 50%;
}
@media (max-width:450px) {
  .bd__faq.faq__style-3 .accordion-button::after {
    inset-inline-end: 25px;
  }
}
.bd__faq.faq__style-3 .accordion-button span {
  color: var(--bd-theme-primary);
  padding-inline-end: 3px;
  display: inline-block;
}
.bd__faq.faq__style-3 .accordion-body {
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  padding-top: 30px;
  background: transparent;
}
.bd-theme-light .bd__faq.faq__style-3 .accordion-body {
  background: rgb(238, 238, 238);
}
@media (max-width:450px) {
  .bd__faq.faq__style-3 .accordion-body {
    padding: 25px;
  }
}
.bd__faq.faq__style-3 .accordion-item {
  border: 1px solid var(--bd-border-primary);
  margin-bottom: 30px;
}
.bd__faq.faq__style-4 .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) {
  .bd__faq.faq__style-4 .accordion-button {
    font-size: 20px;
  }
}
.bd__faq.faq__style-4 .accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}
.bd__faq.faq__style-4 .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 .bd__faq.faq__style-4 .accordion-button:not(.collapsed) {
  background: var(--bd-bg-10);
}
.bd__faq.faq__style-4 .accordion-button:not(.collapsed)::after {
  display: none;
}
.bd__faq.faq__style-4 .accordion-button:not(.collapsed)::before {
  background-image: none;
  color: var(--bd-theme-primary);
  background-color: transparent;
  inset-inline-start: 0;
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  font-weight: 700;
}
.bd__faq.faq__style-4 .accordion-button::after {
  display: none;
}
.bd__faq.faq__style-4 .accordion-button::before {
  content: "+";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  color: var(--bd-theme-primary);
  background-image: none;
  inset-inline-start: 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%;
}
.bd__faq.faq__style-4 .accordion-body {
  padding: 0 0 25px 0px;
  color: #7f8387;
  background-color: transparent;
  border-radius: 0;
  font-size: 18px;
}
.bd-theme-light .bd__faq.faq__style-4 .accordion-body {
  background: var(--bd-bg-10);
}
@media (max-width:450px) {
  .bd__faq.faq__style-4 .accordion-body {
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}
.bd__faq.faq__style-4 .accordion-body:not(.collapsed) {
  border-bottom: 1px solid var(--bd-border-primary);
}
.bd__faq.faq__style-4 .accordion-body > P {
  margin-bottom: 0;
}
.bd__faq.faq__style-4 .accordion-item {
  background-color: transparent;
  border-inset-inline-end: none;
  border-inset-inline-start: none;
}
.bd__faq.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) {
  .bd__faq.faq__style-five .accordion-button {
    padding: 30px 70px 24px 30px;
  }
}
.bd__faq.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) {
  .bd__faq.faq__style-five .accordion-button:not(.collapsed) {
    padding: 30px 70px 24px 30px;
  }
}
.bd__faq.faq__style-five .accordion-button::after {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.bd__faq.faq__style-five .accordion-item:not(:last-child) {
  margin-bottom: 0;
  border-bottom: 1px solid #262829;
}
.bd__faq.faq__style-five .accordion-body {
  padding-bottom: 23px;
  background: #262829;
}
.bd__faq.faq__style-6 .accordion-button {
  padding: 30px 30px;
  border-radius: 50px;
  background: transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd__faq.faq__style-6 .accordion-button {
    padding: 25px 80px 25px 25px;
  }
}
@media (max-width: 575px) {
  .bd__faq.faq__style-6 .accordion-button {
    padding: 25px 75px 25px 25px;
  }
}
.bd-theme-light .bd__faq.faq__style-6 .accordion-button:not(.collapsed) {
  background: rgb(238, 238, 238);
}
.bd__faq.faq__style-6 .accordion-button:not(.collapsed)::after {
  border-color: transparent;
  background: var(--bd-theme-primary);
  color: var(--bd-common-white);
  content: "\f068";
}
.bd__faq.faq__style-6 .accordion-button::after {
  content: "+";
  inset-inline-start: auto;
  inset-inline-end: 30px;
  top: 50%;
}
@media (max-width:450px) {
  .bd__faq.faq__style-6 .accordion-button::after {
    inset-inline-end: 20px;
  }
}
.bd__faq.faq__style-6 .accordion-button span {
  color: var(--bd-theme-primary);
  padding-inline-end: 3px;
  display: inline-block;
}
.bd__faq.faq__style-6 .accordion-body {
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  background: transparent;
  color: var(--bd-text-secondary);
}
.bd-theme-light .bd__faq.faq__style-6 .accordion-body {
  background: rgb(238, 238, 238);
}
@media (max-width:450px) {
  .bd__faq.faq__style-6 .accordion-body {
    padding: 25px;
  }
}
.bd__faq.faq__style-6 .accordion-item {
  border: 1px solid var(--bd-border-primary);
  margin-bottom: 30px;
  border-radius: 8px;
}

.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: start;
  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-inline-end: 8px;
}
.faq__style-2 .nav-link span i {
  font-weight: 500;
}
.faq__style-2 .nav-tabs {
  border: 0;
  gap: 10px;
}

.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: start;
  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-inline-end: 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: rgb(255, 255, 255);
  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;
  inset-inline-start: 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-inline-end: 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-inline-end: 0px;
  }
}

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

.demo-banner-thumb-wrapper {
  margin-inline-end: -120px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .demo-banner-thumb-wrapper {
    margin-inline-end: -80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .demo-banner-thumb-wrapper {
    margin-inline-end: -60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .demo-banner-thumb-wrapper {
    margin-inline-end: -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-inline-end: 0px;
  }
}

.mobile-thumb {
  position: absolute;
  inset-inline-start: 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-inline-end: 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-inline-end: 8px;
}
.bd-portfolio-filter button .filter-text {
  font-size: 16px;
}

.resizer {
  position: absolute;
  inset-inline-start: 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;
  inset-inline-start: 0;
  transition: 0.3s;
  z-index: -1;
  border-radius: 6px;
}
.features-item::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgb(30, 32, 34) 0%, rgb(47, 60, 72) 100%);
  opacity: 0;
  top: 0;
  inset-inline-start: 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: rgb(12, 115, 184);
}
.features-item:hover .features__tag.purple span {
  color: rgb(137, 18, 252);
  background: rgba(136, 18, 252, 0.2);
}
.features-item:hover .features__tag.lilac span {
  color: rgb(205, 103, 153);
  background: rgba(205, 102, 153, 0.2);
}
.features-item:hover .features__tag.lime span {
  background: rgba(52, 168, 83, 0.2);
  color: rgb(52, 168, 83);
}
.features-item:hover .features__tag.red span {
  color: rgb(255, 30, 90);
  background: rgba(255, 30, 90, 0.2);
}
.features-item:hover .features__tag.red-2 span {
  color: rgb(227, 82, 45);
  background: rgba(227, 76, 38, 0.2);
}
.features-item:hover .features__tag.lemon span {
  background: rgba(136, 206, 2, 0.2);
  color: rgb(82, 124, 1);
}
.features-item:hover .features__tag.green-dark span {
  background: rgba(0, 128, 255, 0.2);
  color: rgb(0, 128, 255);
}
.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: rgb(12, 115, 184);
}
.features__tag:hover.purple span {
  color: rgb(137, 18, 252);
  background: rgba(136, 18, 252, 0.2);
}
.features__tag:hover.lilac span {
  color: rgb(205, 103, 153);
  background: rgba(205, 102, 153, 0.2);
}
.features__tag:hover.lime span {
  background: rgba(52, 168, 83, 0.2);
  color: rgb(52, 168, 83);
}
.features__tag:hover.red span {
  color: rgb(255, 30, 90);
  background: rgba(255, 30, 90, 0.2);
}
.features__tag:hover.lemon span {
  background: rgba(136, 206, 2, 0.2);
  color: rgb(82, 124, 1);
}
.features__tag:hover.green-dark span {
  background: rgba(0, 128, 255, 0.2);
  color: rgb(0, 128, 255);
}

.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%;
  inset-inline-start: 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 {
    inset-inline-start: 50px;
  }
}
.landing-footer .four-line.line-right {
  bottom: 30%;
  inset-inline-end: 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;
  inset-inline-start: 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-inline-end: 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;
  inset-inline-start: 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;
  inset-inline-start: 0;
  inset-inline-end: 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;
  inset-inline-start: 0;
}
.customer-review-area .customer-review-title {
  position: absolute;
  top: 100px;
  inset-inline-start: 0;
  inset-inline-end: 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-inline-end: auto;
  margin-inline-start: auto;
  position: relative;
  top: 220px;
}
.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-inline-start: 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: "\f107";
  font-family: "Font Awesome 6 pro";
  inset-inline-end: 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, rgb(29, 30, 31) 0%, rgba(29, 30, 31, 0) 100%);
  opacity: 1;
  z-index: 2;
  inset-inline-start: 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, rgb(29, 30, 31) 0%, rgba(29, 30, 31, 0) 100%);
  opacity: 1;
  z-index: 2;
  inset-inline-end: 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;
  inset-inline-start: -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, #4286f4 -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;
  inset-inline-start: 0;
  inset-inline-end: 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-inline-end: 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-inline-end: 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;
  inset-inline-start: -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;
  inset-inline-start: 10px;
  z-index: 1;
  top: 50px;
  animation: zoom 5s infinite;
}
.testimonial__thumb-small .img-two {
  position: absolute;
  inset-inline-end: 10px;
  z-index: 1;
  top: 50px;
  animation: zoom 5.1s infinite;
}
.testimonial__thumb-small .img-three {
  position: absolute;
  bottom: -20px;
  inset-inline-start: 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;
  inset-inline-start: -10px;
  inset-inline-end: 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%;
  inset-inline-start: 20%;
  z-index: -1;
  content: "";
}
.testimonial__item {
  margin-inline-start: 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-inline-start: 0;
  }
}
.testimonial__item.style-four {
  margin-inline-end: 57px;
  margin-inline-start: 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-inline-end: 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;
  inset-inline-end: 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: "";
  inset-inline-end: -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, rgb(18, 19, 20) 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-inline-start: 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-inline-start: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__wrapper.style-two .testimonial__item {
    max-width: 100%;
    margin-inline-start: 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-inline-start: 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;
  inset-inline-start: 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-inline-end: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial__wrapper.style-three .testimonial__thumb-wrap {
    margin-inline-end: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__wrapper.style-three .testimonial__thumb-wrap {
    margin-inline-end: 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-inline-start: 30px;
  margin-inline-end: 135px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__wrapper.style-three .testimonial__item {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__wrapper.style-three .testimonial__item {
    margin-top: 15px;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__wrapper.style-three .testimonial__item {
    margin-top: 20px;
    margin-inline-end: 0;
    margin-inline-start: 15px;
  }
}
@media (max-width: 575px) {
  .testimonial__wrapper.style-three .testimonial__item {
    margin: 0;
  }
}
.testimonial__wrapper.style-three .testimonial__shape-quote {
  position: absolute;
  inset-inline-end: -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 {
    inset-inline-end: 0;
    top: -70px;
    max-width: 60px;
  }
}
@media (max-width:450px) {
  .testimonial__wrapper.style-three .testimonial__shape-quote {
    inset-inline-end: 0;
    top: -30px;
    max-width: 40px;
  }
}
.testimonial__wrapper.style-three .testimonial__navigation {
  left: 50%;
  transform: translateX(-50%);
  inset-inline-end: 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-inline-start: 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;
  inset-inline-start: -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-inline-start: 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;
  inset-inline-start: 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);
  inset-inline-start: -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;
  inset-inline-start: 20px;
}
.testimonial__wrapper.style-six .testimonial__avatar-item {
  margin-top: 75px;
  margin-inline-start: 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);
  inset-inline-start: -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;
  inset-inline-start: 15px;
  max-width: 50px;
}
.testimonial__wrapper.style-six .testimonial__shape-two {
  position: absolute;
  inset-inline-end: 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-inline-start: 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%);
  inset-inline-start: 5%;
  opacity: 0;
}
.testimonial__slider.style-two .testimonial__navigation button.testimonial__button-next {
  inset-inline-end: 5%;
  inset-inline-start: auto;
}
.testimonial__shape-three {
  position: absolute;
  inset-inline-start: 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 {
    inset-inline-start: 55px;
    bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__shape-three {
    inset-inline-start: 50px;
    bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__shape-three {
    inset-inline-start: 40px;
    bottom: 50px;
  }
}
@media (max-width: 575px) {
  .testimonial__shape-three {
    display: none;
  }
}
.testimonial__shape-four {
  position: absolute;
  inset-inline-end: 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;
  inset-inline-start: 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;
  inset-inline-start: 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);
  inset-inline-end: 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: rgba(66, 134, 244, 0.85);
  border-radius: 50%;
  top: -70px;
  inset-inline-start: -30px;
  z-index: 1;
}
.counter__wrapper.style-two .counter__shape span:nth-child(2) {
  position: absolute;
  width: 110px;
  height: 110px;
  background: rgba(100, 9, 216, 0.66);
  border-radius: 50%;
  top: -40px;
  inset-inline-start: -70px;
  z-index: -1;
}
.counter__wrapper.style-two .counter__shape span:nth-child(3) {
  position: absolute;
  width: 110px;
  height: 110px;
  background: rgba(100, 9, 216, 0.66);
  border-radius: 50%;
  bottom: -70px;
  inset-inline-end: -30px;
  z-index: -1;
}
.counter__wrapper.style-two .counter__shape span:nth-child(4) {
  position: absolute;
  width: 110px;
  height: 110px;
  background: rgba(66, 134, 244, 0.85);
  border-radius: 50%;
  bottom: -40px;
  inset-inline-end: -70px;
  z-index: 1;
}
.counter__wrapper.style-two .row [class*=col-]:first-child .counter__item {
  padding-inline-start: 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-inline-start: 0;
  }
}
.counter__wrapper.style-two .row [class*=col-]:first-child .counter__item::after {
  inset-inline-end: -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 {
    inset-inline-end: 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 {
    inset-inline-end: -20px;
  }
}
.counter__wrapper.style-two .row [class*=col-]:last-child .counter__item {
  padding-inline-end: 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-inline-end: 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);
  inset-inline-end: 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 {
  inset-inline-end: -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 {
    inset-inline-end: 0;
  }
}
.counter__wrapper.style-four .row [class*=col-]:nth-child(3) .counter__item::after {
  inset-inline-end: 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 {
    inset-inline-end: 0;
  }
}
@media (max-width: 575px) {
  .counter__wrapper.style-four .row [class*=col-]:nth-child(3) .counter__item::after {
    inset-inline-end: 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, #4286f4 -21.01%, #6409d8 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);
  inset-inline-start: -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;
  inset-inline-start: 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;
  inset-inline-start: 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;
  inset-inline-end: 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-inline-start: 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-inline-end: 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: "";
  inset-inline-start: 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-inline-start: 18px;
  padding-inline-end: 30px;
  position: relative;
  text-align: start !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-inset-inline-end: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  inset-inline-end: 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 {
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  inset-inline-start: auto;
  inset-inline-end: 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%;
  inset-inline-start: 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-inline-start: 18px;
  padding-inline-end: 29px;
  text-align: start;
  -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;
  inset-inline-start: 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 {
  inset-inline-start: 50%;
  margin-inline-start: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  inset-inline-start: 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;
  inset-inline-start: 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-inline-start: 2em;
}

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

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

.ui-menu .ui-menu-icon {
  inset-inline-start: auto;
  inset-inline-end: 0;
}

.ui-button {
  line-height: normal;
  margin-inline-end: 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%;
  inset-inline-start: 50%;
  margin-top: -8px;
  margin-inline-start: -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-inline-start: 0;
  margin-inline-end: 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-inset-inline-start: none;
}

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

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-inset-inline-end: 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 {
  inset-inline-start: 2px;
}

.ui-datepicker .ui-datepicker-next {
  inset-inline-end: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  inset-inline-start: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  inset-inline-end: 1px;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  inset-inline-start: 50%;
  margin-inline-start: -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-inset-inline-start: 0;
  border-inset-inline-end: 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 {
  inset-inline-end: 2px;
  inset-inline-start: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  inset-inline-start: 2px;
  inset-inline-end: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  inset-inline-end: 1px;
  inset-inline-start: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  inset-inline-start: 1px;
  inset-inline-end: 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;
  inset-inline-start: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  inset-inline-start: 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;
  inset-inline-end: 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;
  inset-inline-end: 0;
}

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

.ui-dialog .ui-resizable-w {
  width: 2px;
  inset-inline-start: 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 {
  inset-inline-end: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  inset-inline-start: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  inset-inline-end: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  inset-inline-start: 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;
  inset-inline-start: 0;
}

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

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

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

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

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

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

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  inset-inline-end: -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;
  inset-inline-start: 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-inline-end: 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-inline-start: -0.6em;
}

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

.ui-slider-horizontal .ui-loan-range-min {
  inset-inline-start: 0;
}

.ui-slider-horizontal .ui-loan-range-max {
  inset-inline-end: 0;
}

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

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

.ui-slider-vertical .ui-loan-range {
  inset-inline-start: 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;
  inset-inline-end: 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.png");
}

.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.png");
}

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

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

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

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

.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=portlu-core.css.map */