@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Jost:ital,wght@0,100..900;1,100..900&display=swap');


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

h1,h2{
  font-family: 'Jost'!important;
  margin-top:20px;
  font-size:60px;
}
h3{
   font-family: 'Jost'!important;
  margin-top:20px;
  font-size:40px
}
h6{
 font-family: 'Jost';
  font-size: 16px;

}
p{
  font-family: 'DM Sans';
  color: #fff;
  font-size: 18px;
  text-align: justify;
}

 
.navbar{
background-color: #133615!important;
padding: 10px;
 border-radius: 10px;
 margin:10px;
justify-content: center !important; 

}
.navbar-logo {
        height: 60px; 
        width: auto; 
        margin-right: 10px; 
    }

.navbar-brand{
  color: #fff!important;
  font-family:'DM Sans';
  font-size: 16px;
  margin: 0 25px;
}
.navbar-nav.navbar-center {
   gap: 10px;
  display: flex;
  justify-content: space-evenly; 
  width: 100%;
}

 .navbar-collapse .navbar-nav .nav-link {
  font-size: 18px;
  color: #fff; 
  padding: 12px;
  font-family:'DM Sans';
  font-size: 16px;
  font-weight:600;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.container-fluid{
  max-width: 83% !important;
  padding-left: 0;
  padding-right: 0;
}
.btn {
  margin-left: 5px;
  border-radius: 5px;
  background: #f0dccc;
}

#hero {
  position: relative;
  padding: 60px ;
   background: url('/img/image2.jpeg') no-repeat center center/cover;
  background-size: cover;
  background-position: center;
  animation: slideEffect 10s ease-in-out infinite;

}
#about-section{
  position: relative;
  padding: 60px ;
  background-color: #f0dccc!important;
}
.bg-dark{
  background-color: #133615!important;
}

#contact{
  background-color: #133615!important;
}
.subtitle{
  color: #8f7049;
}
.text-danger{
color:#8f7049!important;
}

.owl-carousel
{
  background-color: none!important;
}

.section-background{
  background-size: cover;
  background-position: center;
}
.bg-success{
  background-color: #133615!important;
}
#footer{
  background-color: #f3bb93!important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}