:root {
  --primary: #83a12f;
  --light: #faffff;
  --dark: #232323;
  --text: #a1a1a1;
  --tertiary: #fbb03b;
  --accent1: #0d1a00;
  --accent2: #717580;
}

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--dark) !important;
}
.fw-medium {
  font-weight: 600 !important;
}
.text-primary {
  color: var(--primary) !important;
}
.text-tertairy {
  color: var(--tertiary) !important;
}
.text-dark {
  color: var(--dark);
}
.text-accent2 {
  color: var(--accent2) !important;
}
.text-white {
  color: var(--light) !important;
}
.text-para {
  color: var(--text);
}
.bg-secondary-color {
  background-color: var(--dark);
}
.bg-light-gray {
  background-color: #f1f1f1;
}
.bg-primary-color {
  background-color: var(--primary);
}
.bg-accent-color {
  background-color: var(--accent1);
}
.fw-semi-bold {
  font-weight: 700 !important;
}
.fs-7 {
  font-size: 0.8rem;
}
.bg-dark-500 {
  background-color: #00000050;
}

body {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* font style */
.barlow-semi-condensed-thin {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-semi-condensed-extralight {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-semi-condensed-light {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-semi-condensed-regular {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-semi-condensed-medium {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semi-condensed-semibold {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-semi-condensed-bold {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-semi-condensed-extrabold {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-semi-condensed-black {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-semi-condensed-thin-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-semi-condensed-extralight-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-semi-condensed-light-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-semi-condensed-regular-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-semi-condensed-medium-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semi-condensed-semibold-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-semi-condensed-bold-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-semi-condensed-extrabold-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-semi-condensed-black-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}

/* button style */
.primary-btn {
  background-color: var(--primary);
  color: var(--light);
  &:hover {
    background-color: #6e8827;
    color: var(--light);
  }
}
.top-bar-btn {
  background-color: var(--light);
  color: var(--primary);
  &:hover {
    background-color: #fefefe;
    color: var(--dark);
  }
}
.tertiary-btn {
  background-color: var(--tertiary);
  color: var(--light);
  padding-inline: 1rem;
  padding-block: 0.5rem;
  &:hover {
    background-color: #f4a629;
    color: var(--light);
  }
}
.caption-text {
  letter-spacing: 1px;
  font-weight: 500;
}
/* home page */
.banner-background {
  background: radial-gradient(
    141.42% 141.42% at 100% 0%,
    rgba(13, 26, 0, 0.5) 0%,
    #091100 100%
  );
}
.navbar-nav .nav-link {
  height: 100%;
  padding-inline: 1rem !important;
  padding-block: 1.6rem;
  color: var(--dark);
}
.navbar-nav .nav-link.active {
  color: var(--primary);
  border-bottom: 2px solid var(--primary);
}
/* about section starts */
.about-bg-image {
  background-image: url(./images/footer-bg.png);
  background-position: center;
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
}
.border-left {
  border-left: 3px solid var(--primary);
}
.about-gradient {
  background: radial-gradient(
    70.71% 70.71% at 50% 50%,
    rgba(255, 255, 255, 0.3) 0%,
    #ffffff 80%
  );
}
.about-secondary-image {
  top: 220px;
  right: 50px;
  height: fit-content;
}
/* about section ends */

/* natural beauty section starts */
.bg-overlay {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    linear-gradient(
      90.48deg,
      rgba(0, 0, 0, 0.2) 10.42%,
      rgba(0, 0, 0, 0) 53.04%
    );
}
.beauty-section-box {
  min-height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* natural beauty section ends */

/* discover section starts */

.discover-section {
  min-height: 400px;
  position: relative;
  background-image: url(./images/discover-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  &::before {
    content: "";
    position: absolute;
    background-image: url(./images/discover-top-image.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -2px;
    left: 0;
    width: 100%;
    height: 60px;
  }
  &::after {
    content: "";
    position: absolute;
    background-image: url(./images/discover-bottom-image.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 60px;
  }
}

.white-outlined-btn {
  padding-inline: 0.75rem;
  border: 2px solid var(--light);
  background: transparent;
  padding-block: 0.5rem;
  color: var(--light);
  &:hover {
    background-color: transparent;
    color: var(--light);
    border: 2px solid var(--light);
  }
}
/* discover section ends */

/* services section start */
.service-main-box {
  padding: 0;
  margin: 0;
}
.service-inner-box {
  min-height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin:10px ;
}
.service-overlay {
  min-height: 400px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 44%, #000000 100%);
}
/* services section ends */
/* testimonial section starts */
.testimonial-section {
  position: relative;
  background-image: url(./images/footer-bg.png);
  background-position: center;
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  &::before {
    content: "";
    position: absolute;
    background-image: url(./images/discover-top-image.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -2px;
    left: 0;
    width: 100%;
    height: 60px;
  }
}

.testimonial-card {
  background-color: #fff;
  border-radius: 4px;
}
.user-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 3px solid var(--light);
}
/*** Header carousel ***/
@media (max-width: 768px) {
  .header-carousel .owl-carousel-item {
    position: relative;
    min-height: 400px;
  }

  .header-carousel .owl-carousel-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .navbar-light .navbar-brand {
    width: 230px;
  }
}

.header-carousel .owl-nav {
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
}

.header-carousel .owl-nav .owl-prev,
.header-carousel .owl-nav .owl-next {
  margin: 7px 0;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  background: transparent !important;
  border: 1px solid #ffffff !important;
  font-size: 22px !important;
  transition: 0.5s !important;
}

.header-carousel .owl-nav .owl-prev:hover,
.header-carousel .owl-nav .owl-next:hover {
  background: var(--primary);
  border-color: var(--primary);
}

/* footer section starts */
.footer-image {
  background-image: url(./images/footer-bg.png);
  background-position: center;
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
}
.btn-link-footer {
  color: var(--light);
  text-decoration: none;
  padding: 3px 0;
  &:hover {
    color: var(--tertiary);
  }
}
/* footer section ends */

/* media  quries*/
@media (max-width: 768px) {
  .navbar-nav {
    padding: 10px !important;
  }
  .navbar-nav .nav-link {
    padding-block: 10px;
  }
  .navbar-nav .nav-link.active {
    border-bottom: none;
    border-left: 2px solid var(--primary);
  }

  /* about section  */

  .about-secondary-image {
    /* position: absolute !important;
    bottom: 0px;
    top: 0;
    z-index: 9999;
    right: 10px;
    height: fit-content; */
    display: none;
  }
  /* discover section */
  .discover-section {
    &::before {
      top: -4px;
      left: 0;
      width: 100%;
      height: 20px;
    }
    &::after {
      bottom: -4px;
      left: 0;
      width: 100%;
      height: 20px;
    }
  }

  /* beauty section */
  .w-75 {
    width: 100% !important;
  }
  /* service */

  .service-main-box {
    row-gap: 0.5rem;
    padding-inline: 0.75rem;
    /* margin: auto; */
  }
}





/* new_section CSS */

.service-sec-btn{
background: #6e8827 ;
width: 25%;
text-align: center;
padding: 10px 30px;
color: #fff;
border: none;
cursor: pointer;
}

.footer-logo{
  width: 230px;
}