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

    Theme Name: KINDEDO Kindergarten & School – HTML5 Template
    Author: BDevs
	Category : HTML > Retail > Children
    Description: Kindedo is perfect for websites: Kindergarten, School, Child Care Centers etc
    Version: 1.0
	Created : 4 Feb 2023

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

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

    01. THEME DEFAULT CSS
    02. BUTTON CSS
    03. ANIMATION CSS
    04. PRELOADER CSS
    05. BACKGROUND CSS
    06. PAGINATION CSS
    07. TAB CSS
    08. MODAL CSS
    09. SETTINGS CSS
    10. SEARCH CSS
    11. SECTION TITLE CSS
    12. HEADER CSS
    13. MAIN MENU CSS
    14. MEANMENU CSS
    15. HERO CSS
    16. CLASS CSS
    17. PROMOTION CSS
    18. PROGRAM CSS
    19. TEACHER CSS
    20. JOINING CSS
    21. FAQ CSS
    22. TESTIMONIAL CSS
    23. BLOG CSS
    24. NEWSLETTER CSS
    25. GALLERY CSS
    26. PRODUCT CSS
    27. CATEGORY CSS
    28. FEEDBACK CSS
    29. FEATURE CSS
    30. COUNTER CSS
    31. ROUTINE CSS
    32. SHOP CSS
    33. CONTACT CSS
    34. ERROR 404 CSS
    35. FOOTER CSS


**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap");

:root {
  /**
  @font family declaration
  */
  --bd-ff-body: 'Fredoka', sans-serif;
  --bd-ff-heading: 'Fredoka', sans-serif;
  --bd-ff-p: 'Fredoka', sans-serif;
  --bd-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --bd-common-white: #FFFFFF;
  --bd-common-black: #1B1B1B;
  --bd-heading-primary: #1B1B1B;
  --bd-grey-1: #E6E6E6;
  --bd-grey-2: #E9CFCF;
  --bd-text-body: #424242;
  --bd-text-1: #000;
  --bd-theme-1: #00BBAE;
  --bd-theme-2: #FF9B24;
  --bd-theme-3: #FF577B;
  --bd-theme-4: #FFF8EB;
  --bd-theme-5: #FFA455;
  --bd-theme-6: #FFF6EB;
  --bd-theme-7: #EBFFFE;
  --bd-theme-8: #FFECD6;
  --bd-theme-9: #FF7C7C;
  --bd-theme-10: #7C81FF;
  --bd-theme-11: #00B9F1;
  /**
  @font weight declaration
  */
  --bd-fw-normal: normal;
  --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-fz-body: 18px;
  --bd-fz-p: 18px;
  --bd-fz-h1: 96px;
  --bd-fz-h2: 64px;
  --bd-fz-h3: 32px;
  --bd-fz-h4: 23px;
  --bd-fz-h5: 16px;
  --bd-fz-h6: 16px;
}

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

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--bd-ff-body);
  font-size: var(--bd-fz-body);
  font-weight: normal;
  color: var(--bd-text-body);
  line-height: 26px;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--bd-ff-heading);
  color: var(--bd-heading-primary);
  margin-top: 0px;
  font-weight: var(--bd-fw-sbold);
  line-height: 1.25;
  -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;
}

h1 {
  font-size: var(--bd-fz-h1);
  font-weight: var(--bd-fw-bold);
}

h2 {
  font-size: var(--bd-fz-h2);
}

h3 {
  font-size: var(--bd-fz-h3);
  line-height: 1.5;
}

h4 {
  font-size: var(--bd-fz-h4);
  line-height: 1.7;
}

h5 {
  font-size: var(--bd-fz-h5);
}

h6 {
  font-size: var(--bd-fz-h6);
  line-height: 2;
}

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

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

a,
button,
p,
input,
select,
textarea,
li,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -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;
}

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  outline: none;
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

a {
  -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;
}

a:hover {
  color: var(--bd-theme-1);
}

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

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

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

*::-moz-placeholder {
  color: var(--bd-common-black);
  font-size: var(--bd-fz-body);
  opacity: 1;
}

*::placeholder {
  color: var(--bd-common-black);
  font-size: var(--bd-fz-body);
  opacity: 1;
}

/*----------------------------------------
   Flaction customize
-----------------------------------------*/
i[class^=flaticon-] {
  line-height: 1;
  top: 2px;
  position: relative;
  -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;
}

/*----------------------------------------
  Magnific popup iframe
-----------------------------------------*/
.mfp-iframe-holder .mfp-content {
  max-width: 1500px;
}

/*---------------------------------
    common classes css start 
---------------------------------*/
.radius-24 {
  border-radius: 24px;
}

.panel {
  position: absolute;
  top: 0;
  width: 0%;
  height: 100%;
  left: 0;
  background: #fff;
  z-index: 10;
  transition: transform 0.5s ease-in-out;
  animation: panel 1s;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.panel-2 {
  position: absolute;
  top: 0;
  width: 0%;
  height: 100%;
  right: 0;
  background: #fff;
  z-index: 10;
  transition: transform 0.5s ease-in-out;
  animation: panel 1s;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.w-img img {
  width: 100%;
}

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

.fix {
  overflow: hidden;
}

.fix-x {
  overflow-x: hidden;
}

.clear {
  clear: both;
}

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.overflow-hidden {
  overflow: hidden;
}

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

.hover-clr-1 {
  -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;
}

.hover-clr-1:hover {
  color: var(--bd-theme-1);
}

.hover-clr-2 {
  -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;
}

.hover-clr-2:hover {
  color: var(--bd-theme-2);
}

.hover-clr-3 {
  -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;
}

.hover-clr-3:hover {
  color: var(--bd-theme-3);
}

.hover-clr-4 {
  -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;
}

.hover-clr-4:hover {
  color: var(--bd-theme-9);
}

.hover-clr-5 {
  -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;
}

.hover-clr-5:hover {
  color: #00B9F1;
}

.hover-clr-6 {
  -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;
}

.hover-clr-6:hover {
  color: #7C81FF;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -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;
  backdrop-filter: blur(10px);
}

.body-overlay:hover {
  cursor: pointer;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------
    Progress Wrap
-----------------------------------------*/
@media (max-width: 575px) {
  .progress-wrap {
    right: 15px;
    bottom: 15px;
  }

  .pt-60 {
    padding-top: 2px;
  }
}

.basic-pagination ul li {
  display: inline-block;
}

.basic-pagination ul li:not(:last-child) {
  margin-right: 10px;
}

.basic-pagination ul li a,
.basic-pagination ul li span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  border-radius: 7px;
  border: 2px solid #f1f1f1;
  font-size: 18px;
  font-weight: 600;
}

.basic-pagination ul li a:hover,
.basic-pagination ul li a.current,
.basic-pagination ul li span:hover,
.basic-pagination ul li span.current {
  background: var(--bd-theme-1);
  border-color: var(--bd-theme-1);
  color: var(--bd-common-white);
}

.nice-select::after {
  border: none;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
  right: 15px;
  content: "\f107";
  font-family: var(--bd-ff-fontawesome);
  transform-origin: center;
  color: var(--bd-common-black);
  font-weight: 500;
  height: auto;
  width: auto;
}

.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

/* cart plus minus default style css */
.cart-plus,
.cart-minus {
  width: 25px;
  height: 30px;
  border: 2px solid var(--bd-border-1);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}

.cart-plus:hover,
.cart-minus:hover {
  cursor: pointer;
  color: var(--bd-common-white);
  background: var(--bd-theme-1);
  border-color: var(--bd-theme-1);
}

.cart-input {
  height: 30px;
  width: 32px;
  text-align: center;
  font-size: 14px;
  border: none;
  border-top: 2px solid var(--bd-border-1);
  border-bottom: 2px solid var(--bd-border-1);
  display: inline-block;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 0px;
}

.cart-input:focus {
  outline: none;
}

/* dropcap */
.bd-dropcap {
  display: inline-block;
  font-size: 50px;
  font-weight: 700;
  float: left;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  color: var(--bd-common-black);
  background-color: var(--bd-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  margin-right: 20px;
}

/*--
    - Spacing
-----------------------------------------*/
/*----------------------------------------*/
/*  02. BUTTON CSS
/*----------------------------------------*/
/* theme btn */
.bd-btn {
  font-size: 16px;
  font-weight: var(--bd-fw-medium);
  color: var(--bd-common-white);
  background: var(--bd-theme-2);
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 36px;
  border-radius: 50px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-flex;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  text-transform: capitalize;
}

.bd-btn::before {
  content: "";
  background-color: var(--bd-theme-1);
  height: 300px;
  width: 300px;
  border-radius: 50%;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

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

.bd-btninner,
.bd-btn-hover,
.bd-btn-normal {
  pointer-events: none;
  display: block;
}

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

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

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

.bd-btn: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: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:hover::before {
  transform: translate(-50%, -80%);
}

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

.bd-btn.btn-white:hover {
  background-color: var(--bd-common-white);
  color: var(--bd-theme-2);
}

.bd-btn.bd-btn-grey {
  background-color: transparent;
  border: 1px solid var(--bd-theme-2);
  color: var(--bd-common-black);
}

.bd-btn.bd-btn-grey::before {
  background-color: var(--bd-theme-2);
}

.bd-btn.bd-btn-grey:hover {
  color: var(--bd-common-white);
  border-color: transparent;
}

.bd-btn.bd-btn-grey: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.bd-btn-grey: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.bd-btn-grey:hover::before {
  transform: translate(-50%, -80%);
}

/* pulse btn */
.bd-pulse-btn {
  position: relative;
}

.bd-pulse-btn::after,
.bd-pulse-btn::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 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%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  animation: borderanimate2 2s linear infinite;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  z-index: -1;
}

.bd-pulse-btn.btn-2::after,
.bd-pulse-btn.btn-2::before {
  left: 15%;
  top: 53%;
  width: 50px;
  height: 50px;
  border: 1px solid var(--bd-theme-8);
}

[dir=rtl] .bd-pulse-btn.btn-2::after,
[dir=rtl] .bd-pulse-btn.btn-2::before {
  left: auto;
  right: -10%;
}

.bd-pulse-btn::before {
  animation-delay: 0.7s;
}

/* hambur btn */
.hamburger-btn {
  margin-inline-start: 25px;
  width: 36px;
  height: 36px;
  position: relative;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: 0;
}

.hamburger-btn span {
  display: inline-block;
  width: 100%;
  display: block;
  position: absolute;
  height: 16px;
  width: 16px;
  border: 3px solid var(--bd-theme-1);
  border-radius: 5px;
  opacity: 1;
  top: 0;
  inset-inline-start: 0;
  z-index: 1;
  transition: 0.3s ease-in-out;
}

.hamburger-btn span:nth-child(1) {
  inset-inline-start: 0;
}

.hamburger-btn span:nth-child(2) {
  inset-inline-start: 19px;
}

.hamburger-btn span:nth-child(3) {
  inset-inline-start: 0px;
  top: 19px;
}

.hamburger-btn span:nth-child(4) {
  inset-inline-start: 19px;
  top: 19px;
}

.hamburger-btn:hover span:nth-child(4) {
  border-radius: 50%;
}

/*----------------------------------------*/
/*  03. ANIMATION CSS
/*----------------------------------------*/
/* pulse effect animation */
@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }

  60% {
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}

@keyframes bd-updown {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-30px);
  }
}

@keyframes bd-updown-2 {
  0% {
    transform: translateY(-50px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(15deg);
  }

  100% {
    transform: rotate(-25deg);
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

@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;
  }
}

@keyframes panel {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

@keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes img-blink {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.5;
  }
}

/*----------------------------------------*/
/*  04. PRELOADER CSS START
/*----------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  transition: 0.3s;
}

.preloader-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 260px;
  width: 260px;
}

.preloader-thumb img {
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: img-blink 1s ease-in-out infinite alternate;
}

.preloader-thumb-wrap {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}

.preloader-border {
  border: 2px dashed var(--bd-theme-2);
  height: 100%;
  width: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  animation: rotate-infinite 15s linear infinite;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: var(--bd-grey-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

.bd-gradient-bg {
  background: linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  transform: rotate(-180deg);
  position: absolute;
  top: 0%;
  right: 0%;
  left: 0%;
  bottom: 0%;
  z-index: -1;
}

/*----------------------------------------*/
/*  OFFCANVAS CSS START
/*----------------------------------------*/
.offcanvas__area {
  position: fixed;
  right: -490px;
  top: 0;
  width: 450px;
  height: 100%;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 1s;
  z-index: 9999;
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  overflow-y: scroll;
}

.offcanvas__area::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

.offcanvas__area.offcanvas-opened {
  right: 0px;
}

@media (max-width: 575px) {
  .offcanvas__area {
    width: 290px;
  }
}

.offcanvas__bg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  z-index: -1;
  backdrop-filter: blur(37px);
}

.offcanvas__wrapper {
  position: relative;
  padding: 45px;
  overflow: auto;
  height: 100%;
}

@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}

.offcanvas__map {
  border: 2px solid var(--bd-theme-2);
  border-radius: 16px;
  overflow: hidden;
}

.offcanvas__close-btn {
  display: inline-block;
  font-size: 45px;
  color: var(--bd-common-black);
}

@media (max-width: 575px) {
  .offcanvas__close-btn {
    font-size: 35px;
  }
}

.offcanvas__close-btn:hover {
  transform: rotate(90deg);
  color: var(--bd-theme-3);
}

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

.offcanvas__color label:hover {
  cursor: pointer;
}

.offcanvas__search {
  position: relative;
}

.offcanvas__search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #D5D5D5;
  font-size: 18px;
  color: var(--bd-common-black);
}

.offcanvas__search input::placeholder {
  color: #686868;
}

.offcanvas__search input:focus {
  border-color: var(--bd-theme-1);
}

.offcanvas__search button {
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--bd-text-1);
}

.offcanvas__search button:hover {
  color: var(--bd-theme-1);
}

.offcanvas__text p {
  margin-bottom: 25px;
}

.offcanvas__about h4 {
  font-size: 23px;
  color: var(--bd-common-black);
  font-weight: 500;
  margin-bottom: 10px;
}

.offcanvas__contact h4 {
  font-size: 23px;
  margin-bottom: 20px;
  color: var(--bd-common-black);
  font-weight: 500;
}

.offcanvas__contact ul li:not(:last-child) {
  margin-bottom: 20px;
}

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

.offcanvas__contact ul li a:hover i {
  background: var(--bd-theme-2);
  color: var(--bd-common-white);
  border-color: var(--bd-theme-2);
}

.offcanvas__contact-icon i {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid var(--bd-border-1);
  border-radius: 50%;
  background: #D8F6F2;
  color: var(--bd-theme-1);
  -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;
}

.offcanvas__contact-text a {
  font-size: 18px;
  font-weight: 400;
  color: var(--bd-text-1);
}

.offcanvas__contact-text a:hover {
  color: var(--bd-theme-1);
}

.offcanvas__map img {
  width: 100%;
}

.offcanvas__social {
  margin-top: 80px;
}

.offcanvas__social h4 {
  font-size: 23px;
  margin-bottom: 20px;
  color: var(--bd-common-black);
  font-weight: 500;
}

.offcanvas__social ul {
  display: flex;
  gap: 15px;
  border-top: 1px solid #D5D5D5;
  padding: 15px 0;
}

.offcanvas__social ul li {
  display: inline-block;
}

.offcanvas__social ul li:not(:last-child) {
  margin-right: 5px;
}

.offcanvas__social ul li a {
  display: inline-block;
  width: 42px;
  height: 42px;
  border: 1px solid #D5D5D5;
  line-height: 42px;
  text-align: center;
  color: var(--bd-common-black);
  border-radius: 50px;
}

.offcanvas__social ul li a:hover {
  background: var(--bd-theme-2);
  color: var(--bd-common-white);
  border-color: var(--bd-theme-2);
}

.offcanvas__notification-icon a {
  font-size: 14px;
  color: var(--bd-common-black);
  position: relative;
}

.offcanvas__notification-icon a .notification-count {
  position: absolute;
  top: -4px;
  right: -13px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 600;
  background-color: var(--bd-theme-1);
  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-black);
  font-size: 14px;
}

.offcanvas__notification-text p .notification-number {
  color: var(--bd-theme-1);
}

.offcanvas__notification-text p a {
  color: var(--bd-theme-1);
}

.offcanvas__btn a {
  margin-bottom: 20px;
}

/*----------------------------------------*/
/*  BREADCRUMB CSS START
/*----------------------------------------*/
.bd-breadcrumb {
  position: relative;
  z-index: 2;
  min-height: 354px;
}

.bd-breadcrumb-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: luminosity;
  opacity: 0.1;
}

.bd-breadcrumb-shape {
  z-index: 2;
}

.bd-breadcrumb-shape-1 {
  position: absolute;
  top: 200px;
  inset-inline-start: 0px;
  animation: bd-updown-2 2s infinite alternate-reverse;
}

.bd-breadcrumb-shape-2 {
  position: absolute;
  top: 100px;
  inset-inline-end: 0px;
  animation: bd-updown-2 2s infinite alternate-reverse;
}

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

.bd-breadcrumb-title {
  color: var(--bd-common-white);
  font-weight: var(--bd-fw-sbold);
  margin-bottom: 5px;
  font-size: 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-breadcrumb-title {
    font-size: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-breadcrumb-title {
    font-size: 55px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-breadcrumb-title {
    font-size: 60px;
  }
}

@media (max-width: 575px) {
  .bd-breadcrumb-title {
    font-size: 50px;
  }
}

.bd-breadcrumb-list {
  display: flex;
  justify-content: center;
  gap: 28px;
}

.bd-breadcrumb-list span {
  position: relative;
}

.bd-breadcrumb-list span a:hover {
  color: var(--bd-theme-2);
}

.bd-breadcrumb-list span i {
  margin-inline-end: 10px;
}

[dir=rtl] .bd-breadcrumb-list span i {
  margin-inline-start: 10px;
}

.bd-breadcrumb-list span:first-child::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 6px;
  border-radius: 40%;
  background-color: var(--bd-common-white);
  inset-inline-end: -15px;
  top: 50%;
}

/*----------------------------------------*/
/*  ACCORDION CSS START
/*----------------------------------------*/
.tp-accordion .accordion-item {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.tp-accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.tp-accordion .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.tp-accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.tp-accordion .accordion-button {
  padding: 30px 0;
  padding-right: 15px;
  font-size: 24px;
  font-weight: 500;
  color: var(--tp-common-white);
  background-color: transparent;
}

.tp-accordion .accordion-button::after {
  position: absolute;
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  background-image: none;
  top: 28%;
  right: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  color: var(--tp-theme-1);
  width: auto;
  height: auto;
  font-weight: 500;
}

.tp-accordion .accordion-button.collapsed::after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  color: var(--tp-common-white);
}

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

.tp-accordion .accordion-button:focus {
  box-shadow: none;
  border: 0;
}

.tp-accordion .accordion-button:hover {
  color: var(--tp-theme-1);
}

.tp-accordion .accordion-button:hover::after {
  color: var(--tp-theme-1);
}

.tp-accordion .accordion-body {
  padding: 0 0 25px;
}

.tp-accordion .accordion-body p {
  font-size: 16px;
  color: var(--tp-text-1);
}

.bd-dots-pagination {
  display: flex;
  gap: 8px;
  margin-top: 50px;
  justify-content: center;
}

.bd-dots-pagination span {
  height: 8px;
  width: 16px;
  border-radius: 8px;
  background: var(--bd-grey-1);
  opacity: 1;
}

.bd-dots-pagination span.swiper-pagination-bullet-active {
  background: var(--bd-common-black);
}

.bd-dots-pagination.fill-pagination span {
  background: var(--bd-theme-2);
}

.bd-dots-pagination.fill-pagination span.swiper-pagination-bullet-active {
  background: var(--bd-common-black);
}

.bd-pagination ul {
  list-style-type: none;
  display: flex;
  gap: 8px;
}

.bd-pagination ul li .page-numbers {
  height: 48px;
  width: 48px;
  line-height: 48px;
  text-align: center;
  color: var(--bd-common-black);
  background-color: var(--bd-grey-1);
  font-size: 16px;
  font-weight: 500;
  border-radius: 12px;
  display: block;
  -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;
}

.bd-pagination ul li .page-numbers:hover {
  background-color: var(--bd-theme-1);
  color: var(--bd-common-white);
}

.bd-pagination ul li .page-numbers.current {
  color: var(--bd-common-white);
  background-color: var(--bd-theme-1);
}

.bd-swiper-navigation {
  display: flex;
  gap: 15px;
  justify-content: end;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-swiper-navigation {
    justify-content: start;
    padding-top: 28px;
    padding-bottom: 5px;
  }
}

.bd-swiper-navigation button {
  height: 48px;
  width: 48px;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--bd-common-black);
}

.bd-swiper-navigation button:hover {
  color: var(--bd-common-white);
  background-color: var(--bd-common-black);
}

/*----------------------------------------*/
/*  07. TAB CSS START
/*----------------------------------------*/
.bd-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}

.bd-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}

/*----------------------------------------*/
/*  08. MODAL CSS START
/*----------------------------------------*/
.bd-shop-modal .modal-dialog {
  max-width: 950px;
  margin: 1.75rem 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) {
  .bd-shop-modal .modal-dialog {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.bd-shop-modal .modal-header {
  border-bottom: 0px;
}

.bd-shop-modal .btn-close {
  font-size: 15px;
}

.tp-theme-settings-area {
  position: fixed;
  top: 50%;
  left: 0;
  width: 240px;
  background-color: var(--bd-common-white);
  border: 1px solid #eaeaef;
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -ms-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
  z-index: 991;
  direction: ltr;
  border-bottom-right-radius: 4px;
}

.tp-theme-settings-area.settings-opened {
  -webkit-transform: translateY(-50%) translateX(0%);
  -moz-transform: translateY(-50%) translateX(0%);
  -ms-transform: translateY(-50%) translateX(0%);
  -o-transform: translateY(-50%) translateX(0%);
  transform: translateY(-50%) translateX(0%);
}

.tp-theme-settings-area.settings-opened .tp-theme-settings-gear {
  opacity: 0;
}

.tp-theme-settings-area.settings-opened .tp-theme-settings-close {
  opacity: 1;
}

.tp-theme-settings-open {
  position: absolute;
  top: -1px;
  left: 100%;
}

.tp-theme-settings-open button {
  background-color: var(--bd-common-white);
  border: 1px solid #eaeaef;
  border-left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: var(--bd-common-black);
  position: relative;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tp-theme-settings-gear {
  display: inline-block;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.tp-theme-settings-close {
  display: inline-block;
  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%);
  opacity: 0;
}

.tp-theme-header-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}

.tp-theme-wrapper {
  padding: 20px 30px 30px;
}

.tp-theme-toggle {
  text-align: center;
}

.tp-theme-toggle-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px;
}

.tp-theme-toggle-light,
.tp-theme-toggle-dark {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}

.tp-theme-toggle input {
  display: none;
}

.tp-theme-toggle:hover {
  cursor: pointer;
}

.tp-theme-toggle label {
  color: var(--bd-common-black);
  font-size: 14px;
  font-weight: 500;
}

.tp-theme-toggle label:hover {
  cursor: pointer;
}

.tp-theme-toggle #tp-theme-toggler {
  display: none;
}

.tp-theme-toggle #tp-theme-toggler:checked+i {
  right: calc(50% - 4px);
}

.tp-theme-toggle-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--bd-common-black);
  background-color: var(--bd-common-white);
  border-radius: 30px;
  -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;
}

.tp-theme-dir {
  text-align: center;
}

.tp-theme-dir-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px;
}

.tp-theme-dir-ltr,
.tp-theme-dir-rtl {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}

.tp-theme-dir input {
  display: none;
}

.tp-theme-dir:hover {
  cursor: pointer;
}

.tp-theme-dir label {
  color: var(--bd-common-black);
  font-size: 14px;
  font-weight: 500;
}

.tp-theme-dir label:hover {
  cursor: pointer;
}

.tp-theme-dir #tp-dir-toggler {
  display: none;
}

.tp-theme-dir #tp-dir-toggler:checked+i {
  right: calc(50% - 4px);
}

.tp-theme-dir-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--bd-common-black);
  background-color: var(--bd-common-white);
  border-radius: 30px;
  -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;
}

.tp-theme-color-item.active button::before {
  opacity: 1;
  visibility: visible;
}

.tp-theme-color-btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
}

.tp-theme-color-btn::before {
  position: absolute;
  content: "\f00c";
  font-weight: 600;
  font-family: "Font Awesome 5 Pro";
  color: var(--bd-common-white);
  font-size: 16px;
  left: 50%;
  top: 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%);
  opacity: 0;
  visibility: hidden;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#00BBAE"] {
  background-color: #00BBAE;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#FF9B24"] {
  background-color: #FF9B24;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#FF577B"] {
  background-color: #FF577B;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#7C81FF"] {
  background-color: #7C81FF;
}

.tp-theme-color-input {
  margin-top: 15px;
}

.tp-theme-color-input h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

.tp-theme-color-input label {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: var(--bd-theme-1);
}

.tp-theme-color-input label:hover {
  cursor: pointer;
}

.tp-theme-color-input input {
  display: none;
}

/*----------------------------------------*/
/*  10. SEARCH CSS START
/*----------------------------------------*/
.bd-search-popup {
  width: 100%;
  font-size: 64px;
  padding-bottom: 17px;
}

.bd-search-popup-area {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  z-index: 99999;
  min-height: 300px;
  align-items: center;
  background-color: var(--bd-theme-1);
  transform: translateY(-10%);
  opacity: 0;
  visibility: hidden;
  -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;
}

.bd-search-popup-area.bd-search-opened {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
}

.bd-search-form {
  position: relative;
  width: 100%;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1607843137);
  padding-bottom: 20px;
}

.bd-search-input {
  background-color: transparent;
  display: flex;
  align-items: center;
}

.bd-search-input input {
  width: 100%;
  border: 0;
  color: var(--bd-common-white);
  height: auto;
  background-color: transparent;
  font-size: 32px;
  margin: 0 55px;
}

.bd-search-input input::-webkit-input-placeholder {
  color: var(--bd-common-white);
  opacity: 0.5;
  font-size: 32px;
}

.bd-search-input input:-moz-placeholder {
  color: var(--bd-common-white);
  opacity: 0.5;
  font-size: 32px;
}

.bd-search-input input::-moz-placeholder {
  color: var(--bd-common-white);
  opacity: 0.5;
  font-size: 32px;
}

.bd-search-input input:-ms-input-placeholder {
  color: var(--bd-common-white);
  opacity: 0.5;
  font-size: 32px;
}

.bd-search-input input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.bd-search-submit {
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
}

.bd-search-submit button {
  color: var(--bd-common-white);
  font-size: 35px;
  position: relative;
  transform: translateY(-10px);
}

.bd-search-submit button:hover {
  color: var(--bd-theme-3);
}

.bd-search-close-btn {
  position: absolute;
  inset-inline-end: 0;
  top: 40%;
  transform: translateY(-50%);
}

.bd-search-close-btn button {
  font-size: 50px;
  color: var(--bd-common-white);
}

.bd-search-close-btn button:hover {
  transform: rotate(90deg);
  color: var(--bd-theme-2);
}

.bd-search-overlay {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  transition-delay: 0.3s;
  -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;
}

.bd-search-overlay.bd-search-opened {
  opacity: 1;
  visibility: visible;
}

.bd-search-btn-wrapper-2 {
  color: var(--bd-theme-1);
}

.bd-search-btn-wrapper:hover {
  color: var(--bd-theme-2);
}

.bd-section-title {
  position: relative;
  top: -18px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bd-section-title {
    font-size: 55px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-section-title {
    font-size: 45px;
    top: -13px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-section-title {
    font-size: 40px;
    top: -13px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-section-title {
    font-size: 45px;
    top: -13px;
  }
}

@media (max-width: 575px) {
  .bd-section-title {
    font-size: 30px;
    top: -10px;
    padding-bottom: 5px;
  }
}

.bd-section-title-wrapper.is-white .bd-section-title {
  color: var(--bd-common-white);
}

.bd-section-title-wrapper.is-white p {
  color: var(--bd-common-white);
}

@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-section-title-wrapper p br {
    display: none;
  }
}

.bd-header .container {
  max-width: 1820px;
}

.bd-header-transparent {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 333;
}

.bd-header-top {
  padding-top: 9px;
  padding-bottom: 9px;
  position: relative;
}

.bd-header-top-2 {
  background-color: var(--bd-theme-6);
  padding-top: 11px;
  padding-bottom: 11px;
}

.bd-header-top-3 {
  background-color: var(--bd-theme-1);
  padding-top: 11px;
  padding-bottom: 11px;
}

.bd-header-top-bg {
  background-image: -webkit-linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  background-image: -moz-linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  background-image: -ms-linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  background-image: -o-linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  background-image: linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  transform: rotate(-180deg);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.bd-header-top-shape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -13px;
  transform: rotate(180deg);
}

.bd-header-top-clip-shape {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: 278px;
  background-color: var(--bd-theme-1);
  clip-path: polygon(0 0, 96% 0, 100% 100%, 0% 100%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-header-top-clip-shape {
    width: 250px;
  }
}

[dir=rtl] .bd-header-top-clip-shape {
  clip-path: polygon(4% 0%, 100% 0, 100% 100%, 0% 100%);
}

.bd-header-top-wrapper {
  position: relative;
  z-index: 1;
}

.bd-header-meta-items {
  gap: 25px;
}

.bd-header-meta-items-2 {
  gap: 85px;
}

.bd-header-meta-items-3 {
  gap: 16px;
}

.bd-header-meta-item {
  gap: 8px;
}

.bd-header-meta-item.is-white .bd-header-meta-icon i {
  color: var(--bd-common-white);
}

.bd-header-meta-item.is-white .bd-header-meta-text p {
  color: var(--bd-common-white);
}

.bd-header-meta-item.is-white .bd-header-meta-text p a:hover {
  color: var(--bd-theme-2);
}

.bd-header-meta-icon i {
  color: var(--bd-theme-2);
  font-size: 16px;
}

.bd-header-meta-icon-3 a {
  font-size: 20px;
  color: var(--bd-theme-1);
}

.bd-header-meta-icon-3 a:hover {
  color: var(--bd-theme-2);
}

.bd-header-meta-icon-3.bd-wistlist a {
  font-size: 22px;
}

.bd-header-meta-text p {
  margin: 0;
  font-size: 15px;
}

.bd-header-meta-text p span {
  font-weight: 500;
  text-decoration: underline;
}

.bd-header-meta-text p a:hover {
  color: var(--bd-theme-1);
}

.bd-header-bottom {
  top: 55px;
}

@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-header-bottom {
    top: 0;
    padding: 25px 0;
  }
}

.bd-header-bottom-2 {
  position: relative;
}

@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-header-bottom-2 {
    padding: 25px 0;
  }
}

.bd-header-bottom-clip-shape {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: 278px;
  background-color: var(--bd-theme-6);
  clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%);
}

[dir=rtl] .bd-header-bottom-clip-shape {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 11% 100%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-header-bottom-clip-shape {
    width: 250px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-header-bottom-clip-shape {
    width: 200px;
  }
}

.bd-header-logo {
  width: 224px;
  position: relative;
  z-index: 1;
}

.bd-header-logo img {
  width: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-header-logo {
    width: 160px;
  }
}

@media (max-width: 575px) {
  .bd-header-logo {
    width: 150px;
  }
}

.bd-header-menu-meta .bd-header-meta-icon i {
  color: var(--bd-common-black);
  font-size: 18px;
}

.bd-header-menu-meta .bd-header-meta-icon-2 i {
  color: var(--bd-theme-1);
  font-size: 18px;
}

.bd-header-menu-meta .bd-header-meta:hover i {
  color: var(--bd-theme-1);
}

.bd-header-menu-meta .bd-header-meta-text p {
  font-size: 18px;
}

.bd-header-cart {
  position: relative;
  margin-inline-end: 8px;
}

.bd-header-cart:hover .bd-header-cart-wrapper {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.bd-header-cart-count {
  font-size: 12px;
  font-weight: 500;
  color: var(--bd-common-white);
  height: 22px;
  width: 22px;
  line-height: 21px;
  text-align: center;
  background-color: var(--bd-theme-3);
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: -7px;
  inset-inline-end: -12px;
}

.bd-header-cart-wrapper {
  position: absolute;
  width: 350px;
  height: auto;
  right: -50%;
  background-color: var(--bd-common-white);
  z-index: 9999;
  top: 100%;
  padding: 30px 20px;
  -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;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

[dir=rtl] .bd-header-cart-wrapper {
  right: auto;
  left: -90%;
}

.bd-header-cart-item {
  border-bottom: 1px solid rgba(160, 160, 160, 0.47);
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.bd-header-cart-item ul li {
  list-style: none;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.bd-header-cart-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.bd-header-cart-total p {
  margin: 0;
}

.bd-header-cart-content {
  display: flex;
  gap: 20px;
}

.bd-header-cart-title {
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 1.2;
}

.bd-header-cart-title a {
  color: var(--bd-common-black);
}

.bd-header-cart-title-wrapper span {
  font-size: 20px;
  font-weight: 400;
}

.bd-header-cart-remove {
  transform: translateY(4px);
}

.bd-header-cart-footer {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}

.bd-header-cart-footer a span {
  font-size: 16px;
  color: var(--bd-common-white);
}

.bd-header-cart-footer a.bd-cart-btn-2 {
  border: 1px solid var(--bd-theme-2);
  background-color: transparent;
}

.bd-header-cart-footer a.bd-cart-btn-2 span {
  color: var(--bd-common-black);
}

.bd-header-cart-footer a.bd-cart-btn-2::before {
  background-color: transparent;
}

.bd-header-cart-footer a.bd-cart-btn-2:hover {
  border-color: var(--bd-theme-1);
}

.bd-header-cart-thumb {
  width: 80px;
  height: 80px;
}

.bd-header-cart-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bd-header-btn {
  margin-inline-start: 25px;
  display: inline-flex;
}

.bd-header-btn .bd-btn {
  padding: 0px 48px;
  height: 50px;
  line-height: 50px;
}

/* logo */
.logo img {
  width: 185px;
}

.header-sticky {
  position: fixed !important;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  background-color: var(--bd-common-white);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 99;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
  box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
}

.bd-main-menu {
  gap: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-main-menu {
    margin-inline-start: 25px;
    gap: 10px;
  }
}

.bd-main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-inline-end: 25px;
}

.bd-main-menu ul li:last-child {
  margin-inline-end: 0px;
}

.bd-main-menu ul li a {
  display: inline-block;
  font-size: 18px;
  color: var(--bd-common-black);
  padding: 28px 0;
  line-height: 30px;
}

.bd-main-menu ul li.has-mega-menu {
  position: static;
}

.bd-main-menu ul li.has-mega-menu .mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 30px 40px;
  background: var(--bd-theme-1);
  visibility: hidden;
  opacity: 0;
  transform: scaleY(0) translateX(-50%);
  transform-origin: top center;
  z-index: 99;
  width: 1028px;
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  -moz-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  -ms-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  -o-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  border-radius: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-main-menu ul li.has-mega-menu .mega-menu {
    width: 900px;
  }
}

.bd-main-menu ul li.has-mega-menu .mega-menu li {
  margin-inline-end: 0;
}

.bd-main-menu ul li.has-mega-menu .mega-menu li .mega-menu-title {
  font-weight: 500;
  font-size: 18px;
  color: var(--bd-common-white);
  cursor: text;
  padding: 0;
  display: inline-block;
  margin-bottom: 15px;
  line-height: 30px;
}

.bd-main-menu ul li.has-mega-menu .mega-menu li ul li {
  width: 100%;
  float: none;
  margin-bottom: 2px;
}

.bd-main-menu ul li.has-mega-menu .mega-menu li ul li a {
  font-weight: 400;
  font-size: 16px;
  color: var(--bd-common-white);
  padding: 0;
  position: relative;
  -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;
}

.bd-main-menu ul li.has-mega-menu .mega-menu li ul li a::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 55%;
  bottom: auto;
  transform: translateY(-50%);
  width: 0px;
  height: 2px;
  background-color: var(--bd-common-white);
}

.bd-main-menu ul li.has-mega-menu .mega-menu li ul li:hover a {
  color: var(--bd-common-white);
  padding-inline-start: 18px;
}

.bd-main-menu ul li.has-mega-menu .mega-menu li ul li:hover a::before {
  width: 12px;
  transition-delay: 0.1s;
}

.bd-main-menu ul li.has-mega-menu .mega-menu li:hover>.mega-menu-title {
  padding-left: 0;
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2 {
  padding-bottom: 6px;
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2 li ul li {
  margin-bottom: 24px;
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2 li ul li a {
  display: flex;
  gap: 10px;
  background: #33C5B6;
  border-radius: 16px;
  width: 100%;
  padding: 12px 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;
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2 li ul li a.mega-btn {
  background-color: var(--bd-common-white);
  width: auto;
  height: 44px;
  line-height: 44px;
  padding: 0 30px;
  text-align: center;
  display: inline-block;
  color: var(--bd-common-black);
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2 li ul li a.mega-btn:hover {
  color: var(--bd-theme-1) !important;
  padding: 0 30px;
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2 li ul li a::before {
  content: none;
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2 li ul li a:hover {
  background: linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  padding-inline-start: 15px;
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2 li ul li a:hover.mega-btn {
  background-color: var(--bd-common-white);
  color: var(--bd-common-black);
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2 li ul li a:hover .mega-menu-2-inner-title h6 {
  color: var(--bd-common-black);
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2 li ul li a:hover .mega-menu-2-inner-title span {
  color: var(--bd-common-black);
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2-inner-num span {
  height: 28px;
  width: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  border-radius: 50%;
  color: var(--bd-common-white);
  background-color: var(--bd-theme-2);
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2-inner-title h6 {
  font-size: 19px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--bd-common-white);
  -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;
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2-inner-title span {
  color: var(--bd-common-white);
  -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;
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2-inner-thumb {
  border-radius: 16px;
  overflow: hidden;
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2-inner-thumb::before {
  content: "";
  position: absolute;
  height: 220px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, #FF9B24 0%, rgba(255, 155, 36, 0) 100%);
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2-inner-thumb-content {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  padding-left: 56px;
}

.bd-main-menu ul li.has-mega-menu .mega-menu-2-inner-thumb-content h4 {
  font-size: 23px;
  line-height: 39px;
  color: var(--bd-common-white);
  margin-bottom: 16px;
}

.bd-main-menu ul li.has-mega-menu .mega-menu.clr-2 {
  background: var(--bd-common-white);
  border-radius: 0 0 32px 32px;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  border-top: 1px solid var(--bd-grey-1);
}

.bd-main-menu ul li.has-mega-menu .mega-menu.clr-2 li:hover a.mega-menu-title {
  color: var(--bd-theme-2);
}

.bd-main-menu ul li.has-mega-menu .mega-menu.clr-2 li a {
  color: var(--bd-common-black);
}

.bd-main-menu ul li.has-mega-menu .mega-menu.clr-2 li ul li:hover a {
  color: var(--bd-theme-2);
}

.bd-main-menu ul li.has-mega-menu .mega-menu.clr-2 li ul li:hover a::before {
  background-color: var(--bd-theme-2);
}

.bd-main-menu ul li.has-mega-menu .mega-menu.clr-2 li ul li:hover a.mega-btn {
  color: var(--bd-common-black);
}

.bd-main-menu ul li.has-dropdown>a {
  position: relative;
}

.bd-main-menu ul li.has-dropdown>a::after {
  content: "\f107";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--bd-common-black);
  font-family: var(--bd-ff-fontawesome);
  font-weight: 400;
  margin-inline-start: 5px;
  display: inline-block;
}

.bd-main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  inset-inline-start: -30%;
  width: 200px;
  background: var(--bd-theme-1);
  z-index: 99;
  -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;
  visibility: hidden;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top center;
  border-radius: 12px;
  padding: 15px 25px;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  -moz-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  -ms-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  -o-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
}

.bd-main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}

.bd-main-menu ul li .submenu li.has-dropdown>a::after {
  position: absolute;
  top: 50%;
  right: 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);
}

.bd-main-menu ul li .submenu li a {
  padding: 0px;
  font-size: 16px;
  position: relative;
  z-index: 1;
  color: var(--bd-common-white);
  width: 100%;
}

.bd-main-menu ul li .submenu li a::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 55%;
  bottom: auto;
  transform: translateY(-50%);
  width: 0px;
  height: 2px;
  background-color: var(--bd-common-white);
}

.bd-main-menu ul li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}

.bd-main-menu ul li .submenu li:hover>a {
  color: var(--bd-common-white);
  padding-inline-start: 18px;
}

.bd-main-menu ul li .submenu li:hover>a::before {
  width: 12px;
  transition-delay: 0.1s;
}

.bd-main-menu ul li .submenu li:hover>.submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}

.bd-main-menu ul li .submenu-2 {
  background-color: var(--bd-common-white);
  border-radius: 0 0 16px 16px;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  border-top: 1px solid var(--bd-grey-1);
}

.bd-main-menu ul li .submenu-2::before {
  background: var(--bd-common-black);
}

.bd-main-menu ul li .submenu-2 li a {
  color: var(--bd-common-black);
}

.bd-main-menu ul li .submenu-2 li:hover a {
  color: var(--bd-theme-2);
}

.bd-main-menu ul li .submenu-2 li:hover a::before {
  background-color: var(--bd-theme-2);
}

.bd-main-menu ul li:hover>a {
  color: var(--bd-theme-2);
}

.bd-main-menu ul li:hover>a::after {
  color: var(--bd-theme-2);
}

.bd-main-menu ul li:hover>.submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
}

.bd-main-menu ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1) translateX(-50%);
}

.bd-main-menu ul li:hover.has-mega-menu::before {
  visibility: visible;
  opacity: 1;
  -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;
  transition-delay: 0.1s;
}

.bd-main-menu-2 .bd-main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 25px;
}

[dir=rtl] .bd-main-menu-2 .bd-main-menu ul li {
  margin-left: 25px;
  margin-right: 0px;
}

.bd-main-menu-2 .bd-main-menu ul li a {
  padding: 34px 0;
}

.bd-main-menu-3 ul li a {
  padding: 34px 0;
}

/*----------------------------------------*/
/*  14. MEANMENU CSS START
/*----------------------------------------*/
/* mean menu customize */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav>ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: var(--bd-common-black);
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--bd-theme-1);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
  line-height: 14px;
  border: 0;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: var(--bd-common-black);
  line-height: 30px;
  top: 0;
  font-weight: 400;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: var(--bd-theme-1);
  color: var(--bd-common-white);
  border-color: var(--bd-theme-1);
}

.mean-container .mean-nav ul li a.mean-expand i {
  font-size: 16px;
}

.mean-container .mean-nav ul li>a>i {
  display: none;
}

.mean-container .mean-nav ul li>a.mean-expand i {
  display: inline-block;
}

.mean-container .mean-nav>ul>li:first-child>a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--bd-common-white);
  background-color: var(--bd-theme-1);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: var(--bd-common-white);
}

.mean-container .mean-nav ul li ul li .mega-menu-2 {
  padding-bottom: 6px;
}

.mean-container .mean-nav ul li ul li .mega-menu-2 li ul li a {
  display: flex;
  gap: 10px;
  background: #33C5B6;
  border-radius: 16px;
  width: 100%;
  padding: 12px 15px;
  margin-bottom: 24px;
  -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;
}

.mean-container .mean-nav ul li ul li .mega-menu-2 li ul li a.mega-btn {
  background-color: var(--bd-common-white);
  width: auto;
  height: 44px;
  line-height: 44px;
  padding: 0 30px;
  text-align: center;
  display: inline-block;
  color: var(--bd-common-black);
}

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-num span {
  height: 28px;
  width: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  border-radius: 50%;
  color: var(--bd-common-white);
  background-color: var(--bd-theme-2);
}

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-title h6 {
  font-size: 19px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--bd-common-white);
  -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;
}

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-title span {
  color: var(--bd-common-white);
  -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;
}

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-thumb {
  border-radius: 16px;
  overflow: hidden;
  margin: 10px 0;
}

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-thumb img {
  width: 100%;
}

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-thumb::before {
  content: "";
  position: absolute;
  height: 220px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, #FF9B24 0%, rgba(255, 155, 36, 0) 100%);
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-thumb-content {
  position: absolute;
  bottom: 0;
  left: 50%;
  text-align: center;
  padding-left: 0px;
  transform: translateX(-50%);
  margin-right: -50%;
}

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-thumb-content h4 {
  font-size: 23px;
  line-height: 39px;
  color: var(--bd-common-white);
  margin-bottom: 16px;
}

.mean-container .mean-nav ul li li li a.mega-program {
  background: var(--bd-theme-1);
  border-radius: 16px;
  margin: 5px 0;
  text-transform: capitalize;
}

.mean-container .mean-nav ul li li li a.mega-btn {
  background-color: var(--bd-common-white);
  width: auto;
  height: 44px;
  line-height: 44px;
  padding: 0 30px;
  display: inline-flex;
  color: var(--bd-common-black);
  margin-bottom: 20px;
  border-radius: 50px;
  justify-content: center;
  margin-inline-start: 20px;
}

.mean-container .mean-nav ul li li li a.mega-btn:hover {
  color: var(--bd-theme-1) !important;
}

.bd-hero-3-shape {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  opacity: 0.3;
}

.bd-hero-3-shape-2 {
  position: absolute;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  animation: bd-updown-2 2s infinite alternate-reverse;
}

.bd-hero-area {
  position: relative;
  min-height: 858px;
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bd-hero-area {
    min-height: 800px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-area {
    min-height: 750px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-area {
    min-height: 680px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero-area {
    min-height: 600px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-hero-area {
    min-height: auto;
    padding-top: 100px;
  }
}

.bd-hero-area-2 {
  position: relative;
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-hero-area-3 {
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.bd-hero-navigation {
  display: flex;
  gap: 10px;
  justify-content: end;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  right: 70px;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .bd-hero-navigation {
    right: 50px;
  }
}

@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),
only screen and (min-width: 768px) and (max-width: 991px) {
  [dir=rtl] .bd-hero-navigation {
    left: 70px;
    right: auto;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-hero-navigation {
    justify-content: start;
    padding-top: 28px;
    padding-bottom: 5px;
  }
}

.bd-hero-navigation button {
  height: 52px;
  width: 52px;
  font-size: 20px;
  line-height: 52px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--bd-common-white);
  color: var(--bd-common-white);
}

@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),
only screen and (min-width: 768px) and (max-width: 991px) {
  [dir=rtl] .bd-hero-navigation button {
    border: 1px solid #FFF;
    color: var(--bd-common-white);
  }
}

.bd-hero-navigation button:hover {
  color: var(--bd-common-black);
  background-color: var(--bd-common-white);
}

[dir=rtl] .bd-hero-navigation button:hover {
  background-color: var(--bd-theme-2);
  border-color: var(--bd-theme-2);
}

.bd-hero-bottom-shape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  z-index: 3;
}

.bd-hero-bottom-shape img {
  width: 100%;
}

.bd-hero-social {
  position: relative;
}

.bd-hero-social::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 2px;
  background-color: var(--bd-theme-2);
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}

.bd-hero-social:last-child::before {
  content: none;
}

[dir=rtl] .bd-hero-social:last-child::before {
  content: "";
}

[dir=rtl] .bd-hero-social:first-child::before {
  content: none;
}

.bd-hero-social-wrapper {
  display: flex;
  gap: 40px;
  position: absolute;
  left: 55px;
  transform-origin: 50% 0;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  z-index: 2;
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  [dir=rtl] .bd-hero-social-wrapper {
    left: 25px;
  }
}

@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),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-hero-social-wrapper {
    display: none;
  }
}

.bd-hero-social-wrapper.is-white .bd-hero-social a {
  color: var(--bd-common-white);
}

.bd-hero-social-wrapper.is-white .bd-hero-social a:hover {
  color: var(--bd-theme-2);
}

.bd-hero-social a {
  font-size: 16px;
  line-height: 32px;
  text-transform: capitalize;
  font-weight: var(--bd-fw-medium);
}

.bd-hero-social a:hover {
  color: var(--bd-theme-1);
}

.bd-hero-social a i {
  margin-inline-end: 10px;
}

.bd-hero-inner {
  padding-top: 70px;
}

.bd-hero-inner-2 {
  min-height: 820px;
  width: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-inner-2 {
    min-height: 750px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-inner-2 {
    min-height: 700px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero-inner-2 {
    min-height: 600px;
  }
}

@media (max-width: 575px) {
  .bd-hero-inner-2 {
    min-height: 450px;
  }
}

.bd-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  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;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-bg {
    background-position: 60% center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero-bg {
    background-position: 70% center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-hero-bg {
    background-position: 80% center;
  }
}

.bd-hero-bg::before {
  content: "";
  /* background: linear-gradient(270deg, #001413 16.09%, rgba(0, 0, 0, 0) 84.22%); */
  transform: rotate(-180deg);
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.bd-hero-bottom-line-shape::before {
  content: "";
  position: absolute;
  height: 200px;
  bottom: 0px;
  left: 0;
  background: #fff;
  width: 100%;
  z-index: 1;
  clip-path: polygon(0 100%, 100% 84%, 100% 100%, 0% 100%);
}

.bd-hero-shape {
  position: absolute;
}

.bd-hero-shape-1 {
  bottom: 100px;
  inset-inline-start: 110px;
  animation: bd-updown-2 2s infinite alternate-reverse;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-shape-1 {
    bottom: 50px;
    inset-inline-start: 30px;
  }
}

.bd-hero-shape-2 {
  top: 230px;
  inset-inline-end: 110px;
  animation: bd-updown-2 2s infinite alternate-reverse;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-shape-2 {
    top: 160px;
    inset-inline-end: 100px;
  }
}

@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-hero-shape-2 {
    top: 100px;
  }
}

.bd-hero-content {
  margin-inline-start: -30px;
  position: relative;
  z-index: 3;
}

@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-hero-content {
    margin-inline-start: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero-content {
    padding-top: 0px;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-hero-content {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-hero-content-2 {
    padding-bottom: 0px;
  }
}

.bd-hero-content span {
  font-size: 23px;
  font-weight: var(--bd-fw-sbold);
  color: var(--bd-theme-1);
  margin-bottom: 10px;
  display: inline-block;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-hero-content span {
    font-size: 18px;
  }
}

.bd-hero-content.is-white span {
  color: var(--bd-common-white);
}

.bd-hero-content.is-white .bd-hero-title {
  color: var(--bd-common-white);
}

.bd-hero-content-wrapper-2 {
  min-height: 820px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-content-wrapper-2 {
    min-height: 750px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-content-wrapper-2 {
    min-height: 700px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero-content-wrapper-2 {
    min-height: 600px;
  }
}

@media (max-width: 575px) {
  .bd-hero-content-wrapper-2 {
    min-height: 450px;
  }
}

.bd-hero-title {
  margin-bottom: 56px;
}

@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-hero-title {
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bd-hero-title {
    font-size: 80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-title {
    font-size: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-title {
    font-size: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero-title {
    font-size: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero-title {
    font-size: 45px;
  }
}

@media (max-width: 575px) {
  .bd-hero-title {
    font-size: 40px;
  }
}

.bd-hero-btn a.bd-btn {
  height: 60px;
  line-height: 60px;
  padding: 0px 40px;
}

.bd-hero-btn a.bd-btn span {
  font-size: 16px;
  font-weight: 500;
  color: var(--bd-common-white);
}

.bd-hero-thumb {
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 1600px) and (max-width: 1700px),
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),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-hero-thumb img {
    width: 100%;
  }
}

.bd-hero-thumb-3-mask {
  -webkit-mask-image: url("../img/shape/hero-3-mask.png");
  mask-image: url("../img/shape/hero-3-mask.png");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: right;
  mask-position: right;
  display: inline-flex;
}

@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),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-hero-thumb-3-mask img {
    width: 100%;
  }
}

.bd-hero-thumb-3-shape-1 {
  top: 0;
  inset-inline-end: 0;
}

.bd-hero-thumb-3-shape-2 {
  inset-inline-end: -100px;
  bottom: -20px;
}

@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),
only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero-thumb-3-shape-2 {
    inset-inline-end: 0px;
    bottom: -20px;
  }
}

.bd-hero-thumb-3-shape-3 {
  inset-inline-start: -35px;
  bottom: 12%;
}

.bd-hero-thumb-wrapper {
  position: absolute;
  bottom: 0;
  inset-inline-start: calc(50% - 20px);
  max-width: 886px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bd-hero-thumb-wrapper {
    max-width: 740px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-thumb-wrapper {
    max-width: 650px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-thumb-wrapper {
    max-width: 650px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero-thumb-wrapper {
    inset-inline-start: 45%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-hero-thumb-wrapper {
    position: relative;
    bottom: 0;
    inset-inline-start: 0;
    max-width: 100%;
  }
}

.bd-hero-thumb-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bd-hero-thumb-shape img {
  animation: bd-updown 1.5s infinite alternate ease-in-out;
}

@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-hero-thumb-shape img {
    width: 100%;
  }
}

@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-hero-thumb-shape {
    width: 85%;
  }
}

.swiper-slide-active .bd-hero-bg {
  -webkit-transform: scale(1.12);
  -moz-transform: scale(1.12);
  transform: scale(1.12);
}

.bd-class {
  padding: 40px;
  border: 2px dashed var(--bd-grey-2);
  border-radius: 32px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-class {
    padding: 40px 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-class {
    padding: 25px 20px;
  }
}

.bd-class-2 {
  background: linear-gradient(359.18deg, #FFF6EB 0.69%, #FFFAF5 98.52%);
  border-radius: 24px;
  padding: 55px 50px;
  text-align: center;
  margin: 0px 6px 6px 0;
  -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;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 575px) {
  .bd-class-2 {
    padding: 30px 20px;
  }
}

.bd-class-2:hover {
  filter: drop-shadow(6px 6px 0 var(--bd-theme-2));
}

.bd-class-2:hover .bd-class-icon-wrapper::before {
  animation: rotate-infinite 15s linear infinite;
}

.bd-class-2.clr-2 {
  background: linear-gradient(180deg, #F5FFFE 0%, #EBFFFE 100%);
}

.bd-class-2.clr-2:hover {
  filter: drop-shadow(6px 6px 0 var(--bd-theme-1));
}

.bd-class-2.clr-2 .bd-class-icon-2 {
  background-color: #D6FFFC;
}

.bd-class-2.clr-2 .bd-class-icon-2 i {
  color: var(--bd-theme-1);
}

.bd-class-2.clr-2 .bd-class-icon-wrapper::before {
  border-color: var(--bd-theme-1);
}

.bd-class-2.clr-2 .bd-class-btn a {
  background-color: transparent;
  color: var(--bd-common-black);
  border: 1px solid var(--bd-theme-1);
}

.bd-class-2.clr-2 .bd-class-btn a:hover {
  color: var(--bd-common-white);
}

.bd-class-2 .bd-class-icon-2 {
  background-color: #FFECD6;
  height: 120px;
  width: 120px;
  display: inline-flex;
  justify-content: center;
  border-radius: 50%;
}

.bd-class-2 .bd-class-icon-2 i {
  display: inline-flex;
  align-items: center;
  font-size: 64px;
  color: var(--bd-theme-2);
}

.bd-class-2 .bd-class-icon-wrapper {
  position: relative;
  padding: 5px;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 25px;
}

.bd-class-2 .bd-class-icon-wrapper::before {
  content: "";
  position: absolute;
  left: 0%;
  top: 0%;
  border: 2px dashed var(--bd-theme-2);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  padding: 5px;
}

.bd-class-3 {
  -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;
  filter: drop-shadow(0px 4px 0 var(--bd-theme-2));
}

.bd-class-3:hover {
  filter: drop-shadow(0px 0px 0 var(--bd-theme-2));
}

.bd-class-3:hover .bd-class-content-3 {
  top: 0;
}

.bd-class-3:hover .bd-class-thumb {
  transform: scale(1.05);
}

.bd-class-wrapper {
  position: relative;
  transition: all 0.2s ease-in-out 0s;
}

.bd-class-wrapper:hover .bd-class {
  border-color: transparent;
}

.bd-class-wrapper:hover .bd-class-bg {
  opacity: 1;
  visibility: visible;
}

.bd-class-wrapper:hover .bd-class-icon {
  background-color: var(--bd-theme-2);
}

.bd-class-wrapper:hover .bd-class-icon i {
  color: var(--bd-common-white);
  transform: scale(1.15);
}

.bd-class-wrapper:hover .bd-class-title {
  color: var(--bd-common-white);
}

.bd-class-wrapper:hover .bd-class-content p {
  color: var(--bd-common-white);
}

.bd-class-wrapper:hover .bd-class-btn .bd-btn {
  background-color: transparent;
  color: var(--bd-common-white);
  border-color: var(--bd-common-white);
}

.bd-class-wrapper .bd-class-btn .bd-btn:hover {
  border-color: var(--bd-theme-2);
}

.bd-class-bg {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -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;
}

.bd-class-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  border-radius: 32px;
  opacity: 0.1;
}

.bd-class-bg::after {
  content: "";
  background: #00BBAE;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 32px;
  z-index: -2;
}

.bd-class-bg::before {
  content: "";
  background: linear-gradient(90.87deg, var(--bd-theme-1) 0.69%, rgba(0, 187, 174, 0) 96.75%);
  height: 100%;
  width: 40%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 32px;
  z-index: -1;
}

.bd-class-icon {
  height: 120px;
  width: 120px;
  display: inline-flex;
  justify-content: center;
  background-color: var(--bd-theme-4);
  border-radius: 50%;
  margin-bottom: 25px;
  -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;
}

.bd-class-icon i {
  display: inline-flex;
  align-items: center;
  font-size: 64px;
  color: var(--bd-theme-2);
}

.bd-class-thumb {
  height: 277px;
  width: 100%;
  -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;
}

.bd-class-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.bd-class-title {
  margin-bottom: 15px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

@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-class-title {
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  .bd-class-title {
    font-size: 25px;
  }
}

.bd-class-title a {
  display: inline-block;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.bd-class-title a:hover {
  color: var(--bd-theme-2);
}

.bd-class-title-3 {
  margin-bottom: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-class-title-3 {
    font-size: 27px;
  }
}

.bd-class-content p {
  margin-bottom: 28px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.bd-class-content-3 {
  -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;
  padding: 25px;
  position: relative;
  top: 50px;
  z-index: 2;
  margin-top: -50px;
}

.bd-class-meta {
  gap: 10px;
}

.bd-class-meta a {
  font-size: 16px;
  line-height: 30px;
  color: var(--bd-common-black);
  font-weight: 500;
}

.bd-class-meta a:hover {
  color: var(--bd-theme-1);
}

.bd-class-meta-wrapper {
  border-top: 1px solid var(--bd-grey-1);
  padding-top: 25px;
  gap: 5px 20px;
}

.bd-class-meta-thumb {
  height: 48px;
  width: 48px;
  min-width: 48px;
}

.bd-class-meta-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.bd-class-meta-price {
  color: var(--bd-text-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
}

.bd-class-meta-price span {
  color: var(--bd-theme-1);
  font-size: 23px;
  line-height: 39px;
  font-weight: 600;
}

.bd-class-btn {
  line-height: 1;
}

.bd-class-btn .bd-btn {
  padding: 0 43px;
  height: 50px;
  line-height: 50px;
}

.bd-class-btn-3 a {
  height: 50px;
  line-height: 50px;
  color: var(--bd-common-white);
  display: block;
}

.bd-class-btn-3 a:hover {
  background-color: var(--bd-theme-1);
}

.bd-class-details-thumb {
  border-radius: 32px;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-class-details-thumb {
    height: 450px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-class-details-thumb {
    height: 400px;
  }
}

@media (max-width: 575px) {
  .bd-class-details-thumb {
    height: 350px;
  }
}

.bd-class-details-thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 32px;
}

.bd-class-details-next,
.bd-class-details-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 2px solid var(--bd-common-white);
  z-index: 1;
  border-radius: 50%;
  inset-inline-end: 25px;
  -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;
  color: var(--bd-common-white);
}

.bd-class-details-next:hover,
.bd-class-details-prev:hover {
  background-color: var(--bd-common-white);
  border-color: var(--bd-common-white);
  color: var(--bd-common-black);
}

.bd-class-details-prev {
  inset-inline-end: auto;
  inset-inline-start: 25px;
}

.bd-class-details-active {
  height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-class-details-active {
    height: 500px;
  }
}

.bd-class-details-widget-content {
  padding: 30px 32px 50px;
  border-radius: 32px;
}

.bd-class-details-widget-content p {
  line-height: 30px;
  margin-bottom: 20px;
}

.bd-class-details-widget-title {
  font-size: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-class-details-widget-title {
    font-size: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-class-details-widget-title {
    font-size: 45px;
  }
}

@media (max-width: 575px) {
  .bd-class-details-widget-title {
    font-size: 30px;
  }
}

.bd-class-details-author {
  display: flex;
  gap: 10px;
  align-items: center;
}

.bd-class-details-author-wrapper {
  display: flex;
  align-items: center;
  gap: 20px 50px;
  flex-wrap: wrap;
}

.bd-class-details-author-thumb {
  height: 73px;
  width: 73px;
}

.bd-class-details-author-thumb img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.bd-class-details-author-name span {
  display: inline-block;
  margin-bottom: 10px;
}

.bd-class-details-author-name h5 {
  font-size: 23px;
}

.bd-class-details-cat {
  position: relative;
}

.bd-class-details-cat h5 {
  font-size: 23px;
}

.bd-class-details-cat span {
  display: inline-block;
  margin-bottom: 10px;
}

.bd-class-details-cat::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: var(--bd-theme-2);
  top: 0;
  inset-inline-start: -25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-class-details-cat::before {
    content: none;
  }
}

.bd-class-details-cat-wrapper {
  display: flex;
  gap: 50px;
  align-items: center;
}

.bd-class-details-list ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bd-class-details-list ul li {
  list-style-type: none;
  position: relative;
  padding-inline-start: 30px;
  color: var(--bd-common-black);
}

.bd-class-details-list ul li::before {
  content: "\f105";
  font-family: var(--bd-ff-fontawesome);
  background: #FFEDD7;
  height: 20px;
  width: 20px;
  font-size: 15px;
  position: absolute;
  border-radius: 50%;
  line-height: 20px;
  inset-inline-start: 0;
  top: 5px;
  text-align: center;
  color: var(--bd-theme-2);
}

.bd-promotion {
  margin-inline-start: 25px;
}

@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-promotion {
    margin-inline-start: 0px;
  }
}

.bd-promotion-2 {
  margin-inline-start: 0px;
  margin-inline-end: 25px;
}

@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-promotion-2 {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }
}

.bd-promotion .bd-section-title-wrapper span {
  font-weight: 600;
  margin-bottom: 20px;
  display: inline-block;
}

.bd-promotion-area.active-anim .bd-promotion-thumb,
.bd-promotion-area-2.active-anim .bd-promotion-thumb {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  filter: drop-shadow(0px 10px 0 var(--bd-theme-2));
}

.bd-promotion-area.active-anim .bd-promotion-thumb img,
.bd-promotion-area-2.active-anim .bd-promotion-thumb img {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.bd-promotion-thumb {
  display: inline-flex;
}

.bd-promotion-thumb-mask {
  -webkit-mask-image: url(../img/shape/wave-mask.svg);
  mask-image: url(../img/shape/wave-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  display: inline-flex;
}

.bd-promotion-thumb-wrapper {
  position: relative;
}

.bd-promotion-thumb img {
  width: 100%;
}

.bd-promotion-thumb.active-anim img {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  filter: drop-shadow(0px 10px 0 var(--bd-theme-2));
}

.bd-promotion-shape {
  position: absolute;
  left: 50%;
  bottom: -15%;
  animation: rotate 3s infinite alternate;
  transform-origin: 0px -280px;
}

.bd-promotion-counter {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-promotion-counter {
    flex-direction: column;
    gap: 0;
    padding-inline-end: 18px;
  }
}

.bd-promotion-counter-wrapper {
  background-color: var(--bd-theme-1);
  display: flex;
  gap: 30px;
  padding: 16px 40px;
  border-radius: 24px;
  justify-content: center;
}

@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-promotion-counter-wrapper {
    justify-content: space-between;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-promotion-counter-wrapper {
    flex-direction: column;
    gap: 0;
  }
}

.bd-promotion-counter-number p {
  font-size: 45px;
  line-height: 61px;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--bd-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-promotion-counter-number p {
    font-size: 35px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-promotion-counter-number p {
    font-size: 32px;
    line-height: 42px;
  }
}

.bd-promotion-counter-number p span {
  display: inline-block;
  min-width: 45px;
  text-align: right;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-promotion-counter-number p span {
    min-width: auto;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-promotion-counter-number p span {
    text-align: left;
    min-width: auto;
  }
}

.bd-promotion-counter-number p span span {
  min-width: 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-promotion-counter-number p span span {
    min-width: auto;
  }
}

.bd-promotion-counter-text span {
  font-size: 16px;
  line-height: 1;
  color: var(--bd-common-white);
  display: block;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-promotion-counter-text span {
    display: inline-block;
  }
}

.bd-promotion-counter::before {
  content: "";
  background: var(--bd-common-white);
  width: 2px;
  height: 36px;
  position: absolute;
  inset-inline-end: -15px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-promotion-counter::before {
    height: 90%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-promotion-counter::before {
    width: 100%;
    height: 2px;
    top: 100%;
    left: 0;
  }
}

.bd-promotion-counter:last-child::before {
  content: none;
}

.bd-promotion-list ul li {
  list-style: none;
  padding-inline-start: 35px;
  position: relative;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1;
}

.bd-promotion-list ul li::before {
  position: absolute;
  content: "\f105";
  font-family: var(--bd-ff-fontawesome);
  inset-inline-start: 0;
  top: 2px;
  color: var(--bd-theme-1);
  background-color: #CCF1EF;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}

.bd-promotion-list-2 ul {
  display: flex;
  list-style: none;
  align-items: center;
  background-image: -webkit-linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  background-image: -moz-linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  background-image: -ms-linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  background-image: -o-linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  background-image: linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  padding: 0 30px;
  gap: 95px;
  border-radius: 24px;
  border: 1px solid #E6E6E6;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-promotion-list-2 ul {
    gap: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-promotion-list-2 ul {
    padding: 20px 25px;
    gap: 20px;
    flex-direction: column;
    align-items: start;
  }
}

.bd-promotion-list-2 ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  padding: 20px 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-promotion-list-2 ul li {
    padding: 0;
  }
}

.bd-promotion-list-2 ul li i {
  display: inline-block;
  height: 82px;
  width: 82px;
  font-size: 35px;
  text-align: center;
  line-height: 95px;
  border-radius: 50%;
  color: var(--bd-common-white);
}

.bd-promotion-list-2 ul li span {
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
}

.bd-promotion-list-2 ul li:first-child::before {
  content: "";
  position: absolute;
  background-color: #E6E6E6;
  height: 100%;
  width: 1px;
  top: 0;
  inset-inline-end: -42px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-promotion-list-2 ul li:first-child::before {
    inset-inline-end: -25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-promotion-list-2 ul li:first-child::before {
    content: none;
  }
}

.bd-promotion-btn {
  line-height: 1;
}

.bd-promotion-btn-wrapper {
  display: flex;
  align-items: center;
  gap: 25px;
}

.bd-promotion-btn .bd-btn {
  padding: 0 43px;
  text-transform: capitalize;
  height: 50px;
  line-height: 50px;
}

.bd-promotion-btn-2 {
  position: relative;
}

.bd-promotion-btn-2 a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--bd-text-body);
  font-size: 16px;
  line-height: 20px;
  font-weight: var(--bd-fw-medium);
}

.bd-promotion-btn-2 a:hover {
  color: var(--bd-theme-1);
}

.bd-promotion-btn-2 a i {
  font-size: 40px;
  display: inline-block;
  line-height: 70px;
  text-align: center;
  color: var(--bd-theme-2);
  height: 60px;
  width: 60px;
  background-color: #FFF4E7;
  border-radius: 50%;
}

.bd-program {
  background: var(--bd-common-white);
  padding: 24px;
  border-radius: 24px;
}

@media (max-width: 575px) {
  .bd-program {
    flex-direction: column;
    padding: 20px;
  }
}

.bd-program:hover .bd-program-shape {
  opacity: 1;
  visibility: visible;
}

.bd-program-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bd-program-2.clr-1 .bd-program-thumb-2::before {
  border-color: var(--bd-theme-1);
}

.bd-program-2.clr-1 .bd-program-info-wrapper-2 {
  background-color: #EBFFFE;
}

.bd-program-2.clr-1 .bd-program-info::before {
  border-right: 2px solid var(--bd-theme-1);
}

.bd-program-2.clr-2 .bd-program-thumb-2::before {
  border-color: var(--bd-theme-2);
}

.bd-program-2.clr-2 .bd-program-info-wrapper-2 {
  background-color: #FFECD6;
}

.bd-program-2.clr-2 .bd-program-info::before {
  border-right: 2px solid var(--bd-theme-2);
}

.bd-program-2.clr-3 .bd-program-thumb-2::before {
  border-color: var(--bd-theme-3);
}

.bd-program-2.clr-3 .bd-program-info-wrapper-2 {
  background-color: #FFEBEF;
}

.bd-program-2.clr-3 .bd-program-info::before {
  border-right: 2px solid var(--bd-theme-3);
}

.bd-program.clr-1 {
  background-color: var(--bd-theme-7);
}

.bd-program.clr-2 {
  background-color: var(--bd-theme-6);
}

.bd-program.clr-3 {
  background-color: #FFEBEF;
}

.bd-program.clr-4 {
  background-color: #FFEBEB;
}

.bd-program.clr-5 {
  background-color: #EBFAFF;
}

.bd-program.clr-6 {
  background-color: #EBEBFF;
}

.bd-program-area {
  position: relative;
}

.bd-program-thumb {
  overflow: hidden;
  -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;
  border-radius: 24px;
  position: relative;
  width: 100%;
  height: 245px;
}

.bd-program-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}

.bd-program-thumb-2 {
  height: 400px;
  width: 400px;
  border-radius: 50%;
  padding: 8px;
}

.bd-program-thumb-2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid var(--bd-theme-2);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-program-thumb-2 {
    width: 350px;
    height: 350px;
  }
}

@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-program-thumb-2 {
    width: 300px;
    height: 300px;
  }
}

.bd-program-thumb-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}

.bd-program-thumb-2:hover img {
  transform: translate(-4px, -6px) scale(1.04);
}

.bd-program-thumb-wrapper {
  position: relative;
}

.bd-program-thumb img {
  width: 100%;
  -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;
  height: 100%;
  object-fit: cover;
}

.bd-program-thumb:hover img {
  transform: scale(1.1);
}

.bd-program-thumb:hover::before {
  animation: shine 800ms;
}

.bd-program-shape {
  position: absolute;
  inset-inline-end: 10px;
  bottom: -15px;
  opacity: 0;
  visibility: hidden;
  -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;
  z-index: 2;
}

.bd-program-title {
  margin-bottom: 15px;
  margin-top: 15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-program-title {
    font-size: 25px;
  }
}

.bd-program-info {
  position: relative;
  text-align: center;
}

.bd-program-info::before {
  content: "";
  width: 2px;
  height: 45px;
  position: absolute;
  inset-inline-end: -32px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
  border-right: 2px dashed var(--bd-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-program-info::before {
    inset-inline-end: -15px;
  }
}

@media (max-width: 575px) {
  .bd-program-info::before {
    content: none;
  }
}

.bd-program-info:last-child::before {
  content: none;
}

.bd-program-info-wrapper {
  padding: 16px 20px;
  display: flex;
  gap: 64px;
  justify-content: center;
  border-radius: 24px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-program-info-wrapper {
    gap: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-program-info-wrapper {
    gap: 30px;
  }
}

@media (max-width: 575px) {
  .bd-program-info-wrapper {
    gap: 8px;
    flex-direction: column;
    align-items: center;
  }
}

.bd-program-info-wrapper-2 {
  padding: 16px 20px;
  display: flex;
  gap: 64px;
  justify-content: center;
  border-radius: 16px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-program-info-wrapper-2 {
    gap: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-program-info-wrapper-2 {
    gap: 30px;
  }
}

@media (max-width: 575px) {
  .bd-program-info-wrapper-2 {
    gap: 8px;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}

.bd-program-info-wrapper-2 .bd-program-info-title {
  color: var(--bd-common-black);
}

.bd-program-info-wrapper-2 .bd-program-info span {
  color: var(--bd-common-text);
}

.bd-program-info-wrapper-2 .bd-program-info::before {
  height: 34px;
}

.bd-program-info-title {
  font-size: 18px;
  line-height: 23px;
  color: var(--bd-common-white);
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .bd-program-info-title br {
    display: none;
  }
}

@media (max-width: 575px) {
  .bd-program-info-title {
    display: flex;
    gap: 15px;
  }
}

.bd-program-info-title span {
  font-size: 16px;
  font-weight: var(--bd-fw-normal);
}

.bd-program-view-btn a {
  text-decoration: underline;
  font-size: 16px;
  line-height: 32px;
  font-weight: var(--bd-fw-medium);
}

.bd-program-details-slider {
  /* border-radius: 32px; */
  overflow: hidden;
  height: 100%;
}

.bd-program-details-slider-thumb {
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-program-details-slider-thumb {
    height: 450px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-program-details-slider-thumb {
    height: 400px;
  }
}

@media (max-width: 575px) {
  .bd-program-details-slider-thumb {
    height: 350px;
  }
}

.bd-program-details-slider-thumb img {
  height: 100%;
  /* object-fit: cover; */
  width: 100%;
  border-radius: 32px;
}

.bd-program-details-next,
.bd-program-details-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 2px solid var(--bd-common-white);
  z-index: 1;
  border-radius: 50%;
  inset-inline-end: 25px;
  -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;
  color: var(--bd-common-white);
}

.bd-program-details-next:hover,
.bd-program-details-prev:hover {
  background-color: var(--bd-common-white);
  border-color: var(--bd-common-white);
  color: var(--bd-common-black);
}

.bd-program-details-prev {
  inset-inline-end: auto;
  inset-inline-start: 25px;
}

.bd-program-details-active {
  height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-program-details-active {
    height: 500px;
  }
}

.bd-program-details-widget-content {
  padding: 30px 32px 50px;
  border-radius: 32px;
}

@media (max-width: 575px) {
  .bd-program-details-widget-content {
    padding: 30px 20px 50px;
  }
}

.bd-program-details-widget-content p {
  line-height: 30px;
  margin-bottom: 20px;
}

.bd-program-details-widget-title {
  font-size: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-program-details-widget-title {
    font-size: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-program-details-widget-title {
    font-size: 45px;
  }
}

@media (max-width: 575px) {
  .bd-program-details-widget-title {
    font-size: 30px;
  }
}

.bd-program-details-author {
  display: flex;
  gap: 10px;
  align-items: center;
}

.bd-program-details-author-wrapper {
  display: flex;
  align-items: center;
  gap: 20px 50px;
  flex-wrap: wrap;
}

.bd-program-details-author-thumb {
  height: 73px;
  width: 73px;
}

.bd-program-details-author-thumb img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.bd-program-details-author-name span {
  display: inline-block;
  margin-bottom: 10px;
}

.bd-program-details-author-name h5 {
  font-size: 23px;
}

.bd-program-details-cat {
  position: relative;
}

.bd-program-details-cat h5 {
  font-size: 23px;
}

.bd-program-details-cat span {
  display: inline-block;
  margin-bottom: 10px;
}

.bd-program-details-cat::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: var(--bd-theme-2);
  top: 0;
  inset-inline-start: -25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-program-details-cat::before {
    content: none;
  }
}

.bd-program-details-cat-wrapper {
  display: flex;
  gap: 50px;
  align-items: center;
}

.bd-program-details-list ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bd-program-details-list ul li {
  list-style-type: none;
  position: relative;
  padding-inline-start: 30px;
  color: var(--bd-common-black);
}

.bd-program-details-list ul li::before {
  content: "\f105";
  font-family: var(--bd-ff-fontawesome);
  background: #FFEDD7;
  height: 20px;
  width: 20px;
  font-size: 15px;
  position: absolute;
  border-radius: 50%;
  line-height: 20px;
  inset-inline-start: 0;
  top: 5px;
  text-align: center;
  color: var(--bd-theme-2);
}

.bd-teacher {
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}

.bd-teacher:hover .bd-teacher-content-wrapper {
  transform: translateY(0);
}

.bd-teacher:hover .bd-teacher-thumb::before {
  opacity: 0.3;
}

.bd-teacher-overlay::before {
  content: "";
  height: 50%;
  width: 84%;
  position: absolute;
  top: 0;
  inset-inline-start: 8%;
  background: linear-gradient(180.87deg, var(--bd-theme-1) 0.69%, rgba(17, 161, 145, 0) 96.75%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-teacher-overlay::before {
    inset-inline-start: 1%;
    width: 96%;
  }
}

.bd-teacher-bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: luminosity;
  opacity: 0.1;
}

.bd-teacher-bg-wrapper::before {
  content: "";
  background: linear-gradient(90.87deg, var(--bd-theme-1) 0.69%, rgba(0, 187, 174, 0) 96.75%);
  position: absolute;
  height: 100%;
  width: 280px;
  left: 8%;
  top: 0;
  z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-teacher-bg-wrapper::before {
    left: 0;
  }
}

.bd-teacher-bg-wrapper::after {
  content: "";
  background: linear-gradient(-90.87deg, var(--bd-theme-1) 0.69%, rgba(0, 187, 174, 0) 96.75%);
  position: absolute;
  height: 100%;
  width: 280px;
  right: 8%;
  top: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-teacher-bg-wrapper::after {
    right: 0;
  }
}

.bd-teacher-thumb {
  height: 408px;
  position: relative;
}

.bd-teacher-thumb::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -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;
  background-image: -webkit-linear-gradient(180deg, rgba(255, 87, 123, 0), var(--bd-theme-2) 65%);
  background-image: -moz-linear-gradient(180deg, rgba(255, 87, 123, 0), var(--bd-theme-2) 65%);
  background-image: -ms-linear-gradient(180deg, rgba(255, 87, 123, 0), var(--bd-theme-2) 65%);
  background-image: -o-linear-gradient(180deg, rgba(255, 87, 123, 0), var(--bd-theme-2) 65%);
  background-image: linear-gradient(180deg, rgba(255, 87, 123, 0), var(--bd-theme-2) 65%);
}

.bd-teacher-thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.bd-teacher-thumb-wrapper-2:hover .bd-teacher-thumb-2::before {
  opacity: 1;
}

.bd-teacher-thumb-wrapper-2:hover .bd-teacher-social-2 {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0%);
}

.bd-teacher-thumb-2 {
  height: 408px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

.bd-teacher-thumb-2::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -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;
  background-image: -webkit-linear-gradient(180deg, rgba(255, 155, 36, 0.0784313725), var(--bd-common-black) 100%);
  background-image: -moz-linear-gradient(180deg, rgba(255, 155, 36, 0.0784313725), var(--bd-common-black) 100%);
  background-image: -ms-linear-gradient(180deg, rgba(255, 155, 36, 0.0784313725), var(--bd-common-black) 100%);
  background-image: -o-linear-gradient(180deg, rgba(255, 155, 36, 0.0784313725), var(--bd-common-black) 100%);
  background-image: linear-gradient(180deg, rgba(255, 155, 36, 0.0784313725), var(--bd-common-black) 100%);
}

.bd-teacher-thumb-2 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.bd-teacher-content {
  padding: 22px;
}

.bd-teacher-content-wrapper {
  background-image: -webkit-linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  background-image: -moz-linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  background-image: -ms-linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  background-image: -o-linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  background-image: linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  border-radius: 24px 24px 0 0;
  text-align: center;
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 100%;
  transform: translateY(40px);
  -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;
}

.bd-teacher-title {
  margin-bottom: 0px;
}

.bd-teacher-title a:hover {
  color: var(--bd-theme-2);
}

.bd-teacher-title-2 {
  color: var(--bd-common-white);
}

.bd-teacher-title-2 a:hover {
  color: var(--bd-theme-2);
}

.bd-teacher-des {
  font-size: 16px;
  line-height: 26px;
  color: var(--bd-common-black);
  display: inline-block;
  margin-bottom: 4px;
}

.bd-teacher-des.is-white {
  color: var(--bd-common-white);
}

.bd-teacher-social {
  background-color: var(--bd-theme-2);
}

.bd-teacher-social ul {
  list-style-type: none;
  display: inline-flex;
  gap: 20px;
}

.bd-teacher-social ul li {
  position: relative;
}

.bd-teacher-social ul li::before {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  inset-inline-end: -10px;
  opacity: 0.2;
  background-color: var(--bd-common-white);
}

.bd-teacher-social ul li:last-child::before {
  content: none;
}

.bd-teacher-social ul li a {
  padding: 6px 0;
  color: var(--bd-common-white);
  display: inline-block;
}

.bd-teacher-social ul li:hover a {
  color: var(--bd-theme-1);
}

.bd-teacher-social-2 {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translate(-50%, 20%);
  background: var(--bd-theme-2);
  padding: 0px 15px;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.bd-teacher-social-2 ul {
  list-style-type: none;
  display: flex;
  gap: 20px;
}

.bd-teacher-social-2 ul li {
  color: var(--bd-common-white);
  padding: 10px 0;
  position: relative;
}

.bd-teacher-social-2 ul li::before {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  inset-inline-end: -10px;
  opacity: 0.2;
  top: 0;
  background-color: var(--bd-common-white);
}

.bd-teacher-social-2 ul li:last-child::before {
  content: none;
}

.bd-teacher-view-btn a {
  text-decoration: underline;
  font-size: 16px;
  line-height: 32px;
  font-weight: var(--bd-fw-medium);
  color: var(--bd-common-white);
}

.bd-teacher-view-btn a:hover {
  color: var(--bd-theme-2);
}

.bd-teacher-widget {
  border-radius: 32px;
  overflow: hidden;
  height: 100%;
}

.bd-teacher-widget-thumb {
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-teacher-widget-thumb {
    height: 450px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-teacher-widget-thumb {
    height: 400px;
  }
}

@media (max-width: 575px) {
  .bd-teacher-widget-thumb {
    height: 350px;
  }
}

.bd-teacher-widget-thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 32px;
}

.bd-teacher-widget-title {
  font-size: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-teacher-widget-title {
    font-size: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-teacher-widget-title {
    font-size: 45px;
  }
}

@media (max-width: 575px) {
  .bd-teacher-widget-title {
    font-size: 30px;
  }
}

.bd-teacher-widget-content {
  padding: 30px 32px 40px;
  border-radius: 32px;
}

.bd-teacher-widget-content p {
  line-height: 30px;
  margin-bottom: 25px;
}

.bd-teacher-widget-tag {
  color: var(--bd-theme-1);
  margin-bottom: 25px;
  display: inline-block;
}

.bd-teacher-widget-social {
  display: flex;
  gap: 15px;
  align-items: center;
}

@media (max-width: 575px) {
  .bd-teacher-widget-social {
    flex-direction: column;
    align-items: start;
  }
}

.bd-teacher-widget-social ul {
  list-style: none;
  display: flex;
  gap: 10px;
}

.bd-teacher-widget-social ul li a {
  height: 38px;
  width: 38px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
  background-color: var(--bd-theme-1);
  color: var(--bd-common-white);
}

.bd-teacher-widget-social ul li a:hover {
  background-color: var(--bd-theme-2);
}

.bd-teacher-widget-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 575px) {
  .bd-teacher-widget-info {
    flex-direction: column;
    align-items: start;
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {
  .bd-teacher-widget-info p {
    margin-bottom: 5px;
  }
}

.bd-teacher-skill-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bd-teacher-skill-content span {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 18px;
}

.bd-teacher-skill .progress {
  height: 8px;
  background-color: #FFECD6;
}

.bd-teacher-skill .progress-bar {
  background-color: var(--bd-theme-2);
}

.bd-joining {
  position: relative;
}

.bd-joining-area {
  position: relative;
}

.bd-joining-area.active-anim .bd-joining-line::before {
  width: 100%;
}

.bd-joining-area.active-anim .bd-joining-line-2::before {
  width: 100%;
}

.bd-joining-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bd-joining-bg-overlay::after {
  content: "";
  background: #00BBAE;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.bd-joining-shape-1 {
  inset-inline-start: 120px;
  top: 50px;
  animation: bd-updown-2 2s infinite alternate-reverse;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-joining-shape-1 {
    inset-inline-start: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-joining-shape-1 {
    inset-inline-start: 0px;
  }
}

.bd-joining-shape-2 {
  inset-inline-end: 100px;
  bottom: 0;
  animation: bd-updown-2 2s infinite alternate-reverse;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-joining-shape-2 {
    inset-inline-end: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-joining-shape-2 {
    inset-inline-end: 0px;
  }
}

.bd-joining-content {
  z-index: 1;
  position: relative;
  padding: 0px 10px;
}

.bd-joining-btn a.bd-btn {
  padding: 0px 42px;
}

.bd-joining-line,
.bd-joining-line-2 {
  width: 50%;
  position: absolute;
  bottom: 0;
}

.bd-joining-line::before,
.bd-joining-line-2::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 8px;
  background: var(--bd-theme-2);
  bottom: 0;
  z-index: 2;
  -webkit-transition: all 0.9s ease-out 0s;
  -moz-transition: all 0.9s ease-out 0s;
  -ms-transition: all 0.9s ease-out 0s;
  -o-transition: all 0.9s ease-out 0s;
  transition: all 0.9s ease-out 0s;
}

.bd-joining-line {
  inset-inline-start: 0;
}

.bd-joining-line::before {
  inset-inline-end: 0;
}

.bd-joining-line-2 {
  inset-inline-end: 0;
}

.bd-joining-line-2::before {
  inset-inline-start: 0;
}

.bd-faq-2 ul li {
  list-style-type: none;
  margin: 0 50px;
  position: relative;
  padding-inline-start: 50px;
  padding-inline-end: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-faq-2 ul li {
    margin: 0 0;
    padding-inline-end: 10px;
  }
}

.bd-faq-2 ul li::before {
  content: "";
  position: absolute;
  height: 90%;
  width: 1px;
  background-color: var(--bd-grey-1);
  inset-inline-start: 16px;
  top: 50px;
}

.bd-faq-number {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  background-color: var(--bd-theme-2);
  color: var(--bd-common-white);
  border-radius: 50%;
  top: 2px;
}

.bd-faq-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.bd-faq-area.active-anim .bd-faq-thumb {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  filter: drop-shadow(0px 10px 0 var(--bd-theme-2));
}

.bd-faq-area.active-anim .bd-faq-thumb img {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.bd-faq .accordion-item {
  border: 1px solid var(--bd-grey-1);
  margin-bottom: 25px;
  border-radius: 16px;
}

.bd-faq .accordion-item:first-of-type .accordion-button {
  border-radius: 16px;
}

.bd-faq .accordion-item:last-of-type {
  margin-bottom: 0;
}

.bd-faq .accordion-item:last-of-type .accordion-button.collapsed {
  border-width: 1px;
  border-radius: 16px;
}

.bd-faq .accordion-button {
  border-radius: 16px;
  padding: 15px 25px;
  height: 72px;
  font-size: 16px;
  font-weight: var(--bd-fw-medium);
  color: var(--bd-common-black);
  text-transform: uppercase;
  padding-inline-end: 8px;
  justify-content: space-between;
  text-align: left;
  background: var(--bd-common-white);
  text-transform: capitalize;
  position: relative;
  padding-inline-end: 60px;
}

.bd-faq .accordion-button::after {
  content: "\f067";
  background-image: none;
  font-family: "font awesome 5 pro";
  font-size: 14px;
  font-weight: 400;
  height: 28px;
  width: 28px;
  border: 1px solid var(--bd-common-black);
  line-height: 26px;
  border-radius: 50%;
  margin-inline-start: 0;
  margin-inline-end: 18px;
  text-align: center;
  color: var(--bd-common-black);
  position: absolute;
  inset-inline-end: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.bd-faq .accordion-button:not(.collapsed) {
  background-color: var(--bd-theme-2);
  color: var(--bd-common-white);
  box-shadow: none;
}

.bd-faq .accordion-button:not(.collapsed)::after {
  border-color: var(--bd-common-white);
  background: var(--bd-common-white);
  content: "\f068";
  color: var(--bd-common-black);
}

.bd-faq .accordion-button:focus {
  box-shadow: none;
}

.bd-faq .accordion-body {
  padding: 21px 25px 11px;
}

.bd-faq .accordion-body p {
  font-size: 18px;
}

.bd-faq-thumb {
  display: inline-flex;
}

.bd-faq-thumb img {
  width: 100%;
}

.bd-faq-thumb-mask {
  -webkit-mask-image: url(../img/shape/wave-mask.svg);
  mask-image: url(../img/shape/wave-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  display: inline-flex;
}

@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-faq-thumb-mask {
    -webkit-mask-position: center;
    mask-position: center;
  }
}

.bd-faq-thumb-wrapper {
  position: relative;
}

.bd-faq-shape {
  position: absolute;
  right: 150px;
  bottom: -90px;
  animation: rotate 3s infinite alternate;
  transform-origin: 0px -280px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-faq-shape {
    right: 100px;
    transform-origin: 0px -260px;
  }
}

.bd-faq-content {
  margin-inline-end: 86px;
}

@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) {
  .bd-faq-content {
    margin-inline-end: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-faq-content {
    margin-inline-end: 0;
  }
}

.bd-faq-content-2 {
  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) {
  .bd-faq-content-2 {
    margin-inline-end: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-faq-content-2 {
    margin-inline-end: 0;
  }
}

.bd-faq-content-3 {
  border-bottom: 1px solid var(--bd-grey-1);
  padding-bottom: 15px;
}

.bd-faq-content-4 {
  margin-inline-end: 0;
  padding: 0 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-faq-content-4 {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-faq-content-4 {
    padding: 0;
  }
}

.bd-testimonial-2 {
  padding: 30px;
  border-radius: 24px;
  -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;
}

@media (max-width: 575px) {
  .bd-testimonial-2 {
    padding: 30 20px;
  }
}

.bd-testimonial-2:hover {
  filter: drop-shadow(5px 5px 0 var(--bd-theme-2));
}

.bd-testimonial-2.clr-1:hover {
  filter: drop-shadow(5px 5px 0 var(--bd-theme-1));
}

.bd-testimonial-2.clr-3:hover {
  filter: drop-shadow(5px 5px 0 #ABDCDA);
}

.bd-testimonial-3 {
  padding: 30px;
  border-radius: 24px;
  border: 1px solid var(--bd-grey-1);
  -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;
  background-color: var(--bd-common-white);
}

@media (max-width: 575px) {
  .bd-testimonial-3 {
    padding: 30 20px;
  }
}

.bd-testimonial-3:hover {
  background-color: var(--bd-theme-6);
  border-color: var(--bd-theme-6);
  filter: drop-shadow(5px 5px 0 var(--bd-theme-2));
}

.bd-testimonial-3.clr-1:hover {
  filter: drop-shadow(5px 5px 0 var(--bd-theme-1));
}

.bd-testimonial-3.clr-3:hover {
  filter: drop-shadow(5px 5px 0 #ABDCDA);
}

.bd-testimonial-area {
  position: relative;
}

.bd-testimonial-bottom-shape {
  position: absolute;
  left: 0;
  bottom: -4px;
}

@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-bottom-shape {
    bottom: -10px;
  }
}

.bd-testimonial-bottom-shape img {
  width: 100%;
}

.bd-testimonial-bg {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  height: 100%;
  width: 50%;
  background-position: right;
  background-repeat: no-repeat;
  opacity: 0.1;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.bd-testimonial-bg::before {
  content: "";
  background: linear-gradient(90.87deg, #00BBAE 0.69%, rgba(0, 187, 174, 0) 96.75%);
  left: 0px;
  top: 0;
  height: 100%;
  width: 80%;
  position: absolute;
}

.bd-testimonial-thumb-2 {
  height: 100%;
  width: 100%;
}

.bd-testimonial-thumb-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

@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-testimonial-thumb-2 {
    margin-bottom: 30px;
    height: auto;
  }
}

.bd-testimonial-video {
  width: 50%;
  position: absolute;
  height: 100%;
  inset-inline-start: 0;
  top: 0;
  background-position: center;
}

@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-testimonial-video {
    width: 100%;
    position: relative;
    height: 500px;
  }
}

.bd-testimonial-video::before {
  content: "";
  background: var(--bd-common-black);
  height: 100%;
  width: 100%;
  opacity: 0.4;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
}

.bd-testimonial-video-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.bd-testimonial-video-btn a {
  font-size: 96px;
  color: var(--bd-common-white);
}

.bd-testimonial-video-btn a:hover {
  color: var(--bd-theme-1);
}

.bd-testimonial-video-btn a i {
  top: 8px;
}

.bd-testimonial-wrapper {
  margin-inline-start: 70px;
  position: relative;
  z-index: 1;
}

@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-testimonial-wrapper {
    margin-inline-start: 0;
  }
}

.bd-testimonial-rating a {
  color: var(--bd-theme-2);
}

.bd-testimonial-rating a:hover {
  color: var(--bd-theme-2);
}

.bd-testimonial-content p {
  font-size: 22px;
  line-height: 30px;
  color: var(--bd-common-white);
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-testimonial-content p {
    font-size: 18px;
  }
}

.bd-testimonial-avatar {
  gap: 10px;
  position: relative;
}

.bd-testimonial-avatar-thumb {
  height: 68px;
  width: 68px;
}

.bd-testimonial-avatar-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.bd-testimonial-avatar-title {
  color: white;
}

.bd-testimonial-quote {
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
}

.bd-testimonial-quote i {
  color: var(--bd-common-white);
  font-size: 64px;
}

.bd-testimonial-quote.clr-2 i {
  color: var(--bd-theme-2);
}

.bd-testimonial-quote.clr-1 i {
  color: var(--bd-theme-1);
}

.bd-blog {
  border-radius: 24px;
  overflow: hidden;
}

.bd-blog:hover .bd-blog-content-2 {
  background-color: var(--bd-theme-6);
  border-color: var(--bd-theme-6);
}

.bd-blog-shape {
  position: absolute;
  inset-inline-start: 55%;
  top: 50px;
}

.bd-blog-navigation {
  display: flex;
  gap: 15px;
  justify-content: end;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-blog-navigation {
    justify-content: start;
    padding-top: 28px;
    padding-bottom: 5px;
  }
}

.bd-blog-navigation button {
  height: 48px;
  width: 48px;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--bd-common-black);
}

.bd-blog-navigation button:hover {
  color: var(--bd-common-white);
  background-color: var(--bd-common-black);
}

.bd-blog-search label {
  display: block;
  font-size: 23px;
  font-weight: 600;
  line-height: 39px;
  color: var(--bd-common-black);
  margin-bottom: 20px;
}

.bd-blog-search-input {
  position: relative;
  margin-inline-end: 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-blog-search-input {
    margin-inline-end: 30px;
  }
}

@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-blog-search-input {
    margin-inline-end: 0px;
  }
}

.bd-blog-search-input input {
  width: 100%;
  height: 58px;
  border-radius: 12px;
  border: 1px solid var(--bd-grey-1);
  padding-inline-start: 22px;
  padding-inline-end: 80px;
}

.bd-blog-search-input-2 {
  position: relative;
}

.bd-blog-search-input-2 input {
  width: 100%;
  height: 58px;
  border-radius: 12px;
  border: 1px solid var(--bd-grey-1);
  padding-inline-start: 22px;
  padding-inline-end: 80px;
}

.bd-blog-search-submit {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
}

.bd-blog-search-submit button {
  height: 58px;
  width: 58px;
  line-height: 58px;
  text-align: center;
  background-color: var(--bd-theme-2);
  border-radius: 12px;
  font-size: 25px;
  color: var(--bd-common-white);
  -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;
}

.bd-blog-search-submit button:hover {
  background-color: var(--bd-theme-1);
}

.bd-blog-cat-title {
  font-size: 23px;
  font-weight: 600;
  line-height: 39px;
  color: var(--bd-common-black);
  margin-bottom: 20px;
}

.bd-blog-cat-menu {
  display: inline-flex;
  border: 1px solid var(--bd-grey-1);
  list-style-type: none;
  border-radius: 12px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-blog-cat-menu {
    border: 0;
    flex-wrap: wrap;
    gap: 10px;
  }
}

.bd-blog-cat-menu button {
  height: 58px;
  padding: 0 26px;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  color: var(--bd-common-black);
  border-right: 1px solid var(--bd-grey-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-blog-cat-menu button {
    padding: 0 22px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-blog-cat-menu button {
    border: 1px solid var(--bd-grey-1);
    border-radius: 12px;
  }
}

.bd-blog-cat-menu button.active {
  color: var(--bd-theme-1);
}

.bd-blog-cat-menu button:hover {
  color: var(--bd-theme-1);
}

.bd-blog-cat-menu button:last-child {
  border-right: 0;
}

[dir=rtl] .bd-blog-cat-menu button:last-child {
  border-left: 0;
  border-right: 1px solid var(--bd-grey-1);
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-blog-cat-menu button:last-child {
    border-right: 1px solid var(--bd-grey-1);
  }

  [dir=rtl] .bd-blog-cat-menu button:last-child {
    border-left: 1px solid var(--bd-grey-1);
  }
}

[dir=rtl] .bd-blog-cat-menu button:first-child {
  border-right: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-blog-cat-menu button:first-child {
    border-right: 1px solid var(--bd-grey-1);
  }

  [dir=rtl] .bd-blog-cat-menu button:first-child {
    border-right: 1px solid var(--bd-grey-1);
    border-left: 1px solid var(--bd-grey-1);
  }
}

.bd-blog-thumb {
  width: 416px;
  height: 277px;
  overflow: hidden;
  -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;
  position: relative;
}

@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-blog-thumb {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 575px) {
  .bd-blog-thumb-2 {
    height: 200px;
  }
}

.bd-blog-thumb:hover img {
  transform: scale(1.1);
}

.bd-blog-thumb:hover::before {
  animation: shine 800ms;
}

.bd-blog-thumb-3 {
  width: 100%;
  height: 367px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-blog-thumb-3 {
    height: 300px;
  }
}

@media (max-width: 575px) {
  .bd-blog-thumb-3 {
    height: 280px;
  }
}

.bd-blog-thumb-3:hover img {
  transform: scale(1.03);
}

.bd-blog-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}

.bd-blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -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;
}

.bd-blog-content {
  position: relative;
  padding: 17px 25px;
  border: 1px solid var(--bd-grey-1);
  border-top: 0;
  border-radius: 0 0 24px 24px;
  padding-top: 20px;
}

.bd-blog-content-2 {
  padding-inline-start: 52px;
  border-inline-start: 0;
  -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;
}

.bd-blog-content-3 {
  border: 1px solid var(--bd-grey-1);
  border-top: 0;
  padding: 24px;
  border-radius: 0 0 24px 24px;
  background-color: var(--bd-theme-6);
}

.bd-blog-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.bd-blog-meta span {
  font-size: 16px;
  display: flex;
  gap: 6px;
  align-items: center;
}

.bd-blog-meta span i {
  color: var(--bd-theme-1);
}

.bd-blog-meta-2 {
  min-height: 60px;
  padding: 15px 0;
  flex-wrap: wrap;
  padding-inline-start: 25px;
  background-color: var(--bd-theme-8);
  margin-bottom: 0;
  border: 1px solid var(--bd-grey-1);
  border-top: 0;
  border-bottom: 0;
}

.bd-blog-date {
  position: absolute;
  top: -36px;
  inset-inline-start: 24px;
  background: var(--bd-theme-2);
  color: var(--bd-common-white);
  padding: 5px 10px;
  font-size: 16px;
  z-index: 1;
}

.bd-blog-date-2 {
  position: absolute;
  bottom: 0;
  height: 100%;
  writing-mode: vertical-lr;
  left: 0;
  transform: rotate(-180deg);
}

[dir=rtl] .bd-blog-date-2 {
  margin-left: 0;
  margin-right: -45px;
}

.bd-blog-date-2 span {
  background: var(--bd-theme-2);
  color: var(--bd-common-white);
  padding: 0px 2px;
  height: 100%;
  display: inline-block;
  text-align: center;
}

.bd-blog-title {
  font-weight: 500;
}

.bd-blog-title a:hover {
  color: var(--bd-theme-1);
}

.bd-blog-title-2 {
  font-weight: 500;
}

.bd-blog-title-2 a:hover {
  color: var(--bd-theme-1);
}

.bd-blog-sidebar {
  border: 1px solid var(--bd-grey-1);
  border-radius: 24px;
}

.bd-blog-sidebar-wrapper {
  position: sticky;
  top: 100px;
}

.bd-blog-sidebar-content {
  padding: 24px;
}

.bd-blog-sidebar-title {
  padding: 24px;
  padding-top: 18px;
  font-size: 23px;
  margin-bottom: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--bd-grey-1);
}

.bd-blog-sidebar-cat ul li {
  list-style: none;
  border-bottom: 1px solid var(--bd-grey-1);
}

.bd-blog-sidebar-cat ul li:last-child {
  border-bottom: 0;
}

.bd-blog-sidebar-cat ul li a {
  line-height: 1;
  display: flex;
  justify-content: space-between;
  padding: 24px;
}

.bd-blog-sidebar-cat ul li a span {
  position: relative;
  font-size: 18px;
  font-weight: 500;
}

.bd-blog-sidebar-cat ul li a span:first-child {
  padding-inline-start: 15px;
}

.bd-blog-sidebar-cat ul li a span:first-child:before {
  position: absolute;
  content: "";
  height: 6px;
  top: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
  width: 6px;
  border-radius: 50%;
  background-color: var(--bd-theme-1);
}

.bd-blog-sidebar-tag ul {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  list-style-type: none;
}

.bd-blog-sidebar-tag ul li a {
  height: 40px;
  display: inline-block;
  padding: 0 15px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 36px;
  border: 1px solid var(--bd-grey-1);
  -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;
  margin-bottom: 8px;
}

.bd-blog-sidebar-tag ul li a:hover {
  background-color: var(--bd-theme-1);
  color: var(--bd-common-white);
  border-color: var(--bd-theme-1);
}

.bd-blog-latest ul li {
  list-style-type: none;
  padding: 24px;
  border-bottom: 1px solid var(--bd-grey-1);
}

.bd-blog-latest ul li:last-child {
  border-bottom: 0;
}

.bd-blog-latest-content {
  display: flex;
  gap: 13px;
  align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-blog-latest-content {
    align-items: start;
  }
}

.bd-blog-latest-thumb {
  height: 116px;
  width: 116px;
  min-width: 116px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-blog-latest-thumb {
    height: 100px;
    min-width: 90px;
  }
}

.bd-blog-latest-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-blog-latest-title {
    position: relative;
    top: -7px;
  }
}

.bd-blog-latest-title h6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-blog-latest-title h6 {
    margin-bottom: 5px;
  }
}

.bd-blog-latest-meta i {
  color: var(--bd-theme-1);
  margin-inline-end: 10px;
  font-size: 16px;
}

.bd-blog-latest-meta span {
  font-size: 16px;
  color: var(--bd-common-black);
}

.bd-blog-details-thumb {
  height: 367px;
  width: 100%;
}

.bd-blog-details-thumb img {
  height: 100%;
  width: 100%;
  /* object-fit: cover; */
  border-radius: 24px;
}

.bd-blog-details-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  margin-top: 15px;
  flex-wrap: wrap;
}

.bd-blog-details-meta span {
  font-size: 16px;
  display: flex;
  gap: 6px;
  align-items: center;
}

.bd-blog-details-meta span i {
  color: var(--bd-theme-1);
}

.bd-blog-details-content p {
  margin-bottom: 23px;
}

.bd-blog-details-title {
  font-size: 45px;
  line-height: 1.3;
  margin-bottom: 23px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-blog-details-title {
    font-size: 40px;
  }
}

.bd-blog-details-nav {
  display: flex;
  padding: 22px 0;
  justify-content: space-between;
  border-bottom: 1px solid var(--bd-grey-1);
}

.bd-blog-details-nav span i {
  font-size: 40px;
  display: inline-block;
  margin-top: 3px;
}

.bd-blog-details-nav-prev,
.bd-blog-details-nav-next {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bd-blog-details-nav-prev a,
.bd-blog-details-nav-next a {
  font-weight: 500;
}

.bd-blog-details-nav-prev a i,
.bd-blog-details-nav-next a i {
  background-color: var(--bd-grey-1);
  height: 48px;
  width: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 12px;
  -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;
}

.bd-blog-details-nav-prev a i:hover,
.bd-blog-details-nav-next a i:hover {
  background-color: var(--bd-theme-1);
  color: var(--bd-common-white);
}

.bd-blog-quote {
  display: flex;
  gap: 20px;
  align-items: start;
  padding: 30px;
  border-radius: 24px;
  filter: drop-shadow(-6px 0 var(--bd-theme-2));
  background-color: var(--bd-theme-6);
  margin-top: 40px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-blog-quote {
    flex-direction: column;
    gap: 0;
  }
}

.bd-blog-quote-icon {
  color: var(--bd-theme-2);
  font-size: 94px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-blog-quote-icon {
    font-size: 50px;
  }
}

.bd-blog-quote-content p {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 600;
  color: var(--bd-common-black);
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-blog-quote-content p {
    font-size: 25px;
  }
}

.bd-blog-quote-content span {
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  position: relative;
  margin-inline-start: 40px;
}

.bd-blog-quote-content span::before {
  content: "";
  position: absolute;
  background-color: var(--bd-theme-2);
  width: 32px;
  height: 2px;
  inset-inline-start: -45px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.bd-blog-topic-thumb {
  height: 367px;
  width: 100%;
}

.bd-blog-topic-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}

.bd-blog-topic-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.4;
  border-radius: 24px;
  background-color: var(--bd-common-black);
}

.bd-blog-topic-title {
  font-size: 32px;
  line-height: 1.5;
  margin-top: 40px;
  margin-bottom: 23px;
}

.bd-blog-topic-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--bd-common-white);
}

.bd-blog-topic-video-btn a {
  font-size: 85px;
}

.bd-blog-topic-video-btn a i {
  position: relative;
  top: 8px;
}

.bd-blog-topic-list {
  padding: 25px;
  border-radius: 24px;
}

.bd-blog-topic-list ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bd-blog-topic-list ul li {
  list-style-type: none;
  position: relative;
  padding-inline-start: 30px;
  color: var(--bd-common-black);
}

.bd-blog-topic-list ul li::before {
  content: "\f105";
  font-family: var(--bd-ff-fontawesome);
  background: #FFEDD7;
  height: 20px;
  width: 20px;
  font-size: 15px;
  position: absolute;
  border-radius: 50%;
  line-height: 20px;
  inset-inline-start: 0;
  top: 5px;
  text-align: center;
  color: var(--bd-theme-2);
}

.bd-blog-share {
  border-top: 1px solid var(--bd-grey-1);
  border-bottom: 1px solid var(--bd-grey-1);
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 33px;
  gap: 15px;
}

.bd-blog-tag ul {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  list-style-type: none;
}

.bd-blog-tag ul li a {
  height: 40px;
  display: inline-block;
  padding: 0 15px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 36px;
  border: 1px solid var(--bd-grey-1);
  -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;
}

.bd-blog-tag ul li a:hover {
  background-color: var(--bd-theme-1);
  color: var(--bd-common-white);
  border-color: var(--bd-theme-1);
}

.bd-blog-social ul {
  list-style: none;
  display: flex;
  gap: 10px;
}

.bd-blog-social ul li a {
  height: 40px;
  width: 40px;
  display: block;
  border: 1px solid var(--bd-grey-1);
  text-align: center;
  line-height: 40px;
  border-radius: 50px;
}

.bd-blog-social ul li a:hover {
  background-color: var(--bd-theme-1);
  color: var(--bd-common-white);
  border-color: var(--bd-theme-1);
}

.bd-blog-comment-box {
  border-bottom: 1px solid var(--bd-grey-1);
  padding-bottom: 18px;
  margin-bottom: 35px;
}

.bd-blog-comment ul li {
  list-style: none;
}

.bd-blog-comment-info {
  display: flex;
  justify-content: space-between;
}

.bd-blog-comment-wrap {
  padding: 40px;
  border-radius: 24px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-blog-comment-wrap {
    padding: 40px 24px;
  }
}

.bd-blog-comment-title {
  font-size: 32px;
  line-height: 1.5;
  color: var(--bd-common-black);
}

.bd-blog-comment-thumb {
  height: 70px;
  width: 70px;
}

.bd-blog-comment-thumb-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.bd-blog-comment-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.bd-blog-comment-replay-btn {
  color: var(--bd-theme-2);
}

.bd-blog-comment-text {
  padding-inline-start: 85px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-blog-comment-text {
    padding-inline-start: 0;
  }
}

.bd-newsletter {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: -214px;
}

.bd-newsletter-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.1;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.bd-newsletter-content {
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-newsletter-content {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-newsletter-content-2 {
    padding: 0 0px;
  }
}

.bd-newsletter-input {
  position: relative;
  max-width: 78%;
  margin: 0 auto;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-newsletter-input {
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  .bd-newsletter-input .bd-btn::before {
    height: 600px;
    width: 600px;
  }
}

.bd-newsletter-input input {
  width: 100%;
  height: 72px;
  border-radius: 50px;
  outline: none;
  border: 0;
  padding-inline-start: 32px;
  padding-inline-end: 230px;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
}

.bd-newsletter-input input::-webkit-input-placeholder {
  opacity: 0.5;
}

.bd-newsletter-input input:-moz-placeholder {
  opacity: 0.5;
}

.bd-newsletter-input input::-moz-placeholder {
  opacity: 0.5;
}

.bd-newsletter-input input:-ms-input-placeholder {
  opacity: 0.5;
}

@media (max-width: 575px) {
  .bd-newsletter-input input {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
  }
}

.bd-newsletter-input button {
  position: absolute;
  inset-inline-end: 4px;
  top: 50%;
  transform: translateY(-50%);
  height: 64px;
  line-height: 64px;
  padding: 0 40px 0 35px;
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
}

@media (max-width: 575px) {
  .bd-newsletter-input button {
    position: relative;
    inset-inline-start: 0;
    inset-inline-end: auto;
    bottom: 0;
    transform: translateY(15%);
    display: block;
    width: 100%;
  }
}

.bd-newsletter-input button span {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.bd-newsletter-input-2 {
  max-width: 100%;
}

.bd-gallery {
  position: relative;
}

.bd-gallery-thumb {
  overflow: hidden;
  border-radius: 16px;
}

.bd-gallery-thumb img {
  -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;
  width: 100%;
}

.bd-gallery-thumb::before {
  content: "";
  height: 100%;
  width: 100%;
  background-image: -webkit-linear-gradient(180deg, rgba(255, 155, 36, 0.25), var(--bd-common-black) 100%);
  background-image: -moz-linear-gradient(180deg, rgba(255, 155, 36, 0.25), var(--bd-common-black) 100%);
  background-image: -ms-linear-gradient(180deg, rgba(255, 155, 36, 0.25), var(--bd-common-black) 100%);
  background-image: -o-linear-gradient(180deg, rgba(255, 155, 36, 0.25), var(--bd-common-black) 100%);
  background-image: linear-gradient(180deg, rgba(255, 155, 36, 0.25), var(--bd-common-black) 100%);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -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;
  z-index: 1;
}

.bd-gallery-thumb-wrapper {
  overflow: hidden;
}

.bd-gallery-thumb-wrapper:hover .bd-gallery-thumb::before {
  opacity: 1;
  visibility: visible;
}

.bd-gallery-thumb-wrapper:hover .bd-gallery-thumb img {
  transform: scale(1.06);
}

.bd-gallery-thumb-wrapper:hover .bd-gallery-icon {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.2s;
}

.bd-gallery-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--bd-common-white);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}

.bd-gallery-icon a {
  font-size: 25px;
}

.bd-product {
  background-color: var(--bd-common-white);
  border-radius: 24px;
  overflow: hidden;
}

.bd-product-2 {
  border: 1px solid var(--bd-grey-1);
}

.bd-product:hover .bd-product-action-wrapper {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.bd-product:hover .bd-product-thumb-wrapper .bd-dots-pagination {
  opacity: 1;
  visibility: visible;
}

.bd-product-filter-btn {
  display: inline-flex;
  gap: 30px;
  justify-content: end;
  border-bottom: 1px solid var(--bd-grey-1);
}

.bd-product-filter-btn button {
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  position: relative;
}

.bd-product-filter-btn button.active {
  -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;
}

.bd-product-filter-btn button.active::before {
  content: "";
  width: 100%;
  background-color: var(--bd-common-black);
  height: 3px;
  bottom: -2px;
  inset-inline-start: 0;
  position: absolute;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-product-filter-btn {
    gap: 20px;
  }
}

.bd-product-thumb {
  height: 416px;
  width: 416px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-product-thumb {
    height: 336px;
    width: 336px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-product-thumb {
    height: 246px;
    width: 246px;
  }
}

@media (max-width: 575px) {
  .bd-product-thumb {
    height: 100%;
    width: 100%;
  }
}

.bd-product-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.bd-product-thumb-wrapper {
  position: relative;
}

.bd-product-thumb-wrapper .bd-dots-pagination {
  -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;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin-top: 0;
}

.bd-product-tag span {
  color: var(--bd-common-white);
  display: inline-block;
  position: absolute;
  top: 24px;
  inset-inline-start: 24px;
  border-radius: 24px;
  padding: 4px 12px;
  z-index: 1;
}

.bd-product-tag span.grey-bg {
  color: var(--bd-common-black);
}

.bd-product-action-wrapper {
  position: absolute;
  top: 24px;
  inset-inline-end: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  transform: translateX(10px);
  z-index: 1;
}

.bd-product-action-item a,
.bd-product-action-item button {
  height: 39px;
  width: 39px;
  text-align: center;
  line-height: 39px;
  background: var(--bd-theme-2);
  border-radius: 50%;
  color: var(--bd-common-white);
  display: inline-block;
  -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;
}

.bd-product-action-item a:hover,
.bd-product-action-item button:hover {
  color: var(--bd-common-white);
  background-color: var(--bd-theme-1);
}

.bd-product-content {
  padding: 24px;
  border-top: 1px solid var(--bd-grey-1);
  text-align: center;
}

.bd-product-title {
  margin-bottom: 3px;
}

.bd-product-rating {
  margin-bottom: 10px;
}

.bd-product-rating a {
  font-size: 16px;
  color: var(--bd-theme-2);
}

.bd-product-price {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.bd-product-price span {
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
}

.bd-product-price del {
  color: #A0A0A0;
}

.bd-shop-cat {
  min-height: 290px;
  width: 290px;
  background: var(--bd-theme-6);
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 25px 0;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  filter: drop-shadow(4px 4px 0px #FFE1BD);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-shop-cat {
    min-height: 260px;
    width: 260px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-shop-cat {
    min-height: auto;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-shop-cat {
    min-height: 290px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-shop-cat {
    min-height: 290px;
    width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-shop-cat {
    min-height: 245px;
    width: 100%;
  }
}

@media (max-width: 575px) {
  .bd-shop-cat {
    min-height: 100%;
    width: 100%;
  }
}

.bd-shop-cat span {
  -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;
}

.bd-shop-cat:hover {
  filter: drop-shadow(4px 4px 0px var(--bd-theme-2));
}

.bd-shop-cat:hover span {
  color: var(--bd-text-body);
}

@media (max-width: 575px) {
  .bd-shop-cat-wrap {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .bd-shop-cat-wrap a {
    width: 100%;
  }
}

.bd-shop-cat-title {
  font-weight: 600;
  height: 120px;
  width: 120px;
  padding: 0px;
  margin-bottom: 40px;
  background-color: var(--bd-theme-1);
}

@media (max-width: 575px) {
  .bd-shop-cat-title {
    height: 70px;
    width: 70px;
    margin-bottom: 20px;
  }
}

.bd-shop-cat-title h4 {
  font-size: 45px;
  line-height: 120px;
  text-align: center;
  color: var(--bd-common-white);
}

@media (max-width: 575px) {
  .bd-shop-cat-title h4 {
    line-height: 70px;
    font-size: 25px;
  }
}

.bd-shop-cat-title.cat-1 {
  border-radius: 100%;
}

.bd-shop-cat-title.cat-2 {
  background-color: var(--bd-theme-2);
  border-radius: 100%;
}

.bd-shop-cat-title.cat-3 {
  border-radius: 100%;
}

.bd-shop-cat-title.cat-4 {
  background-color: var(--bd-theme-3);
  border-radius: 100%;
}

.bd-shop-cat-content h6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.bd-shop-cat-icon i {
  font-size: 50px;
  line-height: 120px;
  text-align: center;
  color: var(--bd-common-white);
}

.bd-shop-cat-icon i:hover {
  color: var(--bd-common-white);
}

.bd-product-cat {
  min-height: 367px;
  mix-blend-mode: multiply;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

.bd-product-cat:hover .bd-product-cat-bg {
  transform: scale(1.05);
}

.bd-product-cat.cat-xl .bd-product-cat-bg {
  width: 65%;
}

.bd-product-cat.cat-xl .bd-product-cat-bg::before {
  background-image: -webkit-linear-gradient(88.11deg, #FFF 1.75%, rgba(255, 236, 214, 0) 98.6%);
  background-image: -moz-linear-gradient(88.11deg, #FFF 1.75%, rgba(255, 236, 214, 0) 98.6%);
  background-image: -ms-linear-gradient(88.11deg, #FFF 1.75%, rgba(255, 236, 214, 0) 98.6%);
  background-image: -o-linear-gradient(88.11deg, #FFF 1.75%, rgba(255, 236, 214, 0) 98.6%);
  background-image: linear-gradient(88.11deg, #FFF 1.75%, rgba(255, 236, 214, 0) 98.6%);
  height: 100%;
  width: 270px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-product-cat.cat-xl .bd-product-cat-bg {
    width: 100%;
  }
}

.bd-product-cat.cat-xl .bd-product-cat-btn a {
  color: var(--bd-theme-2);
}

.bd-product-cat.cat-xl .bd-product-cat-btn a::before {
  background-color: var(--bd-theme-2);
}

.bd-product-cat-bg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  mix-blend-mode: multiply;
  border-radius: 0 24px 24px 0;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.bd-product-cat-bg::before {
  position: absolute;
  content: "";
  background-image: -webkit-linear-gradient(180deg, #D6FFFC 0%, rgba(214, 255, 252, 0.6) 58.85%, rgba(214, 255, 252, 0) 100%);
  background-image: -moz-linear-gradient(180deg, #D6FFFC 0%, rgba(214, 255, 252, 0.6) 58.85%, rgba(214, 255, 252, 0) 100%);
  background-image: -ms-linear-gradient(180deg, #D6FFFC 0%, rgba(214, 255, 252, 0.6) 58.85%, rgba(214, 255, 252, 0) 100%);
  background-image: -o-linear-gradient(180deg, #D6FFFC 0%, rgba(214, 255, 252, 0.6) 58.85%, rgba(214, 255, 252, 0) 100%);
  background-image: linear-gradient(180deg, #D6FFFC 0%, rgba(214, 255, 252, 0.6) 58.85%, rgba(214, 255, 252, 0) 100%);
  height: 100%;
  left: 0;
  width: 100%;
  mix-blend-mode: normal;
  top: 0;
}

.bd-product-cat-content {
  background-color: var(--bd-common-white);
  display: inline-block;
  padding: 24px;
  margin: 24px;
  min-width: 370px;
  border-radius: 24px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-product-cat-content {
    min-width: 310px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-product-cat-content {
    min-width: 330px;
  }
}

@media (max-width: 575px) {
  .bd-product-cat-content {
    min-width: 85%;
  }
}

.bd-product-cat-title {
  margin-bottom: 10px;
}

.bd-product-cat-btn a {
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: var(--bd-theme-1);
  position: relative;
}

.bd-product-cat-btn a::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 100%;
  inset-inline-start: 0;
  background-color: var(--bd-theme-1);
  -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;
}

.bd-product-cat-btn a:hover::before {
  width: 0%;
  inset-inline-start: auto;
  inset-inline-end: 0;
}

.bd-feedback {
  border-radius: 24px;
  filter: drop-shadow(5px 5px 0 var(--bd-theme-1));
}

@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-feedback-area .bd-section-title br {
    display: none;
  }
}

.bd-feedback-path-shape {
  position: absolute;
  inset-inline-start: -20px;
  top: 12px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-feedback-path-shape {
    inset-inline-start: -10px;
    top: 10px;
  }
}

@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-feedback-path-shape img {
    width: 100%;
  }
}

.bd-feedback-thumb-mask {
  -webkit-mask-image: url("../img/shape/hero-3-mask.png");
  mask-image: url("../img/shape/hero-3-mask.png");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: right;
  mask-position: right;
  display: inline-flex;
}

@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-feedback-thumb-mask img {
    width: 100%;
  }
}

.bd-feedback-thumb-shape {
  top: 40px;
  inset-inline-end: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-feedback-thumb-shape {
    top: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-feedback-thumb-shape {
    top: -30px;
    inset-inline-end: 40px;
  }
}

.bd-feedback-content {
  padding: 32px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-feedback-content {
    padding: 20px 30px;
  }
}

.bd-feedback-content p {
  line-height: 30px;
  font-weight: 500;
  padding-right: 10px;
}

.bd-feedback-author {
  font-size: 18px;
  font-weight: 500;
  color: rgb(27, 27, 27);
}

.bd-feature {
  text-align: center;
  -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;
}

.bd-feature-bottom-shape {
  position: absolute;
  left: 0;
  bottom: -5px;
}

@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-feature-bottom-shape {
    bottom: -10px;
  }
}

.bd-feature-bottom-shape img {
  width: 100%;
}

.bd-feature-wrapper {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 24px;
  overflow: hidden;
}

@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-feature-wrapper {
    border: 0;
    border-radius: 0;
  }
}

.bd-feature-wrapper ul {
  list-style: none;
  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) {
  .bd-feature-wrapper ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
}

@media (max-width: 575px) {
  .bd-feature-wrapper ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

.bd-feature-wrapper ul li {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  -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;
  position: relative;
}

@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-feature-wrapper ul li {
    border: 0;
    border-radius: 24px;
  }
}

.bd-feature-wrapper ul li::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  border-radius: 24px;
  -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;
  background: linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
}

.bd-feature-wrapper ul li:hover {
  border-color: transparent;
  border-radius: 24px;
  -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;
}

.bd-feature-wrapper ul li:hover::before {
  width: 100%;
  right: auto;
  left: 0;
}

.bd-feature-wrapper ul li:hover+li {
  border-left: transparent;
}

.bd-feature-wrapper ul li:first-child {
  border-left: 0;
}

.bd-feature-content {
  padding: 42px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-feature-content {
    padding: 20px 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) {
  .bd-feature-content {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 24px;
    padding: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-feature-content {
    padding: 30px 15px;
  }
}

@media (max-width: 575px) {
  .bd-feature-content {
    padding: 30px 20px;
  }
}

.bd-feature-content p {
  color: var(--bd-common-white);
  -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;
}

.bd-feature-content:hover p {
  color: var(--bd-common-text);
}

.bd-feature-content:hover .bd-feature-icon {
  background-color: var(--bd-theme-2);
}

.bd-feature-content:hover .bd-feature-icon i {
  color: var(--bd-common-white);
}

.bd-feature-content:hover .bd-feature-title {
  color: var(--bd-common-black);
}

.bd-feature-icon {
  font-weight: 600;
  height: 120px;
  width: 120px;
  padding: 0px;
  background-color: var(--bd-common-white);
  text-align: center;
  margin: 0 auto 20px;
  -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;
}

.bd-feature-icon i {
  font-size: 50px;
  line-height: 120px;
  display: inline-block;
  color: var(--bd-theme-2);
}

.bd-feature-icon.icon-1 {
  border-radius: 29% 71% 43% 57%/30% 41% 59% 70%;
}

.bd-feature-icon.icon-2 {
  border-radius: 27% 73% 45% 55%/27% 41% 59% 73%;
}

.bd-feature-icon.icon-3 {
  border-radius: 44% 56% 27% 73%/45% 59% 41% 55%;
}

.bd-feature-icon.icon-4 {
  border-radius: 42% 58% 37% 63%/52% 37% 63% 48%;
}

.bd-feature-title {
  color: var(--bd-common-white);
  margin-bottom: 20px;
  -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;
}

.bd-counter-2 {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  border-radius: 24px;
  padding: 50px 20px;
  border: 1px solid var(--bd-grey-1);
  justify-content: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-counter-2 {
    flex-direction: column;
    padding: 30px 20px;
  }
}

@media (max-width: 575px) {
  .bd-counter-2 {
    flex-direction: column;
    padding: 30px 20px;
  }
}

.bd-counter-2-icon {
  font-size: 55px;
  color: var(--bd-common-white);
  height: 94px;
  width: 94px;
  background-color: var(--bd-theme-2);
  text-align: center;
  line-height: 94px;
  border-radius: 46% 54% 41% 59%/33% 44% 56% 67%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-counter-2-icon {
    height: 80px;
    width: 80px;
    line-height: 80px;
  }
}

.bd-counter-2-content {
  display: flex;
  align-items: center;
  gap: 15px;
}

.bd-counter-2-number {
  display: flex;
  align-items: center;
}

.bd-counter-2-number span {
  font-size: 64px;
  line-height: 80px;
  font-weight: 600;
}

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

.bd-routine-2 .table {
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 25px;
}

.bd-routine-2 .table> :not(:last-child)> :last-child>* {
  border: 0;
}

.bd-routine-2 .table> :not(caption)>*>* {
  min-width: 16.66%;
  text-align: center;
  border-width: 1px;
}

@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-routine-2 .table> :not(caption)>*>* {
    min-width: 160px;
  }
}

.bd-routine-2 .table> :not(caption)>*>*.clr-1 {
  background-color: var(--bd-theme-1);
}

.bd-routine-2 .table> :not(caption)>*>*.clr-2 {
  background-color: var(--bd-theme-2);
}

.bd-routine-2 .table> :not(caption)>*>*.clr-3 {
  background-color: var(--bd-theme-3);
}

.bd-routine-2 .table> :not(caption)>*>*.clr-4 {
  background-color: var(--bd-theme-8);
}

.bd-routine-2 .table> :not(caption)>*>*.clr-5 {
  background-color: var(--bd-theme-6);
}

.bd-routine-2 .table> :not(caption)>*>*.clr-6 {
  background-color: var(--bd-theme-10);
}

.bd-routine-2 .table> :not(caption)>*>*.clr-7 {
  background-color: var(--bd-theme-11);
}

.bd-routine-2 .table> :not(caption)>*>*.clr-8 {
  background-color: var(--bd-theme-9);
}

.bd-routine-2 .table th {
  height: 87px;
  line-height: 87px;
  font-weight: 600 !important;
  font-size: 23px;
  border-color: #FFFFFF;
}

@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-routine-2 .table th {
    height: 60px;
    line-height: 60px;
  }
}

@media (max-width: 575px) {
  .bd-routine-2 .table th {
    height: 50px;
    line-height: 50px;
  }
}

.bd-routine-2 .table tbody {
  border-top: 0;
}

.bd-routine-2 .table tbody tr {
  height: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-routine-2 .table tbody tr {
    height: 100px;
  }
}

@media (max-width: 575px) {
  .bd-routine-2 .table tbody tr {
    height: 80px;
  }
}

.bd-routine-2 .table td {
  border-color: #FFFFFF;
  color: var(--bd-common-white);
  font-size: 16px;
  font-weight: var(--bd-fw-normal);
  line-height: 30px;
  vertical-align: middle;
}

.bd-routine-2 .table td span {
  font-size: 18px;
  display: block;
  font-weight: var(--bd-fw-medium);
}

.bd-routine-2-nav .nav-tabs {
  border-bottom: 0;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.bd-routine-2-nav .nav-tabs .nav-link {
  border: 0;
  border-bottom: 1px solid var(--bd-grey-1);
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: var(--bd-text-body);
}

.bd-routine-2-nav .nav-tabs .nav-link.active {
  color: var(--bd-common-black);
  background-color: transparent;
}

.bd-routine-2-nav .nav-tabs .nav-link.active::before {
  position: absolute;
  content: "";
  background-color: var(--bd-common-black);
  height: 3px;
  width: 100%;
  bottom: -2px;
  inset-inline-start: 0;
}

.bd-routine-list ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 20px;
  margin-bottom: 25px;
}

.bd-routine-list ul li {
  list-style: none;
  border-inline-start: 4px solid var(--bd-theme-2);
  padding-inline-start: 10px;
}

.bd-routine-list ul li:nth-child(even) {
  border-color: var(--bd-theme-1);
}

.bd-routine-list ul li:nth-child(3) {
  border-color: var(--bd-theme-3);
}

.bd-routine-list ul li span {
  display: block;
}

.bd-routine-list ul li span.class-title {
  font-size: 16px;
  font-weight: 600;
}

.bd-routine-table {
  border-radius: 24px;
  overflow: hidden;
}

.bd-routine-table .table {
  margin-bottom: 0;
}

.bd-routine-table .table> :not(caption)>*>* {
  padding: 20px 40px;
  background-color: var(--bs-table-bg);
  border-bottom-width: 0px;
  box-shadow: none;
}

.bd-routine-table .table>thead {
  background: var(--bd-theme-2);
  color: var(--bd-common-white);
  border: 0;
  border-radius: 24px !important;
}

.bd-routine-table .table>thead th {
  font-size: 23px;
  font-weight: 600 !important;
  line-height: 1.3;
  width: 50%;
  position: relative;
}

.bd-routine-table .table>thead th::before {
  content: "";
  background: var(--bd-common-white);
  height: 102%;
  width: 2px;
  position: absolute;
  top: 0;
  inset-inline-end: 0;
}

.bd-routine-table .table>thead th:last-child::before {
  content: none;
}

.bd-routine-table .table> :not(:first-child) {
  border-top: 1px solid var(--bd-theme-2);
}

.bd-routine-table .table-striped {
  border-radius: 24px;
}

.bd-routine-table .table-striped>tbody>tr {
  color: var(--bd-common-black);
  background: var(--bd-theme-8);
  border-color: var(--bd-theme-8);
}

.bd-routine-table .table-striped>tbody>tr:nth-of-type(2n+1)>* {
  background: var(--bd-theme-6);
  border: none;
}

.bd-routine-table .table-striped>tbody>tr td {
  position: relative;
}

.bd-routine-table .table-striped>tbody>tr td::before {
  content: "";
  background: var(--bd-common-white);
  height: 100%;
  width: 2px;
  position: absolute;
  top: 0;
  inset-inline-end: 0;
}

.bd-routine-table .table-striped>tbody>tr td:last-child::before {
  content: none;
}

.items-showing-text {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--bd-text-body);
}

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

.filter-buttons {
  display: flex;
  gap: 25px;
  justify-content: flex-end;
  align-items: center;
}

.filter-buttons .v-line {
  color: var(--bd-text-body);
}

.filter-item-btn .btn {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--bd-text-body);
  border: 0;
  padding: 0;
  line-height: 1;
  display: flex;
  gap: 6px;
}

.filter-item-btn .btn:hover {
  color: var(--bd-theme-1);
}

.filter-item-btn .btn:focus {
  box-shadow: none;
}

.filter-category-btn .btn {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--bd-text-body);
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 1;
}

.filter-category-btn .btn i {
  color: var(--bd-text-body);
  margin-inline-start: 3px;
}

.filter-category-btn .btn:hover {
  color: var(--bd-theme-1);
}

.filter-category-btn .btn:focus {
  box-shadow: none;
}

.cart-area .table> :not(:first-child) {
  border-top: 2px solid rgba(255, 155, 36, 0.5215686275);
}

.cart-area .table-content table {
  background: #ffffff;
  border-color: #edeef2;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.cart-area .table-content table td.product-name {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}

.cart-area .table-content .product-quantity {
  float: none;
}

.cart-area .table> :not(:last-child)> :last-child>* {
  border-bottom-color: #edeef2;
}

.cart-area .table td,
.cart-area .table th {
  border-top: 1px solid #edeef2;
  white-space: nowrap;
}

.cart-area .table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 18px;
  border-bottom: 1px solid #edeef2;
  border-right: 1px solid #edeef2;
}

.cart-area .table-content table td.product-name a:hover {
  color: var(--bd-theme-1);
}

.cart-area .table-content table td.product-subtotal {
  font-size: 16px;
}

.cart-area .table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}

.cart-area .table-content table th {
  border-bottom: 1px solid #edeef2;
  border-right: 1px solid #edeef2;
  font-size: 20px;
  font-weight: 500 !important;
  color: var(--bd-common-black);
}

.cart-area .table-content table tr:nth-child(even) {
  background: var(--bd-theme-6);
}

.cart-area .coupon {
  float: left;
  gap: 15px;
  flex-wrap: wrap;
}

.cart-area .coupon .fill-btn {
  height: 50px;
  line-height: 48px;
}

.cart-area .coupon-all {
  margin-top: 50px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .cart-area .coupon {
    float: none;
  }
}

.cart-area .coupon2 {
  float: right;
}

.cart-area .coupon2 .fill-btn {
  height: 50px;
  line-height: 48px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .cart-area .coupon2 {
    float: none;
    margin-top: 15px;
  }
}

.cart-area #coupon_code {
  height: 50px;
  border: 1px solid #edeef2;
  padding: 0 15px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-radius: 50px;
}

.cart-area #coupon_code:focus {
  border-color: var(--bd-common-black);
}

.cart-area .cart-page-total {
  padding-top: 50px;
}

.cart-area .cart-page-total>h2 {
  font-size: 23px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.cart-area .cart-page-total>ul {
  border: 1px solid #edeef2;
  border-radius: 8px;
}

.cart-area .cart-page-total>ul>li {
  list-style: none;
  font-size: 16px;
  color: #575757;
  padding: 14px 30px;
  border-bottom: 1px solid #edeef2;
  font-weight: 400;
}

.cart-area .cart-page-total>ul>li:last-child {
  border-bottom: 0;
}

.cart-area .cart-page-total>ul>li span {
  float: right;
}

[dir=rtl] .cart-area .cart-page-total>ul>li span {
  float: left;
}

.cart-area .cart-plus,
.cart-area .cart-minus {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 45px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  background: transparent;
  border: none;
  outline: none;
}

.cart-area .cart-plus:hover,
.cart-area .cart-minus:hover {
  cursor: pointer;
  color: var(--bd-common-black);
  background: transparent;
}

.cart-area .cart-plus {
  left: auto;
  right: 0;
}

.cart-area .cart-input {
  height: 58px;
  width: 32px;
  text-align: center;
  font-size: 14px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 4px;
  background: transparent;
}

.cart-area .cart-input:focus {
  outline: none;
}

.cart-area .product-quantity-form {
  margin: auto;
  width: 122px;
  height: 58px;
  border: 1px solid var(--bd-grey-1);
  text-align: center;
  position: relative;
  -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;
}

.bd-checkout-btn a {
  font-size: 16px;
  font-weight: 500;
  border: 1px solid var(--bd-theme-2);
  padding: 15px 25px;
  border-radius: 50px;
}

.bd-checkout-btn a:hover {
  background-color: var(--bd-theme-2);
  color: var(--bd-common-white);
}

td.product-thumbnail img {
  width: 125px;
}

.product-quantity-form {
  width: 180px;
  height: 58px;
  border: 1px solid var(--bd-grey-1);
  text-align: center;
  position: relative;
  -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;
}

.product-quantity-form:hover {
  border-color: var(--bd-common-black);
}

.product-quantity a {
  white-space: nowrap;
  border: 1px solid var(--bd-grey-1);
  display: inline-block;
  padding: 8px 16px;
  border-radius: 24px;
  -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;
  font-size: 16px;
}

.product-quantity a:hover {
  color: var(--bd-theme-2);
  border-color: var(--bd-theme-2);
}

.product-d-img-nav {
  width: 100px;
}

@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) {
  .product-d-img-nav {
    width: 70px;
    min-width: 70px;
  }
}

@media (max-width: 575px) {
  .product-d-img-nav {
    width: 60px;
    min-width: 60px;
  }
}

.product-d-img-nav ul.nav-tabs {
  border-bottom: none;
}

.product-d-img-nav ul li {
  margin-bottom: 5px;
}

.product-d-img-nav button {
  margin-bottom: 5px;
}

.product-d-img-nav button.nav-link {
  border-color: var(--bd-grey-1);
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
}

.product-d-img-nav button.nav-link.active {
  border-color: var(--bd-theme-2);
}

.product-d-img-nav button img {
  width: 100%;
}

.product-d-img-tab {
  flex-grow: 1;
}

.product-d-img-tab .tab-content>.active {
  display: block;
  border: 1px solid var(--bd-grey-1);
  border-radius: 16px;
  overflow: hidden;
}

.product-d-img-tab .tab-pane img {
  width: 100%;
}

.product-d-img-category {
  font-size: 14px;
  font-weight: 500;
  color: var(--bd-common-white);
  text-transform: uppercase;
  background: var(--bd-theme-2);
  display: inline-block;
  height: 25px;
  line-height: 25px;
  border-radius: 4px;
  padding: 0 10px;
}

.product-d-img-tab-wrapper {
  display: flex;
  gap: 20px;
  margin-inline-end: 50px;
}

@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) {
  .product-d-img-tab-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) {
  .product-d-img-tab-wrapper {
    margin-inline-end: 30px;
  }
}

@media (max-width: 575px) {
  .product-d-img-tab-wrapper {
    margin-inline-end: 0px;
  }
}

.product-d-review {
  display: flex;
  gap: 5px;
}

.product-d-review .rating a {
  color: #ffbf14;
  font-size: 15px;
}

.product-d-review span {
  font-size: 15px;
}

.product-category-review {
  display: flex;
  gap: 10px;
  margin-bottom: 3px;
  flex-wrap: wrap;
}

.rating {
  display: flex;
  gap: 5px;
}

.product-side-info .product-name {
  font-size: 32px;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.product-side-info .price-now {
  font-size: 36px;
  color: var(--bd-theme-1);
}

.product-side-info .product-price {
  font-size: 20px;
  font-weight: 600;
  color: var(--bd-theme-1);
  display: flex;
  gap: 5px;
  line-height: 1;
  align-items: end;
  margin-bottom: 35px;
}

.product-price .price-old {
  color: #cfcfcf;
  text-decoration: line-through;
  font-size: 20px;
}

.product-quantity-cart {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.product-quantity-form {
  border: 2px solid var(--bd-grey-1);
  border-radius: 10px;
  padding: 0 7px;
}

.product-quantity-form .cart-minus {
  height: 55px;
  width: 35px;
  border: none;
}

.product-quantity-form .cart-minus:hover {
  background-color: transparent;
  color: var(--bd-theme-2);
}

.product-quantity-form .cart-input {
  height: 55px;
  width: 35px;
  border: none;
  text-align: center;
}

.product-quantity-form .cart-plus {
  height: 55px;
  width: 35px;
  border: none;
}

.product-quantity-form .cart-plus:hover {
  background-color: transparent;
  color: var(--bd-theme-2);
}

.bd-cart-btn {
  font-size: 16px;
  color: var(--bd-common-white);
  font-weight: 500;
  background: var(--bd-theme-2);
  height: 60px;
  line-height: 58px;
  border-radius: 10px;
  padding: 0 38px;
  position: relative;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  white-space: nowrap;
  z-index: 1;
}

.bd-cart-btn:hover {
  background-color: var(--bd-theme-1);
  color: var(--bd-common-white);
}

.product-d-meta {
  display: flex;
  gap: 10px;
  align-items: center;
}

.product-d-meta span {
  font-size: 16px;
  text-transform: uppercase;
}

.product-d-meta span:first-child {
  color: var(--bd-common-black);
  font-weight: 600;
}

.product-d-meta .social-links ul li a {
  color: #fff;
  font-size: 16px;
  background: var(--bd-theme-1);
  height: 40px;
  width: 40px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
}

.product-d-meta .social-links ul li a:hover {
  background-color: var(--bd-theme-2);
}

.social-links ul {
  display: flex;
  gap: 10px;
}

.social-links ul li {
  margin-bottom: 0;
  list-style: none;
}

.product-details-tab-wrapper {
  display: flex;
  gap: 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) {
  .product-details-tab-wrapper {
    flex-direction: column;
    gap: 0;
  }
}

.product-details-nav .nav-tabs {
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 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) {
  .product-details-nav .nav-tabs {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.product-details-nav .nav-link {
  font-size: 16px;
  text-transform: uppercase;
  border: 2px solid var(--bd-text-body);
  color: var(--bd-common-black);
  border-radius: 10px;
  width: 260px;
  padding: 0 28px;
  height: 60px;
  line-height: 56px;
  font-weight: 500;
  white-space: nowrap;
}

.product-details-nav .nav-link.active {
  border-color: var(--bd-theme-2);
  color: var(--bd-common-white);
  background: var(--bd-theme-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) {
  .product-details-nav .nav-link {
    width: auto;
  }
}

.product__details-info ul li {
  display: flex;
  align-items: center;
  padding: 15px 30px;
}

.product__details-info ul li:nth-child(2n+1) {
  background: #f7f7f7;
}

.product__details-info ul li span {
  font-size: 16px;
}

.product__details-info ul li h6 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  display: inline-block;
  width: 25%;
  text-transform: uppercase;
  min-width: 100px;
}

.product-details-content {
  flex-grow: 1;
}

.course-review-item {
  display: flex;
  align-items: normal;
}

.course-review-list {
  margin-inline-start: 20px;
}

.course-review-list span {
  color: var(--bd-common-black);
  margin-inline-start: 10px;
  font-size: 14px;
  font-weight: 400;
}

.course-review-list h5 {
  text-transform: uppercase;
}

.course-review-list h5 a:hover {
  color: var(--bd-theme-2);
}

.course-start-icon {
  margin-bottom: 10px;
}

.course-start-icon i {
  color: #ffbf14;
  font-size: 13px;
}

.comment-title h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.comment-title p {
  color: #454545;
}

.comment-rating span {
  font-size: 15px;
  color: #454545;
  margin-inline-end: 5px;
}

.comment-rating ul {
  display: inline-block;
}

.comment-rating ul li {
  display: inline-block;
}

.comment-rating ul li a {
  font-size: 14px;
  color: #ffbf14;
}

.course-reviews-img {
  height: 70px;
  width: 70px;
  min-width: 70px;
}

.course-reviews-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.comment-agree input {
  margin: 0;
  appearance: none;
  display: inline-block;
  width: 18px;
  height: 18px;
  background: transparent;
  border: 2px solid var(--bd-grey-1);
  border-radius: 2px;
  outline: none;
}

.comment-agree input::placeholder {
  color: var(--bd-text-body);
  font-size: 14px;
  opacity: 1;
}

.comment-agree label {
  margin-inline-start: 5px;
  font-size: 15px;
  color: #454545;
}

.comment-input input {
  height: 60px;
  width: 100%;
  background: #f8f8f9;
  border: none;
  padding: 15px 20px;
  border-radius: 4px;
  outline: 0;
  border-radius: 16px;
}

.comment-input input::placeholder {
  color: #777777;
  font-size: 15px;
  opacity: 1;
}

.comment-textarea {
  height: 170px;
  width: 100%;
  background: #f8f8f9;
  border: none;
  padding: 15px 20px;
  border-radius: 4px;
  resize: none;
  outline: 0;
  border-radius: 16px;
}

.comment-textarea::placeholder {
  color: #777777;
  font-size: 15px;
  opacity: 1;
}

.coupon-accordion h3 {
  background-color: #f6f6f6;
  border-top: 3px solid var(--bd-theme-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: #575757;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion span {
  color: #575757;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-accordion span:hover {
  color: var(--bd-common-black);
}

.coupon-content {
  border: 1px solid var(--bd-grey-1);
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

p.lost-password a:hover {
  color: var(--bd-common-black);
}

.coupon-content {
  border: 1px solid var(--bd-grey-1);
  display: none;
  margin-bottom: 20px;
  padding: 30px;
  border-radius: 32px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p.form-row-first label {
  display: block;
  color: var(--bd-common-black);
}

.coupon-info p.form-row-first label span.required {
  color: var(--bd-theme-3);
  font-weight: 600;
}

.coupon-info p.form-row-first input {
  border: 1px solid var(--bd-grey-1);
  height: 60px;
  line-height: 60px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  border-radius: 16px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.coupon-info p.form-row-first input:focus {
  border-color: var(--bd-common-black);
}

.coupon-info p.form-row-last label {
  display: block;
  color: var(--bd-common-black);
}

.coupon-info p.form-row-last label span.required {
  color: var(--bd-theme-3);
  font-weight: 600;
}

.coupon-info p.form-row-last input {
  border: 1px solid var(--bd-grey-1);
  height: 60px;
  line-height: 60px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  border-radius: 16px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.coupon-info p.form-row-last input:focus {
  border-color: var(--bd-common-black);
}

.bd-login-btn button span {
  color: var(--bd-common-white);
}

.bd-coupon-btn button span {
  color: var(--bd-common-white);
}

.coupon-info p.form-row input[type=submit]:hover,
p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: 0px;
}

.form-row>label {
  margin-top: 15px;
  margin-inline-start: 15px;
  color: #575757;
}

.buttons-cart input,
.coupon input[type=submit],
.buttons-cart a,
.coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  margin-inline-end: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #6f6f6f;
}

.checkout-coupon input[type=text] {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  width: 100%;
  border: 1px solid var(--bd-grey-1);
  margin-bottom: 15px;
  outline: none;
  border-radius: 16px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.checkout-coupon input[type=text]:focus {
  border-color: var(--bd-grey-1);
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form .ship-different-title {
  border-bottom: 1px solid var(--bd-grey-1);
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.checkbox-form h3 {
  text-transform: uppercase;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid var(--bd-grey-1);
  padding: 0 20px;
  height: 60px;
  border-radius: 16px;
}

.country-select label {
  color: var(--bd-common-black);
  display: block;
  margin: 0 0 0px;
}

.country-select label span.required {
  color: var(--bd-theme-3);
}

.country-select .nice-select {
  border: 1px solid var(--bd-grey-1);
  height: 60px;
  line-height: 60px;
  padding-inline-start: 20px;
  width: 100%;
  color: #575757;
  margin-bottom: 20px;
  border-radius: 16px;
}

.country-select .nice-select span {
  font-size: 18px;
}

.country-select .nice-select .list {
  width: 100%;
  border-radius: 16px;
  font-size: 18px;
  padding: 20px 0;
}

.country-select .nice-select .option.selected {
  font-weight: 600;
}

.checkout-form-list label {
  color: var(--bd-common-black);
  display: block;
  margin: 0 0 0px;
}

.checkout-form-list label span.required {
  color: var(--bd-theme-3);
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: var(--bd-common-black);
  line-height: 2;
}

.checkout-form-list input[type=text],
.checkout-form-list input[type=password],
.checkout-form-list input[type=email] {
  background: #ffffff;
  border: 1px solid var(--bd-grey-1);
  border-radius: 0;
  height: 60px;
  line-height: 60px;
  padding: 0 20px 0 20px;
  width: 100%;
  outline: none;
  border-radius: 16px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.checkout-form-list input[type=text]:focus,
.checkout-form-list input[type=password]:focus,
.checkout-form-list input[type=email]:focus {
  border-color: var(--bd-grey-1);
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  color: #575757;
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  color: #575757;
  opacity: 1;
}

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-inline-end: 10px;
  position: relative;
  top: 1px;
}

.create-acc label {
  color: #575757;
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title label {
  display: inline-block;
  margin-inline-end: 10px;
}

.order-notes textarea {
  border: 1px solid var(--bd-grey-1);
  height: 90px;
  padding: 15px;
  width: 100%;
  resize: none;
  padding-inline-start: 20px;
  outline: none;
  border-radius: 16px;
}

.order-notes textarea::-moz-placeholder {
  color: #575757;
  opacity: 1;
}

.order-notes textarea::placeholder {
  color: #575757;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default>.panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 2px solid var(--bd-theme-2);
  border-radius: 32px;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}

.your-order h3 {
  border-bottom: 1px solid var(--bd-grey-1);
  font-size: 24px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
  text-transform: uppercase;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table td,
.your-order-table table th {
  border-bottom: 1px solid var(--bd-grey-1);
  border-right: medium none;
  color: #575757;
  font-size: 16px;
  padding: 15px 0;
  text-align: left;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {

  .your-order-table table td,
  .your-order-table table th {
    padding-inline-end: 10px;
  }
}

.your-order-table table th {
  border-top: medium none;
  color: var(--bd-common-black);
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
  text-transform: uppercase;
}

.your-order-table table .shipping ul li label {
  color: #575757;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #f9f9f9;
}

.your-order-table table tr.order-total td span {
  color: var(--bd-common-black);
  font-size: 18px;
  font-weight: 500;
}

.your-order-table .shipping ul li {
  list-style: none;
}

.your-order-table .shipping ul li input {
  position: relative;
  top: 0px;
}

.panel-body>p {
  color: #222;
}

.order-button-payment button {
  height: 50px;
  border: 1px solid var(--bd-theme-2);
  border-radius: 50px;
}

.order-button-payment button:hover {
  background-color: var(--bd-theme-2);
  color: var(--bd-common-white);
}

.payment-method {
  margin-top: 40px;
}

.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid var(--bd-grey-1);
}

.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--bd-common-black);
  padding: 23px 0;
  border: none;
}

.payment-method .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: var(--bd-ff-fontawesome);
  font-size: 16px;
  font-weight: 400;
  margin-inline-start: 0;
  background-image: none;
}

[dir=rtl] .payment-method .accordion-button::after {
  left: 0;
  right: auto;
}

.payment-method .accordion-button:not(.collapsed) {
  color: var(--bd-common-black);
  background-color: var(--bd-common-white);
  box-shadow: none;
}

.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
}

.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}

.payment-method .accordion-collapse {
  border: none;
}

.panel-title>a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .btn-link {
  user-select: none;
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid var(--bd-grey-1);
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid var(--bd-grey-1);
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid var(--bd-grey-1);
}

.order-button-payment button {
  width: 100%;
}

.product-details-img {
  margin-inline-end: 50px;
}

@media (max-width: 575px) {
  .product-details-img {
    margin-inline-end: 0;
  }
}

.product-details-img img {
  width: 100%;
}

.product-side-info .product-name {
  font-size: 26px;
}

.product-side-info .product-price {
  font-size: 20px;
  font-weight: 600;
  color: var(--bd-theme-1);
  align-items: end;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .product-side-info .product-price {
    font-size: 18px;
  }
}

.product-side-info p {
  margin-top: 30px;
  margin-bottom: 40px;
}

.product-quantity-cart {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.product-quantity-cart .product-quantity-form {
  border: 2px solid var(--bd-grey-1);
  border-radius: 10px;
  padding: 0 7px;
}

.product-quantity-form .cart-minus,
.product-quantity-form .cart-plus {
  height: 55px;
  width: 55px;
  border: none;
}

.product-quantity-form .cart-input {
  height: 53px;
  width: 45px;
  border: none;
  text-align: center;
}

.bd-contact-info {
  min-height: 250px;
  width: 100%;
  background: var(--bd-theme-6);
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 25px 20px;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  filter: drop-shadow(4px 4px 0px #FFE1BD);
}

.bd-contact-info:hover {
  filter: drop-shadow(4px 4px 0px var(--bd-theme-2));
}

.bd-contact-info:hover span {
  color: var(--bd-text-body);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-contact-info {
    min-height: auto;
    width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-contact-info {
    min-height: 230px;
    width: 100%;
  }
}

@media (max-width: 575px) {
  .bd-contact-info-wrap {
    display: flex;
    justify-content: center;
  }
}

.bd-contact-info-icon {
  font-weight: 600;
  padding: 0px;
  margin-bottom: 40px;
  background-color: var(--bd-theme-1);
}

.bd-contact-info-icon a {
  font-size: 45px;
  height: 120px;
  width: 120px;
  display: inline-block;
  line-height: 120px;
  text-align: center;
  color: var(--bd-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-contact-info-icon a {
    font-size: 30px;
    height: 90px;
    width: 90px;
    line-height: 90px;
  }
}

.bd-contact-info-icon.cat-1 {
  border-radius: 44% 56% 44% 56%/58% 47% 53% 42%;
}

.bd-contact-info-icon.cat-2 {
  background-color: var(--bd-theme-2);
  border-radius: 81% 19% 23% 77%/58% 52% 48% 42%;
}

.bd-contact-info-icon.cat-3 {
  background-color: var(--bd-theme-3);
  border-radius: 37% 63% 61% 39%/52% 49% 51% 48%;
}

.bd-contact-info-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bd-contact-info-content h6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

.bd-contact-form {
  padding: 50px 30px;
  border: 1px solid var(--bd-grey-1);
  border-radius: 16px;
}

.bd-contact-input .nice-select {
  width: 100%;
  height: 58px;
  line-height: 58px;
  padding: 0px 15px;
  border-radius: 24px;
}

.bd-contact-input .nice-select .list {
  width: 100%;
  border-radius: 16px;
  border-color: var(--bd-text-body);
}

.bd-contact-input .nice-select .option {
  font-size: 16px;
  font-weight: 400;
}

.bd-contact-input .nice-select .option.selected {
  font-weight: 500;
}

.bd-contact-input label {
  display: block;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 10px;
}

.bd-contact-input label i {
  font-size: 8px;
  color: red;
}

.bd-contact-input input {
  width: 100%;
  height: 58px;
  line-height: 58px;
  padding: 0px 15px;
  border: 1px solid var(--bd-grey-1);
  border-radius: 16px;
  font-size: 18px;
}

.bd-contact-input textarea {
  width: 100%;
  height: 200px;
  resize: none;
  border: 1px solid var(--bd-grey-1);
  border-radius: 16px;
  padding: 15px;
  line-height: 1.2;
}

.bd-contact-input textarea:focus {
  outline: 0;
}

.bd-contact-agree {
  gap: 13px;
  position: relative;
}

.bd-contact-agree label {
  font-size: 16px;
  line-height: 28px;
  color: var(--bd-common-black);
  margin-inline-start: 30px;
}

.bd-contact-agree input {
  accent-color: var(--bd-common-black);
  height: 18px;
  width: 18px;
  border-radius: 5px;
  position: absolute;
  top: 6px;
  inset-inline-start: 0;
}

.bd-contact-map {
  height: 100%;
  width: 100%;
  border-radius: 24px;
  border: 2px solid #dddddd;
  min-height: 400px;
}

.bd-contact-map iframe {
  height: 100%;
  width: 100%;
  border-radius: 24px;
  filter: grayscale(1);
}

.bd-error-btn .bd-btn {
  height: 62px;
  line-height: 62px;
}

.bd-error-btn .bd-btn-normal,
.bd-error-btn .bd-btn-hover {
  gap: 10px;
}

.bd-error-thumb img {
  width: 100%;
}

.bd-footer-2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
  position: relative;
  z-index: 2;
}

.bd-footer-2 .bd-footer-widget-2 {
  margin-inline-start: 0px;
  color: var(--bd-common-white);
}

.bd-footer-bg-2 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: luminosity;
  opacity: 0.1;
}

.bd-footer-bg-2::before {
  content: "";
  height: 100%;
  width: 683px;
  position: absolute;
  left: 0;
  z-index: 2;
  top: 0;
  background: linear-gradient(91deg, #00BBAE 1.01%, rgba(0, 187, 174, 0) 79.31%);
}

.bd-footer-bg-2::after {
  content: "";
  height: 500px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
  top: 0;
  background: linear-gradient(180.87deg, #11A191 0.69%, rgba(17, 161, 145, 0) 96.75%);
}

.bd-footer-area {
  position: relative;
}

.bd-footer-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
}

.bd-footer-top-widget-1 {
  margin-inline-end: 120px;
}

.bd-footer-widget-title.is-white {
  color: var(--bd-common-white);
}

.bd-footer-widget-content.is-white p {
  color: var(--bd-common-white);
}

.bd-footer-widget-2 {
  margin-inline-start: 130px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-footer-widget-2 {
    margin-inline-start: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-footer-widget-2 {
    margin-inline-start: 90px;
  }
}

@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-footer-widget-2 {
    margin-inline-start: 0px;
  }
}

.bd-footer-widget-3 {
  margin-inline-start: 60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-footer-widget-3 {
    margin-inline-start: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-footer-widget-3 {
    margin-inline-start: 32px;
  }
}

@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-footer-widget-3 {
    margin-inline-start: 0px;
  }
}

.bd-footer-logo {
  width: 186px;
}

.bd-footer-logo img {
  width: 100%;
}

.bd-footer-join-btn a {
  text-transform: capitalize;
  padding: 0px 48px;
}

.bd-footer-list ul {
  list-style-type: none;
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
}

.bd-footer-list ul li a {
  font-weight: var(--bd-fw-normal);
  font-size: 18px;
  line-height: 30px;
  position: relative;
}

.bd-footer-list ul li a:hover {
  color: var(--bd-theme-2);
  padding-inline-start: 16px;
}

.bd-footer-list ul li a:hover::before {
  width: 10px;
  transition-delay: 0.1s;
}

.bd-footer-list ul li a::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 55%;
  bottom: auto;
  transform: translateY(-50%);
  width: 0px;
  height: 2px;
  background-color: var(--bd-theme-2);
  z-index: 1;
}

.bd-footer-shape {
  position: absolute;
  top: 40%;
  inset-inline-start: -100px;
  animation: bd-updown-2 2s infinite alternate-reverse;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-footer-shape {
    inset-inline-start: -70px;
  }
}

.bd-footer-contact.is-white ul li i {
  color: var(--bd-common-white);
}

.bd-footer-contact ul {
  list-style-type: none;
  display: inline-flex;
  flex-direction: column;
  gap: 15px;
}

.bd-footer-contact ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.bd-footer-contact ul li a {
  font-weight: var(--bd-fw-normal);
  font-size: 18px;
  line-height: 30px;
}

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

.bd-footer-contact ul li i {
  font-size: 24px;
  color: var(--bd-theme-1);
  min-width: 26px;
  transform: translateY(4px);
}

.bd-footer-contact ul li i:hover {
  color: var(--bd-theme-2);
}

.bd-footer-social a {
  text-transform: capitalize;
  color: var(--bd-common-white);
  font-weight: 500;
  font-size: 16px;
}

.bd-footer-social a i {
  min-width: 20px;
  margin-inline-end: 8px;
}

.bd-footer-social a:hover {
  color: var(--bd-theme-2);
}

.bd-footer-social-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.bd-footer-copyright {
  position: relative;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-footer-copyright-wrap {
    padding-bottom: 10px;
  }
}

.bd-footer-copyright-line img {
  width: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-footer-copyright-text {
    order: 1;
    padding-bottom: 10px;
  }
}

.bd-footer-copyright-text p {
  margin: 0;
}

.bd-footer-copyright-text p span {
  color: red;
}

.bd-footer-copyright-text p a:hover {
  color: var(--bd-theme-2);
}

.bd-footer-copyright-text.is-white p {
  color: var(--bd-common-white);
}

.bd-footer-bottom-social ul {
  list-style-type: none;
  display: flex;
  gap: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
  .bd-footer-bottom-social ul {
    justify-content: start;
  }
}

.bd-footer-bottom-social ul li a {
  height: 48px;
  width: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--bd-theme-1);
  border-radius: 50%;
  display: inline-block;
  color: var(--bd-common-white);
}

.bd-footer-bottom-social ul li a:hover {
  background-color: var(--bd-theme-2);
  color: var(--bd-common-white);
}

.bd-wave {
  background: url("../img/shape/wave.svg") repeat-x;
  position: absolute;
  top: 40px;
  width: 6400px;
  height: 198px;
  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}

.bd-wave-2 {
  top: 0;
  background: url("../img/shape/wave-rotate.svg") repeat-x;
}

.bd-wave-2:nth-of-type(2) {
  top: 0px;
}

.bd-wave-3 {
  background: url("../img/shape/wave-white-2.svg") repeat-x;
  top: 30px;
  height: 130px;
}

.bd-wave-3:nth-of-type(2) {
  background: url("../img/shape/wave-white.svg") repeat-x;
}

.bd-wave:nth-of-type(2) {
  top: 40px;
  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

.bd-wave-wrapper {
  height: 160px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--bd-theme-6);
}

.bd-wave-wrapper-2 {
  top: auto;
  bottom: 0;
  left: 0;
  background: var(--bd-common-white);
}

.bd-wave-wrapper-3 {
  top: auto;
  bottom: -20px;
  background: transparent;
}

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