/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbar {
  margin-bottom: 0;
  border-radius: 0;
  opacity: 75%;
}
#dropdownMenuButton {
  /* background-color:#FFC94A ;  */
  background-color:black;
  margin-top:20px;
  margin-left:px;
 color: #ffffff;
}

.dropdown button{
  color:white;
}


/* Set width to 100% and center carousel images */
.carousel-inner img {
  width: 100%;
  margin: auto;
  min-height: 200px;
}

/* Hide the carousel text when the screen is less than 600 pixels wide */


/* Style logo text */
.logo .logo-text {
  color: #ffffff;
  margin-left: 10px;
  font-size: 30px;
  font-family: "DM Serif Display", serif;
}

/* Style navbar buttons */
#id {
  margin-left: 10px;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .navbar-nav {
    margin: 0 auto;
    display: table;
    table-layout: fixed;
  }
}

.buttons {
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 20px;
  gap: 20px;
}

.navbar-buttons .btn {
  margin: 0;
}
.sign button a{
  color:white;
}

.home {
  /* background-color: #FFC94A; */
  background-color:#3181f1;
  text-decoration-color: rgb(255, 255, 255);
}

.btn-default {
  font-size: 16px;
  justify-content: center;
}

.sign {
  display: flex;
  justify-content: flex-end;
  list-style-type: none;
  padding: 20px;
  gap: 10px;
  align-items: flex-start;
}

.sign button a{
  text-decoration: none;
  color: white;
}
#myNavbar {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.dropdown button{
  color:black;
}

.btn-default a {
  color: black;
  text-decoration: none;
}
.btn-default dropdown-toggle a{
   color: #ffffff;
}
.btn-outline-warning{
  background-color: #F57D1F;
}
.buttons button{
  background-color: black;

}
.buttons button a{
  color:white;
}

/* Style carousel text */
.carousel-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color:white;
  line-height: 4;

}
#text1{
  text-shadow:2px 3px black;
}
.carousel-text h3 {
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  font-family: "Yeseva One", serif;
}

#photo h3 {
  color: #1A4D2E;
}

.carousel-inner .item {
  position: relative;
}

.carousel-inner .item img {
  width: 100%;
}

.container{
  display:flex;
  justify-content:space-around;
  gap:35px;
}
.container img{
  height:500px;
  
  border-radius: 3px;
  transition:.5s;
}
.card{
  height:450px;

  box-shadow:5px 5px 20px black;
  overflow:hidden;
}
.intro{
  height:70px;
  width:400px;
  padding:6px;
  box-sizing:border-box;
  position:relative;
  bottom:200px;
  background:rgb(27,27,27,.5);
  color:white;
  transition:.5s;
}
 .container h1{
  
  font-size:40px;
}
.container p{
font-size:20px;
margin:px;
visibility:hidden;
opacity:0;
color:#f2f2f2;
}
.card:hover{
cursor:pointer;
}
.card:hover .intro{
height:300px;
bottom:300px;
background:black;
width:400px;
}
.card:hover p{
  opacity:1;
  visibility:visible;
  color:#f2f2f2;
}
.card:hover img{
  transform:scale(1.1) rotate(-3deg);
}
  .mindful-moment{
   text-align: center;
   
   position:relative;
   margin-top: 30px;
   margin-bottom: 30px;
 
   width:100%;
  }
  .mindful-moment .word1{
     text-transform:uppercase;
     font-size:70px;
     font-weight:900;
     letter-spacing:8px;
     margin-bottom:20px;
     position:relative;
     background-image: url(nature\ image.jpg);
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;
     font-family: "Roboto", sans-serif;
     animation:animate 5s ease infinite;
     -webkit-text-stroke: 1px #000;
  }
  .mindful-moment span{
      display:block;
      
  }
  .mindful-moment .word2{
    font-size:30px;
    font-family: "Noto Serif", serif;
  }
  @keyframes animate {
    from{
      background-position: center 25%;
    }
    to{
      background-position: center 70%;
    }
  }




  footer {
    background-color:black;
    padding: 20px;
    text-align: center;
    opacity:75%;
}

.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-section {
    flex: 1;
    margin: 0 20px;
}

.footer-section h3 {
    margin-bottom: 10px;
    color:#FFC94A;
}

.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 5px;
}

.footer-bottom {
    width: 100%;
    margin-top: 20px;
    background-color: black;
    padding:10px;
}
.footer-content{
  display:flex;
  justify-content: space-around;
  
}
.footer-content p{
  color:white;
}
.footer-bottom p{
  color:white;
}
.social-icons {
  list-style-type: none;
  margin: 0;
  padding: 0;
  
}

.social-icons li {
  display: inline-block;
  margin-right: 10px; /* Adjust spacing between icons */
 
}
.social-icons a{
  color:white;
}
 .blog img{
  border-radius:50%;
}

.col-md-6 img {
  display: block;
  margin: 0 auto;
  box-shadow:5px 5px 20px black;
  margin-top:60px;
  margin-bottom:40px;
}


.healthy-life-text {
  margin-left: 20px;
  margin-top:10px;
  padding:30px;
}

.healthy-life-text h2 {
  font-size: 40px;
  font-weight: bold;
  color:Black;
}

.healthy-life-text p {
  font-size: 19px;
  line-height: 2;
  color: #000; 
}

.healthy-life-text .btn {
  margin-top: 20px;
}
#box{
  padding-left: 0px;
}