*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.navbar{
    display: flex;
    justify-content: space-around;
    align-items: center;
    animation: sideInFromTop 1s ease-in-out;
}
.navbar img{
   width: 100px;
   animation: rotate 1s ease-in-out;
}
.navbar .center-nav a,.social a{
 color: #3c3b3b;
 margin-left: 5px;
 font-size: 1.7rem;
 transition: all 0.5s ease;
 animation: fadeInUp 1s ease-in-out;
 text-decoration: none;
}
.navbar .center-nav a:first-child{
    color: rgb(255, 81, 0);
    text-shadow:0px 0px 30px rgb(255,140, 0) ;
}
.navbar .center-nav a:last-child{
    color:rgb(255, 81, 0);
    text-shadow:0px 0px 30px rgb(255,140, 0) ;
}
.navbar.center-nav a:hover,.social a:hover{
    color: rgb(255,140, 0);
    text-shadow:0px 0px 30px rgb(255,140, 0) ;
    text-decoration: none;
}

/* new styles */
.navbar.center-nav a{
    position: relative;
    text-decoration: none;
}
.navbar.center-nav a::before{
    content: "";
    position: absolute ;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: rgb(255,140, 0);
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out;
    
}
.navbar.center-nav a:hover before{ 
    transform: scaleX(1);
   visibility: visible;
}

#ban{
    width: 100%;
    height: 40vh;
}
.mid{
    width: 100%;
    height: 80vh;
    /* border: 2px solid red; */
    margin: auto;
    background-color: #ebde88;
}
.mid h1{
    font-size: 50px;
  font-weight: 900;
  font-family:fantasy;
  /* padding-left: 220px; */
  /* padding: 10px; */
  color:rgb(53, 49, 49);
 
}
.mid h1 i{
    color: brown;
}
.midrap{
    width: 40%;
    margin-left:600px ;
    /* border: 2px solid red; */
}
.top-deals {
    display: flex;
    justify-content: space-around; 
    width: 90%;
    margin: 0 auto; 
  }
  
  .top-deals div {
    text-align: center; 
    margin: 10px; 
  }
  
  .top-deals img {
    width: 300px; 
    height: 200px; 
  }
  .top-deals div:nth-child(1) img {
    animation: fade 1s infinite linear; 
  }
  
  .top-deals div:nth-child(2) img {
    animation: bounce 1.5s infinite alternate;
  }
  
  .top-deals div:nth-child(3) img {
    animation: fade 1s infinite alternate;
  }
  
  .top-deals div:nth-child(4) img {
    animation: pulse 1s infinite alternate; 
  }
  
  
  @keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
  }
  
  @keyframes fade {
    from { opacity: 1; }
    to { opacity: 0.5; }
  }
  
  @keyframes pulse {
    from { transform: scale(1); }
    to { transform: scale(1.1); }
  } 

  .container {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }
  
  .row {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    animation: fadeInUp 0.8s ease-in-out both; /* Initial animation for each row */
  }
  
  .row img {
    width: 50%;
    object-fit: cover; /* Ensures images fill the space proportionally */
  }
  
  .text-content {
    width: 50%;
    padding: 30px;
  }
 
  h2 {
    margin-bottom: 10px;
    font-size: 30px;
    font-family: fantasy;
    color: #551111;
  }
  
  /* Scroll animation (adjust timing and properties as needed) */
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
.mid1{
    width: 100%;
    height: 100vh;
}   
.mid1 h1{
    font-size: 50px;
    font-weight: 900;
    font-family:fantasy;
    /* padding-left: 220px; */
    /* padding: 10px; */
    color:rgb(53, 49, 49);
}
.mid1 i{
    color: brown;
}
.midrap1{
    width: 50%;
    margin-left: 600px;
    padding: 30px;
}

footer {
    background-color: #faecd8;
    color: #000000;
    padding: 40px 0 0 0;
  }
  
  .footer-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
  }
  
  .footer-nav {
    width: calc(33% - 10px); /* Adjust width for 3 columns */
    margin-bottom: 20px;
  }
  
  .footer-nav__title {
    margin-bottom: 15px;
    font-weight: 500px;
    font-family: fantasy;
    font-size: 25px;
    color: #551111;
  }
  
  .footer-nav__list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .footer-nav__list{
    color: #3c3b3b;
    font-weight: 500;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  }
  
  
  .footer-nav__list li {
    margin-bottom: 0px;
  }
  
  .footer-nav__list li:hover { /* Add hover effect (optional) */
    color: #126791; /* Burger King orange on hover */
  }
  
  .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 10px 0; */
    border-top: 2px solid rgba(0, 0, 0, 0.2);
  }
  
  .footer-copy {
    display: flex;
    align-items: center;
  }
  
  .logo {
    width: 100px; /* Adjust logo width as desired */
    height: auto;
    margin-left: 400px;
  }
  
  .copyright {
    margin-left: 10px;
    font-size: 25px;
    font-weight: 500;
    color: #551111;
  }