@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sigmar&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Playwrite+IT+Moderna:wght@100..400&display=swap');

body {
  font-family: "Noto Sans", serif;
  background: rgb(190, 190, 195);
  /* background: linear-gradient(
    90deg,
    rgba(190, 190, 195, 1) 49%,
    rgba(127, 135, 136, 1) 89%,
    rgba(197, 197, 204, 1) 100%
  ); */
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

nav.navbar, footer {
  background-image: radial-gradient(
      circle at 85% 1%,
      hsla(190, 0%, 93%, 0.05) 0%,
      hsla(190, 0%, 93%, 0.05) 96%,
      transparent 96%,
      transparent 100%
    ),
    radial-gradient(
      circle at 14% 15%,
      hsla(190, 0%, 93%, 0.05) 0%,
      hsla(190, 0%, 93%, 0.05) 1%,
      transparent 1%,
      transparent 100%
    ),
    radial-gradient(
      circle at 60% 90%,
      hsla(190, 0%, 93%, 0.05) 0%,
      hsla(190, 0%, 93%, 0.05) 20%,
      transparent 20%,
      transparent 100%
    ),
    radial-gradient(
      circle at 79% 7%,
      hsla(190, 0%, 93%, 0.05) 0%,
      hsla(190, 0%, 93%, 0.05) 78%,
      transparent 78%,
      transparent 100%
    ),
    radial-gradient(
      circle at 55% 65%,
      hsla(190, 0%, 93%, 0.05) 0%,
      hsla(190, 0%, 93%, 0.05) 52%,
      transparent 52%,
      transparent 100%
    ),
    linear-gradient(135deg, rgba(82, 96, 203, 0.39), rgb(96, 189, 244));
}

.navbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
}

.navbar-brand:hover,
.nav-link:hover {
  background-color: rgb(230, 173, 212);
  border-radius: 10px;
}

#carouselExampleCaptions {
  scroll-margin-top: 150px !important;
  max-width: 70% !important;
  max-height: 1000px !important;
  margin: auto !important;
}

.india{
  animation: mymove 5s infinite;
}

@keyframes mymove {
  50% {transform: rotate(10deg);}
}

span,
h2 {
  font-family: "Sigmar", sans-serif;
  font-weight: 100 !important;
  color: rgb(80, 17, 17) !important;
}

.slogan {
  font-family: "Playwrite IT Moderna", cursive !important;
  font-optical-sizing: auto !important;
  font-weight: 300px !important;
  /* font-style: normal !important; */
}

div img {
  max-width: 100% !important;
  max-height: 600px !important;
  border-radius: 2% !important;
  margin: 0 auto !important;
}

figcaption {
  color: rgb(165, 34, 126);
  height: 25px;
  width: 380px;
  font-style: italic;
  font-weight: bold;
  /* padding: 2px; */
  text-align: center;
}

.text-center {
  font-family: "Moon Dance", cursive;
}

.card:hover {
  transform: scale(1.05) !important;
  background-color: #f0f0f0 !important;
}

.card-img-top {
  height: 250px !important;
  width: 380px !important;
}

.card {
  height: 400px !important;
}

.img-fluid {
  height: 200px !important;
  width: 300px !important;
}

#about-us , #dishes{
  scroll-margin-top: 100px; /* Adjust to match your navbar's height */
}

.tab-pane {
  display: none !important; /* Default: all panes hidden */
}

.tab-pane.active {
  display: block !important; /* Only active pane visible */
}

.tab-pane.fade.active {
  opacity: 1;
}

form label{
  display: none;
}

#contact h2 {
  scroll-margin-top: 120px;
}

main{  
  width: 100%;  
  min-height: 100vh;  
  display: flex;  
  justify-content: center; 
  align-content: center;
}  
.box-conatiner{  
  width: 100%;  
  max-width: 1440px;  
  display: flex;  
  justify-content: center;  
  align-items: center;  
  flex-flow: wrap;  
}  

.contact-section h2 {
  margin-bottom: 0; /* Or even less: 5px, 0px */
}

.box{  
  width: 350px; 
  padding: 0px 15px 15px 15px;  
  min-height: 430px;  
}  
.box1{  
  background-color: rgb(204, 198, 198); 
  border-radius: 10px;   
}  
.box2{  
  background-color: hsla(0, 0%, 1%, 0.827); 
  border-radius: 10px; 
}  
.box3{  
  background-color: rgb(204, 198, 198); 
  border-radius: 10px;  
}  
.content{  
  padding: 10px;  
}  
h3{  
  text-transform: uppercase;  
  font-family: 'Lexend Deca', sans-serif; 
  font-weight: bold; 
  margin: 20px 0;  
  text-align: center;
}  
   
form button{
  padding: 10px;
  background-color: rgb(211, 225, 15);
}

.fa-brands{
  font-size: 25px !important;
  color: black;
  margin: 10px;
}