@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --color-brand: #DD6E53;
  --orange: #FF4602;
  --color-dark: #252525;
  --color-white: #fff;
  --color-hover-bg: #f8faff;
  --color-brand-light-bg: #ECE9D24D;
  --grey: #707070;
  --color-body-bg: #F9F5ED;
  --color-body-text: #8F8F8F;
  --white: #ffffff;
  --border-color: #0000001A;
  --card-hover-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  --body-font: "Inter", sans-serif;
  --heading-font: "Playfair Display", serif;
  --transition: all .3s ease-in-out;
  --radius: 0.625rem;
}

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

html {
  font-size: 100%;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  background-color: var(--color-white);
  text-rendering: optimizeLegibility;
  font-family: var(--body-font);
  color: var(--color-body-text);
}

.fs-15 {
  font-size: 0.937rem;
}

.lead-lg {
  font-size: 1.375rem;
}

.lead-sm {
  font-size: 1.125rem;
}

.border {
  border-color: var(--border-color) !important;
}

.water__text {
  font-size: 6.37rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.03);
}

.ff-heading {
  font-family: var(--heading-font);
}

.round {
  border-radius: var(--radius);
}

.text-gray {
  color: #525252 !important;
}

.text-muted {
  color: #6E6E6E !important;
}

.text-yellow {
  color: var(--yellow) !important;
}

.bg-yellow {
  background-color: var(--yellow) !important;
}

.bg-primary {
  background-color: var(--color-brand) !important;
}

.text-primary {
  color: var(--color-brand) !important;
}

.text-lime {
  color: var(--lime) !important;
}

.text-warning {
  color: var(--red) !important;
}

.text-dark {
  color: var(--color-dark) !important;
}

.text-justify {
  text-align: justify;
}

.bg-light {
  background-color: var(--color-brand-light-bg) !important;
}

.bg-gradient {
  background: rgba(228, 228, 228, 0.14) !important;
}

.transition {
  transition: all 0.3s ease-in-out;
}

.fw-extrabold {
  font-weight: 800;
}

.link {
  color: var(--color-brand);
  text-decoration: underline !important;
  text-decoration-style: dotted !important;
  cursor: pointer;
  text-underline-offset: 6px;
  word-wrap: break-word;
}
.link:hover {
  color: var(--color-dark);
}

a {
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  color: var(--color-dark);
}
a:hover {
  color: var(--color-brand);
}

b, strong {
  font-weight: 600;
}

.btn:focus, .form-control:focus, .form-select:focus, .form-check-input:focus {
  box-shadow: none;
}

.btn {
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  transition: all 0.3s ease-in-out;
  padding: 1.125rem 2rem;
  border-radius: 0;
  font-weight: 800;
  letter-spacing: 2.5px;
}

.btn-primary {
  border-color: var(--color-brand);
  background-color: var(--color-brand);
  color: #fff;
  font-weight: 600;
}
.btn-primary:hover {
  border-color: var(--color-dark);
  background-color: var(--color-dark);
}
.btn-primary:focus {
  background-color: var(--color-dark);
}

.btn-white {
  background-color: #fff;
  border-color: #fff;
  color: var(--color-dark);
}
.btn-white svg {
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.75rem;
  color: var(--color-brand);
}
.btn-white:hover {
  background-color: var(--color-brand);
  border-color: var(--color-brand);
  color: var(--white);
}
.btn-white:hover svg {
  color: var(--white);
}
.btn-white:focus {
  background-color: var(--color-dark);
  border-color: var(--color-dark);
  color: var(--white);
}
.btn-white:focus svg {
  color: var(--white);
}

.btn-outline-primary {
  border: 1px solid var(--color-brand);
  background-color: transparent;
  color: var(--color-brand);
}
.btn-outline-primary:hover {
  background-color: var(--color-brand);
  border-color: var(--color-brand);
  color: var(--color-white);
}

.btn-primary-outline-gradient {
  border: 1px solid var(--color-brand);
  position: relative;
  color: var(--color-dark);
  font-weight: 500;
  font-size: 1.125rem;
}
.btn-primary-outline-gradient::before {
  backdrop-filter: blur(30px) brightness(15);
  background: linear-gradient(to right, rgba(242, 149, 28, 0.19), rgba(242, 149, 28, 0.515));
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.btn-primary-outline-gradient:hover, .btn-primary-outline-gradient:focus, .btn-primary-outline-gradient:active {
  border-color: var(--color-brand);
  color: var(--color-dark);
}
.btn-primary-outline-gradient:hover::before, .btn-primary-outline-gradient:focus::before, .btn-primary-outline-gradient:active::before {
  backdrop-filter: blur(10px) brightness(5);
  background: linear-gradient(to right, rgba(242, 149, 28, 0.49), rgba(242, 149, 28, 0.25));
}

.btn-red {
  background-color: var(--red);
  border-color: var(--red);
  color: var(--white);
}
.btn-red:hover {
  background-color: var(--color-brand);
  border-color: var(--color-brand);
  color: var(--white);
}

.card {
  box-shadow: -1px 1px 17px rgba(242, 151, 28, 0.2901960784);
  border: 1px solid rgba(112, 112, 112, 0.2039215686);
  border-radius: 16px;
}

/*------- DOWN ARROW LIST STYLES ---------------*/
.arrows__list {
  padding-left: 0;
}
.arrows__list > li {
  position: relative;
  list-style-type: none;
  padding-left: 1.5rem;
}
.arrows__list > li::before {
  content: var(--downArrowRight);
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 0;
  left: 0;
}

/*------ OWL CAROUSEL GLOBAL STYLES ------------*/
.shadow__cutoff .owl-stage-outer {
  height: calc(100% + 30px);
  margin: -15px;
  padding: 15px;
  width: calc(100% + 30px);
}
.shadow__cutoff .owl-stage-outer .owl-stage {
  display: flex;
}
.shadow__cutoff .owl-stage-outer .owl-stage .owl-item {
  display: flex;
  padding: 1px;
}

.stage__flex .owl-stage {
  display: flex;
}
.stage__flex .owl-stage .owl-item {
  display: flex;
}

.owl-nav {
  margin-top: 1rem;
  justify-content: center;
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .owl-nav {
    justify-content: center;
  }
}
.owl-nav .owl-prev, .owl-nav .owl-next {
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0%;
  position: relative;
  transition: all 0.3s ease-in-out;
  background-color: var(--color-brand-light-bg) !important;
}
.owl-nav .owl-prev svg, .owl-nav .owl-next svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
  color: var(--white);
  transition: all 0.3s ease-in-out;
}
.owl-nav .owl-prev::before, .owl-nav .owl-next::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  backdrop-filter: blur(38px) briteness(15);
}
.owl-nav .owl-prev:hover svg, .owl-nav .owl-next:hover svg {
  color: var(--white);
}
.owl-nav .owl-prev:hover::before, .owl-nav .owl-next:hover::before {
  background-color: rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(18px) briteness(5);
  border-radius: 2rem;
}

.owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
.owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50% !important;
  margin: 0 0.2rem;
  justify-content: center;
  align-items: center;
  background-color: #B4B4B4 !important;
  display: flex;
}
.owl-dots .owl-dot.active {
  background-color: var(--color-brand) !important;
  width: 34px;
  height: 10px;
  border-radius: 5px !important;
}
.owl-dots .owl-dot:hover {
  background-color: color-mix(in oklab, var(--color-brand) 60%, transparent) !important;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

@media (max-width: 1200px) {
  html {
    font-size: 93.75%;
  }
}
@media (max-width: 991px) {
  html {
    font-size: 87.5%;
  }
}
@media (max-width: 575px) {
  .container {
    max-width: calc(100% - 1.5rem);
  }
}
.navbar {
  z-index: 999;
  background-color: transparent;
}
.navbar .container {
  position: relative;
}
.navbar .navbar-brand img {
  max-height: 4rem;
}
.navbar .nav-link {
  font-size: 1.125rem;
  color: var(--color-white);
  text-transform: capitalize;
  display: inline-flex;
  align-items: center;
}
.navbar .nav-link:hover {
  color: var(--color-brand);
}
.navbar .nav-link.active {
  color: var(--color-brand);
}
.navbar .btn-white {
  border: 2px solid var(--color-white);
  background-color: transparent;
  color: var(--color-white);
  padding: 0.875rem 1.5rem;
}

.navbar.navbar-scrolled {
  background-color: #0f172a; /* dark color */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

@media (max-width: 991px) {
  .navbar .navbar-brand img {
    max-height: 4.5rem;
  }
  .navbar .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--color-dark);
    padding: 1rem;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  }
}
@media (max-width: 576px) {
  .navbar .navbar-brand img {
    max-height: 36px;
  }
}
.navbar-toggler svg {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.icon-close {
  display: none;
}

/* when menu is open */
.navbar-toggler.active .icon-bars {
  display: none;
}

.navbar-toggler.active .icon-close {
  display: inline;
}

footer {
  background: var(--color-dark);
  padding: 3rem 0 0 0;
}
footer .border__row .col__item:not(:last-child) {
  border-right: 1px dashed rgba(143, 143, 143, 0.3607843137);
}
footer a {
  color: var(--white);
  font-weight: 400;
  text-transform: capitalize;
}
footer a:hover {
  opacity: 1;
  text-decoration: underline;
}
footer .link__box {
  width: max-content;
}
footer .lead-lg {
  color: var(--white);
  font-weight: 600;
  position: relative;
}
@media (max-width: 575px) {
  footer .lead-lg {
    margin-bottom: 1rem;
  }
}

/*---------------------- Back to Top Css --------------*/
.backTop {
  position: fixed;
  bottom: 2rem;
  left: 1.5rem;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--color-brand);
  color: var(--white);
  z-index: 99;
  display: none;
}
.backTop:hover {
  background-color: var(--color-dark);
}
.backTop.show {
  display: inline-flex;
}

.header__wrapper {
  height: 100vh;
  max-height: 1080px;
}
.header__wrapper .title__line {
  position: relative;
}
.header__wrapper .title__line::before, .header__wrapper .title__line::after {
  content: "";
  width: 60px;
  height: 1px;
  background-color: var(--color-white);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -80px;
}
.header__wrapper .title__line::after {
  left: auto;
  right: -80px;
}
.header__wrapper .heading {
  font-size: 200px;
}

.top__title {
  position: relative;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--color-brand);
}
.top__title::before, .top__title::after {
  content: "";
  width: 30px;
  height: 1px;
  background-color: var(--color-brand);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -50px;
}
.top__title::after {
  left: auto;
  right: -50px;
}
.top__title.white {
  color: var(--color-white);
}
.top__title.white::after, .top__title.white::before {
  background-color: var(--color-white);
}
.top__title.hide__left__arrow::before {
  display: none;
}

.menu__list li .info {
  font-size: 1.25rem;
  color: var(--color-dark);
  position: relative;
}
.menu__list li .info::after {
  content: "";
  width: 100%;
  height: 1px;
  display: inline-block;
  border-top: 1px dashed rgba(0, 0, 0, 0.1019607843);
  flex-grow: 1;
  order: 2;
}
.menu__list li .info .menu__item {
  font-weight: 400;
  padding-right: 1.5rem;
  font-family: var(--heading-font);
  flex-shrink: 0;
  order: 1;
}
.menu__list li .info .price {
  font-weight: 700;
  flex-shrink: 0;
  order: 3;
  padding-left: 1.5rem;
}

@media (min-width: 992px) {
  .right__aligned__banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 58vw;
  }
}
.check__list {
  padding-left: 0;
}
.check__list li {
  list-style-type: none;
  position: relative;
  margin-bottom: 0.5rem;
  padding-left: 1.75rem;
}
.check__list li::before {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23DD6E53' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-52.2 6.84l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E");
  position: absolute;
  top: 0.125rem;
  left: 0;
}

.quality__overlay {
  height: calc(100% - 4rem);
  top: 2rem;
}

.carousel .carousel-indicators {
  bottom: -3rem;
}
.carousel .carousel-indicators button {
  width: 16px;
  height: 16px;
  text-indent: inherit;
  border: 0;
  background-color: #ECE9D2;
  border-radius: 50%;
}
.carousel .carousel-indicators button.active {
  background-color: #B1B666;
}

.nav-tabs .nav-link {
  color: var(--color-body-text-color);
  text-transform: uppercase;
  border: 0;
  font-weight: 600;
  letter-spacing: 0.1px;
  position: relative;
}
.nav-tabs .nav-link.active {
  color: #B1B666;
  background-color: transparent;
}
.nav-tabs .nav-link.active::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #B1B666;
  position: absolute;
  bottom: -1px;
  left: 0;
}/*# sourceMappingURL=style.css.map */