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

    Theme Name: Royel - Luxury Hotel HTML5 Template + RTL 
    Author: BDevs
    Description: Royel is suitable for any Hotel Website, Hotel Booking Website, Restaurant etc.
    Version: 1.0
	Created : 27 March 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. FAQ CSS
    17. TESTIMONIAL CSS
    18. BLOG CSS
    19. NEWSLETTER CSS
    20. GALLERY CSS
    21. FEATURE CSS
	22. CONTACT CSS
	23. ERROR 404 CSS
	24. TEXT SCROLL CSS
	25. ROOMVIEW CSS
	26. FACILITY CSS
	27. REEL CSS
	28. FEATURE CSS
	29. OFFER CSS
	30. AWARD CSS
	31. WELCOME CSS
	32. SERVICE CSS
	33. PRICE CSS
	34. BRAND CSS
	35. ROOM CSS
	36. RESTAURANT CSS
	37. FOODMENU CSS
	38. EVENT CSS
	39. BOOKING CSS
	40. CURSOR CSS
	41. AMENITIES CSS
	42. FOOTER CSS


**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500&family=Archivo:wght@700&family=Gilda+Display&display=swap");
:root {
  /**
  @font family declaration
  */
  --bd-ff-body: 'Barlow', sans-serif;
  --bd-ff-heading: 'Gilda Display', serif;
  --bd-ff-p: 'Barlow', sans-serif;
  --bd-ff-menu: 'Archivo', sans-serif;
  --bd-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --bd-common-white: #FFFFFF;
  --bd-common-black: #000000;
  --bd-heading-primary: #000000;
  --bd-grey-1: #D9D9D9;
  --bd-grey-2: #E9CFCF;
  --bd-grey-3: #6C6C6C;
  --bd-text-body: #424242;
  --bd-text-1: #000000;
  --bd-text-2: #414141;
  --bd-theme-1: #EEC78C;
  --bd-theme-2: #F8F5F0;
  --bd-theme-3: #F9F5F0;
  --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: 16px;
  --bd-fz-p: 16px;
  --bd-fz-h1: 70px;
  --bd-fz-h2: 55px;
  --bd-fz-h3: 30px;
  --bd-fz-h4: 24px;
  --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-regular);
  -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);
  line-height: 1.08;
}

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

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

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

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

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

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

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

a,
button,
p,
input,
select,
textarea,
li,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  outline: none;
}

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

.ryl-cp {
  cursor: pointer;
}

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

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

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

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

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

/*----------------------------------------
   Flaction customize
-----------------------------------------*/
i[class^=flaticon-] {
  line-height: 1;
  top: 2px;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

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

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

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

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

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

.accordion-button:not(.collapsed) {
  pointer-events: none;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  backdrop-filter: blur(10px);
}
.body-overlay:hover {
  cursor: pointer;
}

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

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

.basic-pagination ul li {
  display: inline-block;
}
.basic-pagination ul li:not(:last-child) {
  margin-right: 10px;
}
.basic-pagination ul li a, .basic-pagination ul li span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  border-radius: 7px;
  border: 2px solid #f1f1f1;
  font-size: 18px;
  font-weight: 600;
}
.basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {
  background: var(--bd-theme-1);
  border-color: var(--bd-theme-1);
  color: var(--bd-common-white);
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-inline-end: var(--bs-gutter-x, 15px);
  padding-inline-start: var(--bs-gutter-x, 15px);
  margin-inline-end: auto;
  margin-inline-start: auto;
}

.row {
  --bs-gutter-x: 30px;
}

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

@media (min-width: 992px) {
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1440px;
  }
}
.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);
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  border: 1px solid var(--bd-theme-1);
  background: var(--bd-theme-1);
  font-weight: normal;
  color: #fff;
}

.ui-widget-header .ui-icon {
  background-image: url("../img/ui-icon/ui-icons_444444_256x240.png");
}

.ui-corner-all.ui-state-hover {
  background: transparent;
  border: 0;
}

.ui-state-default.ui-state-default:hover {
  background-color: var(--bd-theme-1);
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  text-align: center;
}

.ui-widget-header {
  border: 1px solid var(--bd-theme-1);
  background: var(--bd-theme-1);
  color: var(--bd-common-black);
  font-weight: 600;
}

/* 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;
}

hr {
  margin: 0rem 0;
}

.img-full {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

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

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

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

/*----------------------------------------
    - Spacing
-----------------------------------------*/ /*----------------------------------------*/
/*  02. BUTTON CSS
/*----------------------------------------*/
/* theme btn */
.bd-btn {
  text-transform: uppercase;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 15px 30px;
  font-weight: var(--bd-fw-medium);
  line-height: 19.5px;
  color: var(--bd-common-white);
  border: 1px solid 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;
  position: relative;
  padding-right: 50px;
  white-space: nowrap;
}
.bd-btn.theme-btn {
  color: var(--bd-common-black);
  border: 1px solid var(--bd-theme-1);
}
.bd-btn.fill-btn {
  background-color: var(--bd-theme-1);
  color: var(--bd-common-black);
  border-color: var(--bd-theme-1);
}
.bd-btn.fill-btn:hover {
  background-color: var(--bd-common-black);
  color: var(--bd-common-white);
  border-color: var(--bd-common-black);
}
.bd-btn.dark-btn {
  color: var(--bd-common-black);
  border: 1px solid var(--bd-common-black);
  padding-right: 50px;
}
.bd-btn i {
  transform: rotate(-45deg);
}
.bd-btn:hover {
  background-color: var(--bd-theme-1);
  color: var(--bd-common-black);
  border-color: var(--bd-theme-1);
}
.bd-btn:hover span i {
  -webkit-transform: translate(20px, -20px) rotate(-45deg);
  transform: translate(20px, -20px) rotate(-45deg);
}
.bd-btn:hover span::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(20px, -20px) rotate(-45deg);
  transform: translate(20px, -20px) rotate(-45deg);
}
.bd-btn span {
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.bd-btn span i {
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.bd-btn span::after {
  position: absolute;
  content: "\f178";
  font-family: var(--bd-ff-fontawesome);
  font-weight: 900;
  left: -20px;
  bottom: -20px;
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.bd-btn-2 {
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: var(--bd-common-black);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  padding: 8px 0;
}
.bd-btn-2::before {
  content: "";
  width: 50px;
  height: 2px;
  position: absolute;
  left: 0;
  background-color: var(--bd-theme-1);
  bottom: 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;
}
[dir=rtl] .bd-btn-2::before {
  left: auto;
  right: 0;
}
.bd-btn-2 i {
  transform: translateY(3px) rotate(-45deg);
  -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-btn-2:hover::before {
  width: 100%;
  left: auto;
}
[dir=rtl] .bd-btn-2:hover::before {
  right: auto;
}
.bd-btn-2:hover i {
  transform: translateY(3px) rotate(0deg);
}
.bd-btn-2.is-white {
  color: var(--bd-common-white);
}
.bd-btn-2.is-white::before {
  background-color: var(--bd-common-white);
}

/* pulse btn */
.bd-pulse-btn {
  position: relative;
}
.bd-pulse-btn::after, .bd-pulse-btn::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  animation: borderanimate2 2s linear infinite;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  z-index: -1;
}
.bd-pulse-btn.btn-2::after, .bd-pulse-btn.btn-2::before {
  left: 15%;
  top: 53%;
  width: 50px;
  height: 50px;
  border: 1px solid var(--bd-theme-8);
}
[dir=rtl] .bd-pulse-btn.btn-2::after, [dir=rtl] .bd-pulse-btn.btn-2::before {
  left: auto;
  right: -10%;
}
.bd-pulse-btn::before {
  animation-delay: 0.7s;
}

/* hambur btn */
.hamburger-btn {
  margin-inline-start: 25px;
  width: 36px;
  height: 36px;
  position: relative;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: 0;
}
.hamburger-btn span {
  display: inline-block;
  width: 100%;
  display: block;
  position: absolute;
  height: 16px;
  width: 16px;
  border: 3px solid var(--bd-theme-1);
  border-radius: 5px;
  opacity: 1;
  top: 0;
  inset-inline-start: 0;
  z-index: 1;
  transition: 0.3s ease-in-out;
}
.hamburger-btn span:nth-child(1) {
  inset-inline-start: 0;
}
.hamburger-btn span:nth-child(2) {
  inset-inline-start: 19px;
}
.hamburger-btn span:nth-child(3) {
  inset-inline-start: 0px;
  top: 19px;
}
.hamburger-btn span:nth-child(4) {
  inset-inline-start: 19px;
  top: 19px;
}
.hamburger-btn:hover span:nth-child(4) {
  border-radius: 50%;
}

.square-nav {
  width: 40px;
  height: 40px;
  border: 1px solid var(--bd-theme-2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 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;
}
.square-nav:hover {
  border-color: var(--bd-theme-1);
  background: var(--bd-theme-1);
  color: var(--bd-common-white);
}
.square-nav.is-black {
  border-color: var(--bd-text-body);
}
.square-nav.is-black:hover {
  border-color: var(--bd-theme-1);
}

/*----------------------------------------*/
/*  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(1.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: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes img-blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@-webkit-keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
.ryl-up-down-anim:hover i {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

@-webkit-keyframes up-down {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}
@keyframes up-down {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}
.ryl-up-down2-anim {
  animation-name: up-down;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
}

/*----------------------------------------*/
/*  04. PRELOADER CSS START
/*----------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #000;
  transition: 0.3s;
}

.preloader-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 260px;
  width: 260px;
}
@media (max-width: 575px) {
  .preloader-thumb {
    height: 200px;
    width: 200px;
  }
}
@media (max-width: 450px) {
  .preloader-thumb {
    height: 150px;
    width: 150px;
  }
}
.preloader-thumb img {
  width: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: img-blink 1s ease-in-out infinite alternate;
}
@media (max-width: 450px) {
  .preloader-thumb img {
    width: 100px;
  }
}
.preloader-thumb-wrap {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}
.preloader-border {
  border: 2px dashed var(--bd-theme-1);
  height: 100%;
  width: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  animation: rotate-infinite-2 15s linear infinite;
}
@media (max-width: 450px) {
  .preloader-border {
    border-width: 1px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----------------------------------------*/
/*  OFFCANVAS CSS START
/*----------------------------------------*/
.offcanvas__area {
  position: fixed;
  right: -490px;
  top: 0;
  width: 450px;
  height: 100%;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 1s;
  z-index: 9999;
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  overflow-y: scroll;
}
.offcanvas__area::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.offcanvas__area.offcanvas-opened {
  right: 0px;
}
@media (max-width: 575px) {
  .offcanvas__area {
    width: 290px;
  }
}
.offcanvas__bg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
  z-index: -1;
  backdrop-filter: blur(37px);
}
.offcanvas__wrapper {
  position: relative;
  padding: 45px;
  overflow: auto;
  height: 100%;
  background-color: var(--bd-common-white);
}
@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: 30px;
  }
}
.offcanvas__close-btn:hover {
  transform: rotate(90deg);
}
.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;
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #D5D5D5;
  font-size: 18px;
  color: var(--bd-common-black);
  padding-right: 30px;
}
[dir=rtl] .offcanvas__search input {
  padding-right: auto;
  padding-left: 30px;
}
.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-end: 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-icon i {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid var(--bd-theme-1);
  border-radius: 50%;
  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-icon i:hover {
  color: var(--bd-common-black);
  border-color: #D5D5D5;
}
.offcanvas__contact-text a {
  font-size: 18px;
  font-weight: 400;
  color: var(--bd-text-1);
}
.offcanvas__contact-text a:hover {
  color: var(--bd-theme-1);
}
.offcanvas__map img {
  width: 100%;
}
.offcanvas__social {
  margin-top: 80px;
}
.offcanvas__social h4 {
  font-size: 23px;
  margin-bottom: 20px;
  color: var(--bd-common-black);
  font-weight: 500;
}
.offcanvas__social ul {
  display: flex;
  gap: 15px;
  border-top: 1px solid #D5D5D5;
  padding: 15px 0;
}
.offcanvas__social ul li {
  display: inline-block;
}
.offcanvas__social ul li:not(:last-child) {
  margin-right: 5px;
}
.offcanvas__social ul li a {
  display: inline-block;
  width: 42px;
  height: 42px;
  border: 1px solid #D5D5D5;
  line-height: 40px;
  text-align: center;
  color: var(--bd-common-black);
  border-radius: 50px;
}
.offcanvas__social ul li a:hover {
  color: var(--bd-common-black);
  border-color: var(--bd-theme-1);
  background-color: var(--bd-theme-1);
}
.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: 400px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-breadcrumb {
    min-height: 350px;
  }
}
.bd-breadcrumb-area {
  padding-top: 200px;
}
@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-breadcrumb-area {
    padding-top: 90px;
  }
}
.bd-breadcrumb__thumb {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.05;
  z-index: -1;
}
.bd-breadcrumb__title {
  font-size: 70px;
  line-height: 1.2;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-breadcrumb__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-breadcrumb__title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-breadcrumb__title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-breadcrumb__title {
    font-size: 45px;
  }
}
@media (max-width: 450px) {
  .bd-breadcrumb__title {
    font-size: 40px;
  }
}
.bd-breadcrumb__list {
  display: flex;
  justify-content: center;
  gap: 28px;
}
.bd-breadcrumb__list span {
  position: relative;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--bd-common-black);
}
.bd-breadcrumb__list span a:hover {
  color: var(--bd-theme-1);
}
.bd-breadcrumb__list span i {
  margin-inline-end: 10px;
}
[dir=rtl] .bd-breadcrumb__list span i {
  margin-inline-start: 10px;
}
.bd-breadcrumb__list span::before {
  font-family: var(--bd-ff-fontawesome);
  position: absolute;
  content: "\f105";
  font-weight: 400;
  border-radius: 40%;
  inset-inline-end: -15px;
  top: 1px;
}
.bd-breadcrumb__list span:last-child::before {
  content: none;
}

/*----------------------------------------*/
/*  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-swiper-pagination {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 78px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-swiper-pagination {
    justify-content: start;
    margin-bottom: 10px;
  }
}
.bd-swiper-pagination span {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background: transparent;
  position: relative;
  opacity: 1;
}
.bd-swiper-pagination span::before {
  content: "";
  height: 8px;
  width: 8px;
  background: #646464;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bd-swiper-pagination span.swiper-pagination-bullet-active {
  border: 2px solid var(--bd-theme-1);
}
.bd-swiper-pagination span.swiper-pagination-bullet-active::before {
  background-color: var(--bd-theme-1);
}

.bd-swiper-navigation {
  display: flex;
  gap: 17px;
  justify-content: end;
  position: absolute;
  bottom: 217px;
  z-index: 33;
  right: 14%;
}
[dir=rtl] .bd-swiper-navigation {
  right: auto;
  left: 14%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-swiper-navigation {
    right: 20px;
  }
  [dir=rtl] .bd-swiper-navigation {
    right: auto;
    left: 20px;
  }
}
@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;
    right: 15px;
  }
  [dir=rtl] .bd-swiper-navigation {
    right: auto;
    left: 15px;
  }
}
@media (max-width: 575px) {
  .bd-swiper-navigation {
    bottom: 20px;
    right: 50%;
    transform: translateX(50%);
  }
}
.bd-swiper-navigation button {
  height: 50px;
  width: 50px;
  font-size: 17px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--bd-common-white);
  color: var(--bd-common-white);
  opacity: 0.5;
  transform: rotate(-45deg);
}
.bd-swiper-navigation button:hover {
  opacity: 1;
  background-color: var(--bd-theme-1);
  border-color: var(--bd-theme-1);
  transform: rotate(0);
}

/*----------------------------------------*/
/*  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;
}

.bd-theme-settings-wrapper .row {
  --bs-gutter-x: 8px;
}
.bd-theme-settings-area {
  position: fixed;
  top: 50%;
  left: 0;
  width: 240px;
  background-color: var(--bd-common-white);
  -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: 1px solid rgba(217, 217, 217, 0.3098039216);
}
.bd-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%);
}
.bd-theme-settings-area.settings-opened .bd-theme-settings-gear {
  opacity: 0;
}
.bd-theme-settings-area.settings-opened .bd-theme-settings-close {
  opacity: 1;
}
.bd-theme-settings-open {
  position: absolute;
  top: -1px;
  left: 100%;
}
.bd-theme-settings-open button {
  background-color: var(--bd-common-white);
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 20px;
  color: var(--bd-theme-1);
  position: relative;
}
.bd-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);
  }
}
.bd-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;
}
.bd-theme-header-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
.bd-theme-wrapper {
  padding: 20px 30px 30px;
}
.bd-theme-toggle {
  text-align: center;
}
.bd-theme-toggle-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px;
}
.bd-theme-toggle-light, .bd-theme-toggle-dark {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}
.bd-theme-toggle input {
  display: none;
}
.bd-theme-toggle:hover {
  cursor: pointer;
}
.bd-theme-toggle label {
  color: var(--bd-common-black);
  font-size: 14px;
  font-weight: 500;
}
.bd-theme-toggle label:hover {
  cursor: pointer;
}
.bd-theme-toggle #bd-theme-toggler {
  display: none;
}
.bd-theme-toggle #bd-theme-toggler:checked + i {
  right: calc(50% - 4px);
}
.bd-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;
}
.bd-theme-dir {
  text-align: center;
}
.bd-theme-dir-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px;
}
.bd-theme-dir-ltr, .bd-theme-dir-rtl {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}
.bd-theme-dir input {
  display: none;
}
.bd-theme-dir:hover {
  cursor: pointer;
}
.bd-theme-dir label {
  color: var(--bd-common-black);
  font-size: 14px;
  font-weight: 500;
}
.bd-theme-dir label:hover {
  cursor: pointer;
}
.bd-theme-dir #bd-dir-toggler {
  display: none;
}
.bd-theme-dir #bd-dir-toggler:checked + i {
  right: calc(50% - 4px);
}
.bd-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;
}
.bd-theme-color-item.active button::before {
  opacity: 1;
  visibility: visible;
}
.bd-theme-color-btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
}
.bd-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;
}
.bd-theme-color-btn.bd-color-settings-btn[data-color="#EEC78C"] {
  background-color: #EEC78C;
}
.bd-theme-color-btn.bd-color-settings-btn[data-color="#FF9B24"] {
  background-color: #FF9B24;
}
.bd-theme-color-btn.bd-color-settings-btn[data-color="#FF577B"] {
  background-color: #FF577B;
}
.bd-theme-color-btn.bd-color-settings-btn[data-color="#7C81FF"] {
  background-color: #7C81FF;
}
.bd-theme-color-input {
  margin-top: 15px;
}
.bd-theme-color-input h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.bd-theme-color-input label {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: var(--bd-theme-1);
}
.bd-theme-color-input label:hover {
  cursor: pointer;
}
.bd-theme-color-input input {
  display: none;
}

.bd-section__subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--bd-text-2);
  display: inline-block;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-section__subtitle {
    margin-top: -12px;
    display: inline-block;
  }
}

.bd-section__title {
  text-transform: capitalize;
  font-size: 55px;
}
@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 br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-section__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-section__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-section__title {
    font-size: 30px;
  }
}
@media (max-width: 450px) {
  .bd-section__title {
    font-size: 28px;
  }
}
.bd-section__title-wrapper.is-white .bd-section__title {
  color: var(--bd-common-white);
}
.bd-section__title-wrapper.is-white .bd-section__subtitle {
  color: var(--bd-common-white);
}

/* logo */
.bd-header {
  position: relative;
}
.bd-header .container {
  max-width: 1640px;
}
.bd-header__logo {
  /**width: 190px;**/
  width: 250px;
}
@media (max-width: 450px) {
  .bd-header__logo {
    width: 160px;
  }
}
.bd-header__logo img {
  width: 100%;
}
.bd-header__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.bd-header__bg::before {
  content: "";
  background-color: #000000;
  opacity: 0.75;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bd-header__top {
  padding: 30px 0;
}
.bd-header__top.header-sticky {
  background: var(--bd-common-black);
  padding: 20px 0;
}
.bd-header__meta-item {
  gap: 15px;
}
.bd-header__meta-icon i {
  color: var(--bd-common-white);
}
.bd-header__meta-text p {
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  color: var(--bd-common-white);
  font-weight: var(--bd-fw-medium);
}
.bd-header__meta-text p:hover {
  color: var(--bd-theme-1);
}
.bd-header.transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.bd-header.black-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #000000;
}

.bd-header-lang {
  display: flex;
  align-items: center;
  gap: 15px;
}
.bd-header-lang__item a {
  display: inline-block;
  height: 40px;
  width: 40px;
  justify-content: center;
  text-align: center;
  color: var(--bd-common-black);
  text-transform: uppercase;
  line-height: 38px;
  border: 1px solid var(--bd-common-black);
  opacity: 0.5;
  border-radius: 50%;
  letter-spacing: 0.05em;
}
.bd-header-lang__item a.active {
  opacity: 1;
}
.bd-header-lang__item a:hover {
  opacity: 1;
  background-color: var(--bd-common-black);
  color: var(--bd-common-white);
}

.bd-header-hamburger {
  position: relative;
  cursor: pointer;
  -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: 45px;
}
.bd-header-hamburger span {
  height: 2px;
  width: 100%;
  background-color: var(--bd-grey-1);
  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-header-hamburger span:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-header-hamburger span {
    width: 45px;
  }
}
.bd-header-hamburger span:nth-child(2) {
  width: 70%;
  margin-inline-end: auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-header-hamburger span:nth-child(2) {
    width: 100%;
  }
}
.bd-header-hamburger:hover span {
  background-color: var(--bd-theme-1);
}
.bd-header-hamburger:hover span:nth-child(2) {
  width: 100%;
}
.bd-header-hamburger.is-black span {
  background-color: var(--bd-common-black);
}

.logo img {
  width: 190px;
}

.header-sticky {
  position: fixed !important;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  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);
}
.header-sticky.is-transparent {
  background: var(--bd-common-white);
}
.header-sticky.is-transparent .bd-main-menu.is-white ul li a {
  color: var(--bd-common-black);
}
.header-sticky.is-transparent .bd-main-menu.is-white ul li.has-dropdown > a::after {
  color: var(--bd-common-black);
}
.header-sticky.is-transparent .bd-main-menu.is-white ul li .submenu li a {
  color: var(--bd-common-black);
}
.header-sticky.is-transparent .bd-main-menu.is-white ul li.has-mega-menu .mega-menu li ul li a {
  color: var(--bd-common-black);
}

.header-pos {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}

.bd-header-3 {
  padding: 24px 0;
}
.bd-header-3.header-sticky {
  padding: 19px 0;
}
.bd-header-3:not(.header-sticky) .bd-btn.fill-btn {
  background-color: var(--bd-common-white);
  color: var(--bd-common-black);
  border-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) {
  .bd-header-3:not(.header-sticky) .bd-btn.fill-btn {
    background-color: var(--bd-theme-1);
    color: var(--bd-common-black);
    border-color: var(--bd-theme-1);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-header-3__bottom-left {
    width: 100%;
  }
}
.bd-header-3__hamburger {
  margin-inline-start: 150px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-header-3__hamburger {
    margin-inline-start: auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-header-2__main {
    padding: 20px 0;
  }
}

.bd-main-menu {
  gap: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-main-menu {
    margin-inline-start: 25px;
    gap: 10px;
  }
}
.bd-main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-inline-end: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-main-menu ul li {
    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: 26px 0;
  line-height: 36px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: var(--bd-fw-medium);
}
.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-common-white);
  visibility: hidden;
  opacity: 0;
  transform: scaleY(0) translateX(-50%);
  transform-origin: top center;
  z-index: 99;
  width: 1028px;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  -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;
  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-black);
  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;
  padding: 0;
  line-height: 30px;
  text-transform: capitalize;
  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-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-main-menu ul li.has-mega-menu .mega-menu li ul li:hover a {
  color: var(--bd-theme-1);
  padding-inline-start: 18px;
}
.bd-main-menu ul li.has-mega-menu .mega-menu li ul li:hover a::before {
  width: 12px;
}
.bd-main-menu ul li.has-mega-menu .mega-menu li:hover > .mega-menu-title {
  padding-left: 0;
}
.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;
  -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 .submenu {
  position: absolute;
  top: 100%;
  inset-inline-start: -30%;
  width: 200px;
  background: var(--bd-common-white);
  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;
  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;
  width: 100%;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-normal);
}
.bd-main-menu ul li .submenu li a::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 55%;
  bottom: auto;
  transform: translateY(-50%);
  width: 0px;
  height: 2px;
  background-color: var(--bd-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-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-theme-1);
  padding-inline-start: 18px;
}
.bd-main-menu ul li .submenu li:hover > a::before {
  width: 12px;
}
.bd-main-menu ul li .submenu li:hover > .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.bd-main-menu ul li:hover > a {
  color: var(--bd-common-white);
}
.bd-main-menu ul li:hover > a::after {
  color: var(--bd-common-white);
}
.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.is-white ul li a {
  color: var(--bd-common-white);
}
.bd-main-menu.is-white ul li.has-dropdown > a::after {
  color: var(--bd-common-white);
}
.bd-main-menu.is-white ul li .submenu li a {
  color: var(--bd-common-black);
}
.bd-main-menu.is-white ul li.has-mega-menu .mega-menu li ul li a {
  color: var(--bd-common-black);
}

.main-nav-wrapper {
  transition: all 0.7s ease-in;
  position: relative;
  width: 100%;
  z-index: 999;
}
.main-nav-wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f00;
  z-index: 1;
}
.main-nav-wrapper .sidebar-menu-contact {
  gap: 35px;
}
.main-nav-wrapper .sidebar-menu-contact a {
  width: 45px;
  text-align: center;
}
.main-nav-wrapper .mobile-logo-area .header-logo {
  max-width: 190px;
}
@media (max-width: 450px) {
  .main-nav-wrapper .mobile-logo-area .header-logo {
    max-width: 170px;
  }
}
.main-nav-wrapper .main-nav-js {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 5% !important;
  z-index: 99;
  height: 100%;
  overflow-y: auto;
  background: url("../img/bg/noise-transparent.png") repeat 0 0;
  background-color: #101010;
  box-shadow: 4px 3px 20px rgba(16, 33, 34, 0.06);
  transition: all 0.7s;
  display: flex;
  flex-direction: column;
  transform: translateY(-10vh);
  opacity: 0;
  visibility: hidden;
  gap: 30px;
  scrollbar-width: none;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .main-nav-wrapper .main-nav-js {
    min-width: 100%;
    max-width: 100%;
  }
}
.main-nav-wrapper .main-nav-js::-webkit-scrollbar {
  display: none;
  width: 5px;
}
.main-nav-wrapper .main-nav-js::before {
  content: "Explore Pages.";
  position: absolute;
  top: 45%;
  right: 10%;
  transform: translateY(-50%);
  display: block;
  font-size: 220px;
  font-weight: 700;
  line-height: 1;
  color: #ACACAC;
  opacity: 0.1;
  z-index: 1;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: 0;
  height: 300px;
  letter-spacing: 5px;
  text-align: right;
  z-index: -1;
}
[dir=rtl] .main-nav-wrapper .main-nav-js::before {
  left: 10%;
  right: auto;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .main-nav-wrapper .main-nav-js::before {
    display: none;
    visibility: hidden;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-nav-wrapper .main-nav-js::before {
    font-size: 200px;
  }
}
.main-nav-wrapper .main-nav-js::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.main-nav-wrapper .main-nav-js::-webkit-scrollbar-thumb {
  background: #999;
}
.main-nav-wrapper .main-nav-js::-webkit-scrollbar-thumb:hover {
  background: var(--border-color);
}
.main-nav-wrapper .main-nav-js .menu-close-btn {
  opacity: 1;
  cursor: pointer;
  padding: 5px;
  opacity: 0.8;
  font-size: 40px;
}
@media (max-width: 575px) {
  .main-nav-wrapper .main-nav-js .menu-close-btn {
    font-size: 30px;
  }
}
.main-nav-wrapper .main-nav-js .menu-close-btn i {
  color: #fff;
  -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;
}
.main-nav-wrapper .main-nav-js .menu-close-btn:hover i {
  color: var(--bd-theme-1);
  transform: rotate(180deg);
}
.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul {
  float: none;
  text-align: left;
  padding: 80px 0;
  margin-bottom: 0;
  width: 100%;
  max-width: 700px;
  margin-left: 0;
  margin-right: auto;
  z-index: 3;
}
[dir=rtl] .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul {
    padding: 40px 0 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul {
    padding: 45px 0 35px;
  }
}
.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li {
  display: block;
  position: relative;
  padding: 5px;
  transition: all 0.2s;
  transform: translateY(50px) scaleY(0);
  opacity: 0;
  margin-bottom: 15px;
}
.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li:last-child {
  border-bottom: 1px solid transparent;
  margin-bottom: 0;
}
.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li:hover a:before {
  width: 100%;
}
.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li > .bi {
  position: absolute;
  right: 40px;
  top: 15px;
  font-size: 36px;
  cursor: pointer;
  color: #fff;
  opacity: 0.8;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li > .bi {
    right: 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li > .bi {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li > .bi {
    top: 8px;
  }
}
[dir=rtl] .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li > .bi {
  left: 40px;
  right: auto;
}
.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li a {
  padding: 4px 0;
  display: inline-block;
  font-size: 3.5rem;
  font-weight: 700;
  color: #ffffff;
  transition: all 0.6s ease;
  font-style: normal;
  text-decoration: none;
  transition: all 0.55s ease;
  position: relative;
  text-transform: uppercase;
  font-family: var(--bd-ff-menu);
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li a {
    font-size: 2rem;
  }
}
.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li a::before {
  overflow: hidden;
  position: absolute;
  top: 5px;
  left: 0;
  width: 0;
  color: #ffffff;
  white-space: nowrap;
  content: attr(data-hover);
  transition: all 0.8s cubic-bezier(0.17, 0.67, 0.32, 0.87);
}
[dir=rtl] .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li a::before {
  left: auto;
  right: 0;
}
.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li ul.sub-menu {
  position: static;
  min-width: 180px;
  background: 0 0;
  border: none;
  opacity: 1;
  visibility: visible;
  box-shadow: none;
  transform: none;
  transition: none;
  display: none;
  list-style: none;
  padding-left: 20px;
  margin-top: 25px;
}
.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li ul.sub-menu li {
  opacity: 1;
}
.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li ul.sub-menu li a {
  font-size: 22px;
  font-weight: 400;
  padding: 15px 5px;
  font-style: normal;
  text-transform: uppercase;
  -webkit-text-stroke: unset;
  -webkit-text-fill-color: unset;
  color: #ffffff;
  width: 100%;
  opacity: 0.5;
}
.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li ul.sub-menu li a:hover {
  opacity: 1;
}
.main-nav-wrapper .main-nav-js.show-menu {
  transform: none;
  opacity: 1;
  visibility: visible;
}
.main-nav-wrapper .uesr-aera {
  width: 70px;
  height: 70px;
  line-height: 72px;
  border-radius: 50%;
  text-align: center;
  background: var(--primary-color2);
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.main-nav-wrapper .uesr-aera .bi {
  font-size: 35px;
  color: var(--text-primary);
}
.main-nav-wrapper .mobile-menu {
  position: relative;
  top: 2px;
  padding: 0 5px;
  border-radius: 50%;
  display: inline-block;
}

.main-page-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: relative;
}
.main-page-wrapper .left-fixed-image {
  width: 700px;
  position: fixed;
  top: 0;
  left: 0;
  max-height: 100vh;
  height: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .main-page-wrapper .left-fixed-image {
    width: 550px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-page-wrapper .left-fixed-image {
    width: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-page-wrapper .left-fixed-image {
    width: 300px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .main-page-wrapper .left-fixed-image {
    display: none;
    visibility: none;
  }
}
.main-page-wrapper .left-fixed-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100% !important;
}

@-webkit-keyframes navLinkFade {
  from {
    opacity: 0;
    transform: translateY(50px) scaleY(0);
  }
  to {
    opacity: 1;
    transform: translateY(0) scaleY(1);
  }
}
@keyframes navLinkFade {
  from {
    opacity: 0;
    transform: translateY(50px) scaleY(0);
  }
  to {
    opacity: 1;
    transform: translateY(0) scaleY(1);
  }
}
@supports (-webkit-text-stroke: 1px #ffffff) {
  .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li a {
    -webkit-text-stroke: 1px #ffffff;
    color: transparent;
  }
}
/*----------------------------------------*/
/*  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-area {
  position: relative;
}
.bd-hero-area .container {
  max-width: 1640px;
}

.bd-header-top__meta span {
  display: block;
  color: var(--bd-common-white);
  font-size: 16px;
  line-height: 32px;
  font-weight: var(--bd-fw-medium);
  opacity: 0.7;
}
.bd-header-top__meta span i {
  margin-inline-end: 7px;
}
.bd-header-top__meta a {
  font-weight: var(--bd-fw-sbold);
  font-size: 20px;
  line-height: 32px;
  display: flex;
  align-items: center;
  letter-spacing: 0.1em;
  color: var(--bd-common-white);
}
.bd-header-top__meta a:hover {
  color: var(--bd-theme-1);
}

.bd-hero-wrap {
  min-height: 930px;
  position: relative;
  display: flex;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-wrap {
    min-height: 930px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-wrap {
    min-height: 830px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero-wrap {
    min-height: 650px;
  }
}
@media (max-width: 575px) {
  .bd-hero-wrap {
    min-height: 650px;
    align-items: center;
  }
}
.bd-hero-wrap-2 {
  min-height: 930px;
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-wrap-2 {
    min-height: 980px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero-wrap-2 {
    min-height: 700px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-hero-wrap-2 {
    min-height: 650px;
  }
}

.bd-hero__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  transform: scale(1.1);
  transition: 7s;
}
.bd-hero__bg::before {
  content: "";
  background-color: #000000;
  opacity: 0.75;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bd-hero__bg-2::before {
  opacity: 0.5;
}
.bd-hero__bg-3::before {
  opacity: 0.7;
}
.bd-hero__line-1 {
  position: absolute;
  width: 50%;
  background-color: rgba(255, 255, 255, 0.2901960784);
  height: 1px;
  left: -10%;
  top: 50%;
  transform: translateY(-50%);
}
.bd-hero__line-2 {
  position: absolute;
  width: 50%;
  background-color: rgba(255, 255, 255, 0.2901960784);
  height: 1px;
  right: -10%;
  bottom: 0px;
}
.bd-hero__content {
  margin-bottom: 310px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero__content {
    margin-bottom: 360px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero__content {
    margin-bottom: 160px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__content {
    margin-bottom: 150px;
  }
}
@media (max-width: 575px) {
  .bd-hero__content {
    margin-bottom: 0px;
    margin-top: 100px;
  }
}
.bd-hero__content-2 {
  margin-bottom: 0;
}
.bd-hero__content-3 {
  margin-bottom: 0;
}
.bd-hero__content.is-white .bd-hero__subtitle span {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--bd-common-white);
  margin-bottom: 40px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero__content.is-white .bd-hero__subtitle span {
    letter-spacing: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero__content.is-white .bd-hero__subtitle span {
    font-size: 18px;
    letter-spacing: 3px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-hero__content.is-white .bd-hero__subtitle span {
    font-size: 16px;
    letter-spacing: 2px;
  }
}
.bd-hero__content.is-white .bd-hero__title {
  color: var(--bd-common-white);
  font-size: 65px;
  line-height: 1.42;
  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) {
  .bd-hero__content.is-white .bd-hero__title br {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bd-hero__content.is-white .bd-hero__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero__content.is-white .bd-hero__title {
    font-size: 56px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero__content.is-white .bd-hero__title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero__content.is-white .bd-hero__title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-hero__content.is-white .bd-hero__title {
    font-size: 35px;
  }
}
@media (max-width: 450px) {
  .bd-hero__content.is-white .bd-hero__title {
    font-size: 30px;
  }
}
.bd-hero__slider-nav .bd-swiper-pagination {
  display: flex;
  gap: 8px;
  justify-content: end;
  margin-bottom: 0;
  position: absolute;
  z-index: 2;
  bottom: 70px;
  inset-inline-end: 0;
}
.bd-hero__slider-number {
  position: absolute;
  color: var(--bd-common-white);
  z-index: 33;
  font-size: 45px;
  top: 50%;
  inset-inline-end: 100px;
  transform: translateY(-50%);
}
.bd-hero__slider-number span {
  font-size: 16px;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 400;
}
.bd-hero__slider-number span.current {
  font-weight: 500;
  color: var(--bd-theme-1);
  font-size: 24px;
}
[dir=rtl] .bd-hero__slider-number span.current {
  transform: translateY(12px);
  padding-left: 5px;
}
.bd-hero__slider-number span.total {
  transform: translate(-10px, 25px);
}
[dir=rtl] .bd-hero__slider-number span.total {
  transform: translate(0px, 20px);
}
.bd-hero__slider-number span.divider {
  transform: rotate(20deg);
  font-size: 45px;
  color: var(--bd-common-white);
}

.swiper-slide-active .bd-hero__bg {
  transform: scale(1);
}

.bd-hero__halfim-wrapper {
  padding-top: 250px;
  padding-bottom: 150px;
  background: var(--bd-theme-4);
  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-hero__halfim-wrapper {
    padding-top: 180px;
    padding-bottom: 90px;
  }
}

.bd-hero__halfim-title {
  font-size: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero__halfim-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero__halfim-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-hero__halfim-title {
    font-size: 40px;
    max-width: 500px;
  }
}
@media (max-width: 450px) {
  .bd-hero__halfim-title {
    font-size: 30px;
  }
}

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

.bd-hero__halfim-img {
  position: absolute;
  width: 64%;
  height: 100%;
  top: 0;
  right: 0;
  min-height: 200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero__halfim-img {
    width: 57%;
  }
}
@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__halfim-img {
    position: static;
    width: 100%;
  }
}
.bd-hero__halfim-img::before {
  position: absolute;
  content: "";
  width: 5000px;
  height: 1px;
  top: 100px;
  background: #E1DDD8;
  inset-inline-end: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-hero__halfim-img::before {
    display: none;
  }
}

.bd-hero__halfim-container {
  max-width: 1640px;
}

.bd-hero__halfim-content {
  padding: 42px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-hero__halfim-content {
    padding: 0 0;
  }
}
.bd-hero__halfim-content p {
  max-width: 425px;
  margin-bottom: 40px;
}

.bd-faq-2 .accordion-item {
  background-color: transparent;
}
.bd-faq-2 .accordion-body {
  background-color: transparent;
}
.bd-faq-2 .accordion-button {
  background-color: transparent;
}
.bd-faq-3 {
  border: 1px solid var(--bd-grey-1);
  padding: 0 30px;
}
.bd-faq-3 .accordion .accordion-item:last-child {
  border: 0;
}
.bd-faq__bg {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.bd-faq__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #F8F5F0;
  opacity: 0.9;
  height: 100%;
  width: 100%;
}
.bd-faq .accordion-item {
  border: 0;
  border-bottom: 1px solid var(--bd-grey-1);
}
.bd-faq .accordion-body {
  padding: 0;
  color: var(--bd-common-black);
}
.bd-faq .accordion-button {
  font-size: 24px;
  line-height: 40px;
  color: var(--bd-common-black);
  padding: 30px 0 28px;
  text-transform: capitalize;
  padding-inline-end: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-faq .accordion-button {
    font-size: 22px;
  }
}
@media (max-width: 450px) {
  .bd-faq .accordion-button {
    font-size: 20px;
  }
}
.bd-faq .accordion-button:not(.collapsed) {
  color: var(--bd-grey-3);
  background-color: transparent;
  box-shadow: none;
}
.bd-faq .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.bd-faq .accordion-button::after {
  position: absolute;
  inset-inline-end: 0;
  top: 40px;
}
.bd-faq .accordion-button:focus {
  z-index: 3;
  border-color: inherit;
  outline: none;
  box-shadow: none;
}

.bd-faq-title {
  font-size: 36px;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .bd-faq-title {
    font-size: 30px;
  }
}

.ryl-accordion-space .row div:first-child .accordion-item {
  margin-inline-end: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ryl-accordion-space .row div:first-child .accordion-item {
    margin-inline-end: 0;
  }
}
.ryl-accordion-space .row div:last-child .accordion-item {
  margin-inline-start: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ryl-accordion-space .row div:last-child .accordion-item {
    margin-inline-start: 0;
  }
}

.bd-testimonial__content {
  padding: 0 20px;
}
.bd-testimonial__content p {
  font-family: var(--bd-ff-heading);
  font-size: 45px;
  line-height: 1.36;
  text-transform: capitalize;
  color: var(--bd-common-black);
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-testimonial__content p {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-testimonial__content p {
    font-size: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-testimonial__content p {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .bd-testimonial__content p {
    font-size: 24px;
  }
}
.bd-testimonial__quote i {
  font-size: 70px;
  color: #D9D9D9;
  display: inline-block;
  margin-bottom: 35px;
}
.bd-testimonial__quote-2 i {
  font-size: 70px;
  transform: rotate(-180deg);
  display: inline-block;
  color: #A6A6A6;
  margin-bottom: 40px;
}
.bd-testimonial__btn {
  text-align: right;
}
[dir=rtl] .bd-testimonial__btn {
  text-align: left;
}
@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__btn {
    text-align: left;
  }
  [dir=rtl] .bd-testimonial__btn {
    text-align: right;
  }
}
.bd-testimonial__client {
  gap: 3px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.bd-testimonial__client-name {
  font-size: 24px;
  line-height: 30px;
  text-transform: capitalize;
  color: var(--bd-common-black);
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .bd-testimonial__client-name {
    font-size: 20px;
  }
}
.bd-testimonial__client span {
  font-family: var(--bd-ff-heading);
  font-size: 24px;
  line-height: 30px;
  text-transform: capitalize;
  color: #A6A6A6;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .bd-testimonial__client span {
    font-size: 20px;
  }
}

.bd-testimonial-2 {
  padding: 60px 65px;
  padding-inline-end: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-testimonial-2 {
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-testimonial-2 {
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-testimonial-2__author {
    flex-direction: column;
  }
}
.bd-testimonial-2__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -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-testimonial-2__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bd-common-black);
  height: 100%;
  width: 100%;
  opacity: 0.5;
}
.bd-testimonial-2__slider {
  background-color: var(--bd-common-white);
  overflow: hidden;
}
.bd-testimonial-2__slider ul.slick-dots {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 38%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
[dir=rtl] .bd-testimonial-2__slider ul.slick-dots {
  right: auto;
  left: 38%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-testimonial-2__slider ul.slick-dots {
    right: 32%;
  }
  [dir=rtl] .bd-testimonial-2__slider ul.slick-dots {
    right: auto;
    left: 32%;
  }
}
@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-2__slider ul.slick-dots {
    display: none !important;
  }
}
.bd-testimonial-2__slider ul.slick-dots li {
  list-style: none;
}
.bd-testimonial-2__slider ul.slick-dots li button {
  font-size: 0;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  position: relative;
  border: 1px solid transparent;
  line-height: 33px;
}
.bd-testimonial-2__slider ul.slick-dots li button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 9px;
  background-color: var(--bd-grey-1);
  width: 9px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.bd-testimonial-2__slider ul.slick-dots li.slick-active button {
  border: 2px solid var(--bd-theme-1);
}
.bd-testimonial-2__slider ul.slick-dots li.slick-active button::before {
  background-color: var(--bd-theme-1);
}
.bd-testimonial-2__content p {
  font-family: var(--bd-ff-heading);
  font-size: 24px;
  line-height: 1.66;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-testimonial-2__content p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-testimonial-2__content p {
    font-size: 18px;
  }
}
.bd-testimonial-2__content hr {
  margin-top: 35px;
  margin-bottom: 25px;
}
.bd-testimonial-2__title {
  font-family: var(--bd-ff-body);
  font-weight: var(--bd-fw-medium);
  font-size: 30px;
  line-height: 30px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-testimonial-2__title {
    font-size: 22px;
    line-height: 1;
  }
}
.bd-testimonial-2__des {
  font-family: var(--bd-ff-body);
  font-size: 16px;
  line-height: 30px;
  text-transform: capitalize;
  color: var(--bd-grey-3);
}
.bd-testimonial-2__rating {
  gap: 10px;
}
.bd-testimonial-2__rating i {
  display: inline-block;
  color: #FFC107;
  font-size: 20px;
}
.bd-testimonial-2__thumb {
  height: 300px;
  width: 300px;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-testimonial-2__thumb {
    height: 200px;
    width: 200px;
  }
}
.bd-testimonial-2__thumb-2 {
  height: 100px;
  width: 100px;
}
.bd-testimonial-2__thumb-2 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.bd-testimonial-2__thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.bd-testimonial-3__content {
  height: 100%;
  padding: 40px;
  border: 1px solid var(--bd-grey-1);
}
@media (max-width: 575px) {
  .bd-testimonial-3__content {
    padding: 20px;
  }
}
.bd-testimonial-3__content p {
  font-size: 24px;
  line-height: 36px;
  text-transform: capitalize;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-testimonial-3__content p {
    font-size: 16px;
    line-height: 30px;
  }
}
.bd-testimonial-3__thumb {
  height: 100%;
  width: 100%;
}
.bd-testimonial-3__thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.bd-testimonial-3__client {
  font-size: 18px;
  line-height: 30px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
.bd-testimonial-3__title {
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
.bd-testimonial-3__pagination {
  position: absolute;
  inset-inline-end: 40px;
  bottom: 40px;
  margin-bottom: 0;
  z-index: 1;
}
@media (max-width: 575px) {
  .bd-testimonial-3__pagination {
    position: static;
    justify-content: center;
    margin-top: 40px;
  }
}

.bd-testimonial-4 {
  padding: 50px 40px;
  border: 1px solid var(--bd-grey-3);
  text-align: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bd-testimonial-4 {
    padding: 60px 50px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-testimonial-4 {
    padding: 60px 30px 50px;
  }
}
@media (max-width: 575px) {
  .bd-testimonial-4 {
    padding: 50px 20px;
  }
}
.bd-testimonial-4__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.bd-testimonial-4__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bd-common-black);
  opacity: 0.6;
  height: 100%;
  width: 100%;
}
.bd-testimonial-4__content {
  text-align: center;
}
.bd-testimonial-4__content p {
  color: var(--bd-common-white);
  margin-bottom: 35px;
  font-family: var(--bd-ff-heading);
  font-weight: 400;
  font-size: 22px;
  line-height: 40px;
  text-align: center;
  text-transform: capitalize;
}
.bd-testimonial-4__quote i {
  font-size: 60px;
  color: var(--bd-theme-1);
  display: inline-block;
  margin-bottom: 35px;
}
.bd-testimonial-4__quote-2 i {
  font-size: 60px;
  transform: rotate(-180deg);
  display: inline-block;
  color: var(--bd-theme-1);
  margin-bottom: 40px;
}
.bd-testimonial-4__rating {
  gap: 10px;
}
.bd-testimonial-4__rating i {
  display: inline-block;
  color: #FFC107;
  font-size: 16px;
  margin-bottom: 10px;
}
.bd-testimonial-4__thumb {
  height: 50px;
  width: 50px;
  margin-inline-end: 25px;
}
.bd-testimonial-4__thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.bd-testimonial-4__client {
  gap: 2px 10px;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.bd-testimonial-4__client-name {
  font-size: 24px;
  line-height: 30px;
  text-transform: capitalize;
  color: var(--bd-common-white);
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .bd-testimonial-4__client-name {
    font-size: 20px;
  }
}
.bd-testimonial-4__client-position {
  color: var(--bd-grey-3);
}

.bd-blog__thumb {
  height: 425px;
}
.bd-blog__thumb-3 {
  height: 500px;
}
.bd-blog__thumb-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bd-blog__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bd-blog__btn .bd-btn {
  color: var(--bd-common-black);
  border-color: var(--bd-common-black);
}
.bd-blog__btn .bd-btn:hover {
  border-color: var(--bd-theme-1);
}
.bd-blog__btn {
  text-align: right;
}
[dir=rtl] .bd-blog__btn {
  text-align: left;
}
@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-blog__btn {
    text-align: left;
  }
  [dir=rtl] .bd-blog__btn {
    text-align: right;
  }
}
.bd-blog__content {
  background-color: rgba(255, 255, 255, 0.74);
  height: 100%;
  padding: 33px 40px;
  padding-bottom: 17px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .bd-blog__content {
    padding: 33px 20px;
  }
}
.bd-blog__content-wrap {
  margin: 40px;
  position: absolute;
  top: 140px;
  left: 0;
  bottom: 0;
  right: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog__content-wrap {
    right: 0;
    margin: 30px;
  }
}
@media (max-width: 450px) {
  .bd-blog__content-wrap {
    margin: 15px;
  }
}
@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-blog__content-cat-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.bd-blog__content-cat a {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  color: #414141;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-medium);
}
.bd-blog__content-cat a i {
  display: inline-block;
  transform: rotate(90deg) translateX(1px);
}
.bd-blog__title {
  text-transform: capitalize;
  font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-blog__title {
    font-size: 22px;
  }
}
@media (max-width: 450px) {
  .bd-blog__title {
    font-size: 20px;
  }
}
.bd-blog__title a {
  position: relative;
  display: inline;
  background-image: linear-gradient(to right, var(--bd-common-black) 0%, var(--bd-common-black) 100%);
  background-size: 0px 1px;
  background-position: 0px 95%;
  -webkit-transition: background-size 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -o-transition: background-size 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: background-size 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  padding: 0.7% 0px;
  background-repeat: no-repeat;
  color: inherit;
  line-height: 1.4;
  transition: all 0.5s ease-out 0s;
}
.bd-blog__title a:hover {
  background-size: 100% 1px;
}
.bd-blog__meta {
  width: 60px;
  text-align: center;
  padding: 20px 0;
  position: absolute;
  top: 0;
  right: -100px;
  background-color: var(--bd-theme-1);
}
@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-blog__meta {
    position: static;
    width: auto;
    padding: 5px 10px;
    border: 0;
  }
}
.bd-blog__meta span {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--bd-common-white);
}
@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-blog__meta span {
    display: inline;
    color: var(--bd-common-black);
  }
}

.bd-blog-2 {
  min-height: 548px;
  border: 1px solid var(--bd-grey-1);
  position: relative;
  padding: 30px;
}
@media (hover: none) {
  .bd-blog-2 {
    border-color: transparent;
  }
}
.bd-blog-2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -5.57%, rgba(0, 0, 0, 0.9) 94.43%);
  height: 100%;
  width: 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;
}
@media (hover: none) {
  .bd-blog-2::before {
    opacity: 1;
    visibility: visible;
  }
}
.bd-blog-2:hover {
  border-color: transparent;
}
.bd-blog-2:hover::before {
  opacity: 1;
  visibility: visible;
}
.bd-blog-2:hover .bd-blog-2__thumb {
  top: 0;
  inset-inline-end: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bd-blog-2:hover .bd-blog-2__title {
  color: var(--bd-common-white);
}
.bd-blog-2:hover .bd-blog-2__title:hover {
  color: var(--bd-theme-1);
}
.bd-blog-2:hover .bd-blog-2__meta {
  background-color: var(--bd-common-white);
}
.bd-blog-2__thumb {
  width: 240px;
  height: 350px;
  position: absolute;
  top: 30px;
  inset-inline-end: 30px;
  -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 (hover: none) {
  .bd-blog-2__thumb {
    top: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
.bd-blog-2__thumb img {
  object-fit: cover;
  width: 100%;
  height: 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-blog-2__meta {
  font-weight: 500;
  font-size: 16px;
  display: inline-flex;
  position: absolute;
  top: 30px;
  inset-inline-start: 30px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--bd-common-black);
  background-color: var(--bd-theme-1);
  min-width: 50px;
  min-height: 60px;
  justify-content: center;
  align-items: 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;
}
@media (hover: none) {
  .bd-blog-2__meta {
    background-color: var(--bd-common-white);
  }
}
.bd-blog-2__title {
  font-size: 24px;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .bd-blog-2__title {
    font-size: 20px;
  }
}
@media (hover: none) {
  .bd-blog-2__title {
    color: var(--bd-common-white);
  }
}

.bd-blog-3 {
  overflow: hidden;
}
.bd-blog-3:hover .bd-blog-3-content-2 {
  background-color: var(--bd-theme-6);
  border-color: var(--bd-theme-6);
}
.bd-blog-3-shape {
  position: absolute;
  inset-inline-start: 55%;
  top: 50px;
}
.bd-blog-3-navigation {
  display: flex;
  gap: 15px;
  justify-content: end;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog-3-navigation {
    justify-content: start;
    padding-top: 28px;
    padding-bottom: 5px;
  }
}
.bd-blog-3-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-3-navigation button:hover {
  color: var(--bd-common-white);
  background-color: var(--bd-common-black);
}
.bd-blog-3-search label {
  display: block;
  font-size: 30px;
  font-family: var(--bd-ff-heading);
  line-height: 39px;
  color: var(--bd-common-black);
  margin-bottom: 20px;
}
.bd-blog-3-search-input {
  position: relative;
  margin-inline-end: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-blog-3-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-3-search-input {
    margin-inline-end: 0px;
  }
}
.bd-blog-3-search-input input {
  width: 100%;
  height: 58px;
  border: 1px solid var(--bd-grey-1);
  padding-inline-start: 22px;
  padding-inline-end: 80px;
}
.bd-blog-3-search-input input:focus {
  border-color: var(--bd-theme-1);
}
.bd-blog-3-search-input-2 {
  position: relative;
}
.bd-blog-3-search-input-2 input {
  width: 100%;
  height: 58px;
  border: 1px solid var(--bd-grey-1);
  padding-inline-start: 22px;
  padding-inline-end: 80px;
}
.bd-blog-3-search-input-2 input:focus {
  border-color: var(--bd-theme-1);
}
.bd-blog-3-search-submit {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
}
.bd-blog-3-search-submit button {
  height: 58px;
  width: 58px;
  line-height: 58px;
  text-align: center;
  background-color: var(--bd-theme-1);
  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-3-search-submit button:hover {
  background-color: var(--bd-common-black);
}
.bd-blog-3-cat-title {
  font-size: 30px;
  line-height: 39px;
  color: var(--bd-common-black);
  margin-bottom: 20px;
}
.bd-blog-3-cat-menu {
  display: inline-flex;
  border: 1px solid var(--bd-grey-1);
  list-style-type: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog-3-cat-menu {
    border: 0;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.bd-blog-3-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-3-cat-menu button {
    padding: 0 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog-3-cat-menu button {
    border: 1px solid var(--bd-grey-1);
    border-radius: 0;
  }
}
.bd-blog-3-cat-menu button.active {
  color: var(--bd-theme-1);
}
.bd-blog-3-cat-menu button:hover {
  color: var(--bd-theme-1);
}
.bd-blog-3-cat-menu button:last-child {
  border-right: 0;
}
[dir=rtl] .bd-blog-3-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-3-cat-menu button:last-child {
    border-right: 1px solid var(--bd-grey-1);
  }
  [dir=rtl] .bd-blog-3-cat-menu button:last-child {
    border-left: 1px solid var(--bd-grey-1);
  }
}
[dir=rtl] .bd-blog-3-cat-menu button:first-child {
  border-right: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog-3-cat-menu button:first-child {
    border-right: 1px solid var(--bd-grey-1);
  }
  [dir=rtl] .bd-blog-3-cat-menu button:first-child {
    border-right: 1px solid var(--bd-grey-1);
    border-left: 1px solid var(--bd-grey-1);
  }
}
.bd-blog-3-thumb {
  width: 100%;
  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), (max-width: 575px) {
  .bd-blog-3-thumb-2 {
    height: 200px;
  }
}
.bd-blog-3-thumb:hover img {
  transform: scale(1.1);
}
.bd-blog-3-thumb:hover::before {
  animation: shine 800ms;
}
.bd-blog-3-thumb-3 {
  width: 100%;
  height: 367px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-blog-3-thumb-3 {
    height: 300px;
  }
}
@media (max-width: 575px) {
  .bd-blog-3-thumb-3 {
    height: 280px;
  }
}
.bd-blog-3-thumb-3:hover img {
  transform: scale(1.03);
}
.bd-blog-3-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-3-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-3-content {
  position: relative;
  padding: 17px 25px;
  border: 1px solid var(--bd-grey-1);
  border-top: 0;
  padding-top: 20px;
}
.bd-blog-3-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-3-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-3-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.bd-blog-3-meta span {
  font-size: 16px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.bd-blog-3-meta span i {
  color: var(--bd-theme-1);
}
.bd-blog-3-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-3-date {
  position: absolute;
  top: -36px;
  inset-inline-start: 24px;
  background: var(--bd-theme-1);
  padding: 5px 10px;
  font-size: 16px;
  z-index: 1;
}
.bd-blog-3-date-2 {
  position: absolute;
  bottom: 0;
  height: 100%;
  writing-mode: vertical-lr;
  left: 0;
  transform: rotate(-180deg);
}
[dir=rtl] .bd-blog-3-date-2 {
  margin-left: 0;
  margin-right: -45px;
}
.bd-blog-3-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-3-title {
  font-weight: 500;
}
.bd-blog-3-title a:hover {
  color: var(--bd-theme-1);
}
.bd-blog-3-title-2 {
  font-weight: 500;
}
.bd-blog-3-title-2 a:hover {
  color: var(--bd-theme-1);
}
.bd-blog-3-sidebar {
  border: 1px solid var(--bd-grey-1);
}
.bd-blog-3-sidebar-wrapper {
  position: sticky;
  top: 100px;
}
.bd-blog-3-sidebar-content {
  padding: 24px;
}
.bd-blog-3-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-3-sidebar-cat ul li {
  list-style: none;
  border-bottom: 1px solid var(--bd-grey-1);
}
.bd-blog-3-sidebar-cat ul li:last-child {
  border-bottom: 0;
}
.bd-blog-3-sidebar-cat ul li a {
  line-height: 1;
  display: flex;
  justify-content: space-between;
  padding: 24px;
}
.bd-blog-3-sidebar-cat ul li a span {
  position: relative;
  font-size: 18px;
  font-weight: 500;
}
.bd-blog-3-sidebar-cat ul li a span:first-child {
  padding-inline-start: 15px;
}
.bd-blog-3-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-3-sidebar-tag ul {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  list-style-type: none;
}
.bd-blog-3-sidebar-tag ul li a {
  height: 40px;
  display: inline-block;
  padding: 0 15px;
  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;
  text-transform: capitalize;
}
.bd-blog-3-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-3-latest ul li {
  list-style-type: none;
  padding: 24px;
  border-bottom: 1px solid var(--bd-grey-1);
}
@media (max-width: 575px) {
  .bd-blog-3-latest ul li {
    padding: 20px;
  }
}
.bd-blog-3-latest ul li:last-child {
  border-bottom: 0;
}
.bd-blog-3-latest-content {
  display: flex;
  gap: 13px;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-blog-3-latest-content {
    align-items: start;
  }
}
.bd-blog-3-latest-thumb {
  height: 116px;
  width: 116px;
  min-width: 116px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-blog-3-latest-thumb {
    height: 100px;
    min-width: 90px;
  }
}
.bd-blog-3-latest-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.bd-blog-3-latest-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-blog-3-latest-title {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-blog-3-latest-title-wrap {
    position: relative;
    top: -7px;
  }
}
.bd-blog-3-latest-meta i {
  color: var(--bd-theme-1);
  margin-inline-end: 10px;
  font-size: 16px;
}
.bd-blog-3-latest-meta span {
  font-size: 16px;
  color: var(--bd-common-black);
}
.bd-blog-3-details-thumb {
  height: 500px;
  width: 100%;
}
@media (max-width: 575px) {
  .bd-blog-3-details-thumb {
    height: 400px;
  }
}
.bd-blog-3-details-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.bd-blog-3-details-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  margin-top: 15px;
  flex-wrap: wrap;
}
.bd-blog-3-details-meta span {
  font-size: 16px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.bd-blog-3-details-meta span i {
  color: var(--bd-theme-1);
}
.bd-blog-3-details-content p {
  margin-bottom: 23px;
}
.bd-blog-3-details-title {
  font-size: 36px;
  line-height: 1.3;
  margin-bottom: 23px;
  text-transform: capitalize;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog-3-details-title {
    font-size: 30px;
  }
}
@media (max-width: 450px) {
  .bd-blog-3-details-title {
    font-size: 28px;
  }
}
.bd-blog-3-details-nav {
  display: flex;
  padding: 22px 0;
  justify-content: space-between;
  border-bottom: 1px solid var(--bd-grey-1);
}
.bd-blog-3-details-nav span i {
  font-size: 40px;
  display: inline-block;
  margin-top: 3px;
}
.bd-blog-3-details-nav-prev, .bd-blog-3-details-nav-next {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bd-blog-3-details-nav-prev a, .bd-blog-3-details-nav-next a {
  font-weight: 500;
}
.bd-blog-3-details-nav-prev a i, .bd-blog-3-details-nav-next a i {
  background-color: var(--bd-grey-1);
  height: 48px;
  width: 48px;
  line-height: 48px;
  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-blog-3-details-nav-prev a i:hover, .bd-blog-3-details-nav-next a i:hover {
  background-color: var(--bd-theme-1);
  color: var(--bd-common-white);
}
.bd-blog-3-quote {
  display: flex;
  gap: 20px;
  align-items: start;
  padding: 30px;
  filter: drop-shadow(-6px 0 var(--bd-theme-1));
  background-color: var(--bd-theme-2);
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog-3-quote {
    flex-direction: column;
    gap: 0;
  }
}
.bd-blog-3-quote-icon {
  color: var(--bd-theme-1);
  font-size: 94px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog-3-quote-icon {
    font-size: 50px;
  }
}
.bd-blog-3-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-3-quote-content p {
    font-size: 25px;
  }
}
.bd-blog-3-quote-content span {
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  position: relative;
  padding-inline-start: 50px;
}
.bd-blog-3-quote-content span::before {
  content: "";
  position: absolute;
  background-color: var(--bd-theme-1);
  width: 32px;
  height: 2px;
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.bd-blog-3-topic-thumb {
  height: 467px;
  width: 100%;
}
.bd-blog-3-topic-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bd-blog-3-topic-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.4;
  background-color: var(--bd-common-black);
}
.bd-blog-3-topic-title {
  font-size: 32px;
  line-height: 1.5;
  margin-top: 40px;
  margin-bottom: 23px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog-3-topic-title {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 5px;
  }
}
@media (max-width: 450px) {
  .bd-blog-3-topic-title {
    font-size: 25px;
  }
}
.bd-blog-3-topic-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--bd-common-white);
}
.bd-blog-3-topic-video-btn a {
  font-size: 35px;
  text-align: center;
}
.bd-blog-3-topic-list {
  padding: 25px;
}
.bd-blog-3-topic-list ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bd-blog-3-topic-list ul li {
  list-style-type: none;
  position: relative;
  padding-inline-start: 30px;
  color: var(--bd-common-black);
}
.bd-blog-3-topic-list ul li::before {
  content: "\f105";
  font-family: var(--bd-ff-fontawesome);
  background: var(--bd-theme-1);
  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-3-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-3-tag ul {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  list-style-type: none;
}
.bd-blog-3-tag ul li a {
  height: 40px;
  display: inline-block;
  padding: 0 15px;
  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-3-tag ul li a:hover {
  background-color: var(--bd-theme-1);
  color: var(--bd-common-white);
  border-color: var(--bd-theme-1);
}
.bd-blog-3-social ul {
  list-style: none;
  display: flex;
  gap: 10px;
}
.bd-blog-3-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-3-social ul li a:hover {
  background-color: var(--bd-theme-1);
  color: var(--bd-common-white);
  border-color: var(--bd-theme-1);
}
.bd-blog-3-comment-box {
  border-bottom: 1px solid var(--bd-grey-1);
  padding-bottom: 18px;
  margin-bottom: 35px;
}
.bd-blog-3-comment ul li {
  list-style: none;
}
.bd-blog-3-comment-info {
  display: flex;
  justify-content: space-between;
}
.bd-blog-3-comment-wrap {
  padding: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog-3-comment-wrap {
    padding: 40px 24px;
  }
}
.bd-blog-3-comment-title {
  font-size: 32px;
  line-height: 1.5;
  color: var(--bd-common-black);
}
.bd-blog-3-comment-thumb {
  height: 70px;
  width: 70px;
}
.bd-blog-3-comment-thumb-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.bd-blog-3-comment-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.bd-blog-3-comment-replay-btn {
  color: var(--bd-theme-1);
}
.bd-blog-3-comment-text {
  padding-inline-start: 85px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog-3-comment-text {
    padding-inline-start: 0;
  }
}

.bd-blog-pagination ul {
  list-style-type: none;
  display: flex;
  gap: 8px;
}
.bd-blog-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;
  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-blog-pagination ul li .page-numbers:hover {
  background-color: var(--bd-theme-1);
  color: var(--bd-common-white);
}
.bd-blog-pagination ul li .page-numbers.current {
  color: var(--bd-common-white);
  background-color: var(--bd-theme-1);
}

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

.bd-blog-3-latest-content .bd-blog-3-latest-thumb {
  overflow: hidden;
}
.bd-blog-3-latest-content .bd-blog-3-latest-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;
}
.bd-blog-3-latest-content:hover .bd-blog-3-latest-thumb img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

@media (max-width: 450px) {
  .bd-blog-3-latest-content {
    flex-direction: column;
    align-items: start;
  }
}

@media (max-width: 450px) {
  .bd-blog-3-latest-thumb {
    height: auto;
    max-width: 100%;
    min-width: 116px;
    width: 100%;
  }
}

.bd-blog-3-latest-title a {
  position: relative;
  display: inline;
  background-image: linear-gradient(to right, var(--bd-common-black) 0%, var(--bd-common-black) 100%);
  background-size: 0px 1px;
  background-position: 0px 95%;
  -webkit-transition: background-size 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -o-transition: background-size 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: background-size 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  padding: 0.7% 0px;
  background-repeat: no-repeat;
  color: inherit;
  transition: all 0.5s ease-out 0s;
}
.bd-blog-3-latest-title a:hover {
  background-size: 100% 1px;
}

.bd-blog-4 {
  min-height: 548px;
  border: 1px solid var(--bd-grey-1);
  position: relative;
  padding: 30px;
  border-color: transparent;
}
.bd-blog-4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -5.57%, rgba(0, 0, 0, 0.9) 94.43%);
  height: 100%;
  width: 100%;
  opacity: 1;
  visibility: visible;
  -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-4:hover {
  border-color: transparent;
}
.bd-blog-4:hover::before {
  opacity: 1;
  visibility: visible;
}
.bd-blog-4:hover .bd-blog-4__thumb {
  top: 0;
  inset-inline-end: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bd-blog-4:hover .bd-blog-4__title {
  color: var(--bd-theme-1);
}
.bd-blog-4:hover .bd-blog-4__meta {
  background-color: var(--bd-common-white);
}
.bd-blog-4__thumb {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  top: 0px;
  inset-inline-end: 0px;
  -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-4__thumb img {
  object-fit: cover;
  width: 100%;
  height: 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-blog-4__meta {
  font-weight: 500;
  font-size: 16px;
  display: inline-flex;
  position: absolute;
  top: 30px;
  inset-inline-start: 30px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--bd-common-black);
  background-color: var(--bd-common-white);
  min-width: 50px;
  min-height: 60px;
  justify-content: center;
  align-items: 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-blog-4__title {
  font-size: 24px;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
  color: var(--bd-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-blog-4__title {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .bd-blog-4__title {
    font-size: 20px;
  }
}

.bd-blog-2-nav {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.bd-newsletter {
  position: relative;
}
.bd-newsletter__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.bd-newsletter__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bd-common-black);
  opacity: 0.3;
  height: 100%;
  width: 100%;
}
.bd-newsletter__content .bd-section__title {
  padding: 0 10px;
}
.bd-newsletter__input {
  height: 100%;
}
.bd-newsletter__input input {
  width: 100%;
  padding-inline-start: 100px;
  padding-inline-end: 260px;
  font-weight: 400;
  font-size: 24px;
  line-height: 90px;
  text-transform: capitalize;
  height: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-newsletter__input input {
    padding-inline-start: 70px;
    padding-inline-end: 220px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-newsletter__input input {
    padding-inline-start: 70px;
    padding-inline-end: 20px;
    height: 80px;
  }
}
@media (max-width: 575px) {
  .bd-newsletter__input input {
    padding-inline-start: 55px;
    padding-inline-end: 20px;
    height: 80px;
  }
}
.bd-newsletter__input input::placeholder {
  color: #A6A6A6;
  font-size: 24px;
}
@media (max-width: 575px) {
  .bd-newsletter__input input::placeholder {
    font-size: 22px;
  }
}
.bd-newsletter__input-wrap {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-newsletter__input-wrap {
    margin: 0 10px;
  }
}
.bd-newsletter__input-icon {
  position: absolute;
  inset-inline-start: 35px;
  top: 52%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-newsletter__input-icon {
    inset-inline-start: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-newsletter__input-icon {
    inset-inline-start: 20px;
    top: 26%;
  }
}
@media (max-width: 575px) {
  .bd-newsletter__input-icon {
    inset-inline-start: 15px;
    top: 26%;
  }
}
.bd-newsletter__input-icon i {
  font-size: 35px;
  color: #D9D9D9;
}
@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-newsletter__input-icon i {
    font-size: 30px;
  }
}
.bd-newsletter__submit {
  position: absolute;
  inset-inline-end: 0;
  height: 100%;
  padding: 0 35px;
  top: 0;
  background-color: var(--bd-theme-1);
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--bd-common-black);
  display: flex;
  align-items: center;
  gap: 25px;
}
.bd-newsletter__submit i {
  -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) {
  .bd-newsletter__submit {
    padding: 0 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-newsletter__submit {
    position: static;
    height: 70px;
    text-align: center;
    margin-top: 15px;
  }
}
.bd-newsletter__submit:hover {
  color: var(--bd-common-white);
}
.bd-newsletter__submit:hover i {
  transform: rotate(50deg);
}

.bd-gallery__thumb img {
  width: 100%;
}

.glo-restaurant-thumb {
  position: relative;
}
.glo-restaurant-thumb img {
  width: 100%;
}
.glo-restaurant-thumb::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: var(--bd-common-black);
  z-index: 1;
  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;
}
.glo-restaurant-thumb:hover::before {
  opacity: 0.5;
  visibility: visible;
}

.glo-restaurant-content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  transform: translate(-50%, -50%);
  -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;
}
.glo-restaurant-content i {
  color: var(--bd-common-white);
  font-size: 30px;
  margin-bottom: 15px;
}

.glo-restaurant-thumb:hover .glo-restaurant-content {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.2s;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .glo-restaurant-gallery .glo-gallery-page-thumb .img-hover {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .glo-restaurant-gallery .glo-gallery-page-thumb .img-hover img {
    width: 100%;
  }
}
.gallery__img-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 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) {
  .gallery__img-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .gallery__img-wrapper {
    gap: 20px;
  }
}
@media (max-width: 450px) {
  .gallery__img-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
}
.gallery__img-wrapper .gallery__img {
  overflow: hidden;
}
@media (max-width: 450px) {
  .gallery__img-wrapper .gallery__img img {
    aspect-ratio: 100/50;
  }
}
.gallery__img-wrapper .gallery__img:nth-child(1), .gallery__img-wrapper .gallery__img:nth-child(6), .gallery__img-wrapper .gallery__img:nth-child(7) {
  grid-column: span 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) {
  .gallery__img-wrapper .gallery__img:nth-child(1), .gallery__img-wrapper .gallery__img:nth-child(6), .gallery__img-wrapper .gallery__img:nth-child(7) {
    grid-column: inherit;
  }
}
.gallery__img-wrapper .gallery__img:nth-child(1) img, .gallery__img-wrapper .gallery__img:nth-child(6) img, .gallery__img-wrapper .gallery__img:nth-child(7) img {
  aspect-ratio: 100/50;
}
.gallery__img {
  position: relative;
}
.gallery__img:hover img {
  transform: scale(1.1);
}
.gallery__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -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-feature__list-item {
  text-align: center;
}
.bd-feature__list-item i {
  line-height: 68px;
  text-align: center;
  border-radius: 60px;
  display: inline-block;
  font-size: 60px;
  margin-bottom: 10px;
}
@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__list-item i {
    font-size: 50px;
  }
}
.bd-feature__list-item p {
  font-size: 24px;
  line-height: 40px;
  text-transform: capitalize;
}
@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__list-item p {
    font-size: 20px;
  }
}
.bd-feature__list-item.is-white i {
  color: var(--bd-common-white);
}
.bd-feature__list-item.is-white p {
  color: var(--bd-common-white);
}
.bd-feature__list-content {
  display: flex;
  justify-content: space-between;
  gap: 0 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-feature__list-content {
    gap: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-feature__list-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-feature__list-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .bd-feature__list-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}

.bd-contact-form {
  padding: 50px 30px;
  border: 1px solid var(--bd-grey-1);
}
@media (max-width: 575px) {
  .bd-contact-form {
    padding: 50px 20px;
  }
}
.bd-contact-input .nice-select {
  width: 100%;
  height: 58px;
  line-height: 58px;
  padding: 0px 15px;
}
.bd-contact-input .nice-select .list {
  width: 100%;
  border-radius: 16px;
  border-color: var(--bd-text-body);
}
.bd-contact-input .nice-select .option {
  font-size: 16px;
  font-weight: 400;
}
.bd-contact-input .nice-select .option.selected {
  font-weight: 500;
}


/** added **/
.bd-contact-input .bd-nice-select {
  background-color: transparent;
  color: #000;
  width: 100%;
  border: 1px solid #e8e8e8;
  height: 60px;
  border-radius: 0;
  font-size: 16px;
}
.bd-contact-input .bd-nice-select:focus {
  border-color: var(--bd-theme-1);
}
.bd-contact-input .bd-nice-select .list {
  width: 100%;
  border-radius: 0;  
  border-color: var(--bd-text-body);
}
.bd-contact-input .nice-select .option.selected {
  font-weight: 500;
}
.bd-contact-input .bd-nice-select .list .option:hover {
  background: var(--bd-theme-1);
}
.bd-contact-input .bd-nice-select .list .selected,
.bd-contact-input .bd-nice-select .list .focus {
  background: var(--bd-theme-1);
}


.bd-contact-input label {
  display: block;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 10px;
}
.bd-contact-input label i {
  font-size: 8px;
  color: red;
}
.bd-contact-input input {
  width: 100%;
  height: 58px;
  line-height: 58px;
  padding: 0px 15px;
  border: 1px solid var(--bd-grey-1);
  font-size: 18px;
  -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-contact-input input:focus {
  border-color: var(--bd-theme-1);
}
.bd-contact-input textarea {
  width: 100%;
  height: 200px;
  resize: none;
  border: 1px solid var(--bd-grey-1);
  padding: 15px;
  line-height: 1.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;
}
.bd-contact-input textarea:focus {
  outline: 0;
  border-color: var(--bd-theme-1);
}
.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-agree-btn .bd-btn {
  color: var(--bd-common-black);
  border-color: var(--bd-common-black);
}
.bd-contact-agree-btn .bd-btn:hover {
  border-color: var(--bd-theme-1);
}
.bd-contact-map {
  height: 100%;
  width: 100%;
  border: 2px solid var(--bd-grey-1);
  min-height: 400px;
}
.bd-contact-map iframe {
  height: 100%;
  width: 100%;
  /*filter: grayscale(1);*/
}

/* for jquery */
.error {
      color: red;
}

.bd-error-area {
  margin-top: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-error-area {
    margin-top: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-error-area {
    margin-top: 160px;
    padding-bottom: 10px;
  }
}
.bd-error-btn a {
  display: inline-flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--bd-grey-1);
  padding: 13px 30px;
}
.bd-error-btn a:hover {
  border-color: var(--bd-theme-1);
}
.bd-error-thumb img {
  max-width: 100%;
}

.bd-text-scroll-line {
  display: flex;
  align-items: center;
  gap: 25px;
}

.bd-text-scroll-line__heading {
  /*font-size: 120px;*/
  font-size: 80px;
  font-weight: 400;
  line-height: 1.2;
  font-family: var(--bd-ff-heading);
  text-transform: capitalize;
  white-space: nowrap;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bd-text-scroll-line__heading {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-text-scroll-line__heading {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-text-scroll-line__heading {
    font-size: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-text-scroll-line__heading {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-text-scroll-line__heading {
    font-size: 40px;
  }
}

.bd-text-scroll-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.text__scroll .swiper-slide {
  width: auto;
}

.bd-roomview-area {
  background: var(--bd-common-black);
  position: relative;
}

.bd-roomview__bg {
  height: 100%;
  width: 55%;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  -webkit-transition: all 8s ease-out 0s;
  -moz-transition: all 8s ease-out 0s;
  -ms-transition: all 8s ease-out 0s;
  -o-transition: all 8s ease-out 0s;
  transition: all 8s ease-out 0s;
}
.bd-roomview__bg:hover {
  background-position: right;
}
.bd-roomview__bg:hover .bd-roomview__btn a i {
  animation: rotate-infinite 8s infinite alternate;
}
.bd-roomview__bg-2 {
  height: 100%;
  width: 100%;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.bd-roomview__bg-2::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-roomview__bg {
    width: 48%;
  }
}
@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-roomview__bg {
    height: 500px;
    width: 100%;
    position: relative;
  }
}
.bd-roomview__bg::before {
  content: "";
  background-color: #000000;
  opacity: 0.15;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bd-roomview__btn a {
  display: inline-block;
  height: 86px;
  width: 86px;
  font-size: 40px;
  color: var(--bd-common-white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid var(--bd-common-white);
  line-height: 86px;
  text-align: center;
  border-radius: 50%;
}
.bd-roomview__btn a i {
  display: inline-block;
}
.bd-roomview__list ul {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.bd-roomview__list ul li {
  list-style: none;
}
.bd-roomview__list ul li a {
  font-size: 24px;
  line-height: 40px;
  text-transform: capitalize;
  color: var(--bd-common-white);
  font-family: var(--bd-ff-heading);
  position: relative;
  -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;
  z-index: 2;
}
@media (max-width: 575px) {
  .bd-roomview__list ul li a {
    font-size: 20px;
  }
}
.bd-roomview__list ul li a i {
  transform: rotate(-45deg);
  font-size: 26px;
  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-roomview__list ul li a::before {
  position: absolute;
  content: "";
  width: 0px;
  height: 1px;
  top: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
  background-color: var(--bd-common-white);
  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;
  z-index: 1;
}
.bd-roomview__list ul li a:hover {
  padding-inline-start: 65px;
  font-size: 36px;
}
@media (max-width: 575px) {
  .bd-roomview__list ul li a:hover {
    font-size: 25px;
  }
}
.bd-roomview__list ul li a:hover::before {
  width: 53px;
  opacity: 1;
  visibility: visible;
}
.bd-roomview__list ul li a:hover i {
  opacity: 1;
  visibility: visible;
}
.bd-roomview__slider-wrap {
  min-height: 690px;
}
@media (max-width: 575px) {
  .bd-roomview__slider-wrap {
    min-height: 600px;
  }
}
.bd-roomview__slider-number {
  position: absolute;
  color: var(--bd-common-white);
  z-index: 33;
  font-size: 45px;
  bottom: 230px;
  padding-inline-start: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-roomview__slider-number {
    padding-inline-start: 0px;
  }
}
@media (max-width: 575px) {
  .bd-roomview__slider-number {
    display: none !important;
  }
}
.bd-roomview__slider-number span {
  font-size: 16px;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 400;
}
.bd-roomview__slider-number span.current {
  font-weight: 500;
  color: var(--bd-theme-1);
  font-size: 24px;
}
[dir=rtl] .bd-roomview__slider-number span.current {
  transform: translateY(10px);
  padding-left: 5px;
}
.bd-roomview__slider-number span.total {
  transform: translate(-10px, 25px);
}
[dir=rtl] .bd-roomview__slider-number span.total {
  transform: translate(0px, 20px);
}
.bd-roomview__slider-number span.divider {
  transform: rotate(20deg);
  font-size: 45px;
  color: var(--bd-common-white);
}
.bd-roomview__price {
  height: 120px;
  width: 120px;
  border: 1px solid var(--bd-grey-1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.bd-roomview__price p {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--bd-common-white);
  margin: 0;
}
.bd-roomview__price p span {
  font-size: 28px;
}
.bd-roomview__line-1 {
  position: absolute;
  width: 21%;
  background-color: var(--bd-common-white);
  height: 1px;
  left: 0;
  bottom: 170px;
  z-index: 33;
}
@media (max-width: 575px) {
  .bd-roomview__line-1 {
    bottom: 100px;
  }
}
.bd-roomview__line-2 {
  position: absolute;
  width: 21%;
  background-color: var(--bd-common-white);
  height: 1px;
  right: 0;
  bottom: 170px;
  z-index: 33;
}
@media (max-width: 575px) {
  .bd-roomview__line-2 {
    bottom: 100px;
  }
}
.bd-roomview__pagination {
  position: absolute;
  left: 0;
  z-index: 1;
  bottom: 65px;
  right: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -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), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-roomview__pagination {
    gap: 20px 50px;
    justify-content: center;
    bottom: 30px;
  }
}
@media (max-width: 575px) {
  .bd-roomview__pagination {
    gap: 10px 30px;
    justify-content: center;
    bottom: 120px;
  }
}
.bd-roomview__pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  border-radius: 0%;
  opacity: 1;
  background: transparent;
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  text-transform: capitalize;
  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;
}
@media (max-width: 575px) {
  .bd-roomview__pagination .swiper-pagination-bullet {
    font-size: 20px;
  }
}
.bd-roomview__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  font-size: 36px;
  text-decoration: underline;
}
@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-roomview__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    font-size: 24px;
    color: var(--bd-theme-1);
  }
}
.bd-roomview__pagination-wrap {
  position: relative;
}

.bd-facility {
  max-width: 380px;
}
.bd-facility ul {
  list-style: none;
}
/**.bd-facility ul li {
  margin-bottom: 40px;
}**/
.bd-facility ul li:last-child {
  margin-bottom: 0;
}
.bd-facility__bg {
  z-index: -1;
  position: absolute;
  /**top: 50px;**/
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-facility__bg {
    left: 30px;
  }
  [dir=rtl] .bd-facility__bg {
    right: 30px;
    left: auto;
  }
}
.bd-facility__bg img {
  width: 100%;
}
.bd-facility__thumb {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-facility__thumb {
    width: 500px;
  }
}
.bd-facility__thumb img {
  width: 100%;
}
.bd-facility__title {
  margin-bottom: 12px;
  text-transform: capitalize;
  font-size: 24px;
}

.bd-facility-2__thumb {
  overflow: hidden;
  position: relative;
  height: 795px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-facility-2__thumb {
    height: auto;
    position: unset;
  }
}
.bd-facility-2__thumb img {
  position: absolute;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 110%;
}
@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-facility-2__thumb img {
    height: auto;
    position: unset;
  }
}
.bd-facility-2__content p {
  margin-bottom: 30px;
}
.bd-facility-2__content p span {
  font-weight: var(--bd-fw-medium);
  font-size: 20px;
  line-height: 36px;
  text-transform: capitalize;
  color: var(--bd-common-black);
  display: inline-block;
}
.bd-facility-2__list ul {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.bd-facility-2__list ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bd-facility-2__list ul li i {
  color: var(--bd-theme-1);
}
.bd-facility-2__list ul li span {
  color: var(--bd-common-black);
  text-transform: capitalize;
}

.bd-facility-slider__thumb {
  height: 502px;
  width: 450px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-facility-slider__thumb {
    width: calc(100% - 100px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-facility-slider__thumb {
    width: calc(100% - 100px);
    height: 450px;
  }
}
@media (max-width: 575px) {
  .bd-facility-slider__thumb {
    height: 300px;
    width: 250px;
  }
}
.bd-facility-slider__thumb img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.bd-facility-slider__thumb-2 {
  position: absolute;
  top: 0;
  right: 25px;
  z-index: -1;
  height: 555px;
  width: 426px;
}
[dir=rtl] .bd-facility-slider__thumb-2 {
  right: auto;
  left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-facility-slider__thumb-2 {
    width: calc(100% - 100px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-facility-slider__thumb-2 {
    height: 450px;
    right: 0;
    width: calc(100% - 100px);
  }
}
@media (max-width: 575px) {
  .bd-facility-slider__thumb-2 {
    height: 300px;
    right: 0;
    width: 250px;
  }
}
.bd-facility-slider__thumb-2 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.bd-facility-slider__thumb-wrap {
  position: relative;
  padding-top: 190px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-facility-slider__thumb-wrap {
    padding-top: 100px;
  }
}
.bd-facility-slider__btn {
  position: relative;
}
.bd-facility-slider__btn-shape {
  position: absolute;
  left: -80px;
  top: 0;
  transform: translateY(-40%);
}
.bd-facility-slider__btn-shape img {
  animation: bd-updown 1s ease-in-out 1s forwards infinite alternate;
}
.bd-facility-slider__nav {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 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) {
  .bd-facility-slider__nav {
    top: -80px;
  }
}
.bd-facility-slider__nav span {
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #646464;
  font-weight: 500;
}
.bd-facility-slider__nav span.swiper-pagination-current {
  color: var(--bd-theme-1);
}

.bd-facility-side__shape-1 {
  position: absolute;
  left: -90px;
  top: 150px;
}
.bd-facility-side__shape-1 img {
  opacity: 0.15;
}
.bd-facility-side__shape-2 {
  position: absolute;
  right: -264px;
  bottom: 170px;
}
.bd-facility-side__shape-2 img {
  opacity: 0.15;
}

.bd-facility-area-2.section_spacing {
  padding-top: 135px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-facility-area-2.section_spacing {
    padding-bottom: 105px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-facility-area-2.section_spacing {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-facility-area-2.section_spacing {
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-facility-area-2.section_spacing {
    padding-top: 70px;
  }
}

.full-screen {
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-facility-2__content .bd-section__title {
    font-size: 45px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-facility-2__list {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-facility-slider-area {
    padding-bottom: 20px;
    padding-top: 150px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-facility-area-wrap {
    padding-bottom: 10px;
  }
}

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

.bd-reel-area {
  min-height: 558px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-reel-area {
    min-height: 320px;
  }
}
.bd-reel-area:hover .bd-reel__play-btn img {
  animation: rotate-infinite-2 15s linear infinite;
}

.bd-reel__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bd-reel__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bd-common-black);
  opacity: 0.6;
  height: 100%;
  width: 100%;
}
.bd-reel__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bd-reel__play-btn a {
  position: absolute;
  color: var(--bd-common-white);
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding-top: 70px;
  font-size: 35px;
}

.bd-offer {
  overflow: hidden;
  position: relative;
}
.bd-offer:hover .bd-offer__title::before {
  opacity: 1;
  visibility: visible;
}
.bd-offer:hover .bd-offer__thumb > img {
  transform: scale(1.1);
}
.bd-offer:hover .bd-offer__thumb .bd-offer__content {
  bottom: 0;
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
}
.bd-offer:hover .bd-offer__content-visble {
  opacity: 0;
  visibility: hidden;
}
.bd-offer__thumb {
  width: 100%;
}
.bd-offer__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -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-offer__meta {
  position: absolute;
  top: 30px;
  inset-inline-start: 30px;
}
.bd-offer__meta span {
  font-weight: var(--bd-fw-sbold);
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  text-transform: capitalize;
  color: var(--bd-theme-1);
  background-color: var(--bd-common-black);
  padding: 0 10px;
  height: 36px;
  display: inline-block;
  border-radius: 50px;
}
.bd-offer__content {
  border: 1px solid var(--bd-grey-1);
  border-top: 0;
  text-align: center;
  background: var(--bd-theme-2);
  -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;
  position: absolute;
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
}
@media (hover: none) {
  .bd-offer__content {
    position: static;
    opacity: 1;
    visibility: visible;
  }
}
.bd-offer__content p {
  padding: 0 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-offer__content p {
    padding: 0 20px;
  }
}
.bd-offer__title {
  text-transform: capitalize;
  position: relative;
  padding: 20px 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-offer__title {
    padding: 20px 20px;
  }
}
.bd-offer__title::before {
  content: "";
  width: 60px;
  height: 3px;
  background: var(--bd-theme-1);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 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;
  visibility: hidden;
}
.bd-offer__title a:hover {
  color: var(--bd-theme-1);
}
.bd-offer__btn {
  height: 60px;
  border-top: 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-offer__btn:hover {
  background: var(--bd-theme-1);
}
.bd-offer__btn a {
  font-weight: 500;
  font-size: 16px;
  line-height: 60px;
  color: var(--bd-common-black);
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.bd-offer__content-visble {
  border: 1px solid #ddd;
  -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-align: center;
  text-transform: capitalize;
}
@media (hover: none) {
  .bd-offer__content-visble {
    display: none;
  }
}

.bd-offer__title-2 {
  margin-bottom: 0;
  padding: 10px;
}

.bd-offer-details-area .swiper-container {
  overflow: visible;
}
.bd-offer-details__title {
  font-size: 36px;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .bd-offer-details__title {
    font-size: 30px;
  }
}
.bd-offer-details__widget {
  border-bottom: 1px solid var(--bd-grey-1);
}
.bd-offer-details__list-2 ul {
  list-style-type: none;
}
.bd-offer-details__list-2 ul li {
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: #393939;
}
.bd-offer-details__list ul {
  display: grid;
  grid-template-columns: repeat(3, 240px);
  list-style: none;
  row-gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-offer-details__list ul {
    grid-template-columns: repeat(3, 215px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-offer-details__list ul {
    grid-template-columns: 1fr;
  }
}
.bd-offer-details__list ul li {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
.bd-offer-details__list ul li i {
  font-size: 20px;
  color: var(--bd-theme-1);
}
.bd-offer-details__thumb img {
  width: 100%;
}

.bd-offer-navigation button {
  min-height: 64px;
  min-width: 64px;
  border: 1px solid var(--bd-common-white);
  position: absolute;
  inset-inline-start: 60px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--bd-common-white);
  border-radius: 50%;
  display: inline-block;
  line-height: 64px;
}
.bd-offer-navigation button:hover {
  background-color: var(--bd-theme-1);
  border-color: var(--bd-theme-1);
}
@media (max-width: 575px) {
  .bd-offer-navigation button {
    min-height: 45px;
    min-width: 45px;
    line-height: 45px;
    inset-inline-start: 10px;
  }
}
.bd-offer-navigation button.bd-offerdetails-next {
  inset-inline-start: auto;
  inset-inline-end: 60px;
}
@media (max-width: 575px) {
  .bd-offer-navigation button.bd-offerdetails-next {
    inset-inline-end: 10px;
  }
}

.bd-offer-slider-nav {
  display: flex;
  gap: 10px;
}
.bd-offer-slider-nav .square-nav {
  border-color: var(--bd-text-body);
}
.bd-offer-slider-nav .square-nav:hover {
  border-color: var(--bd-theme-1);
}

.bd-award {
  padding: 60px 60px 50px;
  border: 1px solid var(--bd-grey-1);
  text-align: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bd-award {
    padding: 60px 50px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-award {
    padding: 60px 30px 50px;
  }
}
@media (max-width: 575px) {
  .bd-award {
    padding: 50px 20px;
  }
}
.bd-award__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.bd-award__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bd-common-black);
  opacity: 0.6;
  height: 100%;
  width: 100%;
  border-radius: 100px;
}
.bd-award__content {
  text-align: center;
}
.bd-award__content p {
  color: var(--bd-common-white);
  margin-bottom: 35px;
  font-family: var(--bd-ff-heading);
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  text-transform: capitalize;
}
.bd-award__content span {
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  color: var(--bd-common-white);
}
.bd-award__content-2 p {
  color: #393939;
}
.bd-award__content-2 span {
  color: var(--bd-common-black);
}

.bd-welcome {
  padding-left: 65px;
  padding-right: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-welcome {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 575px) {
  .bd-welcome {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.bd-welcome__bg {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.bd-welcome__bg.bg-left {
  inset-inline-start: 0;
  inset-inline-end: auto;
  width: 37%;
}
@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-welcome__bg.bg-left {
    position: static;
    height: 600px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-welcome__bg {
    position: static;
    height: 600px;
    width: 100%;
  }
}
.bd-welcome__content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: #393939;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-welcome__content-2 .bd-section__title {
    font-size: 45px;
  }
}
.bd-welcome__content-2 p {
  font-size: 20px;
  line-height: 32px;
  text-transform: capitalize;
}
.bd-welcome__subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.bd-welcome__subtitle span {
  color: var(--bd-common-black);
}
.bd-welcome__right {
  height: 100%;
  display: flex;
  align-items: end;
}
.bd-welcome__meta {
  background-color: var(--bd-common-white);
  margin-bottom: 0px;
  padding: 30px;
}
.bd-welcome__meta-wrap {
  margin-inline-start: 60px;
  margin-bottom: 60px;
  width: 325px;
}
@media (max-width: 575px) {
  .bd-welcome__meta-wrap {
    margin-inline-start: 20px;
    margin-bottom: 20px;
    width: calc(100% - 40px);
  }
}
.bd-welcome__meta-wrap-2 {
  position: absolute;
  bottom: 60px;
  inset-inline-start: 60px;
}
@media (max-width: 575px) {
  .bd-welcome__meta-wrap-2 {
    position: static;
    width: 100%;
  }
}
.bd-welcome__meta span {
  font-size: 70px;
  line-height: 65px;
  text-transform: capitalize;
  color: var(--bd-common-black);
  font-family: var(--bd-ff-heading);
}

@media (max-width: 575px) {
  .bd-welcome__meta span {
    font-size: 50px;
  }
}
.bd-welcome__meta p, .bd-welcome__meta span>span {
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  text-transform: capitalize;
  color: var(--bd-common-black);
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .bd-welcome__meta p, .bd-welcome__meta span>span {
    font-size: 20px;
  }
}
.bd-welcome__meta-2 {
  padding: 30px;
  background-color: var(--bd-theme-1);
  display: flex;
  align-items: center;
  gap: 30px;
  width: 325px;
  z-index: 2;
}
@media (max-width: 575px) {
  .bd-welcome__meta-2 {
    width: 100%;
  }
}
.bd-welcome__meta-2 .bd-welcome__meta-icon i {
  display: inline-block;
  font-size: 50px;
}
@media (max-width: 575px) {
  .bd-welcome__meta-2 .bd-welcome__meta-icon i {
    font-size: 35px;
  }
}
.bd-welcome__meta-2 .bd-welcome__meta-content span {
  font-size: 16px;
  line-height: 28px;
  display: block;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
.bd-welcome__meta-2 .bd-welcome__meta-content a {
  font-size: 24px;
  line-height: 28px;
  display: inline-block;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
@media (max-width: 575px) {
  .bd-welcome__meta-2 .bd-welcome__meta-content a {
    font-size: 20px;
  }
}
.bd-welcome__meta-2 .bd-welcome__meta-content a:hover {
  color: var(--bd-common-white);
}
.bd-welcome__video {
  height: 100px;
  width: 250px;
  min-width: 250px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-welcome__video {
    width: 170px;
    min-width: 170px;
  }
}
.bd-welcome__video-area {
  display: flex;
  gap: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-welcome__video-area {
    flex-direction: column;
  }
}
.bd-welcome__video-btn-2 {
  position: absolute;
  top: 212px;
  inset-inline-start: 220px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-welcome__video-btn-2 {
    top: 200px;
    inset-inline-start: 140px;
  }
}
@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-welcome__video-btn-2 {
    top: 60px;
    inset-inline-start: 60px;
  }
}
.bd-welcome__video-btn-2 a {
  height: 186px;
  width: 186px;
  line-height: 186px;
  text-align: center;
  color: var(--bd-theme-1);
  border: 1px solid var();
  background: var(--bd-common-white);
  border-radius: 100px;
  display: inline-block;
  position: relative;
  font-size: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-welcome__video-btn-2 a {
    font-size: 20px;
  }
}
.bd-welcome__video-btn-2 a:hover {
  color: var(--bd-common-white);
  background: var(--bd-theme-1);
  border-color: var(--bd-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-welcome__video-btn-2 a {
    height: 106px;
    width: 106px;
    line-height: 106px;
  }
}
@media (max-width: 575px) {
  .bd-welcome__video-btn-2 a {
    height: 86px;
    width: 86px;
    line-height: 86px;
  }
}
.bd-welcome__video-btn-2 a::after, .bd-welcome__video-btn-2 a::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: 230px;
  height: 230px;
  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;
}
@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-welcome__video-btn-2 a::after, .bd-welcome__video-btn-2 a::before {
    height: 150px;
    width: 150px;
  }
}
@media (max-width: 575px) {
  .bd-welcome__video-btn-2 a::after, .bd-welcome__video-btn-2 a::before {
    height: 130px;
    width: 130px;
  }
}
.bd-welcome__video-btn-2 a::before {
  animation-delay: 0.7s;
}
.bd-welcome__video-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 100px;
  background-position: center;
  background-repeat: no-repeat;
}
.bd-welcome__video-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bd-common-black);
  opacity: 0.6;
  height: 100%;
  width: 100%;
  border-radius: 100px;
}
.bd-welcome__video-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bd-welcome__video-btn a {
  font-size: 18px;
  color: var(--bd-common-white);
}
.bd-welcome__title {
  text-transform: capitalize;
  margin-bottom: 65px;
}
.bd-welcome__thumb {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 595px;
}
@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-welcome__thumb {
    height: auto;
    position: unset;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-welcome__thumb {
    margin-bottom: 80px;
  }
}
.bd-welcome__thumb-2 {
  height: 622px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-welcome__thumb-2 {
    height: auto;
    position: unset;
  }
}
.bd-welcome__thumb-2 img {
  position: absolute;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 120%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-welcome__thumb-2 img {
    position: unset;
    height: auto;
  }
}
.bd-welcome__thumb img {
  position: absolute;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 110%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-welcome__thumb img {
    position: unset;
    height: auto;
  }
}
.bd-welcome__list-item i {
  height: 60px;
  width: 60px;
  line-height: 68px;
  text-align: center;
  background: #F8F5F0;
  border-radius: 60px;
  display: inline-block;
  font-size: 30px;
  margin-bottom: 10px;
}
.bd-welcome__list-item p {
  font-size: 16px;
  font-weight: var(--bd-fw-medium);
  text-transform: uppercase;
}
.bd-welcome__list-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 50px;
}
@media (max-width: 575px) {
  .bd-welcome__list-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-welcome__list-content {
    gap: 0 17px;
  }
}
.bd-welcome__list-thumb {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-welcome__list-thumb-wrap {
    margin-bottom: 60px;
  }
}
.bd-welcome__list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bd-welcome__list-thumb-musk {
  -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;
  height: 270px;
  width: 170px;
  margin-top: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-welcome__list-thumb-musk {
    margin-top: 35px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), 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-welcome__list-thumb-musk {
    margin-top: 0;
  }
}
.bd-welcome__thumb-wrap {
  margin-inline-start: 55px;
}
@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-welcome__thumb-wrap {
    margin-inline-start: 0px;
  }
}
.bd-welcome__thumb img {
  width: 100%;
}

.about-4__img img {
  aspect-ratio: 100/80;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-4__img img {
    aspect-ratio: 100/110;
  }
}

.bd-service {
  min-height: 409px;
  padding: 30px;
  position: relative;
  overflow: hidden;
}
.bd-service:hover .bd-service__bg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.bd-service__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
  visibility: visible;
  -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-service__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  height: 100%;
  width: 100%;
}
.bd-service__title {
  font-size: 24px;
  line-height: 40px;
  text-transform: capitalize;
  position: absolute;
  top: calc(100% - 105px);
  color: var(--bd-common-white);
  inset-inline-start: 30px;
  -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-service__title a:hover {
  color: var(--bd-theme-1);
  letter-spacing: 1px;
}
.bd-service__price {
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  position: absolute;
  bottom: 30px;
  inset-inline-start: 30px;
  font-size: 24px;
  color: var(--bd-common-white);
}

.service-intro-thumb {
  min-height: 620px;
  overflow: hidden;
  position: relative;
  width: calc(100% + 250px);
}
.service-intro-thumb img {
  position: absolute;
  bottom: 0;
  height: 120%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-intro-thumb {
    min-height: 400px;
    width: calc(100% + 0px);
  }
}

.service-intro-text {
  max-width: 1089px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-intro-text {
    max-width: 900px;
  }
}

.line__subtitle {
  font-size: 18px;
  color: #000000;
  line-height: 1;
  font-family: var(--tpl-ff-heading);
  position: relative;
  padding-left: 190px;
  display: inline-block;
  font-weight: 600;
}
.line__subtitle::before {
  content: "";
  width: 170px;
  height: 1px;
  background: #D9D9D9;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.line__subtitle::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 1px;
  background: var(--clr-theme-2);
  left: 130px;
  top: 50%;
  transform: translateY(-50%);
}

.section-intro-paragraph {
  font-size: 24px;
  margin-bottom: 0;
  line-height: 1.7;
}

.bd-service-details-area .swiper-container {
  overflow: visible;
}
.bd-service-details__title {
  font-size: 36px;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .bd-service-details__title {
    font-size: 30px;
  }
}
.bd-service-details__widget {
  border-bottom: 1px solid var(--bd-grey-1);
}
.bd-service-details__list-2 ul {
  list-style-type: none;
}
.bd-service-details__list-2 ul li {
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: #393939;
}
.bd-service-details__list ul {
  display: grid;
  grid-template-columns: repeat(3, 240px);
  list-style: none;
  row-gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-service-details__list ul {
    grid-template-columns: repeat(3, 215px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-service-details__list ul {
    grid-template-columns: 1fr;
  }
}
.bd-service-details__list ul li {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
.bd-service-details__list ul li i {
  font-size: 20px;
  color: var(--bd-theme-1);
}
.bd-service-details__thumb img {
  width: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-service-area {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-service-area.mpt-0 {
    padding-top: 0;
  }
}

.pricing-spacing {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-spacing {
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-spacing {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.bd-price-item {
  background-color: #F8F5F0;
  height: 606px;
  position: relative;
  padding: 40px 40px;
  min-width: 210px;
  -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: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-price-item {
    padding: 40px 28px;
    min-width: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-price-item {
    padding: 40px 14px 40px 6px;
    min-width: auto;
  }
  [dir=rtl] .bd-price-item {
    padding: 40px 6px 40px 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-price-item {
    padding: 10px 30px;
    min-width: auto;
    height: auto;
  }
}
@media (max-width: 450px) {
  .bd-price-item {
    padding: 15px 20px;
    min-width: auto;
    height: auto;
  }
}
.bd-price-item.white-bg {
  background-color: var(--bd-common-white);
}
.bd-price-item__wrap {
  display: flex;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-price-item__wrap {
    flex-direction: column;
  }
}
.bd-price-item__title {
  position: absolute;
  bottom: 40px;
  width: 100%;
  writing-mode: vertical-lr;
  left: 0;
  transform: rotate(-180deg);
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-price-item__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-price-item__title {
    font-size: 18px;
    position: static;
    writing-mode: inherit;
    transform: none;
  }
}
.bd-price-item__icon {
  display: flex;
  justify-content: center;
  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-price-item__icon {
    display: none;
  }
}
.bd-price-item__icon::after {
  content: "+";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 30px;
  color: var(--bd-common-black);
  font-family: var(--bd-ff-fontawesome);
  font-weight: 400;
  margin-inline-start: 5px;
  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;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-price-item__icon::after {
    font-size: 16px;
  }
}
.bd-price-item__price {
  position: absolute;
  top: 118px;
  width: 100%;
  writing-mode: vertical-lr;
  left: 0;
  transform: rotate(-180deg);
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-price-item__price {
    position: static;
    writing-mode: inherit;
    transform: none;
  }
}
.bd-price-item__price p {
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  color: var(--bd-common-black);
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-price-item__price p {
    font-size: 22px;
  }
}
.bd-price-item__price p span {
  color: var(--bd-grey-3);
  font-size: 16px;
}
.bd-price-item__content-2 {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--bd-common-black);
  height: 100%;
  border-left: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-price-item__content-2 {
    padding: 30px 30px;
    border: 1px solid var(--bd-common-black);
  }
}
@media (max-width: 450px) {
  .bd-price-item__content-2 {
    padding: 20px 20px;
  }
}
.bd-price-item__content-2 .bd-section__title {
  font-size: 32px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-price-item__content-2 .bd-section__title {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .bd-price-item__content-2 .bd-section__title {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .bd-price-item__content-2 .bd-section__subtitle {
    font-size: 14px;
  }
}
.bd-price-item__list ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-price-item__list ul li {
    margin-bottom: 5px;
  }
}
.bd-price-item__list ul li:last-child {
  margin-bottom: 0;
}
.bd-price-item__list ul li i {
  font-size: 20px;
  color: var(--bd-theme-1);
}
.bd-price-item__list ul li span {
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--bd-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-price-item__list ul li span {
    font-size: 14px;
  }
}
.bd-price-item__list-wrap {
  height: 100%;
  padding: 30px;
}
@media (max-width: 450px) {
  .bd-price-item__list-wrap {
    padding: 30px 20px;
  }
}
.bd-price-item__list-icon {
  color: var(--bd-common-white);
  font-size: 70px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-price-item__list-icon {
    margin-bottom: 20px;
  }
}
.bd-price-item__list-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.bd-price-item__list-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bd-common-black);
  opacity: 0.6;
  height: 100%;
  width: 100%;
}
.bd-price-item__list-btn {
  position: absolute;
  bottom: 40px;
  left: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-price-item__list-btn {
    position: static;
    margin-top: 25px;
  }
}

.bd-price-item__content {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 450px) {
  .bd-price-item__content {
    flex-direction: column-reverse;
  }
}

.bd-price-item-2 {
  width: 0;
  display: grid;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  width: 700px;
  transform: scale(0.7);
  grid-template-columns: 300px auto;
  -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: 1400px) and (max-width: 1599px) {
  .bd-price-item-2 {
    grid-template-columns: 300px auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-price-item-2 {
    grid-template-columns: 300px auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-price-item-2 {
    width: 600px;
    grid-template-columns: 294px auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-price-item-2 {
    grid-template-columns: 1fr;
    width: inherit;
  }
}

.row-custom {
  display: flex;
  margin: 0 -15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row-custom {
    margin: 0 0px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .row-custom {
    padding: 0;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .row-custom {
    flex-direction: column;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.col-custom {
  position: relative;
  flex: 1;
  width: 210px;
  height: 606px;
  transition: 0.5s;
  margin: 0 15px;
  cursor: pointer;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .col-custom {
    margin: 0 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .col-custom {
    margin: 0 3px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .col-custom {
    width: 15%;
    padding: 0px 15px;
    flex: 0 0 7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .col-custom {
    width: 15%;
    padding: 0;
    flex: 0 0 15%;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .col-custom {
    width: 25%;
    padding: 35px 25px;
    flex: 0 0 25%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .col-custom {
    width: 100%;
    padding: 35px 0px;
  }
}
.col-custom.active {
  flex: 3.7;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .col-custom.active {
    flex: 6.5;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .col-custom.active {
    flex: 0 0 75%;
    width: 75%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .col-custom.active {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .col-custom.active {
    flex: 0 0 100%;
    width: 100%;
  }
}
.col-custom.active .bd-price-item {
  min-width: 122px;
}
@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) {
  .col-custom.active .bd-price-item {
    min-width: auto;
  }
}
.col-custom.active .bd-price-item__icon::after {
  content: "\f068";
}
.col-custom.active .bd-price-item-2 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.col-custom.active::before {
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-brand__thumb-wrap {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    gap: 60px;
  }
}
@media (max-width: 575px) {
  .bd-brand__thumb-wrap {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    gap: 60px 20px;
  }
}

.bd-room {
  background: #fff;
  padding: 40px;
  position: relative;
}
.bd-room.bordered {
  border: 1px solid #D9D9D9;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 575px) {
  .bd-room {
    padding: 30px 0px;
  }
}
.bd-room:hover .bd-room__details {
  transform: translateY(0);
}
.bd-room:hover .bd-room__btn a {
  transform: translateX(0px);
}
.bd-room__bg {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  background-attachment: fixed;
}
.bd-room__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bd-common-black);
  opacity: 0.7;
  height: 100%;
  width: 100%;
}
.bd-room__title {
  font-size: 30px;
  line-height: 1.33;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
@media (max-width: 575px) {
  .bd-room__title {
    padding: 0 20px;
    font-size: 27px;
  }
}
.bd-room__title a:hover {
  color: var(--bd-theme-1);
}
@media (max-width: 575px) {
  .bd-room__price {
    padding: 0 20px;
  }
}
.bd-room__price p {
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  color: var(--bd-common-black);
}
@media (max-width: 575px) {
  .bd-room__price p {
    font-size: 25px;
  }
}
.bd-room__price p span {
  font-size: 16px;
  color: var(--bd-grey-3);
}
@media (max-width: 575px) {
  .bd-room__price p span {
    font-size: 15px;
  }
}
.bd-room__thumb {
  width: 100%;
  height: 100%;
}
.bd-room__thumb-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 414px;
}
@media (hover: none) {
  .bd-room__thumb-wrap {
    height: auto;
  }
}
@media (hover: none) {
  .bd-room__thumb {
    height: auto;
  }
}
.bd-room__thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.bd-room__details {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--bd-common-white);
  border: 1px solid #D9D9D9;
  transform: translateY(100%);
  -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;
}
@media (hover: none) {
  .bd-room__details {
    position: static;
    transform: none;
  }
}
.bd-room__details > p {
  padding: 30px;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: #393939;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .bd-room__details > p {
    padding: 20px;
    margin-bottom: 20px;
  }
}
.bd-room__list {
  display: flex;
  padding: 0 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-room__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .bd-room__list {
    padding: 0 20px;
    gap: 10px;
  }
}
.bd-room__list-item i {
  height: 60px;
  width: 60px;
  line-height: 68px;
  text-align: center;
  background: #F8F5F0;
  border-radius: 60px;
  display: inline-block;
  font-size: 30px;
  margin-bottom: 5px;
}
.bd-room__list-item p {
  font-size: 16px;
  font-weight: var(--bd-fw-medium);
  text-transform: uppercase;
}
.bd-room__list-thumb {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-room__list-thumb-wrap {
    margin-bottom: 60px;
  }
}
.bd-room__list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bd-room__list-thumb-musk {
  -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;
  height: 270px;
  width: 170px;
  margin-top: 16px;
}
@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-room__list-thumb-musk {
    margin-top: 0;
  }
}
.bd-room__btn {
  overflow: hidden;
}
@media (max-width: 575px) {
  .bd-room__btn {
    margin: 0 20px;
  }
}
.bd-room__btn a {
  display: flex;
  gap: 13px;
  align-items: center;
  position: relative;
  transform: translateX(-91px);
}
@media (hover: none) {
  .bd-room__btn a {
    transform: none;
  }
}
.bd-room__btn a:hover {
  color: var(--bd-theme-1);
}
.bd-room__btn a:hover span {
  color: var(--bd-theme-1);
}
.bd-room__btn a span {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  text-transform: uppercase;
  color: var(--bd-common-black);
  -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-room__btn a i {
  font-size: 26px;
}

.bd-room-details__title {
  font-size: 36px;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .bd-room-details__title {
    font-size: 30px;
  }
}
.bd-room-details__widget {
  border-bottom: 1px solid var(--bd-grey-1);
}
.bd-room-details__list ul {
  display: grid;
  grid-template-columns: repeat(3, 240px);
  list-style: none;
  row-gap: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-room-details__list ul {
    grid-template-columns: repeat(2, 240px);
  }
}
@media (max-width: 575px) {
  .bd-room-details__list ul {
    grid-template-columns: 1fr;
  }
}
.bd-room-details__list ul li {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
.bd-room-details__list ul li i {
  font-size: 20px;
  color: var(--bd-theme-1);
}
.bd-room-details__thumb img {
  width: 100%;
}
.bd-room-details__thumb.is-lg {
  height: 438px;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-room-details__thumb.is-lg {
    height: 345px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-room-details__thumb.is-lg {
    height: 290px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-room-details__thumb.is-lg {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .bd-room-details__thumb.is-lg {
    height: 350px;
  }
}
.bd-room-details__thumb.is-lg img {
  position: absolute;
  height: 120%;
  bottom: 0;
  width: 100%;
  object-fit: cover;
}

.bd-room-slider-three-nav {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.bd-room-slider-three-nav .square-nav {
  color: var(--bd-common-white);
}

/*----------------------------------------*/
/*  36. RESTAURANT CSS START
/*----------------------------------------*/
.bd-restaurant-opening {
  height: 100%;
  display: flex;
  align-items: center;
  min-width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-restaurant-opening {
    height: auto;
    margin-bottom: 80px;
    padding-bottom: 60px;
  }
}
.bd-restaurant-opening__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.bd-restaurant-opening__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bd-common-black);
  opacity: 0.8;
  height: 100%;
  width: 100%;
}
.bd-restaurant-opening__video-btn a {
  height: 64px;
  width: 64px;
  line-height: 64px;
  text-align: center;
  color: var(--bd-common-white);
  border: 1px solid var(--bd-common-white);
  border-radius: 100px;
  display: inline-block;
  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-restaurant-opening__video-btn a:hover {
  background: var(--bd-theme-1);
  border-color: var(--bd-theme-1);
}
.bd-restaurant-opening__video-btn a::after, .bd-restaurant-opening__video-btn a::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: 80px;
  height: 80px;
  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;
}
.bd-restaurant-opening__video-btn a::before {
  animation-delay: 0.7s;
}
.bd-restaurant-opening__btn .bd-btn {
  padding: 20px 30px;
  color: var(--bd-common-black);
  border: 1px solid var(--bd-common-white);
  background: var(--bd-common-white);
  padding-right: 50px;
}
.bd-restaurant-opening__btn .bd-btn:hover {
  background: var(--bd-theme-1);
  border-color: var(--bd-theme-1);
}
.bd-restaurant-opening__content-2 {
  padding: 0 60px;
  width: 100%;
}
@media (max-width: 575px) {
  .bd-restaurant-opening__content-2 {
    padding: 0 30px;
  }
}
.bd-restaurant-opening__title {
  font-family: var(--bd-ff-body);
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
.bd-restaurant-opening__list ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--bd-grey-1);
}
@media (max-width: 575px) {
  .bd-restaurant-opening__list ul li {
    justify-content: start;
    align-items: start;
    flex-direction: column;
  }
}
.bd-restaurant-opening__list ul li:last-child {
  margin-bottom: 0;
}
.bd-restaurant-opening__list ul li span {
  display: grid;
  align-items: center;
  grid-template-columns: auto 150px;
  font-weight: 400;
  font-size: 16px;
  gap: 10px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
.bd-restaurant-opening__list ul li span i {
  color: var(--bd-theme-1);
}
.bd-restaurant-opening__list ul li span:first-child {
  font-weight: 500;
}

/*----------------------------------------*/
/* 37. FOODMENU CSS START
/*----------------------------------------*/
.bd-foodmenu__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.bd-foodmenu__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bd-common-black);
  opacity: 0.8;
  height: 100%;
  width: 100%;
}
.bd-foodmenu__item {
  padding: 40px 30px;
  border: 1px solid var(--bd-text-2);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: var(--bd-common-black);
  -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-foodmenu__item:hover {
  border-color: rgba(128, 128, 128, 0.8980392157);
}
.bd-foodmenu__item:hover .bd-foodmenu__item-thumb img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.bd-foodmenu__item-thumb {
  width: 192px;
  height: 192px;
  border-radius: 50%;
  overflow: hidden;
}
.bd-foodmenu__item-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  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-foodmenu__item-title {
  font-size: 24px;
  line-height: 1.66;
  text-align: center;
  text-transform: capitalize;
  color: var(--bd-common-white);
}
.bd-foodmenu__item-title a:hover {
  color: var(--bd-theme-1);
}
.bd-foodmenu__item-content p {
  color: var(--bd-common-white);
}
.bd-foodmenu__item-price span {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: var(--bd-theme-1);
}
.bd-foodmenu__tab .nav-tabs {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 75px;
  text-align: 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-foodmenu__tab .nav-tabs {
    gap: 20px 30px;
  }
}
.bd-foodmenu__tab .nav-tabs .nav-link {
  background: 0 0;
  border: none;
  padding: 0;
  font-size: 24px;
  line-height: 20px;
  text-transform: capitalize;
  color: var(--bd-grey-3);
}
@media (max-width: 575px) {
  .bd-foodmenu__tab .nav-tabs .nav-link {
    font-size: 20px;
  }
}
.bd-foodmenu__tab .nav-tabs .nav-link.active {
  color: var(--bd-theme-1);
  background-color: transparent;
  text-decoration: underline;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-foodmenu-active {
    margin-left: 15px;
    margin-right: 15px;
  }
}

/*----------------------------------------*/
/*  38. EVENT CSS START HERE
/*----------------------------------------*/
.bd-event-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px 30px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 5;
}
.bd-event-content.static {
  position: relative;
  background-color: var(--bd-common-white);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05);
  z-index: 2;
  margin: 0 20px;
  margin-top: 0px;
  width: auto;
  margin-top: -40px;
  padding: 30px 30px;
}
.bd-event-content.static h3 {
  color: var(--bd-common-black);
  margin-bottom: 10px;
}
.bd-event-content.static h3:hover {
  color: var(--bd-theme-1);
}
.bd-event-content.static span {
  color: var(--bd-common-text);
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin-bottom: 5px;
}
.bd-event-content.static p {
  margin-bottom: 15px;
}
.bd-event-subtitle, .bd-event-title {
  color: var(--bd-common-white);
}
.bd-event-title {
  margin-bottom: 0;
  font-size: 24px;
}
@media (max-width: 575px) {
  .bd-event-title {
    font-size: 20px;
  }
}
.bd-event-subtitle {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
}
.bd-event-item {
  position: relative;
  overflow: hidden;
}
.bd-event-item:hover .img-hover.overlay::before {
  opacity: 0.3;
  visibility: visible;
  transform: translate(0%, 0%);
}
.bd-event-item:hover .img-hover.overlay img {
  transform: scale(1.05);
}
.bd-event-details__widget {
  border-bottom: 1px solid var(--bd-grey-1);
}
.bd-event-details__list ul {
  display: grid;
  grid-template-columns: repeat(3, 240px);
  list-style: none;
  row-gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-event-details__list ul {
    grid-template-columns: repeat(3, 215px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-event-details__list ul {
    grid-template-columns: 1fr;
  }
}
.bd-event-details__list ul li {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
.bd-event-details__list ul li i {
  font-size: 20px;
  color: var(--bd-theme-1);
}

.bd-event-details-title {
  font-size: 30px;
}
@media (max-width: 450px) {
  .bd-event-details-title {
    font-size: 28px;
  }
}
.bd-event-details-imagbox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
}
@media (max-width: 575px) {
  .bd-event-details-imagbox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.bd-event-details-thumb {
  position: relative;
  overflow: hidden;
  height: 500px;
}
@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) {
  .bd-event-details-thumb {
    height: 350px;
  }
}
@media (max-width: 575px) {
  .bd-event-details-thumb {
    height: 300px;
  }
}
.bd-event-details-thumb img {
  position: absolute;
  height: 110%;
}
.bd-event-details-info-list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-event-details-info-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-event-details-info-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.bd-event-details-info-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  background-color: var(--bd-theme-6);
}
.bd-event-details-info-list li .icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: var(--bd-theme-1);
  color: var(--bd-common-white);
  border-radius: 50%;
}
.bd-event-details-info-list li small {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
}
.bd-event-details-info-list li h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
}

.bd-event-sidebar {
  padding: 30px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04);
}
.bd-event-line {
  width: 100%;
  height: 1px;
  background: var(--bd-grey-1);
}
.bd-event-social h4 {
  font-size: 20px;
  font-weight: 600;
  margin-inline-end: 20px;
}
.bd-event-social ul li {
  display: inline-block;
  margin-inline-start: 5px;
}
.bd-event-social ul li:first-child {
  margin-inline-start: 0;
}
.bd-event-social ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 16px;
  background: var(--bd-theme-6);
  position: relative;
  overflow: hidden;
  z-index: 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;
}
.bd-event-social ul li a:hover {
  color: var(--bd-common-white);
  background-color: var(--bd-theme-1);
}

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

@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-booking-form-area {
    background-color: var(--bd-theme-2);
  }
}

.bd-booking__bg {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.bd-booking__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bd-common-black);
  opacity: 0.7;
  height: 100%;
  width: 100%;
}
.bd-booking__form {
  background-color: var(--bd-common-white);
  margin: 0 30px;
  margin-bottom: 65px;
  padding-top: 27px;
}
@media (max-width: 575px) {
  .bd-booking__form {
    margin: 0;
    margin-bottom: 65px;
  }
}
.bd-booking__form-2 {
  background-color: var(--bd-common-white);
  margin: 0;
  padding-top: 27px;
}
.bd-booking__form-2.is-dark {
  background-color: var(--bd-common-black);
}
.bd-booking__form-2.is-dark label {
  color: var(--bd-common-white);
}
.bd-booking__form-2.is-dark input {
  background-color: transparent;
  color: var(--bd-common-white);
}
.bd-booking__form-2.is-dark input::-webkit-input-placeholder {
  color: var(--bd-common-white);
}
.bd-booking__form-2.is-dark input:-moz-placeholder {
  color: var(--bd-common-white);
}
.bd-booking__form-2.is-dark input::-moz-placeholder {
  color: var(--bd-common-white);
}
.bd-booking__form-2.is-dark input:-ms-input-placeholder {
  color: var(--bd-common-white);
}
.bd-booking__form-2.is-dark .nice-select {
  background-color: transparent;
}
.bd-booking__form-2.is-dark .nice-select::after {
  color: rgba(255, 255, 255, 0.5882352941);
}
.bd-booking__form-2.is-dark .nice-select .current {
  margin-inline-end: 15px;
  color: var(--bd-common-white);
}
.bd-booking__form-2.is-dark .bd-booking__input-date::after {
  color: rgba(255, 255, 255, 0.5882352941);
}
.bd-booking__form-2.is-dark .bd-booking__input-inner,
.bd-booking__form-2.is-dark .bd-booking__input-single {
  border-color: #414141;
}
.bd-booking__form-2.is-dark .bd-booking__input::before {
  background-color: #414141;
}
.bd-booking__form-2 label {
  font-size: 16px;
  font-weight: var(--bd-fw-bold);
  line-height: 28px;
  text-transform: uppercase;
  color: var(--bd-common-black);
}
.bd-booking__form-2 form {
  display: flex;
}
@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-booking__form-2 form {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-booking__form {
    margin: 0;
    margin-bottom: 65px;
  }
}
.bd-booking__form-wrap {
  max-width: 1343px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-booking__form-wrap {
    min-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-booking__form-wrap {
    position: static;
  }
}
.bd-booking__form-wrap-2 {
  width: auto;
  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-booking__form-wrap-2 {
    position: static;
  }
}
.bd-booking__form label {
  font-size: 16px;
  font-weight: var(--bd-fw-bold);
  line-height: 28px;
  text-transform: uppercase;
  color: var(--bd-common-black);
}
.bd-booking__form form {
  display: flex;
}
@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-booking__form form {
    flex-direction: column;
  }
}
.bd-booking__input {
  width: 300px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-booking__input {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-booking__input.location {
    width: 220px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-booking__input.location {
    width: 180px;
  }
}
.bd-booking__input.location::before {
  content: none;
}
@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-booking__input {
    width: 100%;
  }
}
.bd-booking__input::before {
  content: "";
  width: 1px;
  height: 23px;
  background-color: var(--bd-grey-1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-booking__input::before {
    content: none;
  }
}
.bd-booking__input.input-single::before {
  display: none;
}
.bd-booking__input-wrap {
  display: flex;
  gap: 80px;
  padding: 0 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-booking__input-wrap {
    gap: 40px;
    padding: 0 30px;
    width: calc(100% - 265px);
    justify-content: space-between;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-booking__input-wrap {
    gap: 50px;
    padding: 0 30px;
    justify-content: space-between;
  }
}
@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-booking__input-wrap {
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 575px) {
  .bd-booking__input-wrap {
    padding: 0 25px;
  }
}
.bd-booking__input-wrap-2 {
  display: flex;
  gap: 45px;
  padding: 0 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bd-booking__input-wrap-2 {
    gap: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-booking__input-wrap-2 {
    gap: 35px;
    width: calc(100% - 110px);
    justify-content: space-between;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-booking__input-wrap-2 {
    gap: 30px;
    padding: 0 30px;
    justify-content: space-between;
  }
}
@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-booking__input-wrap-2 {
    flex-direction: column;
    gap: 0;
  }
}
.bd-booking__input-inner, .bd-booking__input-single {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--bd-grey-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-booking__input-inner, .bd-booking__input-single {
    flex-direction: column;
  }
}
.bd-booking__input-inner input, .bd-booking__input-single input {
  width: 80%;
  height: 50px;
  border: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-booking__input-inner input, .bd-booking__input-single input {
    font-size: 14px;
  }
}
@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-booking__input-inner input, .bd-booking__input-single input {
    width: 100%;
  }
  [dir=rtl] .bd-booking__input-inner input, [dir=rtl] .bd-booking__input-single input {
    text-align: left;
  }
}
.bd-booking__input-inner input::-webkit-input-placeholder, .bd-booking__input-single input::-webkit-input-placeholder {
  text-transform: uppercase;
}
.bd-booking__input-inner input:-moz-placeholder, .bd-booking__input-single input:-moz-placeholder {
  text-transform: uppercase;
}
.bd-booking__input-inner input::-moz-placeholder, .bd-booking__input-single input::-moz-placeholder {
  text-transform: uppercase;
}
.bd-booking__input-inner input:-ms-input-placeholder, .bd-booking__input-single input:-ms-input-placeholder {
  text-transform: uppercase;
}
.bd-booking__input-inner .nice-select, .bd-booking__input-single .nice-select {
  border-radius: 0px;
  border: 0;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  padding-left: 0;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-booking__input-inner .nice-select, .bd-booking__input-single .nice-select {
    font-size: 14px;
  }
}
.bd-booking__input-inner .nice-select .list, .bd-booking__input-single .nice-select .list {
  min-width: 100%;
}
.bd-booking__input-inner .nice-select .option.selected, .bd-booking__input-single .nice-select .option.selected {
  font-weight: 600;
}
.bd-booking__input-inner .nice-select .current, .bd-booking__input-single .nice-select .current {
  margin-inline-end: 15px;
}
[dir=rtl] .bd-booking__input-inner .nice-select .current, [dir=rtl] .bd-booking__input-single .nice-select .current {
  margin-inline-end: 0px;
}
.bd-booking__input-inner .nice-select::after, .bd-booking__input-single .nice-select::after {
  right: 0;
}
.bd-booking__input-inner.location .nice-select, .bd-booking__input-single.location .nice-select {
  width: 100%;
}
.bd-booking__input-single {
  display: flex;
  flex-direction: column;
  width: 160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-booking__input-single.room-input {
    width: 74px;
  }
}
@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-booking__input-single {
    width: 100%;
  }
}
.bd-booking__input-date {
  position: relative;
}
.bd-booking__input-date::after {
  content: "\f133";
  -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: 15px;
  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;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  [dir=rtl] .bd-booking__input-date::after {
    margin-inline-start: 0;
  }
}
.bd-booking__submit {
  width: 264px;
  margin: 0 auto;
  color: var(--bd-common-white);
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-booking__submit {
    height: 70px;
    line-height: 70px;
    width: 100%;
    position: static;
  }
}
.bd-booking__submit button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 100%;
  font-weight: var(--bd-fw-medium);
  background-color: var(--bd-theme-1);
  color: var(--bd-common-black);
  -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-weight: 500;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.bd-booking__submit button i {
  transform: rotate(-45deg);
  -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-booking__submit button:hover {
  color: var(--bd-common-white);
  background-color: var(--bd-common-black);
}
.bd-booking__submit button:hover i {
  transform: rotate(0deg);
}
.bd-booking__submit.is-dark button {
  background-color: var(--bd-theme-1);
}
.bd-booking__submit-2 {
  width: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-booking__submit-2 {
    width: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-booking__submit-2 {
    width: 100%;
  }
}
.bd-booking__submit-2 button {
  font-size: 35px;
}

.bd-booknow__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.bd-booknow__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bd-common-black);
  opacity: 0.5;
  height: 100%;
  width: 100%;
}
.bd-booknow__btn {
  display: flex;
  justify-content: center;
}
.bd-booknow__btn .bd-btn {
  display: inline-flex;
  position: relative;
  z-index: 2;
}

.bd-booking-3 {
  background-color: var(--bd-theme-2);
  border: 1px solid var(--bd-grey-1);
}
.bd-booking-3-info {
  background-color: var(--bd-theme-2);
  border: 1px solid var(--bd-grey-1);
}
.bd-booking-3-info .bd-booking-3__title {
  padding: 30px;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-booking-3-info .bd-booking-3__title {
    padding: 20px 15px;
  }
}
.bd-booking-3__content {
  padding: 30px;
  border-bottom: 1px solid var(--bd-grey-1);
  padding-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-booking-3__content {
    padding: 20px 15px;
  }
}
.bd-booking-3__title {
  font-size: 24px;
  line-height: 32px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
.bd-booking-3__price {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-booking-3__price {
    display: flex;
    align-items: start;
    gap: 0;
    flex-direction: column;
  }
}
.bd-booking-3__price p {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bd-booking-3__price p i {
  font-size: 22px;
}
.bd-booking-3__price p span {
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
.bd-booking-3__price p:last-child {
  display: flex;
  gap: 10px;
  align-items: baseline;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
  color: var(--bd-grey-3);
}
.bd-booking-3__price p:last-child span {
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  display: flex;
  gap: 10px;
}
.bd-booking-3__tax p {
  font-size: 14px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--bd-grey-3);
  display: flex;
  gap: 30px;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-booking-3__tax p {
    gap: 0;
    align-items: start;
    flex-direction: column;
  }
}
.bd-booking-3__tax p span {
  color: red;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bd-booking-3__input-wrap {
  padding: 30px;
}
.bd-booking-3__input-inner i {
  position: absolute;
  inset-inline-end: 20px;
  top: 26%;
  color: var(--bd-grey-3);
}
.bd-booking-3__input input {
  height: 55px;
  width: 100%;
  padding: 0 20px;
  border: 1px solid var(--bd-grey-1);
  background-color: var(--bd-common-white);
  font-size: 14px;
  line-height: 28px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.bd-booking-3__input input::placeholder {
  color: var(--bd-grey-3);
}
.bd-booking-3__input label {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--bd-common-black);
  display: block;
  margin-bottom: 10px;
}
.bd-booking-3__input .nice-select {
  width: 100%;
  height: 55px;
  border-radius: 0;
  border: 1px solid var(--bd-grey-1);
  line-height: 55px;
  font-size: 16px;
}
.bd-booking-3__input .nice-select .list {
  width: 100%;
  border-radius: 0;
}
.bd-booking-3__input .nice-select .option.selected {
  font-weight: 500;
}
.bd-booking-3__list {
  padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-booking-3__list {
    padding: 20px 15px;
  }
}
.bd-booking-3__list ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bd-booking-3__list ul li {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--bd-common-black);
}
.bd-booking-3__list ul li i {
  font-size: 20px;
  color: var(--bd-theme-1);
}
.bd-booking-3__submit button {
  height: 80px;
  text-align: center;
  width: 100%;
  background: var(--bd-common-black);
  color: var(--bd-common-white);
  display: flex;
  align-items: center;
  line-height: 80px;
  gap: 10px;
  justify-content: center;
}
.bd-booking-3__submit button:hover {
  color: var(--bd-common-black);
  background: var(--bd-theme-1);
}
.bd-booking-3__submit button:hover i {
  transform: rotate(0);
}
.bd-booking-3__submit button i {
  -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;
  transform: rotate(-45deg);
}

.bd-booking-4__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 15px;
}
@media (max-width: 575px) {
  .bd-booking-4__form {
    display: flex;
    flex-direction: column;
  }
}
.bd-booking-4__input {
  position: relative;
}
.bd-booking-4__input .bd-nice-select .list .option:hover {
  background: var(--bd-theme-1);
}
.bd-booking-4__input .bd-nice-select .list .selected,
.bd-booking-4__input .bd-nice-select .list .focus {
  background: var(--bd-theme-1);
}
.bd-booking-4__input textarea,
.bd-booking-4__input input {
  width: 100%;
  height: 60px;
  border: 1px solid var(--bd-grey-1);
  padding-left: 20px;
  padding-right: 40px;
  outline: none;
}
.bd-booking-4__input textarea::placeholder,
.bd-booking-4__input input::placeholder {
  color: #656565;
  font-size: 16px;
  opacity: 1;
}
.bd-booking-4__input textarea:focus,
.bd-booking-4__input input:focus {
  border-color: var(--bd-theme-1);
}
.bd-booking-4__input textarea {
  height: 150px;
  padding-top: 15px;
}
.bd-booking-4__input.message {
  grid-column: span 2;
}
.bd-booking-4__input i {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.bd-booking-4__input .nice-select {
  background-color: transparent;
  color: #000;
  width: 100%;
  border: 1px solid #e8e8e8;
  height: 60px;
  border-radius: 0;
  font-size: 16px;
}
.bd-booking-4__input .nice-select:focus {
  border-color: var(--bd-theme-1);
}
.bd-booking-4__input .nice-select span {
  color: var(--bd-theme-1);
  font-weight: 400;
  line-height: 60px;
  height: 60px;
  display: inline-block;
  color: var(--bd-common-black);
}
.bd-booking-4__input .nice-select .list {
  width: 100%;
}
.bd-booking-4__input .nice-select .option.selected {
  font-weight: 500;
}

.bd-booking-sidebar {
  padding: 30px;
  border: 1px solid var(--bd-grey-1);
}

.bd-booking__form-3 {
  background: var(--bd-common-white);
  padding: 40px;
  position: relative;
  z-index: 1;
  width: 900px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-booking__form-3 {
    width: 700px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-booking__form-3 {
    width: 100%;
  }
}
.bd-booking__form-3 form {
  display: flex;
  gap: 60px;
  position: relative;
  z-index: 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) {
  .bd-booking__form-3 form {
    flex-direction: column;
  }
}
.bd-booking__form-3 .bd-booking__input::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: var(--bd-grey-1);
  position: absolute;
  inset-inline-end: -30px;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-start: 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-booking__form-3 .bd-booking__input::before {
    width: 100%;
    height: 1px;
    top: 100%;
    transform: translateY(30px);
    inset-inline-end: 0;
  }
}
.bd-booking__form-3 .bd-booking__input-date input {
  width: 100%;
  border: none;
  height: 40px;
}
.bd-booking__form-3 .bd-booking__input-date::after {
  content: "\f133";
  position: absolute;
  bottom: 8px;
  inset-inline-end: 0;
}
.bd-booking__form-3 .bd-booking__input-person input {
  width: 100%;
  border: none;
  height: 40px;
}
.bd-booking__form-3 button {
  height: 100%;
}

.cursor-outer {
  margin-left: -13px;
  margin-top: -13px;
  width: 25px;
  height: 25px;
  border: 1px solid var(--bd-theme-1);
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.5;
  transition: all 0.08s ease-out;
  mix-blend-mode: difference;
}
.cursor-outer.cursor-hover {
  opacity: 0;
}
.cursor-outer.cursor-big {
  opacity: 0;
}

.mouseCursor {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}
@media (hover: none) {
  .mouseCursor {
    display: none;
  }
}
[dir=rtl] .mouseCursor {
  left: 0;
  right: auto;
}
.mouseCursor.cursor-big {
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
}

.cursor-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: var(--bd-theme-1);
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  mix-blend-mode: difference;
  opacity: 0.7;
}
.cursor-inner span {
  color: #fff;
  line-height: 80px;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
.cursor-inner.cursor-big span {
  opacity: 1;
}
.cursor-inner.cursor-hover {
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  background-color: var(--bd-theme-1);
  opacity: 0.3;
}

.amenities__img img {
  width: 100%;
  aspect-ratio: 100/70;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .amenities__img img {
    aspect-ratio: 100/80;
  }
}
.amenities__box {
  position: relative;
}
.amenities__box:hover .amenities__desc {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.amenities__desc {
  position: absolute;
  bottom: 0;
  padding: 40px;
  background: var(--bd-common-white);
  margin: 20px;
  transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
@media (hover: none) {
  .amenities__desc {
    position: static;
    opacity: 1;
    visibility: visible;
    padding: 20px;
    transform: none;
    border: 1px solid var(--bd-grey-1);
    margin: 0;
  }
}
.amenities__desc.style-2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
  bottom: auto;
  padding: 0;
  background: transparent;
  transform: none;
}
@media (hover: none) {
  .amenities__desc.style-2 {
    margin: 20px;
    border: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-amenities-slider {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.bd-amenities-slider-nav {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  display: none;
}
@media (hover: none) {
  .bd-amenities-slider-nav {
    display: flex;
  }
}

.bd-amenities-slider-two-nav {
  display: flex;
  justify-content: center;
  gap: 10px;
}

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

.bd-footer__logo {
  width: 267px;
}
@media (max-width: 575px) {
  .bd-footer__logo {
    width: 200px;
  }
}
.bd-footer__logo img {
  width: 100%;
}
.bd-footer__logo-wrap span {
  font-family: var(--bd-ff-heading);
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.25em;
  color: var(--bd-grey-3);
  display: inline-block;
  margin-top: 30px;
}
.bd-footer__widget {
  position: relative;
}
.bd-footer__widget::before {
  content: "";
  position: absolute;
  /**height: 193px;**/
  height: 123px;
  width: 1px;
  background-color: #414141;
  inset-inline-end: 50px;
  top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-footer__widget::before {
    inset-inline-end: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-footer__widget::before {
    content: none;
  }
}
.bd-footer__widget-3::before {
  content: none;
}
.bd-footer__widget-title {
  color: var(--bd-common-white);
  text-transform: capitalize;
}
.bd-footer__widget-content p {
  color: var(--bd-common-white);
  font-size: 16px;
  line-height: 28px;
}
.bd-footer__meta a {
  font-family: var(--bd-ff-heading);
  font-size: 24px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--bd-common-white);
  display: inline-flex;
  gap: 20px;
}
.bd-footer__meta a i {
  transform: rotate(-45deg) translateY(-1px);
}
.bd-footer__meta a span {
  font-size: 16px;
  line-height: 28px;
  display: flex;
  text-decoration-line: underline;
}
.bd-footer__meta a:hover {
  color: var(--bd-theme-1);
}
.bd-footer__list ul {
  display: flex;
  row-gap: 10px;
  column-gap: 30px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-footer__list ul {
    gap: 20px;
  }
}
.bd-footer__list ul li {
  list-style-type: none;
  position: relative;
}
.bd-footer__list ul li::before {
  content: "|";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--bd-common-white);
}
[dir=rtl] .bd-footer__list ul li::before {
  right: auto;
  left: -15px;
}
.bd-footer__list ul li:last-child::before {
  content: none;
}
.bd-footer__list ul li a {
  font-size: 16px;
  line-height: 28px;
  color: var(--bd-common-white);
}
.bd-footer__list ul li a:hover {
  color: var(--bd-theme-1);
}
.bd-footer__social-wrapper {
  display: flex;
  gap: 17px;
  align-items: center;
}
.bd-footer__social a {
  height: 40px;
  width: 40px;
  border-radius: 50px;
  color: var(--bd-common-white);
  border: 1px solid var(--bd-common-white);
  opacity: 0.7;
  display: inline-block;
  line-height: 37px;
  text-align: center;
}
.bd-footer__social a:hover {
  opacity: 1;
  border-color: var(--bd-theme-1);
  background-color: var(--bd-theme-1);
  color: var(--bd-common-black);
}
.bd-footer__social.is-black a {
  color: var(--bd-common-black);
  border-color: var(--bd-common-black);
}
.bd-footer__social.is-black a:hover {
  opacity: 1;
  border-color: var(--bd-theme-1);
  background-color: var(--bd-theme-1);
  color: var(--bd-common-black);
}
.bd-footer__copyright-text p {
  font-size: 15px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.15em;
  text-transform: capitalize;
  color: var(--bd-grey-3);
  margin-bottom: 0;
}
.bd-footer__copyright-text p a:hover {
  color: var(--bd-theme-1);
}

.bd-footer-newsletter__input {
  position: relative;
}
.bd-footer-newsletter__input input {
  width: 100%;
  height: 70px;
  background-color: transparent;
  color: var(--bd-common-white);
  padding-inline-start: 25px;
  padding-inline-end: 200px;
  border: 1px solid #414141;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-footer-newsletter__input input {
    padding-inline-end: 25px;
  }
}
.bd-footer-newsletter__input input::placeholder {
  color: var(--bd-grey-3);
}
.bd-footer-newsletter__input button {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 0px 30px;
  font-weight: var(--bd-fw-medium);
  line-height: 70px;
  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-footer-newsletter__input button::before {
  content: "";
  height: 55%;
  width: 1px;
  background: var(--bd-grey-3);
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-footer-newsletter__input button::before {
    content: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-footer-newsletter__input button {
    position: static;
    margin-top: 15px;
    height: 70px;
    border: 1px solid var(--bd-grey-1);
  }
}
.bd-footer-newsletter__input button:hover {
  color: var(--bd-theme-1);
  border-color: var(--bd-theme-1);
}
.bd-footer-newsletter__input button i {
  transform: rotate(-45deg);
}
.bd-footer-newsletter__input.is-black input {
  color: var(--bd-common-black);
}
.bd-footer-newsletter__input.is-black button {
  color: var(--bd-common-black);
}

.bd-footer-line hr {
  color: #414141;
  opacity: 1;
}

.bd-footer-link ul {
  display: flex;
  flex-direction: inherit;
  flex-wrap: wrap;
  row-gap: 5px;
}
.bd-footer-link ul li {
  width: 50%;
  color: var(--bd-text-1);
  font-size: 16px;
  margin-bottom: 6px;
  list-style: none;
}
.bd-footer-link ul li:hover a {
  color: var(--clr-theme-1);
}
.bd-footer-widget-title h5 {
  font-size: 20px;
  letter-spacing: 5px;
  font-family: var(--bd-ff-heading);
  color: var(--bd-heading-primary);
  margin-bottom: 35px;
  text-transform: uppercase;
}
.bd-footer-contact ul {
  margin-bottom: 30px;
}
.bd-footer-contact ul li {
  font-size: 16px;
  color: var(--bd-text-1);
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
}
.bd-footer-contact ul li a {
  margin-inline-start: 7px;
}
.bd-footer-contact ul li a:hover {
  color: var(--clr-theme-1);
}
.bd-footer-contact ul li i {
  margin-inline-end: 20px;
  color: var(--clr-theme-1);
  margin-top: 8px;
}
.bd-footer-contact ul li i:hover {
  color: var(--clr-theme-2);
}
.bd-footer-bottom {
  font-size: 14px;
  border-top: 1px solid #D9D9D9;
  padding: 22px 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer-bottom {
    padding: 15px 0;
  }
}
.bd-footer-bottom .bd-footer-copyright p {
  font-size: 15px;
  margin: 0;
  color: #4d4d4d;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer-bottom .bd-footer-copyright p {
    text-align: center;
    padding-bottom: 10px;
  }
}

.payment-methods {
  display: flex;
  align-items: center;
}
.payment-methods-icons {
  margin-left: 10px;
}
.payment-methods-icons span {
  margin-left: 5px;
  font-size: 22px;
  color: #373a3f;
}

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