@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap');
 

:root{
    /*############# Home page avriables started here #################*/
 
    /*######### colors and background colors variables started here ##########*/
 
    --primary-color1: rgba(229, 57, 53,1);
    --secondary-color1: rgba(248, 35, 72,1);
    --tertiary-color1: rgba(217,217,217,1);
    --quartenary-color1: rgba(255, 255, 255,1);
    --quinary-color1: rgba(110, 114, 122,1);
    --sextary-color1: rgba(84,101,225,1);
    --septenary-color1: rgba(23,23,24,1);
 
    --mainheading-color: var(--quartenary-color1);
    --subheading-color: var(--primary-color1);
    --card-heading-color: var(--secondary-color1);
    --card-content-color: var(--quartenary-color1);
    --paragraph-primary-color: var(--quartenary-color1);
    --paragraph-secondary-color: var(--tertiary-color1);
    
 
 
    --primary-background-color1: rgba(14, 13, 12,1);
    --secondary-background-color1: rgb(85, 67, 67);
    --tertiary-background-color1: rgb(247, 248, 259,1);
    --quaternary-background-color1:#6E727A;
    
    --background-color-gredient: linear-gradient(90deg, rgba(23, 23, 24, 0.1) 0%, rgba(23, 23, 24, 0) 100%);
   
    /*######### colors and background colors variables ended here ##########*/
 
     
    /*########## border image gradient started here ##############*/
    --border-image-gradient-color: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(102, 102, 102, 0.4) 100%);
    /*################ border image gradient started here ##################*/
        
 
 
    /*############### button variables started here #####################*/
    --button-background-color: var(--primary-color1);
    --button-text-color: var(--quartenary-color1);
    
    /*############# button variables started here #############*/
 
 
    /*######### font family  variables started here ##########*/
    
    --font-family-primary: "Playpen Sans", cursive;
    --font-family-secondary: "Raleway", sans-serif;
    --font-family-tertiary: "Playfair Display", serif;
    
 
    /*######### font family variables ended here ##########*/
 
    
 
   
    
    /*################## Home page avriables ended here #######################*/
 
    
    /* boder color variables started from here */
    --border-color: var(--primary-color1);
    /* boder color variables ended from here */
 
 
    /*######### box shadow and blur variables started here ##########*/
 
    
    --box-shadow-primary1: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    
   
 
    /*######### box shadow variables ended here ##########*/
 
   
 
    /*########## login registration forms variables started here ##########*/
    --font-small : 15px;
     
    --forms-mainheading-fontsize: 28px;
    --forms-input-fontsize: var(--font-small);
    
    /*############ login registration forms variables ended here #########*/
 
    /*########## chef detail page variables started here ##########*/
     --chef-detail-card-background: var(--septenary-color1);
     --chef-title-background: var(--primary-color1);
    /*########## chef detail page variables ended here ##########*/
 
    /*########## enquiry form 5 variables started here ##########*/
 
      --enquiry-icon-background: var(--tertiary-background-color1);
      --enquiry-icon-color: var(--quartenary-color1);
 
    /*########## enquiry form variables ended here ##########*/
 
 
    /*########## footer variables started here ##########*/
 
     --footer-text-color:  var(--quartenary-color1);
 
 
    /*########## footer variables ended here ##########*/
 }
  

*, body {
    line-height: 1.5;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    font-family: "Sen", sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* .custom-table th td{
 
  
} */

.custom-table td{
  border-bottom: 1.33px solid #D9D9D9 !important;
  
}


 .container h4{
  font-size: 20px !important;
  margin-left: 10px !important;
  color: #171718;
 }
th ,tr :first-child {
    font-weight: 500;
    color: var(--septenary-color1);
    font-size: 24px;

}
td{
 min-width: 12rem;

}

.select-container {
  position: relative;
  display: inline-block;
  width: 180px;
}
.select{
    background-color: var(--primary-color1);
    padding: 10px 20px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none; /* Remove arrow for Safari */
    -moz-appearance: none; /* Remove arrow for Firefox */
    border-radius: 8px;
    outline: none;
    border: none;
    color: var(--quartenary-color1);
}
.select-container::after {
  content: ''; /* Unicode for down arrow */
 
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* Prevent clicking on the icon */
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}


.select option{
    background-color: var(--quartenary-color1);
    color: var(--septenary-color1);
}
.custom-table {
    border: 3px solid var(--primary-color1);
    border-radius: 25px;
    padding: 1rem;
    width: 100%;
  }
  .custom-table table {
    width: 100%;

  }
  .custom-table th, .custom-table td {
    text-align: center;
    vertical-align: middle;
    border-right: 1.33px solid #D9D9D9 !important; 
    font-family: var(--font-family-tertiary);
  }
  .custom-checkbox {
    width: 25px;
    height: 25px;
    accent-color: var(--primary-color1);
  
  }
  .button {
    border: 2px solid var(--primary-color1);
    color: var(--septenary-color1);
    background-color: var(--quartenary-color1);
    padding: 7px 20px;
    border-radius: 5px;
    margin-top: 20px;
    width:8rem;
  }
  .button:hover {
    background-color: #ed1c24;
    color: white;
  }

  .addmore-margin{
    margin-right: 10px;
  }

  .menu1-savebtn{
  margin-right: 7px;
  margin-bottom: 10px;
  }

  @media (max-width:769px) {
    .addmore-margin{
      margin-left: 11px !important;
      }
     .form-group .menu1-select-margin{
      margin-left: 0px  !important;
     }
  }