@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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@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: "Poppins", 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: #4cb052;
  --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: 16px;
  --bd-fz-h1: 56px;
  --bd-fz-h2: 36px;
  --bd-fz-h3: 28px;
  --bd-fz-h4: 20px;
  --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: 22px;
}

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: 8px;
  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;
  }
  .bd-hero-social-wrapper {
    display: none !important;
  }
  .bd-breadcrumb-wrapper {
    /* margin-top: 150px; */
    margin-bottom: -69px !important;
  }
}

.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: #5ea44f;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 36px;
  border-radius: 12px;
  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: #d4383c;
  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 #000000;
  border: solid 1px #000;
  /* box-shadow: -1px -1px 4px rgb(0 0 0 / 40%), 0px 3px 1px rgb(0 0 0 / 12%); */
  color: #000000;
}
.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: 15px;
  width: 28px;
  height: 17px;
  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: 10px;
  width: 10px;
  border: 1px solid #4db055;
  border-radius: 2px;
  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: linear-gradient(to right, #190e0ebd, #070505b3, #120909);
  /* background-color: #04030300; */
}

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

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

.theme-bg-6 {
  background-color: #d4383c1a;
}

.theme-bg-7 {
  background-color: #5ea44f12;
}

.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 {
  position: absolute;
  top: 0%;
  right: 0%;
  left: 0%;
  bottom: 0%;
  z-index: -1;
  /* 
  background: linear-gradient(100.88deg, #ebfffe 0.6%, #fff6eb 100%); 
   transform: rotate(-180deg); */

  /* opacity: 0.1; */
  background: url(../img/all/children-playing-street-watercolor.webp);
  /* background: url(../img/all/footer-img.webp); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

/*----------------------------------------*/
/*  OFFCANVAS CSS START
/*----------------------------------------*/
.offcanvas__area {
  position: fixed;
  right: -520px;
  top: 0;
  width: 500px;
  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;
  }
  .bd-counter-2-icon {
    font-size: 31px;
    color: var(--bd-common-white);
    height: 50px;
    width: 50px;
    background-color: #5ea44f;
    text-align: center;
    border-radius: 50%;
    line-height: 45px;
    /* border-radius: 46% 54% 41% 59% / 33% 44% 56% 67%; */
  }
  .bd-counter-2-content {
    display: flex;
    align-items: center;
    gap: 2px !important;
  }
  .bd-counter-2-number span {
    font-size: 15px !important;
    line-height: 19px;
    font-weight: 600;
  }
  .pb-50 {
    padding-bottom: 30px !important;
  }
  .pt-50 {
    padding-top: 30px !important;
  }
  .bd-contact-form1 {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.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: 20px;
  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: 25px;
}
.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: 115px;
}
.bd-breadcrumb-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  bottom: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* mix-blend-mode: lighten; */
  opacity: 1;
  /* background: #31141470; */
}
.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);
  top: 45px;
  display: block;
  position: relative;
}
.bd-breadcrumb-title {
  color: var(--bd-common-white);
  font-weight: var(--bd-fw-sbold);
  margin-bottom: 5px;
  font-size: 40px;
  /* background: linear-gradient(to right, #f4f4f400, #ffffffb3, #ffffff00); */
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-breadcrumb-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-breadcrumb-title {
    font-size: 55px;
  }
  .bd-header-meta-text p {
    font-size: 13px;
  }
}
@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: 27px;
  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: 34px;
    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: linear-gradient(246deg, #d33939 0.6%, #d3c54a 100%); */
  background-color: #5ea44f;
  padding-top: 0px;
  padding-bottom: 0px;
}
.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: #fef7f7;
}
.bd-header-meta-item.is-white .bd-header-meta-text p {
  color: #ffffff;
}
.bd-header-meta-item.is-white .bd-header-meta-text p a:hover {
  color: var(--bd-theme-2);
}
.bd-header-meta-icon i {
  color: #ffffff;
  font-size: 15px;
  /* background: #fafafa; */
  padding: 5px;
  border-radius: 50%;
  /* box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.25),
    0px 1px 3px 2px rgba(0, 0, 0, 0.22); */
}
.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: 13px;
  color: #ffffff;
  text-shadow: rgb(16 10 10) 0px -1px 0px;
}
.bd-header-meta-text p span {
  font-weight: 500;
  text-decoration: underline;
}
.bd-header-meta-text p a:hover {
  color: #d4383c;
}
.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;
  /* background: linear-gradient(282deg, #ebfffe 0.6%, #fff6ebb5 100%); */
  background: #fff;
}
@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: 0px 0;
  }
  .hamburger-btn span:nth-child(2) {
    inset-inline-start: 14px;
  }
  .hamburger-btn span:nth-child(3) {
    inset-inline-start: 0px;
    top: 14px;
  }
  .hamburger-btn span:nth-child(4) {
    inset-inline-start: 14px;
    top: 14px;
  }
}
.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: 159px;
  position: relative;
  z-index: 1;
  /* padding: 5px; */
  padding-bottom: 5px;
}
.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: 15px;
  display: none;
}
.bd-header-btn .bd-btn {
  padding: 0px 24px;
  height: 40px;
  line-height: 34px;
}

/* 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: 17px;
}
@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: 15px 0;
  line-height: 30px;
  font-weight: 500;
}
.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: 100%;
  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: 33px;
  transition-delay: 0.1s;
  margin-left: -19px;
}
.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-image: url(../img/boy.webp);
}

.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;
  background: #01010138;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #ffffff75;
  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;
  background: #d4383b;
  padding: 0px 9px;
}
.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: 17px;
  position: absolute;
  left: 0px;
  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: 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; */
    top: 275px;
  }
}
.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: 13px;
  line-height: 29px;
  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: 510px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-inner-2 {
    min-height: 460px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-inner-2 {
    min-height: 420px;
  }
}
@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: 135px;
  }
  .bd-header-btn {
    margin-inline-start: 15px;
    display: inline-flex !important;
  }
  .sidebar__tags .loc {
    font-size: 10px;
  }
}
.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: 28% 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, #00141380 16.09%, rgb(0 0 0 / 7%) 84.22%); */
  /* background: linear-gradient(
    270deg,
    #001413bf 16.09%,
    rgb(0 0 0 / 38%) 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: 47px;
    inset-inline-end: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .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;
    /*    display: none;*/
  }
}
@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: 35px;
  font-weight: var(--bd-fw-sbold);
  color: #d4383c;
  margin-bottom: 10px;
  /*  display: inline-block;*/
  letter-spacing: 2px;
  text-shadow: rgb(255 255 255 / 75%) 1px 1px 0px;
}
@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);
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1px;
  margin-bottom: 27px;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.75) 2px 2px 3px;
  /* font-weight: 800; */
  /* font-size: 55px; */
  letter-spacing: 1px;
  /* text-transform: uppercase; */
  -webkit-text-stroke: #ffffff;
  -webkit-text-stroke-width: 1px;
}
.bd-hero-content-wrapper-2 {
  min-height: 615px;
  /*  display: none;*/
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-content-wrapper-2 {
    min-height: 460px;
    /*    display: none;*/
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-content-wrapper-2 {
    min-height: 400px;
  }
}
@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: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-title {
    font-size: 37px;
  }
}
@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 13px;
}
.bd-hero-btn a.bd-btn span {
  font-size: 16px;
  font-weight: 500;
  color: var(--bd-common-white);
}
.bd-hero-thumb {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px),
  only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-hero-thumb img {
    width: 100%;
  }
}
.bd-hero-thumb-3-mask {
  -webkit-mask-image: url("../img/shape/hero-3-mask.webp");
  mask-image: url("../img/shape/hero-3-mask.webp");
  -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: 10px;
  border: 2px dashed #5ea44f;
  border-radius: 9px;
  position: relative;
  height: 320px;
  /*  box-shadow: -2px -1px 2px 2px rgb(9 11 8 / 14%), 2px 3px 6px rgb(0 0 0 / 27%);*/
}

.bd-class.text-center {
}
@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: 15px 10px;
  }
}
.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)); */
  box-shadow: 1px -2px 4px rgb(0 0 0 / 30%), 0px 3px 1px rgb(0 0 0 / 69%);
  /* box-shadow: 1px 0rem 0rem 1px #fffafa1a; */
}
.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: #dc3545;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 32px;
  z-index: -2;
}
.bd-class-bg::before {
  content: "";
  background: linear-gradient(131deg, #5ea44f 41.69%, rgb(212 56 60) 96.75%);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  z-index: -1;
}
.bd-class-icon {
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  background-color: #d4383c;
  border-radius: 50%;
  margin-bottom: 10px;
  -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: 43px;
  color: #ffffff;
}
.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: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 25px;
}
@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: 23px;
  }
}
@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: 8px;
  font-size: 19px;
}
@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: 10px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 18px;
  line-height: 1.5;
}
.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: 0px;
  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 30px;
  height: 50px;
  line-height: 50px;
}

a.bd-btn.bd-btn-grey {
}
.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: 17px 16px 24px;
  border-radius: 32px;
}
.bd-class-details-widget-content p {
  line-height: 30px;
  margin-bottom: 20px;
}
.bd-class-details-widget-title {
  font-size: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-class-details-widget-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-class-details-widget-title {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .bd-class-details-widget-title {
    font-size: 30px;
  }
}
.bd-class-details-author {
  display: flex;
  gap: 10px;
  align-items: center;
}
.bd-class-details-author-wrapper {
  display: flex;
  align-items: center;
  gap: 20px 50px;
  flex-wrap: wrap;
}
.bd-class-details-author-thumb {
  height: 73px;
  width: 73px;
}
.bd-class-details-author-thumb img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.bd-class-details-author-name span {
  display: inline-block;
  margin-bottom: 10px;
}
.bd-class-details-author-name h5 {
  font-size: 23px;
}
.bd-class-details-cat {
  position: relative;
}
.bd-class-details-cat h5 {
  font-size: 23px;
}
.bd-class-details-cat span {
  display: inline-block;
  margin-bottom: 10px;
}
.bd-class-details-cat::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: var(--bd-theme-2);
  top: 0;
  inset-inline-start: -25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-class-details-cat::before {
    content: none;
  }
}
.bd-class-details-cat-wrapper {
  display: flex;
  gap: 50px;
  align-items: center;
}
.bd-class-details-list ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bd-class-details-list ul li {
  list-style-type: none;
  position: relative;
  padding-inline-start: 30px;
  color: var(--bd-common-black);
}
.bd-class-details-list ul li::before {
  content: "\f105";
  font-family: var(--bd-ff-fontawesome);
  background: #ffedd7;
  height: 20px;
  width: 20px;
  font-size: 15px;
  position: absolute;
  border-radius: 50%;
  line-height: 20px;
  inset-inline-start: 0;
  top: 5px;
  text-align: center;
  color: var(--bd-theme-2);
}

.bd-promotion {
  margin-inline-start: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-promotion {
    margin-inline-start: 0px;
  }
}
.bd-promotion-2 {
  margin-inline-start: 0px;
  margin-inline-end: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-promotion-2 {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }
}
.bd-promotion .bd-section-title-wrapper span {
  font-weight: 600;
  margin-bottom: 20px;
  display: inline-block;
}
.bd-promotion-area.active-anim .bd-promotion-thumb,
.bd-promotion-area-2.active-anim .bd-promotion-thumb {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  filter: drop-shadow(0px 10px 0 var(--bd-theme-2));
}
.bd-promotion-area.active-anim .bd-promotion-thumb img,
.bd-promotion-area-2.active-anim .bd-promotion-thumb img {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.bd-promotion-thumb {
  display: inline-flex;
}
.bd-promotion-thumb-mask {
  -webkit-mask-image: url(../img/shape/wave-mask.svg);
  mask-image: url(../img/shape/wave-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  display: inline-flex;
}
.bd-promotion-thumb-wrapper {
  position: relative;
}
.bd-promotion-thumb img {
  width: 100%;
}
.bd-promotion-thumb.active-anim img {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  filter: drop-shadow(0px 10px 0 var(--bd-theme-2));
}
.bd-promotion-shape {
  position: absolute;
  left: 50%;
  bottom: 0;
  animation: rotate 3s infinite alternate;
  transform-origin: 0px -280px;
}
.bd-promotion-counter {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-promotion-counter {
    flex-direction: column;
    gap: 0;
    padding-inline-end: 18px;
  }
}
.bd-promotion-counter-wrapper {
  background-color: var(--bd-theme-1);
  display: flex;
  gap: 30px;
  padding: 16px 40px;
  border-radius: 24px;
  justify-content: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-promotion-counter-wrapper {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-promotion-counter-wrapper {
    flex-direction: column;
    gap: 0;
  }
}
.bd-promotion-counter-number p {
  font-size: 45px;
  line-height: 61px;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--bd-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-promotion-counter-number p {
    font-size: 35px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-promotion-counter-number p {
    font-size: 32px;
    line-height: 42px;
  }
}
.bd-promotion-counter-number p span {
  display: inline-block;
  min-width: 45px;
  text-align: right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-promotion-counter-number p span {
    min-width: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-promotion-counter-number p span {
    text-align: left;
    min-width: auto;
  }
}
.bd-promotion-counter-number p span span {
  min-width: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-promotion-counter-number p span span {
    min-width: auto;
  }
}
.bd-promotion-counter-text span {
  font-size: 16px;
  line-height: 1;
  color: var(--bd-common-white);
  display: block;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-promotion-counter-text span {
    display: inline-block;
  }
}
.bd-promotion-counter::before {
  content: "";
  background: var(--bd-common-white);
  width: 2px;
  height: 36px;
  position: absolute;
  inset-inline-end: -15px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-promotion-counter::before {
    height: 90%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-promotion-counter::before {
    width: 100%;
    height: 2px;
    top: 100%;
    left: 0;
  }
}
.bd-promotion-counter:last-child::before {
  content: none;
}
.bd-promotion-list ul li {
  list-style: none;
  padding-inline-start: 35px;
  position: relative;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1;
}
.bd-promotion-list ul li::before {
  position: absolute;
  content: "\f105";
  font-family: var(--bd-ff-fontawesome);
  inset-inline-start: 0;
  top: 2px;
  color: var(--bd-theme-1);
  background-color: #ccf1ef;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}
.bd-promotion-list-2 ul {
  display: flex;
  list-style: none;
  align-items: center;
  background-image: -webkit-linear-gradient(
    100.88deg,
    #ebfffe 0.6%,
    #fff6eb 100%
  );
  background-image: -moz-linear-gradient(100.88deg, #ebfffe 0.6%, #fff6eb 100%);
  background-image: -ms-linear-gradient(100.88deg, #ebfffe 0.6%, #fff6eb 100%);
  background-image: -o-linear-gradient(100.88deg, #ebfffe 0.6%, #fff6eb 100%);
  background-image: linear-gradient(100.88deg, #ebfffe 0.6%, #fff6eb 100%);
  padding: 0 30px;
  gap: 95px;
  border-radius: 24px;
  border: 1px solid #e6e6e6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-promotion-list-2 ul {
    gap: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-promotion-list-2 ul {
    padding: 20px 25px;
    gap: 20px;
    flex-direction: column;
    align-items: start;
  }
}
.bd-promotion-list-2 ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  padding: 20px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-promotion-list-2 ul li {
    padding: 0;
  }
}
.bd-promotion-list-2 ul li i {
  display: inline-block;
  height: 82px;
  width: 82px;
  font-size: 35px;
  text-align: center;
  line-height: 85px;
  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;
} */
.bd-promotion-list-2 ul li::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: #d4383c24;
}
.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: #4db05526;
}
.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: 260px;
  width: 260px;
  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: 260px;
    height: 260px;
  }
}
@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: 39px;
  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: 17px;
  line-height: 22px;
  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: 20px 15px 20px;
  border-radius: 32px;
}
@media (max-width: 575px) {
  .bd-program-details-widget-content {
    padding: 30px 20px 50px;
  }
}
.bd-program-details-widget-content p {
  line-height: 1.7;
  margin-bottom: 4px;
  font-size: 16px;
}
.bd-program-details-widget-title {
  font-size: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-program-details-widget-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-program-details-widget-title {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .bd-program-details-widget-title {
    font-size: 30px;
  }
}
.bd-program-details-author {
  display: flex;
  gap: 10px;
  align-items: center;
}
.bd-program-details-author-wrapper {
  display: flex;
  align-items: center;
  gap: 20px 50px;
  flex-wrap: wrap;
}
.bd-program-details-author-thumb {
  height: 73px;
  width: 73px;
}
.bd-program-details-author-thumb img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.bd-program-details-author-name span {
  display: inline-block;
  margin-bottom: 10px;
}
.bd-program-details-author-name h5 {
  font-size: 23px;
}
.bd-program-details-cat {
  position: relative;
}
.bd-program-details-cat h5 {
  font-size: 23px;
}
.bd-program-details-cat span {
  display: inline-block;
  margin-bottom: 10px;
}
.bd-program-details-cat::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: var(--bd-theme-2);
  top: 0;
  inset-inline-start: -25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-program-details-cat::before {
    content: none;
  }
}
.bd-program-details-cat-wrapper {
  display: flex;
  gap: 50px;
  align-items: center;
}
.bd-program-details-list ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bd-program-details-list ul li {
  list-style-type: none;
  position: relative;
  padding-inline-start: 30px;
  color: var(--bd-common-black);
}
.bd-program-details-list ul li::before {
  content: "\f105";
  font-family: var(--bd-ff-fontawesome);
  background: #ffedd7;
  height: 20px;
  width: 20px;
  font-size: 15px;
  position: absolute;
  border-radius: 50%;
  line-height: 20px;
  inset-inline-start: 0;
  top: 5px;
  text-align: center;
  color: var(--bd-theme-2);
}

.bd-teacher {
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
.bd-teacher:hover .bd-teacher-content-wrapper {
  transform: translateY(0);
}
.bd-teacher:hover .bd-teacher-thumb::before {
  opacity: 0.3;
}
.bd-teacher-overlay::before {
  content: "";
  height: 50%;
  width: 84%;
  position: absolute;
  top: 0;
  inset-inline-start: 8%;
  background: linear-gradient(
    180.87deg,
    var(--bd-theme-1) 0.69%,
    rgba(17, 161, 145, 0) 96.75%
  );
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-teacher-overlay::before {
    inset-inline-start: 1%;
    width: 96%;
  }
}
.bd-teacher-bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: luminosity;
  opacity: 0.1;
}
.bd-teacher-bg-wrapper::before {
  content: "";
  background: linear-gradient(
    90.87deg,
    var(--bd-theme-1) 0.69%,
    rgba(0, 187, 174, 0) 96.75%
  );
  position: absolute;
  height: 100%;
  width: 280px;
  left: 8%;
  top: 0;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-teacher-bg-wrapper::before {
    left: 0;
  }
}
.bd-teacher-bg-wrapper::after {
  content: "";
  background: linear-gradient(
    -90.87deg,
    var(--bd-theme-1) 0.69%,
    rgba(0, 187, 174, 0) 96.75%
  );
  position: absolute;
  height: 100%;
  width: 280px;
  right: 8%;
  top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-teacher-bg-wrapper::after {
    right: 0;
  }
}
.bd-teacher-thumb {
  height: 408px;
  position: relative;
}
.bd-teacher-thumb::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background-image: -webkit-linear-gradient(
    180deg,
    rgba(255, 87, 123, 0),
    var(--bd-theme-2) 65%
  );
  background-image: -moz-linear-gradient(
    180deg,
    rgba(255, 87, 123, 0),
    var(--bd-theme-2) 65%
  );
  background-image: -ms-linear-gradient(
    180deg,
    rgba(255, 87, 123, 0),
    var(--bd-theme-2) 65%
  );
  background-image: -o-linear-gradient(
    180deg,
    rgba(255, 87, 123, 0),
    var(--bd-theme-2) 65%
  );
  background-image: linear-gradient(
    180deg,
    rgba(255, 87, 123, 0),
    var(--bd-theme-2) 65%
  );
}
.bd-teacher-thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.bd-teacher-thumb-wrapper-2:hover .bd-teacher-thumb-2::before {
  opacity: 1;
}
.bd-teacher-thumb-wrapper-2:hover .bd-teacher-social-2 {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0%);
}
.bd-teacher-thumb-2 {
  height: 408px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.bd-teacher-thumb-2::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background-image: -webkit-linear-gradient(
    180deg,
    rgba(255, 155, 36, 0.0784313725),
    var(--bd-common-black) 100%
  );
  background-image: -moz-linear-gradient(
    180deg,
    rgba(255, 155, 36, 0.0784313725),
    var(--bd-common-black) 100%
  );
  background-image: -ms-linear-gradient(
    180deg,
    rgba(255, 155, 36, 0.0784313725),
    var(--bd-common-black) 100%
  );
  background-image: -o-linear-gradient(
    180deg,
    rgba(255, 155, 36, 0.0784313725),
    var(--bd-common-black) 100%
  );
  background-image: linear-gradient(
    180deg,
    rgba(255, 155, 36, 0.0784313725),
    var(--bd-common-black) 100%
  );
}
.bd-teacher-thumb-2 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.bd-teacher-content {
  padding: 22px;
}
.bd-teacher-content-wrapper {
  background-image: -webkit-linear-gradient(
    100.88deg,
    #ebfffe 0.6%,
    #fff6eb 100%
  );
  background-image: -moz-linear-gradient(100.88deg, #ebfffe 0.6%, #fff6eb 100%);
  background-image: -ms-linear-gradient(100.88deg, #ebfffe 0.6%, #fff6eb 100%);
  background-image: -o-linear-gradient(100.88deg, #ebfffe 0.6%, #fff6eb 100%);
  background-image: linear-gradient(100.88deg, #ebfffe 0.6%, #fff6eb 100%);
  border-radius: 24px 24px 0 0;
  text-align: center;
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 100%;
  transform: translateY(40px);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-teacher-title {
  margin-bottom: 0px;
}
.bd-teacher-title a:hover {
  color: var(--bd-theme-2);
}
.bd-teacher-title-2 {
  color: var(--bd-common-white);
}
.bd-teacher-title-2 a:hover {
  color: var(--bd-theme-2);
}
.bd-teacher-des {
  font-size: 16px;
  line-height: 26px;
  color: var(--bd-common-black);
  display: inline-block;
  margin-bottom: 4px;
}
.bd-teacher-des.is-white {
  color: var(--bd-common-white);
}
.bd-teacher-social {
  background-color: var(--bd-theme-2);
}
.bd-teacher-social ul {
  list-style-type: none;
  display: inline-flex;
  gap: 20px;
}
.bd-teacher-social ul li {
  position: relative;
}
.bd-teacher-social ul li::before {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  inset-inline-end: -10px;
  opacity: 0.2;
  background-color: var(--bd-common-white);
}
.bd-teacher-social ul li:last-child::before {
  content: none;
}
.bd-teacher-social ul li a {
  padding: 6px 0;
  color: var(--bd-common-white);
  display: inline-block;
}
.bd-teacher-social ul li:hover a {
  color: var(--bd-theme-1);
}
.bd-teacher-social-2 {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translate(-50%, 20%);
  background: var(--bd-theme-2);
  padding: 0px 15px;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.bd-teacher-social-2 ul {
  list-style-type: none;
  display: flex;
  gap: 20px;
}
.bd-teacher-social-2 ul li {
  color: var(--bd-common-white);
  padding: 10px 0;
  position: relative;
}
.bd-teacher-social-2 ul li::before {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  inset-inline-end: -10px;
  opacity: 0.2;
  top: 0;
  background-color: var(--bd-common-white);
}
.bd-teacher-social-2 ul li:last-child::before {
  content: none;
}
.bd-teacher-view-btn a {
  text-decoration: underline;
  font-size: 16px;
  line-height: 32px;
  font-weight: var(--bd-fw-medium);
  color: var(--bd-common-white);
}
.bd-teacher-view-btn a:hover {
  color: var(--bd-theme-2);
}
.bd-teacher-widget {
  border-radius: 32px;
  overflow: hidden;
  height: 100%;
}
.bd-teacher-widget-thumb {
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-teacher-widget-thumb {
    height: 450px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-teacher-widget-thumb {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .bd-teacher-widget-thumb {
    height: 350px;
  }
}
.bd-teacher-widget-thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 32px;
}
.bd-teacher-widget-title {
  font-size: 35px;
}

h3.bd-teacher-widget-title {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-teacher-widget-title {
    font-size: 32px;
  }
}
@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: 26px;
  margin-bottom: 10px;
}
.bd-teacher-widget-tag {
  color: var(--bd-theme-1);
  margin-bottom: 10px;
  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: #000000;
  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: 2px;
  background: #5ea44f;
  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 7px;
  position: relative;
  padding-inline-start: 50px;
  padding-inline-end: 0px;
}
@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: #5ea44f;
  color: var(--bd-common-white);
  border-radius: 50%;
  top: 2px;
}
.bd-faq-title {
  font-size: 18px;
  font-weight: 600;
  /* line-height: 2; */
  text-transform: uppercase;
  margin-bottom: 0px;
}
.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: 15px;
  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: 5px 25px;
  height: 40px;
  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: #5ea44f;
  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: 8px 25px 1px;
}
.bd-faq .accordion-body p {
  font-size: 18px;
  margin-bottom: 3px;
}
.bd-faq-thumb {
  display: inline-flex;
}
.bd-faq-thumb img {
  width: 100%;
}
.bd-faq-thumb-mask {
  -webkit-mask-image: url(../img/shape/wave-mask.svg);
  mask-image: url(../img/shape/wave-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  display: inline-flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-faq-thumb-mask {
    -webkit-mask-position: center;
    mask-position: center;
  }
}
.bd-faq-thumb-wrapper {
  position: relative;
}
.bd-faq-shape {
  position: absolute;
  right: 150px;
  bottom: -90px;
  animation: rotate 3s infinite alternate;
  transform-origin: 0px -280px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-faq-shape {
    right: 100px;
    transform-origin: 0px -260px;
  }
}
.bd-faq-content {
  margin-inline-end: 86px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-faq-content {
    margin-inline-end: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-faq-content {
    margin-inline-end: 0;
  }
}
.bd-faq-content-2 {
  margin-inline-end: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-faq-content-2 {
    margin-inline-end: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-faq-content-2 {
    margin-inline-end: 0;
  }
}
.bd-faq-content-3 {
  border-bottom: 1px solid var(--bd-grey-1);
  padding-bottom: 5px;
}
.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 {
  /*  box-shadow: 2px 0px 4px rgb(0 0 0 / 40%), 0px 3px 1px rgb(0 0 0 / 12%); */
  padding: 14px;
  border-radius: 4px;
  -webkit-transition: all 0.3sease-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.3sease-out 0s;
}
@media (max-width: 575px) {
  .bd-testimonial-2 {
    padding: 30 20px;
  }
}
.bd-testimonial-2:hover {
  /* filter: drop-shadow(5px 5px 0 #dc3545); */
}
.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: 1;
  /* -webkit-filter: grayscale(100%); */
  /* filter: grayscale(100%); */
}
.bd-testimonial-bg::before {
  content: "";
  background: url(../img/all/home/5999.webp);
  /* background: linear-gradient(
    90.87deg,
    #5ea44f 46.69%,
    rgba(0, 187, 174, 0) 96.75%
  ); */
  left: 0px;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.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: #1b1b1b7d;
  height: 100%;
  width: 100%;
  opacity: 1;
  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: 35px;
  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: #5ea44f;
}
.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: 50px;
  width: 50px;
  padding: 7px;
  border-radius: 50%;
  /* border: 1px solid #000; */
  box-shadow: -1px -2px 2px rgb(0 0 0 / 64%), 1px 1px 1px rgb(0 0 0 / 48%);
}
.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: #5ea44f;
}
.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;
  /* height: 270px; */
  border-radius: 16px;
}
.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.webp");
  mask-image: url("../img/shape/hero-3-mask.webp");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: right;
  mask-position: right;
  display: inline-flex;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-feedback-thumb-mask img {
    width: 100%;
  }
}
.bd-feedback-thumb-shape {
  top: 40px;
  inset-inline-end: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-feedback-thumb-shape {
    top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-feedback-thumb-shape {
    top: -30px;
    inset-inline-end: 40px;
  }
}
.bd-feedback-content {
  padding: 32px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-feedback-content {
    padding: 20px 30px;
  }
}
.bd-feedback-content p {
  line-height: 30px;
  font-weight: 500;
  padding-right: 10px;
}
.bd-feedback-author {
  font-size: 18px;
  font-weight: 500;
  color: rgb(27, 27, 27);
}

.bd-feature {
  text-align: center;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-feature-bottom-shape {
  position: absolute;
  left: 0;
  bottom: -5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-feature-bottom-shape {
    bottom: -10px;
  }
}
.bd-feature-bottom-shape img {
  width: 100%;
}
.bd-feature-wrapper {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 24px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-feature-wrapper {
    border: 0;
    border-radius: 0;
  }
}
.bd-feature-wrapper ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-feature-wrapper ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
}
@media (max-width: 575px) {
  .bd-feature-wrapper ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.bd-feature-wrapper ul li {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-feature-wrapper ul li {
    border: 0;
    border-radius: 24px;
  }
}
.bd-feature-wrapper ul li::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  border-radius: 24px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background: linear-gradient(100.88deg, #ebfffe 0.6%, #fff6eb 100%);
}
.bd-feature-wrapper ul li:hover {
  border-color: transparent;
  border-radius: 24px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-feature-wrapper ul li:hover::before {
  width: 100%;
  right: auto;
  left: 0;
}
.bd-feature-wrapper ul li:hover + li {
  border-left: transparent;
}
.bd-feature-wrapper ul li:first-child {
  border-left: 0;
}
.bd-feature-content {
  padding: 42px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-feature-content {
    padding: 20px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-feature-content {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 24px;
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-feature-content {
    padding: 30px 15px;
  }
}
@media (max-width: 575px) {
  .bd-feature-content {
    padding: 30px 20px;
  }
}
.bd-feature-content p {
  color: var(--bd-common-white);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-feature-content:hover p {
  color: var(--bd-common-text);
}
.bd-feature-content:hover .bd-feature-icon {
  background-color: var(--bd-theme-2);
}
.bd-feature-content:hover .bd-feature-icon i {
  color: var(--bd-common-white);
}
.bd-feature-content:hover .bd-feature-title {
  color: var(--bd-common-black);
}
.bd-feature-icon {
  font-weight: 600;
  height: 120px;
  width: 120px;
  padding: 0px;
  background-color: var(--bd-common-white);
  text-align: center;
  margin: 0 auto 20px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-feature-icon i {
  font-size: 50px;
  line-height: 120px;
  display: inline-block;
  color: var(--bd-theme-2);
}
.bd-feature-icon.icon-1 {
  border-radius: 29% 71% 43% 57%/30% 41% 59% 70%;
}
.bd-feature-icon.icon-2 {
  border-radius: 27% 73% 45% 55%/27% 41% 59% 73%;
}
.bd-feature-icon.icon-3 {
  border-radius: 44% 56% 27% 73%/45% 59% 41% 55%;
}
.bd-feature-icon.icon-4 {
  border-radius: 42% 58% 37% 63%/52% 37% 63% 48%;
}
.bd-feature-title {
  color: var(--bd-common-white);
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.bd-counter-2 {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #fbf5f5;
  width: 100%;
  border-radius: 24px;
  padding: 20px 6px;
  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: 15px 7px;
  }
}
@media (max-width: 575px) {
  .bd-counter-2 {
    flex-direction: column;
    padding: 14px 6px;
    margin-bottom: 20px;
  }
}
.bd-counter-2-icon {
  font-size: 42px;
  color: var(--bd-common-white);
  height: 69px;
  width: 69px;
  background-color: #5ea44f;
  text-align: center;
  border-radius: 50%;
  line-height: 70px;
  /* 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: 70px;
    width: 70px;
    padding: 3px;
    line-height: 50px;
  }
}
.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: 23px;
  line-height: 23px;
  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: 14px 22px;
  background-color: var(--bs-table-bg);
  border-bottom-width: 0px;
  box-shadow: none;
}
.bd-routine-table .table > thead {
  background: #5ea44f;
  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: #f8f8f8;
  /* border-color: #dfdbd9; */
  border: 1px solid #dfdfdf;
}
.bd-routine-table .table-striped > tbody > tr:nth-of-type(2n + 1) > * {
  background: #fff7f7;
  border: #000000;
}
.bd-routine-table .table-striped > tbody > tr td {
  position: relative;
  /* border-bottom: 1px solid #cdcdcd; */
}
.bd-routine-table .table-striped > tbody > tr td::before {
  content: "";
  background: #ffffff;
  height: 100%;
  width: 2px;
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  /* border-bottom: 2px solid #000; */
}
.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: 210px;
  width: 100%;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.25) 0px -1px 2px, rgba(0, 0, 0, 0.22) 0px 4px 4px;
  /* padding: 17px 20px; */
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 14px 10px;
  -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 {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
  transition: 0.5s;
  /* 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: 15px;
  background-color: #5ea44f;
}
.bd-contact-info-icon a {
  font-size: 45px;
  height: 87px;
  width: 82px;
  display: inline-block;
  line-height: 96px;
  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: #5ea44f;
  border-radius: 81% 30% 23% 77%/58% 52% 48% 42%;
}
.bd-contact-info-icon.cat-3 {
  background-color: #5ea44f;
  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: 0px 0px;
  border: 1px solid var(--bd-grey-1);
  border-radius: 16px;
}
.bd-contact-input .nice-select {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0px 15px;
  border-radius: 6px;
}
.bd-contact-input .nice-select .list {
  width: 100%;
  border-radius: 16px;
  border-color: var(--bd-text-body);
  overflow: scroll;
  height: 170px;
}
.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: 0px;
}
.bd-contact-input label i {
  font-size: 8px;
  color: red;
}
.bd-contact-input input {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0px 15px;
  border: 1px solid var(--bd-grey-1);
  border-radius: 7px;
  font-size: 18px;
}
.bd-contact-input textarea {
  width: 100%;
  height: 40px;
  /* resize: none; */
  border: 1px solid var(--bd-grey-1);
  border-radius: 16px;
  padding: 15px;
  line-height: 9px;
}
.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;
  background: linear-gradient(6deg, #ebfffef2 0.6%, #fff6ebe8 100%);
  /* transform: rotate(-180deg); */
}
.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: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-footer-widget-2 {
    margin-inline-start: 7px;
  }
}
@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: 242px;
}
.bd-footer-join-btn a {
  text-transform: capitalize;
  padding: 0px 48px;
}
.bd-footer-list ul {
  list-style-type: none;
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
}
.bd-footer-list ul li a {
  font-weight: var(--bd-fw-normal);
  font-size: 18px;
  line-height: 30px;
  position: relative;
}
.bd-footer-list ul li a:hover {
  color: var(--bd-theme-2);
  padding-inline-start: 16px;
}
.bd-footer-list ul li a:hover::before {
  width: 10px;
  transition-delay: 0.1s;
}
.bd-footer-list ul li a::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 55%;
  bottom: auto;
  transform: translateY(-50%);
  width: 0px;
  height: 2px;
  background-color: var(--bd-theme-2);
  z-index: 1;
}
.bd-footer-shape {
  position: absolute;
  top: 40%;
  inset-inline-start: -100px;
  animation: bd-updown-2 2s infinite alternate-reverse;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-footer-shape {
    inset-inline-start: -70px;
  }
}
.bd-footer-contact.is-white ul li i {
  color: var(--bd-common-white);
}
.bd-footer-contact ul {
  list-style-type: none;
  display: inline-flex;
  flex-direction: column;
  gap: 15px;
}
.bd-footer-contact ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.bd-footer-contact ul li a {
  font-weight: var(--bd-fw-normal);
  font-size: 18px;
  line-height: 30px;
}
.bd-footer-contact ul li a:hover {
  color: var(--bd-theme-2);
}
.bd-footer-contact ul li i {
  font-size: 24px;
  color: var(--bd-theme-1);
  min-width: 26px;
  transform: translateY(4px);
}
.bd-footer-contact ul li i:hover {
  color: var(--bd-theme-2);
}
.bd-footer-social a {
  text-transform: capitalize;
  color: var(--bd-common-white);
  font-weight: 500;
  font-size: 16px;
}
.bd-footer-social a i {
  min-width: 20px;
  margin-inline-end: 8px;
}
.bd-footer-social a:hover {
  color: var(--bd-theme-2);
}
.bd-footer-social-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.bd-footer-copyright {
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-footer-copyright-wrap {
    padding-bottom: 10px;
  }
}
.bd-footer-copyright-line img {
  width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-footer-copyright-text {
    order: 1;
    padding-bottom: 10px;
  }
}
.bd-footer-copyright-text p {
  margin: 0;
}
.bd-footer-copyright-text p span {
  color: red;
}
.bd-footer-copyright-text p a:hover {
  color: var(--bd-theme-2);
}
.bd-footer-copyright-text.is-white p {
  color: var(--bd-common-white);
}
.bd-footer-bottom-social ul {
  list-style-type: none;
  display: flex;
  gap: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .bd-footer-bottom-social ul {
    justify-content: start;
  }
}
.bd-footer-bottom-social ul li a {
  height: 48px;
  width: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--bd-theme-1);
  border-radius: 50%;
  display: inline-block;
  color: var(--bd-common-white);
}
.bd-footer-bottom-social ul li a:hover {
  background-color: var(--bd-theme-2);
  color: var(--bd-common-white);
}

.bd-wave {
  background: url("../img/shape/wave.svg") repeat-x;
  position: absolute;
  top: 40px;
  width: 6400px;
  height: 198px;
  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}
.bd-wave-2 {
  top: 0;
  background: url("../img/shape/wave-rotate.svg") repeat-x;
}
.bd-wave-2:nth-of-type(2) {
  top: 0px;
}
.bd-wave-3 {
  background: url("../img/shape/wave-white-2.svg") repeat-x;
  top: 30px;
  height: 130px;
}
.bd-wave-3:nth-of-type(2) {
  background: url("../img/shape/wave-white.svg") repeat-x;
}
.bd-wave:nth-of-type(2) {
  top: 40px;
  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite,
    swell 7s ease -1.25s infinite;
  opacity: 1;
}
.bd-wave-wrapper {
  height: 160px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--bd-theme-6);
}
.bd-wave-wrapper-2 {
  top: auto;
  bottom: 0;
  left: 0;
  background: var(--bd-common-white);
}
.bd-wave-wrapper-3 {
  top: auto;
  bottom: -20px;
  background: transparent;
}
section.bd-promotion-area.pt-50.pb-50.active-anim {
  background: linear-gradient(100.88deg, #ebfffe 0.6%, #fff6ebb5 100%);
}
.Sessionc {
  justify-content: center;
  display: flex;
  position: relative;
}
.sessioni i {
  color: #ffffff;
  font-size: 16px;
  background: #4ab152d9;
  padding: 9px;
  border-radius: 50%;
  margin-right: 10px;
  box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.25),
    0px 1px 3px 2px rgba(0, 0, 0, 0.22);
}
.sessiont {
  color: #d4383c;
  font-size: 25px;
  font-weight: 500;
  text-shadow: rgb(242 212 212 / 75%) 2px 0px 0px;
  /* font-weight: 800; */
  /* font-size: 55px; */
  letter-spacing: 2px;
  /* text-transform: uppercase; */
  /* -webkit-text-stroke: #fff; */
  -webkit-text-stroke-width: 1px;
}
.bd-testimonial-area-2 {
  /* background: linear-gradient(91deg, #7efff926 0.6%, #dcdcdcc2 100%); */
  background: url(../img/all/home/5999.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.bannerlogo-section {
  /* background: url(../img/all/home/5999.webp); */
}
.bd-program-details-widget {
  /* background: linear-gradient(280deg, #5ea44f38 0.6%, #fff6ebb5 100%); */
}
.team-two__shape-right {
  position: absolute;
  right: 7%;
  bottom: 24%;
  z-index: -1;
}
.team-two__shape-right img {
  max-width: 100%;
  animation: arrowMove 4s linear 0s infinite;
}
@media (max-width: 1399px) {
  .team-two__shape-right {
    display: none;
  }
}
.team-two__shape-left {
  position: absolute;
  left: 10%;
  top: 11%;
}
.team-two__shape-left img {
  max-width: 100%;
  animation: zoomBig2 3s linear infinite;
}
@media (max-width: 1199px) {
  .team-two__shape-left {
    display: none;
  }
}

.team-card-two {
  position: relative;
  z-index: 2;
  text-align: center;
  margin: 0 auto;
  --accent-color: var(--kidearn-base, #f25334);
}
.team-card-two__image {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  max-width: 344px;
  margin: 0 auto;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 369 370" xmlns="http://www.w3.org/2000/svg"><path d="M25.8819 285.572C27.2325 288.979 28.697 292.302 30.3519 295.518C50.3307 334.769 90.3804 363.097 134.074 368.898C255.377 385.014 379.31 259.293 356.372 137.254C346.959 87.2236 305.187 49.3053 260.53 24.8066C239.854 13.4666 217.607 4.02241 194.1 2.01768C153.186 -1.46881 112.599 18.6114 84.6121 48.672C35.0905 101.847 -2.37131 213.603 25.8819 285.572Z"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 369 370" xmlns="http://www.w3.org/2000/svg"><path d="M25.8819 285.572C27.2325 288.979 28.697 292.302 30.3519 295.518C50.3307 334.769 90.3804 363.097 134.074 368.898C255.377 385.014 379.31 259.293 356.372 137.254C346.959 87.2236 305.187 49.3053 260.53 24.8066C239.854 13.4666 217.607 4.02241 194.1 2.01768C153.186 -1.46881 112.599 18.6114 84.6121 48.672C35.0905 101.847 -2.37131 213.603 25.8819 285.572Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.team-card-two__image img {
  width: 100%;
  height: auto;
}
.team-card-two__svg-top {
  position: absolute;
  right: 5px;
  top: 2px;
  transition: all 500ms ease;
  z-index: -1;
  text-align: right;
}
.team-card-two__svg-top svg {
  width: 198px;
  fill: #5ea44f;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-card-two__svg-top svg {
    width: 170px;
  }
}
.team-card-two__content {
  line-height: 30px;
  margin-top: -157px;
  padding: 160px 25px 12px;
  position: relative;
  border-radius: 48px;
  overflow: hidden;
  text-align: center;
  font-size: 30px;
  line-height: 44px;
}
.team-card-two__content::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #5ea44f;
  opacity: 0.1;
  z-index: -1;
}
.team-card-two__title {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  font-family: var(--kidearn-heading-font, "Fredoka", serif);
}

.team-card-two__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px
    95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.team-card-two__title a:hover {
  background-size: 100% 1px;
}
.team-card-two__title a:hover {
  color: var(--accent-color);
}
.team-card-two__designation {
  margin: 0;
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.pos-r {
  position: relative;
  padding: 50px 0;
  /* background: #fbfbfb; */
  background: linear-gradient(354deg, #ebfffe2e 0.6%, #fff6eb78 100%);
  /* background-image: url(../img/all/about/step-1.webp); */
  /* background-size: cover; */
}

.title-effect {
  width: 50px;
  height: 50px;
  top: 0;
  position: absolute;
  left: 0;
  opacity: 0.5;
  animation: rotation 12.8s steps(1) 0s infinite;
}
.text-center .title-effect {
  left: 50%;
  margin-left: -25px;
}
.text-center .section-title h6 {
  padding: 15px 0;
}

.title-effect .bar {
  background: #2575fc;
}
.title-effect .bar-top {
  width: 100%;
  height: 7px;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: left top;
  transform: scale(0, 1);
  animation: bar-top 3.2s linear 0s infinite;
}
.title-effect .bar-right {
  width: 7px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: left top;
  transform: scale(1, 0);
  animation: bar-right 3.2s linear 0s infinite;
}
.title-effect .bar-bottom {
  width: 100%;
  height: 7px;
  position: absolute;
  right: 0;
  bottom: 0;
  transform-origin: right top;
  transform: scale(0, 1);
  animation: bar-bottom 3.2s linear 0s infinite;
}
.title-effect .bar-left {
  width: 7px;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform-origin: left bottom;
  transform: scale(1, 0);
  animation: bar-left 3.2s linear 0s infinite;
}

/* ------------------------
    How It Work
------------------------*/
.work-process {
  position: relative;
}
.step-num {
  background: #5ea44f;
  border-radius: 50%;
  box-shadow: 0 12px 20px 0 #19875470;
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  height: 50px;
  right: 0;
  line-height: 55px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50px;
}
.theme-bg .work-process h4,
.theme-bg .work-process p {
  color: #ffffff;
}
.step-icon {
  /* background: #f5f5f5; */
  /* background-color: #d3423a; */
  /* background: linear-gradient(246deg, #d33939 52.6%, #d3c54a 100%); */
  width: 205px;
  height: 205px;
  position: relative;
  border: 3px solid #ffffff;
  border-radius: 50%;
  line-height: 105px;
  font-size: 53px;
  text-align: center;
  color: #5ea44f;
  box-shadow: -1px -1px 4px rgb(0 0 0 / 40%), 0px 3px 1px rgb(0 0 0 / 12%);
  background-image: url(../img/all/about/step-1.webp);
  background-size: cover;
}
.step-icon span {
  position: relative;
}
.step-icon span::after,
.step-icon span::before {
  border-radius: 50%;
  content: "";
  height: 40px;
  position: absolute;
  width: 40px;
  z-index: -1;
}
.step-icon span::after {
  background: #cdf3f6;
  height: 25px;
  left: -10px;
  top: 5px;
  width: 25px;
}
.step-icon span::before {
  background: #d4f8e6;
  bottom: 0;
  right: -10px;
}
.dark-bg .step-icon {
  color: rgba(255, 255, 255, 0.9);
  background: none;
}
.dark-bg .step-desc h4 {
  color: #2575fc;
}
.dark-bg .step-icon {
  border-color: rgba(255, 255, 255, 0.1);
}
.dark-bg .step-desc p {
  color: rgba(255, 255, 255, 0.7);
}
.step-num-box {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.work-process .box-loader {
  position: absolute;
  top: 30%;
  right: -15%;
  left: inherit;
}
.work-process.style-2 {
  padding: 0;
  display: flex;
  align-items: center;
}
.work-process.style-2:before {
  display: none;
}
.work-process.style-2 .step-num-box {
  margin-bottom: 0;
  margin-right: 30px;
}
.work-process.style-3 {
  padding: 70px 30px 0;
}
.work-process.style-3 .step-num {
  background: none;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.1);
  font-size: 120px;
  height: auto;
  left: 50%;
  line-height: 120px;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: auto;
}
#svg-container {
  position: absolute;
  width: 100%;
  left: 52%;
  z-index: -1;
  transform: translateX(-50%);
  width: 75%;
  /* color: #ffff; */
}
#svgC {
  margin: 0 auto;
  width: 100%;
}

/* ------------------------
    box-loader
------------------------*/
.box-loader {
  border-radius: 100%;
  margin: 0 auto;
  position: absolute;
  top: 15px;
  left: 15px;
}
.box-loader span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #2575fc;
  margin: 0 5px;
  opacity: 0;
}
.box-loader span:nth-child(1) {
  animation: opacitychange 1s ease-in-out infinite;
}
.box-loader span:nth-child(2) {
  animation: opacitychange 1s ease-in-out 0.33s infinite;
}
.box-loader span:nth-child(3) {
  animation: opacitychange 1s ease-in-out 0.66s infinite;
}

/*--rotation--*/

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bar-top {
  0% {
    transform: scale(0, 1);
  }
  12.5% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@keyframes bar-right {
  0% {
    transform: scale(1, 0);
  }
  12.5% {
    transform: scale(1, 0);
  }
  25% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}
@keyframes bar-bottom {
  0% {
    transform: scale(0, 1);
  }
  25% {
    transform: scale(0, 1);
  }
  37.5% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(0, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@keyframes bar-left {
  0% {
    transform: scale(1, 0);
  }
  37.5% {
    transform: scale(1, 0);
  }
  50% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}

/*--opacitychange--*/

@keyframes opacitychange {
  0%,
  100% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }
}

/* responsive */
@media (max-width: 1200px) {
  #svg-container {
    width: 85%;
  }
}
@media (max-width: 992px) {
  .md-mt-5 {
    margin-top: 50px !important;
  }
  /*Step*/
  .work-process .box-loader {
    display: none;
  }
  .step-desc p {
    max-width: 300px;
    margin: 0 auto;
  }
  #svg-container {
    width: 100%;
    transform: rotate(90deg);
    left: 0;
    top: 50%;
  }
}
.textmuted1 {
  font-size: 20px;
  font-weight: 500;
  color: #d13a3a !important;
}
.list_line {
  list-style: none;
}
.list_line li {
  font-size: 16px;
}
.radius-10 {
  border-radius: 10px;
}

.video-section {
  position: relative;
}
.video-section .shape {
  position: absolute;
  top: 20px;
  right: 20px;
}
.video-section .clomun {
  padding: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.video-section .video-content {
  position: relative;
  padding: 50px 0px 50px 40px;
  color: white;
  background-color: rgb(94 164 79);
  /* line-height: 1px; */
}

.video-content .text-white {
  line-height: 1;
}
.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.gap-10 {
  gap: 10px !important;
}
.supplychsin-management-section-bg {
  background-image: url(../img/all/2151582214.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* padding-bottom: 30px; */
  padding: 50px 0;
  position: relative;
  background-attachment: fixed;
}
.cta-section-03:before {
  position: absolute;
  inset: 1px;
  content: "";
  opacity: 0.7;
  background-color: #000;
}
.service-details-wrapper {
  position: relative;
}

.custom-checklist2 {
  list-style: none;
  position: relative;
}
.custom-checklist2 li {
  color: #fff;
  font-size: 20px;
  line-height: 1.7;
}
.playgroup-bg-c {
  background-color: rgb(94 164 79);
}
.bd-faq-area-2::before {
  content: "";
  /* background: linear-gradient(270deg, #00141380 16.09%, rgb(0 0 0 / 7%) 84.22%); */
  background: #fff;
  /* transform: rotate(-180deg); */
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  opacity: 0.9;
}
.bd-faq-area-2 {
  background: url(../img/all/class/kids-doodles_1108-181.webp);
  background-size: cover;
  background-position: center;
  /* opacity: 0.2; */
  position: relative;
}

.about-four {
  position: relative;
  padding: 40px 0;
  border-bottom: 1px solid #d2d2d2;
  background-color: rgb(224 227 224 / 20%);
}
@media (max-width: 767px) {
  .about-four {
    padding: 80px 0;
  }
}
.about-four__image {
  position: relative;
  z-index: 2;
  padding-bottom: 49px;
}
@media (min-width: 1300px) {
  .about-four__image {
    margin-left: -58px;
  }
}
@media (max-width: 1199px) {
  .about-four__image {
    padding-left: 60px;
  }
}
@media (max-width: 767px) {
  .about-four__image {
    /*    padding-left: 0;*/
  }
}
.about-four__image__shape1 {
  position: absolute;
  left: -15px;
  top: -21px;
}
@media (min-width: 1300px) {
  .about-four__image__shape1 {
    left: -60px;
  }
}
.about-four__image__shape1 img {
  animation: treeMove 4s linear 0s infinite;
}
.about-four__image__one {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  /* background: #fff; */
  width: 75%;
  border: 5px solid #f0ebeb;
  /* border-color: #fff; */
}
.about-four__image__one img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}
.about-four__image__one-bottom {
  position: absolute;
  right: -17px;
  bottom: 9px;
  width: 208px;
  height: 164px;
  background-color: var(--kidearn-secondary, #ffaa23);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 208 164"><path d="M206.502 86.6589C211.26 64.7577 204.271 39.8524 191.41 24.2935C149.742 -26.0921 77.0734 9.17969 61.4803 63.812C54.4178 88.5504 63.1158 115.106 43.9172 135.821C32.45 148.171 20.4439 150.879 0 159.224C65.0487 167.81 144.687 170.554 191.485 116.275C197.209 109.617 204.569 95.5973 206.502 86.6589Z"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 208 164"><path d="M206.502 86.6589C211.26 64.7577 204.271 39.8524 191.41 24.2935C149.742 -26.0921 77.0734 9.17969 61.4803 63.812C54.4178 88.5504 63.1158 115.106 43.9172 135.821C32.45 148.171 20.4439 150.879 0 159.224C65.0487 167.81 144.687 170.554 191.485 116.275C197.209 109.617 204.569 95.5973 206.502 86.6589Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
  animation: zoomBig2 3s linear infinite;
}
@media (max-width: 767px) {
  .about-four__image__one-bottom {
    display: none;
  }
}
.about-four__image__two {
  max-width: 233px;
  border-radius: 50%;
  width: 100%;
  position: absolute;
  bottom: 7px;
  left: 0;
  overflow: hidden;
  border: 5px solid var(--kidearn-white, #fff);
}
@media (min-width: 1280px) {
  .about-four__image__two {
    left: 239px;
  }
}
@media (max-width: 767px) {
  .about-four__image__two {
    display: none;
  }
}
.about-four__image__two img {
  width: 100%;
}
.about-four__image__bg-shape {
  position: absolute;
  left: -15px;
  right: 10px;
  bottom: 0;
  z-index: -1;
}
@media (min-width: 1300px) {
  .about-four__image__bg-shape {
    left: -55px;
  }
}
.about-four__image__bg-shape img {
  max-width: 100%;
}
.about-four__content {
  position: relative;
}
@media (min-width: 1200px) {
  .about-four__content {
    /* padding: 0 12px 0 8px; */
  }
}
@media (max-width: 1199px) {
  .about-four__content {
    padding: 45px 0 0;
  }
}
.about-four__content .sec-title__title {
  margin-top: 0;
}
.about-four__content .sec-title {
  padding-bottom: 21px;
}
.about-four__content__text {
  /* font-weight: 700; */
  line-height: 30px;
  margin: 0 0 25px;
}
.about-four__content .kidearn-btn {
  font-size: 16px;
  padding: 11px 50px;
}
.about-four__info {
  position: relative;
  /* min-height: 80px; */
  padding: 0 0 12px 80px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
}
.about-four__info:last-of-type {
  border: none;
  margin-bottom: 12px;
}
.about-four__info:hover .about-four__info__icon span {
  transform: rotateY(180deg);
}
.about-four__info__icon {
  font-size: 40px;
  line-height: 40px;
  color: #d4383c;
  position: absolute;
  left: 0;
  top: 3px;
}
.about-four__info__icon span {
  display: block;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.about-four__info__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin: 0 0 0px;

  color: var(--kidearn-black, #0b2038);
}
.about-four__info__text {
  /* font-weight: 500; */
  line-height: 20px;
  margin: 0;
  font-size: 17px;
}
.program-three {
  position: relative;
  padding: 60px 0;
  background-color: var(--kidearn-gray, #faf5f2);
}
.program-three__top-shape {
  z-index: 2;
  position: absolute;
  top: -21px;
  left: 0;
  width: 100%;
  height: 23px;
  background-color: var(--kidearn-base, #f25334);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 23"><path d="M1920 22.0088L1920 0.00878906C1880 0.00878906 1880 22.0088 1839.99 22.0088C1799.99 22.0088 1799.99 0.00878906 1759.98 0.00878906C1719.98 0.00878906 1719.98 22.0088 1679.98 22.0088C1639.98 22.0088 1639.98 0.00878906 1599.98 0.00878906C1559.98 0.00878906 1559.98 22.0088 1519.98 22.0088C1479.98 22.0088 1479.98 0.00878906 1439.98 0.00878906C1399.98 0.00878906 1399.98 22.0088 1359.98 22.0088C1319.98 22.0088 1319.98 0.00878906 1279.98 0.00878906C1239.98 0.00878906 1239.98 22.0088 1199.98 22.0088C1159.98 22.0088 1159.98 0.00878906 1119.98 0.00878906C1079.98 0.00878906 1079.98 22.0088 1039.98 22.0088C999.98 22.0088 999.98 0.00878906 959.99 0.00878906C919.99 0.00878906 919.99 22.0088 879.99 22.0088C839.99 22.0088 839.99 0.00878906 799.99 0.00878906C759.99 0.00878906 759.99 22.0088 719.99 22.0088C679.99 22.0088 679.99 0.00878906 639.99 0.00878906C599.99 0.00878906 599.99 22.0088 559.99 22.0088C519.99 22.0088 519.99 0.00878906 479.99 0.00878906C439.99 0.00878906 439.99 22.0088 399.99 22.0088C359.99 22.0088 359.99 0.00878906 319.99 0.00878906C279.99 0.00878906 279.99 22.0088 239.99 22.0088C200 22.0088 200 0.00878906 160 0.00878906C120 0.00878906 120 22.0088 80 22.0088C40 22.0088 40 0.00878906 0 0.00878906L-1.32845e-08 22.0088L1920 22.0088Z"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 23"><path d="M1920 22.0088L1920 0.00878906C1880 0.00878906 1880 22.0088 1839.99 22.0088C1799.99 22.0088 1799.99 0.00878906 1759.98 0.00878906C1719.98 0.00878906 1719.98 22.0088 1679.98 22.0088C1639.98 22.0088 1639.98 0.00878906 1599.98 0.00878906C1559.98 0.00878906 1559.98 22.0088 1519.98 22.0088C1479.98 22.0088 1479.98 0.00878906 1439.98 0.00878906C1399.98 0.00878906 1399.98 22.0088 1359.98 22.0088C1319.98 22.0088 1319.98 0.00878906 1279.98 0.00878906C1239.98 0.00878906 1239.98 22.0088 1199.98 22.0088C1159.98 22.0088 1159.98 0.00878906 1119.98 0.00878906C1079.98 0.00878906 1079.98 22.0088 1039.98 22.0088C999.98 22.0088 999.98 0.00878906 959.99 0.00878906C919.99 0.00878906 919.99 22.0088 879.99 22.0088C839.99 22.0088 839.99 0.00878906 799.99 0.00878906C759.99 0.00878906 759.99 22.0088 719.99 22.0088C679.99 22.0088 679.99 0.00878906 639.99 0.00878906C599.99 0.00878906 599.99 22.0088 559.99 22.0088C519.99 22.0088 519.99 0.00878906 479.99 0.00878906C439.99 0.00878906 439.99 22.0088 399.99 22.0088C359.99 22.0088 359.99 0.00878906 319.99 0.00878906C279.99 0.00878906 279.99 22.0088 239.99 22.0088C200 22.0088 200 0.00878906 160 0.00878906C120 0.00878906 120 22.0088 80 22.0088C40 22.0088 40 0.00878906 0 0.00878906L-1.32845e-08 22.0088L1920 22.0088Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.program-three__top-bg {
  width: 100%;
  height: 56.4%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--kidearn-base, #f25334);
}
.program-three__top-bg__inner {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--kidearn-base, #f25334);
  background-blend-mode: multiply;
}
.program-three__bottom-shape {
  z-index: 2;
  position: absolute;
  bottom: -23px;
  left: 0;
  width: 100%;
  height: 23px;
  background-color: inherit;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 22"><path d="M-1.91002e-06 0.000168607L0 22.0002C40 22.0002 40 0.00016511 80.01 0.000161612C120.01 0.000158115 120.01 22.0002 160.02 22.0002C200.02 22.0002 200.02 0.00015112 240.02 0.000147623C280.02 0.000144126 280.02 22.0001 320.02 22.0001C360.02 22.0001 360.02 0.000137133 400.02 0.000133636C440.02 0.000130139 440.02 22.0001 480.02 22.0001C520.02 22.0001 520.02 0.000123145 560.02 0.000119648C600.02 0.000116151 600.02 22.0001 640.02 22.0001C680.02 22.0001 680.02 0.000109157 720.02 0.00010566C760.02 0.000102163 760.02 22.0001 800.02 22.0001C840.02 22.0001 840.02 9.51696e-05 880.02 9.16727e-05C920.02 8.81758e-05 920.02 22.0001 960.01 22.0001C1000.01 22.0001 1000.01 8.11829e-05 1040.01 7.76859e-05C1080.01 7.4189e-05 1080.01 22.0001 1120.01 22.0001C1160.01 22.0001 1160.01 6.71952e-05 1200.01 6.36983e-05C1240.01 6.02014e-05 1240.01 22.0001 1280.01 22.0001C1320.01 22.0001 1320.01 5.32076e-05 1360.01 4.97106e-05C1400.01 4.62137e-05 1400.01 22 1440.01 22C1480.01 22 1480.01 3.92199e-05 1520.01 3.5723e-05C1560.01 3.22261e-05 1560.01 22 1600.01 22C1640.01 22 1640.01 2.52323e-05 1680.01 2.17354e-05C1720 1.82393e-05 1720 22 1760 22C1800 22 1800 1.12455e-05 1840 7.74859e-06C1880 4.25168e-06 1880 22 1920 22L1920 7.54765e-07L-1.91002e-06 0.000168607Z"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 22"><path d="M-1.91002e-06 0.000168607L0 22.0002C40 22.0002 40 0.00016511 80.01 0.000161612C120.01 0.000158115 120.01 22.0002 160.02 22.0002C200.02 22.0002 200.02 0.00015112 240.02 0.000147623C280.02 0.000144126 280.02 22.0001 320.02 22.0001C360.02 22.0001 360.02 0.000137133 400.02 0.000133636C440.02 0.000130139 440.02 22.0001 480.02 22.0001C520.02 22.0001 520.02 0.000123145 560.02 0.000119648C600.02 0.000116151 600.02 22.0001 640.02 22.0001C680.02 22.0001 680.02 0.000109157 720.02 0.00010566C760.02 0.000102163 760.02 22.0001 800.02 22.0001C840.02 22.0001 840.02 9.51696e-05 880.02 9.16727e-05C920.02 8.81758e-05 920.02 22.0001 960.01 22.0001C1000.01 22.0001 1000.01 8.11829e-05 1040.01 7.76859e-05C1080.01 7.4189e-05 1080.01 22.0001 1120.01 22.0001C1160.01 22.0001 1160.01 6.71952e-05 1200.01 6.36983e-05C1240.01 6.02014e-05 1240.01 22.0001 1280.01 22.0001C1320.01 22.0001 1320.01 5.32076e-05 1360.01 4.97106e-05C1400.01 4.62137e-05 1400.01 22 1440.01 22C1480.01 22 1480.01 3.92199e-05 1520.01 3.5723e-05C1560.01 3.22261e-05 1560.01 22 1600.01 22C1640.01 22 1640.01 2.52323e-05 1680.01 2.17354e-05C1720 1.82393e-05 1720 22 1760 22C1800 22 1800 1.12455e-05 1840 7.74859e-06C1880 4.25168e-06 1880 22 1920 22L1920 7.54765e-07L-1.91002e-06 0.000168607Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.program-three__shape1 {
  position: absolute;
  left: 5%;
  bottom: 9%;
}
.program-three__shape1 img {
  animation: treeMove 4s linear 0s infinite;
}
.program-three__shape2 {
  position: absolute;
  right: 5%;
  bottom: 9%;
}
.program-three__shape2 img {
  animation: treeMove 4s linear 0s infinite;
}
.program-three .container {
  max-width: 1600px;
  position: relative;
}
.program-three .sec-title__tagline {
  color: var(--kidearn-secondary, #ffaa23);
}
.program-three .sec-title__title {
  color: var(--kidearn-white, #fff);
}
@media (max-width: 767px) {
  .program-three {
    padding: 80px 0;
  }
}
.program-three__item {
  margin-bottom: 25px;
  position: relative;
  text-align: center;
  background-color: var(--kidearn-white, #fff);
  border-radius: 36px;
  overflow: hidden;
  transition: 0.3s;
  padding: 0;
  --accent-color: var(--kidearn-base, #f25334);
}
.program-three__item:hover .program-three__item__icon {
  -webkit-animation-name: wobble-horizontal-on-hover;
  animation-name: wobble-horizontal-on-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.program-three__item__image {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 370 237" xmlns="http://www.w3.org/2000/svg"><path d="M137 202.5C73.5 167 4.33333 201 -45 213.5V0H389C395.167 89.3333 403.8 261.1 389 233.5C370.5 199 302.5 222.5 247.5 233.5C210.08 240.984 174.627 223.535 137 202.5Z"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 370 237" xmlns="http://www.w3.org/2000/svg"><path d="M137 202.5C73.5 167 4.33333 201 -45 213.5V0H389C395.167 89.3333 403.8 261.1 389 233.5C370.5 199 302.5 222.5 247.5 233.5C210.08 240.984 174.627 223.535 137 202.5Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.program-three__item__image img {
  width: 100%;
  /* height: 235px; */
}
@keyframes wobble-horizontal-on-hover {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.program-three__item__content {
  position: relative;
  padding: 0 32px 17px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .program-three__item__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.program-three__item__icon {
  position: relative;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--accent-color);
  color: var(--kidearn-white, #fff);
  font-size: 50px;
  margin: -58px auto 15px;
}
.program-three__item__icon span {
  display: inline-block;
}
.program-three__item__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  transition: all 200ms ease;
  margin-bottom: 8px;
  font-family: var(--kidearn-heading-font, "Fredoka", serif);
}
.program-three__item__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px
    95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.program-three__item__title a:hover {
  background-size: 100% 1px;
}
.program-three__item__title a:hover {
  color: var(--accent-color);
}
.program-three__item__age {
  color: var(--accent-color);
  line-height: 1;
  display: block;
  margin: 0 0 21px;
  transition: all 300ms ease;
}
.program-three__item__text {
  line-height: 24px;
  font-weight: 400;
  display: block;
  margin: 0 0 23px;
  transition: all 300ms ease;
}
.program-three__item__rm {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 42px;
  border-radius: 50%;
  background-color: var(--accent-color);
  font-size: 15px;
  color: var(--kidearn-white, #fff);
  transition: all 300ms ease;
  overflow: hidden;
  display: inline-block;
  text-align: center;
}
.program-three__item__rm span {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.program-three__item__rm:hover {
  background-color: var(--kidearn-black, #0b2038);
}
.program-three__item__rm:hover span {
  animation: iconTranslateX 0.4s forwards;
}
.program-three--home-four {
  padding-bottom: 0;
  background-color: var(--kidearn-white, #fff);
}
.program-three--home-four .program-three__top-shape {
  background-color: var(--kidearn-secondary, #ffaa23);
}
.program-three--home-four .program-three__top-bg {
  background-color: var(--kidearn-secondary, #ffaa23);
  height: 63%;
}
.program-three--home-four .program-three__top-bg__inner {
  opacity: 0.75;
  background-color: var(--kidearn-secondary, #ffaa23);
}
.program-three--home-four .sec-title__tagline {
  color: var(--kidearn-white, #fff);
}
.program-three--home-four .program-three__item {
  background-color: var(--kidearn-gray, #faf5f2);
}

.program-page {
  position: relative;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .program-page {
    padding: 0px 0 40px;
  }
}
.program-page .program-three__item {
  box-shadow: 0px 14px 40px 0px rgba(var(--kidearn-black2-rgb, 2, 9, 18), 0.08);
  border: 3px dashed var(--accent-color);
}
.program-page .program-three__item__content {
  padding-left: 25px;
  padding-right: 25px;
}

/*--------------------------------------------------------------
# Programs details
--------------------------------------------------------------*/
.programs-details {
  padding: 80px 0;
}
@media (min-width: 992px) {
  .programs-details {
    padding: 120px 0;
  }
}
.programs-details__image img {
  max-width: 100%;
  border-radius: 14px;
}
.programs-details__title {
  margin: 0;
  font-size: 25px;
  color: var(--kidearn-black, #0b2038);
  margin-top: 30px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .programs-details__title {
    font-size: 30px;
  }
}
.programs-details__text {
  margin: 0;
  font-size: 16px;
  line-height: 30px;
}
.programs-details__text + .programs-details__text {
  margin-top: 25px;
}
.programs-details__info {
  padding: 40px;
  box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07);
}
.programs-details__info__title {
  margin: 0;
  color: var(--kidearn-black, #0b2038);
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid var(--kidearn-base, #f25334);
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: -5px;
}
@media (min-width: 768px) {
  .programs-details__info__title {
    font-size: 24px;
  }
}
.programs-details__info__text {
  font-size: 16px;
  line-height: 30px;
  margin: 0;
  border-bottom: 1px solid var(--kidearn-border-color, #fce9dd);
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.programs-details__info .kidearn-btn {
  width: 100%;
  margin-top: 10px;
}
.programs-details__info__list {
  margin-bottom: 0;
}
.programs-details__info__list li + li {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--kidearn-border-color, #fce9dd);
}
.programs-details__info__list__name {
  font-size: 16px;
  color: var(--kidearn-black, #0b2038);
  line-height: 1;
}
.programs-details__info__list__text {
  margin: 0;
  font-size: 16px;
  color: var(--kidearn-base, #f25334);
  line-height: 1;
  margin-top: 18px;
}
.programs-details__info__list__text a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px
    95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.programs-details__info__list__text a:hover {
  background-size: 100% 1px;
}
.programs-details__info__list__text a:hover {
  color: var(--kidearn-black, #0b2038);
}
.bd-faq-area {
  background: #effdfb5e;
}
h2.contact-h2 {
  font-size: 26px;
}
.bd-class-area {
  position: relative;
  /* background: linear-gradient(6deg, #ebfffef2 0.6%, #fff6ebe8 100%); */
}

.bd-gradient-bg1 {
  position: absolute;
  top: 0%;
  right: 0%;
  left: 0%;
  bottom: 0%;
  z-index: -1;
  /* opacity: 0.1; */
  background: url(../img/all/watercolor-illustration-mother-takes-her-child-school_986241-4756.webp);
  /* background: url(../img/all/footer-img.webp); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bdggallery12 {
  height: 270px;
}
.rts-research-section .research__items .research-procedure1 {
  padding: 10px;
  position: relative;
  /* background-color: #ffffff; */
  background: url(../img/all/gallery/18.webp);
  /* background: var(--light-white); */
  transition: var(--transition);
  /* outline: 2px dashed #acd9c2; */
  /* padding: 20px 18px; */
  outline-offset: -7px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.rts-research-section .research__items .research-procedure1::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: #1b20198a;
  outline: 2px dashed #acd9c2;
}
.rts-research-section .research__items .research-procedure2 {
  padding: 10px;
  position: relative;
  /* background-color: #ffffff; */
  background: url(../img/all/gallery/17.webp);
  /* background: var(--light-white); */
  transition: var(--transition);
  /* outline: 2px dashed #acd9c2; */
  /* padding: 20px 18px; */
  outline-offset: -7px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.rts-research-section .research__items .research-procedure2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: #1b20198a;
  outline: 2px dashed #acd9c2;
}
.rts-research-section .research__items .research-procedure3 {
  padding: 10px;
  position: relative;
  /* background-color: #ffffff; */
  background: url(../img/all/gallery/19.webp);
  /* background: var(--light-white); */
  transition: var(--transition);
  /* outline: 2px dashed #acd9c2; */
  /* padding: 20px 18px; */
  outline-offset: -7px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.rts-research-section .research__items .research-procedure3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: #1b20198a;
  outline: 2px dashed #acd9c2;
}

.infrastructure-second-section-bg {
  background: antiquewhite;
  /* background: linear-gradient(147deg, rgb(94 164 79) 10%, rgb(10 20 24) 50%, rgb(208 57 57) 74%); */
  /* background: linear-gradient(
    135deg,
    rgb(94 164 79) 0,
    rgb(206 40 40) 59%,
    rgb(206 42 42) 59%,
    rgb(94, 164, 79) 100%
  ); */
  background: url(../img/all/home/5999.webp);
  padding: 20px 0;
}
.research-procedure p {
  font-size: 17px;
  color: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  justify-items: center;
  margin-top: 20px;
}
.bd-counter-area-2 {
  background: #5ea44f;
}
.bd-blog-details-area {
  background: #5ea44f12;
}
.dez-media,
.dez-media,
.dez-post-media {
  background-color: #fff;
  position: relative;
}
.bg-gray11 {
  background-color: #ffffff;
}
.p-lr20 {
  padding-left: 0px;
  padding-right: 0px;
}
.service-head {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  padding: 15px;
  position: relative;
  z-index: 1;
  border-radius: 3px;
}
.bg-gold {
  background-color: #df4957 !important;
  color: #faffff;
  font-size: 15px;
}

.site-button,
.site-button-secondry {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  outline: none;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  line-height: 1.42857;
  border-radius: 2px;
  background-color: #004b87;
  -webkit-border-radius: 100px;
}
.service-head a {
  color: #fff;
}
.p-a20 {
  padding: 10px;
}
.dez-media img {
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
.dez-box {
  box-shadow: -2px -3px 2px #b8b1b5a3, 0 3px 1px #bbb5b7c9;
}
.wrappers {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  justify-content: center;
}
.card {
  /* width: 280px; */
  height: 300px;
  padding: 10px 10px;
  /* background: #fff; */
  position: relative;
  display: flex;
  align-items: center;
  /*  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);*/
  transition: 0.5sease-in-out;
}
.card:hover {
  transform: translateY(20px);
}

.card:before {
  /* content: ""; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* display: block; */
  /* width: 100%; */
  /* height: 100%; */
  /* background: linear-gradient(
    to bottom,
    rgba(0, 176, 155, 0.5),
    rgba(150, 201, 61, 1)
  ); */
  z-index: 2;
  /* transition: 0.5s all; */
  /* opacity: 0; */
}

.card:hover:before {
  opacity: 1;
}

.card img {
  /* width: 100%; */
  /* height: 100%; */
  object-fit: cover;
  /* position: absolute; */
  top: 0;
  left: 0;
}

.card .info {
  position: relative;
  z-index: 3;
  color: #fff;
  opacity: 1;
  /* transform: translateY(30px); */
  transition: 0.5s all;
}

.card:hover .info {
  opacity: 1;
  transform: translateY(0px);
}

.card .info h1 {
  margin: 0;
}

.card .info p {
  /* letter-spacing: 1px; */
  font-size: 15px;
  margin-top: 8px;
  margin-bottom: 20px;
}

.card .info .btn {
  text-decoration: none;
  padding: 0.5rem 1rem;
  background: #fff;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.4s ease-in-out;
}

.card .info .btn:hover {
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
}

.cardd1 {
  background: #d1383a;
}
.cardd2 {
  background: #5ea44f;
}
.cardd3 {
  background: #ff9b24;
}
.cardd4 {
  background: #e8268f;
}
.card .info {
  position: relative;
  z-index: 3;
  color: #fff;
  opacity: 1;
  /* transform: translateY(30px); */
  transition: 0.5s all;
}
.card .info i {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: white;
  padding: 16px;
  object-fit: cover;
  display: block;
  font-size: 39px;
  color: #d1383a;
  margin-bottom: 6px;
  /* margin: -40px auto 10px; */
}
.cardh4 {
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.cardp {
  color: #fff;
}
.swiper-wrapper {
  padding-bottom: 10px;
  padding-top: 10px;
}
.movebounce3 {
  -webkit-animation: movebounce3 2s linear infinite;
  animation: movebounce3 2s linear infinite;
}
@keyframes movebounce3 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0px);
  }
}

.program-one {
  position: relative;
  padding: 60px 0;
}
.program-one .sec-title__tagline {
  color: #2390ff;
}
@media (max-width: 991px) {
  .program-one {
    padding: 40px 0 0px;
  }
  .contact-page-left-content-box {
    background: #f8f8f8;
    padding: 0px;
  }
}
.program-one__bg {
  position: absolute;
  right: 0;
  bottom: -80px;
  left: 0;
  margin: auto;
  text-align: center;
  z-index: -1;
}
.program-one__bg img {
  max-width: 100%;
}
.program-one__item {
  position: relative;
  max-width: 270px;
  margin: 21px auto 30px;
  transition: 0.3s;
  padding: 51px 26.5px 16px;
  --accent-color: var(--kidearn-base, #f25334);
}
@media (min-width: 1200px) {
  .program-one__item {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .program-one__item {
    padding-left: 21px;
    padding-right: 21px;
  }
}
.program-one__item--order .program-one__item__rm {
  line-height: 58px;
}
.program-one__item:hover .program-one__item__bg {
  opacity: 1;
}
.program-one__item:hover .program-one__item__title,
.program-one__item:hover .program-one__item__age,
.program-one__item:hover .program-one__item__text {
  color: var(--kidearn-white, #fff);
}
.program-one__item:hover .program-one__item__rm {
  background-color: var(--kidearn-white, #fff);
  color: var(--accent-color);
}
.program-one__item:hover .program-one__item__image {
  -webkit-animation-name: wobble-horizontal-on-hover;
  animation-name: wobble-horizontal-on-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.program-one__item__shape {
  position: absolute;
  left: 65px;
  top: -15px;
  display: flex;
  align-items: center;
}
.program-one__item__shape-one {
  width: 32px;
  height: 43px;
  fill: var(--accent-color);
}
.program-one__item__shape-two {
  width: 15px;
  height: 21px;
  fill: var(--accent-color);
  opacity: 0.1;
  margin: -34px 0 0 9px;
}
.program-one__item__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--accent-color);
  opacity: 0.1;
  transition: all 500ms ease;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 413"><path d="M232.489 370.49C168.721 379.888 101.476 430.507 60.5694 406C27.7404 386.337 -5.44522 328.132 9.56944 227.947C22.9257 138.686 -19.0511 45.3973 11.2635 32.2885C26.6526 25.6551 45.8927 44.6781 84 38.9924C94.5031 37.413 101.452 27.4749 121.5 17.4924C237.5 -40.2684 268.492 67.7316 268.492 100.544C269.865 119.022 269.33 138.264 267.19 156.454C256.313 249.189 296.97 361.014 232.489 370.49Z"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 413"><path d="M232.489 370.49C168.721 379.888 101.476 430.507 60.5694 406C27.7404 386.337 -5.44522 328.132 9.56944 227.947C22.9257 138.686 -19.0511 45.3973 11.2635 32.2885C26.6526 25.6551 45.8927 44.6781 84 38.9924C94.5031 37.413 101.452 27.4749 121.5 17.4924C237.5 -40.2684 268.492 67.7316 268.492 100.544C269.865 119.022 269.33 138.264 267.19 156.454C256.313 249.189 296.97 361.014 232.489 370.49Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.program-one__item__image {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  margin-bottom: 26px;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 217 136"><path d="M10.2005 22.1275C26.0731 -8.66231 181.064 -6.06071 203.472 22.1275C225.88 50.3158 216.544 108.86 203.472 124.471C190.401 140.083 21.3236 140.868 10.2005 120.459C-0.922529 100.051 -5.67204 52.9174 10.2005 22.1275Z"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 217 136"><path d="M10.2005 22.1275C26.0731 -8.66231 181.064 -6.06071 203.472 22.1275C225.88 50.3158 216.544 108.86 203.472 124.471C190.401 140.083 21.3236 140.868 10.2005 120.459C-0.922529 100.051 -5.67204 52.9174 10.2005 22.1275Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.program-one__item__image img {
  width: 100%;
  height: auto;
}
@keyframes wobble-horizontal-on-hover {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.program-one__item__content {
  position: relative;
}
.program-one__item__title {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  transition: all 200ms ease;
  margin-bottom: 6px;
}
.program-one__item__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px
    95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.program-one__item__title a:hover {
  background-size: 100% 1px;
}
.program-one__item__title a:hover {
  color: inherit;
}
.program-one__item__age {
  color: var(--accent-color);
  line-height: 1;
  display: block;
  margin: 0 0 6px;
  transition: all 300ms ease;
  text-align: center;
}
.program-one__item__text {
  line-height: 24px;
  display: block;
  margin: 0 0 24px;
  text-align: center;
  transition: all 300ms ease;
}
.program-one__item__rm {
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 44px;
  margin-left: 39px;
  background-color: var(--accent-color);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M47.6226 23.9402C47.6226 36.9235 35.1758 46.5552 23.8113 47.4513C10.8233 47.4516 -6.41604e-06 36.9235 -4.14576e-06 23.9402C-1.87547e-06 10.9569 5.41166 0.231453 27.0583 0.231389C41.1286 1.12761 47.6226 10.9569 47.6226 23.9402Z"/> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M47.6226 23.9402C47.6226 36.9235 35.1758 46.5552 23.8113 47.4513C10.8233 47.4516 -6.41604e-06 36.9235 -4.14576e-06 23.9402C-1.87547e-06 10.9569 5.41166 0.231453 27.0583 0.231389C41.1286 1.12761 47.6226 10.9569 47.6226 23.9402Z"/> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
  font-size: 18px;
  color: var(--kidearn-white, #fff);
  transition: all 300ms ease;
  overflow: hidden;
  display: inline-block;
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .program-one__item__rm {
    margin-left: 18px;
  }
}
.program-one__item__rm span {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.program-one__item__rm:hover span {
  animation: iconTranslateX 0.4s forwards;
}
@keyframes iconTranslateX {
  49% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}

.bd-faq-number1 {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 90px;
  width: 90px;
  line-height: 85px;
  text-align: center;
  background-color: #c0c5c0;
  box-shadow: 2px 0px 1px 0px rgb(77 175 84), -2px 0px 1px 0px rgb(213 55 58);
  color: var(--bd-common-white);
  border-radius: 50%;
  top: 2px;
}
.bd-faq-number1 img {
  width: 80px;
  border-radius: 50%;
}
.bd-faq-contents {
  margin-left: 75px;
}

.contact-page-left-content-box {
  background: #f8f8f8;
  padding: 20px;
}
.contact-info-style9-content {
  position: relative;
  display: block;
}

.contact-info-style9-content .sec-title {
  padding-bottom: 32px;
}

.contact-info-style9-content ul {
  position: relative;
  display: block;
  overflow: hidden;
  list-style: none;
}
.contact-page-left-content-box ul li {
  border: 1px solid #b0b0b0;
  padding: 20px;
}
.contact-info-style9-content ul li {
  position: relative;
  display: block;
  border: 1px solid #e4ebef;
  padding: 22px 30px 22px;
}
.contact-info-style9-content ul li .quick-contact-info-single-box {
  padding-left: 70px;
}
.quick-contact-info-single-box {
  position: relative;
  display: block;
}
.contact-info-style9-content ul li .quick-contact-info-single-box .icon {
  position: absolute;
  top: 20px;
  left: 0;
  margin: 0;
}
.quick-contact-info-single-box .icon {
  position: relative;
  display: block;
  margin-bottom: 17px;
  z-index: 1;
}

.contact-page-left-content-box
  ul
  li
  .quick-contact-info-single-box
  .icon::before {
  background: #e7e7e7;
}
.contact-info-style9-content
  ul
  li
  .quick-contact-info-single-box
  .icon::before {
  background: #5ea44f;
}
.quick-contact-info-single-box .icon::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #f6f2f0;
  z-index: -1;
  content: "";
}
.quick-contact-info-single-box .text {
  position: relative;
  display: block;
}
.quick-contact-info-single-box .text h3 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 3px;
}

.contact-page-info-box .text p {
  margin: 0;
  margin-bottom: 0;
}
.quick-contact-info-single-box .text p {
  margin: 0;
  margin-bottom: 9px;
}
.quick-contact-info-single-box .text a {
  color: #d1143e;
  font-size: 17px;
  line-height: 27px;
  font-weight: 700;
}
.quick-contact-info-single-box .icon i::before {
  position: relative;
  display: inline-block;
  color: var(--thm-gray);
  font-size: 27px;
  line-height: 27px;
}

.research-procedure {
  height: 140px;
  /* justify-content: center; */
  text-align: center;
  display: flex;
}

.bd-testimonial-area-2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: #f4f4f48a;
  /* outline: 2px dashed #acd9c2; */
}
.bd-program-area-2 {
  background: url(../img/all/home/5999.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.bd-program-area-2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: #f4f4f48a;
  /* outline: 2px dashed #acd9c2; */
}

.quick-contact-info-single-box .icon i {
  line-height: 1.7;
  margin-left: 16px;
  display: flex;
  position: relative;
  top: 15px;
  color: #fff;
}
.bd-gallery-area {
  background: #f7f7f7;
}
.dez-media-1 img {
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  height: 100%;
}
.dez-media-1 img {
  width: 100%;
}
.dez-media-1 {
  height: 300px;
}
.boldtext {
  font-weight: 600 !important;
}
.bd-counter-2-icon img {
  width: 100%;
  border-radius: 50%;
  box-shadow: rgb(45, 79, 92) 2px 2px 5px;
}
.bd-counter-2-icon121 {
  background-color: #09100800 !important;
}
.aaaaaaaaaaa {
  background: linear-gradient(to right, #f4f4f4e0, #ffffffb3, #ffffffa1);
  /* backdrop-filter: blur(5px); */
  box-shadow: 0px 5px 50px rgba(13, 24, 32, 0.05);
  border-radius: 10px;
  padding: 15px 15px;
  border-radius: 10px;
}
#contactForm1 {
  padding: 10px;
  background: #fff;
  border-radius: 4px;
}

#contactForm2 {
  padding: 10px;
  background: #fff;
  border-radius: 4px;
}
.bd-hero-navigation {
  display: none !important;
}

.bd-contact-input select option {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0px 15px;
  border: 1px solid var(--bd-grey-1);
  border-radius: 7px;
  font-size: 18px;
}
.sidebar__single {
  text-align: center;
}
.sidebar__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.sidebar__tags .loc {
  padding: 5px 10px;
  border-radius: 4px;
  background: #fff;
  color: #5ea44f;
}
.locafewvdfwc {
  padding-top: 10px;
  padding-bottom: 40px;
  background: #5ea44f;
  margin-top: 30px;
  border-radius: 7px;
}
.locafewvdfwc .sidebar__title {
  color: #fff;
  font-size: 25px;
  margin-bottom: 20px;
}
.sc-sbsi7l-0.cLcbjv {
  display: none !important;
}
.dkuywW {
  position: relative;
  width: 64px;
  margin: auto;
  display: none !important;
}