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

.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: 204px;
}
.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: 186px;
  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 {
/* Replace the old mask lines with these */
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='613' height='584' viewBox='0 0 613 584'%3E%3Cpath d='M0 0 C0.9492334 0.4650293 1.8984668 0.93005859 2.87646484 1.40917969 C23.67140885 11.69702709 43.36121195 23.72447802 62.58105469 36.69677734 C75.75712641 45.58895828 89.28886065 53.95980665 103 62 C103.91072266 62.53463867 104.82144531 63.06927734 105.75976562 63.62011719 C147.20554871 87.88788921 190.05292564 109.63193193 234 129 C235.71000063 129.75479289 237.41995957 130.50968024 239.12988281 131.26464844 C242.81360008 132.89067626 246.49752559 134.51623104 250.18164062 136.14135742 C251.11097412 136.55130951 252.04030762 136.9612616 252.99780273 137.38363647 C254.86797808 138.20843831 256.73825735 139.03300454 258.60864258 139.85733032 C274.16387997 146.71420363 289.66468385 153.66069811 305 161 C306.58530518 161.75869385 306.58530518 161.75869385 308.20263672 162.53271484 C347.08757607 181.26608178 383.49018502 204.76345027 399 247 C413.02481705 291.79637289 406.13332091 339.46541373 385.14794922 380.8203125 C376.31360531 397.5946686 365.20037104 413.90925856 352.16015625 427.69921875 C350.31448576 429.66504138 348.5523514 431.66873396 346.79296875 433.7109375 C342.79044242 438.30117655 338.55764744 442.63443809 334.25 446.9375 C333.45577637 447.73091797 332.66155273 448.52433594 331.84326172 449.34179688 C326.15278132 454.97318248 320.31161941 460.0748039 314 465 C312.14309253 466.58011808 310.28908524 468.16364866 308.4375 469.75 C289.32491533 485.64852999 268.10000638 499.1104554 246.20214844 510.81884766 C243.97294579 512.01451089 241.75588738 513.2307854 239.5390625 514.44921875 C184.80683081 544.23817774 120.90437297 563.19992694 58.375 563.25 C57.22781998 563.25101212 57.22781998 563.25101212 56.0574646 563.25204468 C-4.70803107 563.16759883 -62.79954179 542.17908979 -110 504 C-110.61182129 503.50532227 -111.22364258 503.01064453 -111.85400391 502.50097656 C-125.18198402 491.61906425 -137.43608889 479.59579174 -148 466 C-148.86510765 464.93450585 -149.73240736 463.87078882 -150.6015625 462.80859375 C-191.35826824 412.62477291 -207.75624798 351.43635632 -207.3264122 287.68697357 C-207.31228907 285.40339472 -207.30362892 283.11985358 -207.29653931 280.83624268 C-207.22169256 257.91076736 -206.84146827 235.03097995 -205.15820312 212.15948486 C-204.99730957 209.96327548 -204.8438295 207.76663641 -204.69140625 205.56982422 C-200.28304244 142.94563191 -193.07618179 68.42949147 -154 17 C-153.57251465 16.43635742 -153.1450293 15.87271484 -152.70458984 15.29199219 C-113.78379958 -35.09305457 -51.23969904 -25.17071025 0 0 Z' transform='translate(207,21)' fill='%23000' /%3E%3C/svg%3E");

mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='613' height='584' viewBox='0 0 613 584'%3E%3Cpath d='M0 0 C0.9492334 0.4650293 1.8984668 0.93005859 2.87646484 1.40917969 C23.67140885 11.69702709 43.36121195 23.72447802 62.58105469 36.69677734 C75.75712641 45.58895828 89.28886065 53.95980665 103 62 C103.91072266 62.53463867 104.82144531 63.06927734 105.75976562 63.62011719 C147.20554871 87.88788921 190.05292564 109.63193193 234 129 C235.71000063 129.75479289 237.41995957 130.50968024 239.12988281 131.26464844 C242.81360008 132.89067626 246.49752559 134.51623104 250.18164062 136.14135742 C251.11097412 136.55130951 252.04030762 136.9612616 252.99780273 137.38363647 C254.86797808 138.20843831 256.73825735 139.03300454 258.60864258 139.85733032 C274.16387997 146.71420363 289.66468385 153.66069811 305 161 C306.58530518 161.75869385 306.58530518 161.75869385 308.20263672 162.53271484 C347.08757607 181.26608178 383.49018502 204.76345027 399 247 C413.02481705 291.79637289 406.13332091 339.46541373 385.14794922 380.8203125 C376.31360531 397.5946686 365.20037104 413.90925856 352.16015625 427.69921875 C350.31448576 429.66504138 348.5523514 431.66873396 346.79296875 433.7109375 C342.79044242 438.30117655 338.55764744 442.63443809 334.25 446.9375 C333.45577637 447.73091797 332.66155273 448.52433594 331.84326172 449.34179688 C326.15278132 454.97318248 320.31161941 460.0748039 314 465 C312.14309253 466.58011808 310.28908524 468.16364866 308.4375 469.75 C289.32491533 485.64852999 268.10000638 499.1104554 246.20214844 510.81884766 C243.97294579 512.01451089 241.75588738 513.2307854 239.5390625 514.44921875 C184.80683081 544.23817774 120.90437297 563.19992694 58.375 563.25 C57.22781998 563.25101212 57.22781998 563.25101212 56.0574646 563.25204468 C-4.70803107 563.16759883 -62.79954179 542.17908979 -110 504 C-110.61182129 503.50532227 -111.22364258 503.01064453 -111.85400391 502.50097656 C-125.18198402 491.61906425 -137.43608889 479.59579174 -148 466 C-148.86510765 464.93450585 -149.73240736 463.87078882 -150.6015625 462.80859375 C-191.35826824 412.62477291 -207.75624798 351.43635632 -207.3264122 287.68697357 C-207.31228907 285.40339472 -207.30362892 283.11985358 -207.29653931 280.83624268 C-207.22169256 257.91076736 -206.84146827 235.03097995 -205.15820312 212.15948486 C-204.99730957 209.96327548 -204.8438295 207.76663641 -204.69140625 205.56982422 C-200.28304244 142.94563191 -193.07618179 68.42949147 -154 17 C-153.57251465 16.43635742 -153.1450293 15.87271484 -152.70458984 15.29199219 C-113.78379958 -35.09305457 -51.23969904 -25.17071025 0 0 Z' transform='translate(207,21)' fill='%23000' /%3E%3C/svg%3E");


  -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("data:image/svg+xml,%3Csvg width='636' height='465' viewBox='0 0 636 465' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.5323 363.397C-35.3044 263.3 4.49464 129.357 50.5323 84.48C115.017 21.6206 203.437 46.3748 320.316 84.48C437.195 122.585 519.466 -116.427 607.575 75.577C719.416 319.295 473.11 451.499 355.224 461.424C244.427 470.752 140.043 467.778 50.5323 363.397Z' fill='black'/%3E%3C/svg%3E");

mask-image: url("data:image/svg+xml,%3Csvg width='636' height='465' viewBox='0 0 636 465' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.5323 363.397C-35.3044 263.3 4.49464 129.357 50.5323 84.48C115.017 21.6206 203.437 46.3748 320.316 84.48C437.195 122.585 519.466 -116.427 607.575 75.577C719.416 319.295 473.11 451.499 355.224 461.424C244.427 470.752 140.043 467.778 50.5323 363.397Z' fill='black'/%3E%3C/svg%3E");


  -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;
      width: 200px;
  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;
  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("data:image/svg+xml,%3Csvg width='636' height='465' viewBox='0 0 636 465' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.5323 363.397C-35.3044 263.3 4.49464 129.357 50.5323 84.48C115.017 21.6206 203.437 46.3748 320.316 84.48C437.195 122.585 519.466 -116.427 607.575 75.577C719.416 319.295 473.11 451.499 355.224 461.424C244.427 470.752 140.043 467.778 50.5323 363.397Z' fill='black'/%3E%3C/svg%3E");

mask-image: url("data:image/svg+xml,%3Csvg width='636' height='465' viewBox='0 0 636 465' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.5323 363.397C-35.3044 263.3 4.49464 129.357 50.5323 84.48C115.017 21.6206 203.437 46.3748 320.316 84.48C437.195 122.585 519.466 -116.427 607.575 75.577C719.416 319.295 473.11 451.499 355.224 461.424C244.427 470.752 140.043 467.778 50.5323 363.397Z' fill='black'/%3E%3C/svg%3E");

  -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: 44% 56% 44% 56%/58% 47% 53% 42%;
}
.bd-shop-cat-title.cat-2 {
  background-color: var(--bd-theme-2);
  border-radius: 81% 19% 23% 77%/58% 52% 48% 42%;
}
.bd-shop-cat-title.cat-3 {
  border-radius: 37% 63% 61% 39%/52% 49% 51% 48%;
}
.bd-shop-cat-title.cat-4 {
  background-color: var(--bd-theme-3);
  border-radius: 42% 58% 37% 63%/52% 37% 63% 48%;
}
.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(5, 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:20px;
  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-office {
  margin-bottom: 24px;
}
.bd-footer-office:last-child {
  margin-bottom: 0;
}
.bd-footer-office-title {
  font-size: 16px;
  font-weight: var(--bd-fw-medium, 600);
  color:black;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.bd-footer-contact ul {
  list-style-type: none;
  display: inline-flex;
  flex-direction: column;
  /* gap: 15px; */
  margin: 0;
  padding: 0;
}
.bd-footer-contact ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.bd-footer-contact ul li span,
.bd-footer-contact ul li a {
  font-weight: var(--bd-fw-normal);
  font-size: 16px;
  line-height: 26px;
  color: inherit;
}
.bd-footer-contact ul li a:hover {
  color: var(--bd-theme-2);
}
.bd-footer-contact ul li i {
  font-size: 20px;
  color: var(--bd-theme-1);
  min-width: 24px;
  transform: translateY(4px);
}
.bd-footer-contact ul li i:hover {
  color: var(--bd-theme-2);
}
.bd-footer-contact.is-white ul li i {
  color: var(--bd-common-white);
}
.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;
  border-radius: 7px;
}



/*# sourceMappingURL=main.css.map */
   :root {
      /* High-contrast vivid brand colors */
      --clr-teal: #00bbae;
      --clr-purple: #b8a2ce;
      --clr-yellow: #fdbf3b;
      --clr-dark: #0f1a24;
      --clr-muted: #4a5568;
      
      /* Vibrant solid backgrounds */
      --clr-teal-bright: rgba(0, 187, 174, 0.15);
      --clr-purple-bright: rgba(184, 162, 206, 0.18);
      --clr-yellow-bright: rgba(253, 191, 59, 0.2);
      
      --card-shadow: 0 10px 25px rgba(15, 26, 36, 0.06);
      --card-shadow-hover: 0 15px 35px rgba(15, 26, 36, 0.12);
   }

   /* Compact Layout Spacing */
   .section-padding {
      padding: 70px 0;
   }
   
   /* Vibrant Hero with rich background shapes */
   .hero-vibrant {
      background: linear-gradient(135deg, #ffffff 0%, #f1edf7 50%, #e6f7f6 100%);
      padding: 80px 0;
      position: relative;
      overflow: hidden;
   }
   .hero-vibrant::after {
      content: '';
      position: absolute;
      bottom: -100px;
      left: -100px;
      width: 300px;
      height: 300px;
      border-radius: 50%;
      background: radial-gradient(circle, var(--clr-teal-bright) 0%, transparent 75%);
   }

   /* Bright Pill Badge */
   .bright-badge {
      display: inline-flex;
      align-items: center;
      padding: 8px 20px;
      background: #ffffff;
      border: 2px solid var(--clr-purple);
      border-radius: 50px;
      font-size: 14px;
      font-weight: 700;
      color: var(--clr-dark);
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
      margin-bottom: 20px;
   }

   /* High-Contrast Section Headings */
   .heading-vibrant {
      font-weight: 600;
      color: var(--clr-dark);
      position: relative;
      line-height: 1.3;
   }
   .heading-vibrant span {
      border-bottom: 4px solid var(--clr-yellow);
   }

   /* Brighter Premium Cards */
   .bright-card {
      background: #ffffff;
      border-radius: 20px;
      padding: 30px 25px;
      border: 2px solid rgba(184, 162, 206, 0.3);
      box-shadow: var(--card-shadow);
      transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
      height: 100%;
      position: relative;
   }
   .bright-card:hover {
      transform: translateY(-5px);
      box-shadow: var(--card-shadow-hover);
      border-color: var(--clr-teal);
   }
   .bright-card.border-teal { border-top: 5px solid var(--clr-teal); }
   .bright-card.border-purple { border-top: 5px solid var(--clr-purple); }
   .bright-card.border-yellow { border-top: 5px solid var(--clr-yellow); }

   /* Solid Color Icon Boxes */
   .bright-icon-box {
      width: 60px;
      height: 60px;
      border-radius: 15px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      margin-bottom: 20px;
      color: #ffffff;
   }
   .bg-teal-solid { background-color: var(--clr-teal); }
   .bg-purple-solid { background-color: var(--clr-purple); }
   .bg-yellow-solid { background-color: var(--clr-yellow); color: var(--clr-dark); }

   /* Modern Form Card */
   .bright-form-card {
      background: #ffffff;
      border-radius: 24px;
      padding: 35px;
      box-shadow: 0 15px 40px rgba(15, 26, 36, 0.1);
      border: 3px solid var(--clr-teal);
   }
   .form-input-vibrant {
      width: 100%;
      background: #f7fafc;
      border: 2px solid #e2e8f0;
      border-radius: 12px;
      padding: 14px 18px;
      font-size: 15px;
      color: var(--clr-dark);
      transition: all 0.3s ease;
      margin-bottom: 15px;
      font-weight: 500;
   }
   .form-input-vibrant:focus {
      background: #ffffff;
      border-color: var(--clr-purple);
      box-shadow: 0 0 0 4px var(--clr-purple-bright);
      outline: none;
   }
   .btn-submit-vibrant {
      background: linear-gradient(135deg, var(--clr-teal) 0%, #009c91 100%);
      color: #ffffff;
      border: none;
      padding: 15px 30px;
      border-radius: 12px;
      font-weight: 700;
      font-size: 16px;
      width: 100%;
      transition: all 0.3s ease;
      cursor: pointer;
      box-shadow: 0 6px 15px rgba(0, 187, 174, 0.3);
   }
   .btn-submit-vibrant:hover {
      background: var(--clr-yellow);
      color: var(--clr-dark);
      box-shadow: 0 6px 15px rgba(253, 191, 59, 0.3);
   }

   /* Timeline steps */
   .timeline-track {
      position: relative;
      padding-left: 35px;
      border-left: 3px solid var(--clr-purple);
   }
   .timeline-item-bright {
      position: relative;
      margin-bottom: 35px;
   }
   .timeline-item-bright::before {
      content: '';
      position: absolute;
      left: -48px;
      top: 2px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: var(--clr-yellow);
      border: 4px solid var(--clr-dark);
      z-index: 2;
   }
   .timeline-item-bright:nth-child(even)::before {
      background: var(--clr-teal);
   }
   .timeline-item-bright:last-child {
      margin-bottom: 0;
   }

   /* Checklist Design */
   .vibrant-check-ul {
      list-style: none;
      padding: 0;
      margin: 0;
   }
   .vibrant-check-ul li {
      position: relative;
      padding-left: 32px;
      margin-bottom: 12px;
      font-size: 15px;
      color: var(--clr-dark);
      font-weight: 500;
      line-height: 1.5;
   }
   .vibrant-check-ul li::before {
      content: "✓";
      position: absolute;
      left: 0;
      top: 1px;
      width: 22px;
      height: 22px;
      border-radius: 6px;
      background: var(--clr-teal);
      color: #ffffff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 900;
   }
   .vibrant-check-ul.list-purple li::before {
      background: var(--clr-purple);
   }

   /* High quality descriptive image styles */
   .filled-image-box {
      border-radius: 24px;
      border: 6px solid #ffffff;
      box-shadow: 0 15px 35px rgba(15, 26, 36, 0.1);
      width: 100%;
      height: 100%;
      object-fit: cover;
   }



   .bd-about-section {
  background-color: #00bbae;
  padding: 100px 0;
  overflow: hidden;
}

/* Image side */
.bd-about-img-wrapper {
  position: relative;
  z-index: 1;
}
.bd-about-img-wrapper img {
  width: 100%;
  border-radius: 20px;
  position: relative;
  z-index: 2;
}
.bd-about-shape {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 100%;
  height: 100%;
  border: 3px solid rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  z-index: 1;
}

/* Content side */
.bd-about-content {
  color: #ffffff;
}
.bd-about-subtitle {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 6px 18px;
  border-radius: 30px;
  margin-bottom: 16px;
}
.bd-about-title {
  font-size:29px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
  margin-bottom: 20px;
}
.bd-about-desc {
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 18px;
}
.bd-about-desc strong {
  color: #ffffff;
  font-weight: 700;
}

/* Method tags */
.bd-about-tags {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin: 24px 0 0;
}
.bd-about-tags li {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 30px;
  transition: 0.3s;
}
.bd-about-tags li:hover {
  background-color: #ffffff;
  color: #00bbae;
  cursor: default;
}

/* Responsive */
@media (max-width: 991px) {
  .bd-about-title {
    font-size: 28px;
  }
  .bd-about-section {
    padding: 60px 0;
  }
}
@media (max-width: 576px) {
  .bd-about-shape {
    display: none;
  }
}
.bd-program-section {
  background-color: #fdf3ea;
  padding: 100px 0;
  overflow: hidden;
}

/* Title */
.bd-section-title h2 {
  font-size: 42px;
  font-weight: 800;
  color: #1e2a3a;
  margin-bottom: 10px;
}
.bd-section-title .text-highlight {
  color: #00bbae;
}
.bd-section-title p {
  font-size: 16px;
  font-style: italic;
  color: #7a8699;
  margin-bottom: 60px;
}

/* Track / dashed connector */
.bd-program-track {
  position: relative;
}
.bd-program-list {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  position: relative;
  gap: 20px;
}
.bd-program-track {
  position: relative;
}

/* remove this old rule if present */
.bd-program-list::before {
  content: none;
}

.bd-program-connector {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px; /* image(160) + down-offset(90) */
  z-index: 0;
  pointer-events: none;
}

.bd-program-list {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  position: relative;
  gap: 20px;
}

.bd-program-item {
  flex: 1;
  text-align: center;
  position: relative;
  z-index: 1; /* circles/text SVG mela varum */
}

/* Hide connector on mobile since zigzag layout breaks */
@media (max-width: 991px) {
  .bd-program-connector {
    display: none;
  }
}

/* Zigzag positioning */
.bd-program-item {
  flex: 1;
  text-align: center;
  position: relative;
  z-index: 1;
}
.bd-program-item.position-up {
  margin-top: 0;
}
.bd-program-item.position-down {
  margin-top: 90px;
}

/* Circular image */
.bd-program-img-wrap {
  position: relative;
  width: 160px;
  margin: 0 auto;
}
.bd-program-img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  overflow: hidden;
  border: 6px solid #ffffff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
.bd-program-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Badge */
.bd-program-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  position: relative;
  margin-top: -18px;
  padding: 6px 16px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  white-space: nowrap;
}
.badge-1 { background-color: #ef5b5b; }
.badge-2 { background-color: #f2b134; }
.badge-3 { background-color: #00bbae; }
.badge-4 { background-color: #4d7cf3; }

/* Title & duration */
.bd-program-title {
  font-size: 20px;
  font-weight: 700;
  color: #1e2a3a;
  margin: 16px 0 8px;
}
.bd-program-duration {
  font-size: 13px;
  color: #7a8699;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

/* Button */
.bd-program-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 20px;
  border-radius: 30px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: 0.3s;
}
.btn-1 { background-color: #ef5b5b; }
.btn-2 { background-color: #f2b134; }
.btn-3 { background-color: #00bbae; }
.btn-4 { background-color: #4d7cf3; }
.bd-program-btn:hover {
  opacity: 0.85;
  color: #ffffff;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 991px) {
  .bd-program-list {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 60px;
  }
  .bd-program-list::before {
    display: none;
  }
  .bd-program-item {
    flex: 0 0 45%;
  }
  .bd-program-item.position-up,
  .bd-program-item.position-down {
    margin-top: 0;
  }
}
@media (max-width: 576px) {
  .bd-program-item {
    flex: 0 0 100%;
  }
  .bd-section-title h2 {
    font-size: 32px;
  }
}

.bd-program-detail-section {
  padding: 100px 0;
  background-color: #fffaf5;
}
.bd-pd-block {
  margin-bottom: 100px;
}
.bd-pd-block:last-child {
  margin-bottom: 0;
}

/* Blob shaped image */
.bd-pd-blob-img {
  position: relative;
  max-width: 420px;
  margin: 0 auto;
}
.bd-pd-blob-img img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.bd-pd-blob-img.blob-alt img {
  border-radius: 40% 60% 45% 55% / 50% 45% 55% 50%;
}
.bd-pd-float-icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #00bbae;
  border-radius: 50%;
  font-size: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.bd-pd-float-icon.icon-alt-2 { color: #f2b134; }
.bd-pd-float-icon.icon-alt-3 { color: #ef5b5b; }
.bd-pd-float-icon.icon-alt-4 { color: #4d7cf3; }

/* Content */
.bd-pd-age-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00bbae;
  margin-bottom: 8px;
}
.bd-pd-title {
  font-size: 34px;
  font-weight: 800;
  color: #1e2a3a;
  margin-bottom: 4px;
}
.bd-pd-tagline {
  display: block;
  font-size: 15px;
  font-style: italic;
  color: #7a8699;
  margin-bottom: 14px;
}
.bd-pd-duration {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00bbae;
  padding: 6px 16px;
  border-radius: 30px;
  margin-bottom: 20px;
}

.bd-pd-text {
  font-size: 15px;
  line-height: 1.8;
  color: #5c6675;
  margin-bottom: 0;
}
.bd-pd-full {
  display: none;
  margin-top: 14px;
}

/* Highlight checklist grid */
.bd-pd-highlight-grid {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 0;
  margin: 24px 0;
}
.bd-pd-highlight-grid li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #1e2a3a;
  border: 1px solid #e8e2da;
  border-radius: 10px;
  padding: 10px 12px;
  background-color: #ffffff;
}
.bd-pd-highlight-grid li i {
  color: #00bbae;
  font-size: 15px;
  flex-shrink: 0;
}

/* Actions */
.bd-pd-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 8px;
}
.bd-pd-readmore {
  font-size: 14px;
  font-weight: 700;
  color: #1e2a3a;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: 0.3s;
}
.bd-pd-readmore i {
  transition: 0.3s;
}
.bd-pd-readmore:hover {
  color: #00bbae;
}
.bd-pd-readmore.active i {
  transform: rotate(90deg);
}
.bd-pd-enroll {
  background-color: #ef5b5b;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 12px 26px;
  border-radius: 30px;
  text-decoration: none;
  transition: 0.3s;
}
.bd-pd-enroll:hover {
  background-color: #1e2a3a;
  color: #ffffff;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 991px) {
  .bd-pd-title { font-size: 28px; }
  .bd-pd-block { margin-bottom: 70px; }
  .bd-pd-blob-img img { height: 320px; }
}
@media (max-width: 576px) {
  .bd-pd-highlight-grid { grid-template-columns: 1fr; }
  .bd-pd-actions { flex-wrap: wrap; gap: 14px; }
}


/* Container and Section Styling */
.kgtips-section-wrapper {
  background-color: #fbfbfe;
  padding: 60px 20px;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.kgtips-header {
  text-align: center;
  margin-bottom: 50px;
}

.kgtips-header-title {
  font-size: 2.25rem;
  font-weight: 700;
  color: #2c3e50;
}

.kgtips-accent-text {
  color: #ff6b35; /* Accent color similar to the reference image */
}

/* Card Styling */
.kgtips-card {
  display: flex;
  align-items: flex-start;
  background-color: transparent;
  border: none;
  padding: 15px;
  transition: transform 0.2s ease-in-out;
}

.kgtips-card:hover {
  transform: translateY(-2px);
}

/* Icon Containers with Rounded Borders and Shadows */
.kgtips-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 16px;
  margin-right: 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.kgtips-icon-box svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Icon Background Colors */
.kgtips-bg-green { background-color: #2ecc71; }
.kgtips-bg-blue { background-color: #4ea8de; }
.kgtips-bg-purple { background-color: #a29bfe; }
.kgtips-bg-pink { background-color: #fd79a8; }
.kgtips-bg-orange { background-color: #ff9f43; }
.kgtips-bg-teal { background-color: #00cec9; }

/* Typography */
.kgtips-text-content {
  flex-grow: 1;
}

.kgtips-card-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: #1e272e;
  margin-bottom: 6px;
}

.kgtips-card-desc {
  font-size: 0.95rem;
  color: #57606f;
  line-height: 1.5;
  margin: 0;
}

/* Quote Banner Box */
.kgtips-quote-box {
  background-color: #ffffff;
  border-left: 4px solid #ff6b35;
  border-radius: 8px;
  padding: 24px;
  margin-top: 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  text-align: center;
}

.kgtips-quote-text {
  font-size: 1.1rem;
  font-style: italic;
  color: #2c3e50;
  margin: 0;
  line-height: 1.6;
}