* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Gill Sans Extrabold", sans-serif;
}
.head{
    background-color:#573923;
    color:#fdfbd4;
    display: flex;
    justify-content: space-between;
    padding:3px 20px;

}
.iconhead{
  display: flex;
}
.noone{
  display: flex;
}
.icons{
    padding:0 12px;
}
.icons .fa-brands{
      padding:0 8px;

}

.iconhead i{
    padding-left:10px;
}


/*navbar*/




 







/* slider silder slider slider*/
  /* slisdee*/
  .carousel-item img{
    width:100%;
    height:550px;
    object-fit:cover;
    background-size: cover;
  }
  .slih{
    color:#fdfbd4;
    font-size:4.5rem;
    font-weight: 90px;
  }
  .slip{
    color:#fdfbd4;
    font-size:1.5rem;
    
    
  }
.slide img{
  z-index: -1;
 

}
@media (max-width: 414px) {
  .carousel-inner img {
      height:350px; /* Maintain aspect ratio */
      width: 100%; /* Ensure image takes full width */
  }


}


  /*whatsapp whatsapp*/

  
/* code try codepen try*/
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.gloat {
  position:fixed;
width:60px;
height:60px;
bottom:110px;
right:40px;
background-color:#52bcfd;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}

.my-float{
	margin-top:16px;
}

.bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%,
    25%,
    50%,
    75%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-12px);
    }
}
/* Media Query for max width 414px */
@media (max-width: 414px) {
  .gloat{
      width: 40px; /* Adjust size for smaller screens */
      height: 40px;
      bottom: 75px; /* Adjust position */
      right: 17px;
      font-size: 20px; /* Adjust font size */
  }
  .float {
      width: 40px; /* Adjust size for smaller screens */
      height: 40px;
      bottom: 30px; /* Adjust position */
      right: 17px;
      font-size: 20px; /* Adjust font size */
  }

  .my-float {
      margin-top: 10px; /* Adjust margin for smaller screens */
  }
}




.shoping{
    font-size:1.2rem;
    padding-left:20px;
  }
 

  .shopg{
    text-align:center;
    font-size:2.5rem;
    font-weight: bold;
    padding-top:40px;
  }
/* gallery*/
.album{
    margin-left:110px;
}
section .butbtn {
  text-align: center;
  margin-left: 0px;
  margin-bottom: 40px;
}
section .butbtn button{
  border: none;
  background-color: #573923;
  color:white;
  padding:9px 16px;
  border-radius: 5px;
  transition: all 0.2s;
  
}
section .butbtn button:hover{
    transform: scale(1.3);
}
.album .responsive-container-block {
    min-height: 75px;
    height: fit-content;
    width: 100%;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    justify-content: flex-start;
  }
  
  .album .responsive-container-block.bg {
    max-width: 1320px;
    margin: 0 0 0 0;
    justify-content: space-between;
  }
  
  .album .img {
    width:280px;
    height:250px;
    object-fit: cover;
    margin: 0 0 20px 0;
  }

  .album #i9rb {
    color: black;
  }
  
  .album #ir6i {
    color: black;
  }
  
  .album #ikz3b {
    color: black;
  }
  
  .album .responsive-container-block.img-cont {
    flex-direction: column;
    max-width: 33.3%;
    min-height: auto;
    margin: 0 0 0 0;
    height: 100%;
  }
  
  .album #ipix {
    color: black;
  }
  
  .album #ipzoh {
    color: black;
  }
  
  .album #ig5q8 {
    color: black;
  }
  
  .album #imtzl {
    color: black;
  }
  
  .album #i53es {
    color: black;
  }
  
  .album .img.img-big {
    
    margin: 0 0 16px 0;
  }
  
  @media (max-width: 1024px) {
    .album .img {
      margin: 0 0 18px 0;
    }
  }
  
  @media (max-width: 768px) {
    .album .img {
      max-width: 32.5%;
      margin: 0 0 0 0;
    }
  
    .album .responsive-container-block.bg {
      flex-direction: column;
    }
  
    .album .responsive-container-block.img-cont {
      max-width: 100%;
      flex-direction: row;
      justify-content: space-between;
    }
  
    .album .img.img-big {
      max-width: 49%;
      margin: 0 0 0 0;
    }
  }
  
  @media (max-width: 500px) {
    .album .img {
      max-width: 94%;
      margin: 0 0 25px 0;
    }
  
    .album .responsive-container-block.img-cont {
      flex-direction: column;
      align-items: center;
      padding: 10px 10px 10px 10px;
    }
  
    .album .img.img-big {
      max-width: 94%;
      margin: 0 0 25px 0;
    }
  
    .album .img.img-last {
      margin: 0 0 5px 0;
    }
  }
 /* img  of the tea section */
 .aboutas{
  background-color:#ececec;
 }
 .tea{
  display:flex;
  padding-left:100px;
  padding-right: 100px;
  padding-top:50px;
  padding-bottom: 70px;
  background-color:#ececec;
}
.teatxt{
  padding-right:100px;

}
.teah1{
  font-size:2rem;
  margin-left:50px;
  margin-top:70px;
}
.teap{
  margin-left:50px;
  opacity: 0.8;
  font-size:1.2rem;
  text-align: justify;
}
.teaimg img{
  height:710px;
  width:550px;
  object-fit: cover;
  
}
.boton1{
  background-color:#ececec;
  border:none;
  border:1px solid black;
  width:200px;
  height:35px;
  padding-left:18px;
  color:black;
  text-decoration: none;
  margin-left:50px;

}
.boton1 a {
  text-decoration: none;
  color:black;
}
.boton1:hover{
  background-color: black;
  
}
.boton1 a:hover{
  color:white;
  background-color: black;
  
}


















  /* foooter footer footer*/