@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
/*---===== IMPORTED FILES =====*/
@import url("../vendor/bootstrap-icons/bootstrap-icons.css");
@import url("../vendor/aos/aos.css");
@import url("../vendor/boxicons/css/boxicons.min.css");
/* @import url("project.css");
@import url("project2.css"); */
@import url("responsive.css");
@import url("fancybox.css");
@import url("owl.carousel.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.css");

:root {
  
  --primary-font: 'Poppins', sans-serif;
  --white-color: #fff;
  --black-color: #000;
  --primary-color: #f7f0ec;
  --secondary-color:#09c36d;
  --green-color:#593b26;
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: var(--primary-font);
  color: var(--black-color);
  font-size: 18px;
}

a {
  color: var(--secondary-color);
  text-decoration: none;
}

a:hover {
  color: var(--secondary-color);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Teko', sans-serif;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 70px;
  z-index: 996;
  background: var(--primary-color);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: var(--secondary-color);
  line-height: 0;
}

.back-to-top:hover {
  background: var(--primary-color);
}

.back-to-top:hover i {
  color: var(--secondary-color);
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}


/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0;
  position: relative;
  background:var(--white-color);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#header.header-scrolled{
  background: var(--white-color);
  position: fixed;
  animation: smoothScroll 1s forwards;
}
 @keyframes smoothScroll {
     0% {
         transform: translateY(-80px);
    }
     100% {
         transform: translateY(0px);
    }
}

@media (max-width: 991px) {
#header.header-scrolled{
 
  animation: auto;
}
}


#header .logo img {
  max-height: 70px;
}

#header.header-scrolled .logo img{
   max-height: 50px;
}
#header.header-scrolled .navbar a, .navbar a:focus{
  font-size: 15px;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px 10px 20px;
  font-size: 18px;
  font-weight: 600;
  color: var(--black-color);
  white-space: nowrap;
  transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: var(--secondary-color);
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: var(--black-color);
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #151515;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: var(--white-color);
  background-color: var(--primary-color);
}


.bi-x::before{
  color: var(--white-color);
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-img {
    background: url(../img/bg-pattern.png);
  }

.section-bg{

  background: linear-gradient(0deg, #fff 40%, #f7f0ec 0%);
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: black;
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}
#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

.owl-carousel button.owl-dot {
  margin-right: 0 !important;
}
/* .owl-carousel.owl-drag .owl-item {
  width: 150px !important;
} */
.circle_img
{
      padding: 17px;
    background: #fff;
    border-radius: 50%;
    width: 62%;
    margin: 0 auto;
}
.fixed{position:fixed; z-index:99;}
.priceicn{width:60px;}
.priceicn1{width:50px;}
.priceicn2{width: 110px;}
.point{bottom:10px;right: 5px;}
.point1{bottom:10px; left: 5px;}
.point2{bottom: 10px; right: 10px;}
.accordion-button
{
  padding: 12px;
}