/* color variable */

:root{
   --red:#f42625;
   --white:#ffffff;
   --black:#000000;
   --grey:#0f0f0f;
   --green:#28a745;
}

/* navbar styling */

#navbar-items{
   gap: 30px;
}
#navbar{
   padding: 0px 10px;
}

#main-logo{
   width: 165px;
}
.nav-link{
   text-decoration: none;
}
#franchise{
   background-color: transparent;
   border: 1px solid white;
   padding: 15px 20px;
   cursor: pointer;
}
#order-online{
   background-color: var(--red);
   border: 0px;
   padding: 15px 20px;
   cursor: pointer;
}
#red{
   color: var(--red);
}
#btn-icon{
   padding: 5px 7px; 
}
.carousal{
   width: 100%;
   
   
}
#getdirection{
   background-color: var(--green);
   border: 0px;
   padding: 15px 20px;
   cursor: pointer;

}

#green{
   color:var(--green);
}
/* Children image styling started */

#children-images{
   gap: 30px;
}
.child-img{
   width: 100%;
   object-fit: contain;
   height: 100px;
   padding:0px 19px;
   box-sizing: 3px;
   background-color: #ffff;
}
.padd{
   padding: 20px; 
}
/* Children image styling ended */

/* Restutrant location area Styling started */
.bg-color{

   background-color: var(--grey);
   margin-top: 100px;
}
.font{
   font-size: 45px;
  
}
.mgt{
   margin-top: 100px;
}
.color{
   color: var(--red);
}
.sideimage{
   padding-top: 50px;
}
/* Restutrant location area Styling ended */

 /* Express Franchises started styling */
 .gap{
   gap:10em;

 }
 .width-1{
   width:360px;
 }
 
 /* Express Franchises started styling */


  /* Social Feed started */
  .width-2{
   width: 230px;
  }
  #gap1{
   gap: 2em;
  }
  
  /* Social Feed ended */


  /* Locations Started */

 .background{
   background-color: var(--white);
   width: 350px;
   height: 250px;
   

 }

 .text-red{
   color: var(--red);
 }

 .text-black{
   color: var(--black);
   

 }

 .font-size{
   font-size: 20px;
 }
.bold{
   font-weight: bold;
}


   /* Locations ended */






  .liststyle{
   list-style: none;
  }


/* Footer styling started */

.fa-brands{
   font-size: 25px;
   margin: 5px;
   background-color: var(--red);
   color: var(--white);
   padding: 10px;
   border-radius: 40px;
}
.icons{
   margin: 3px;
}



hr{
   width: 90%;
   border: 0;
   border-bottom:1px solid #ccc ;
   margin: 20 auto;
}

/* Footer styling started */