:root {
    --body-color: #ffffff; /* Define the custom color variable */
    --heading-font: #e7210f;
    --header-span: #313bcc;
  }
  
  * {
    background-color: var(--body-color);
  }
  
  #header-font {
    color: var(--heading-font);
  }
  
  .header-span {
    color: var(--header-span);
  }

  .border_bottom{
    border-bottom: #e7210f solid 2px;
  }
  
  .header-fluid {
    /* Set container height to 100% of viewport height */
    display: flex; /* Use flexbox layout */
    justify-content: center; /* Horizontally center items */
    align-items: center; /* Vertically center items */
    
  }
  
  @media (max-width: 768px) {
    /* CSS rules for screens 768px and less */
    .india-logo {
      display: none !important; /* Hide the India logo */
    }
    
  }
  
  @media (max-width: 578px) {
    /* CSS rules for screens 578px and less */
    .container-fluid {
      display: block; /* Switch to block layout */
    }
  
    .row {
      display: flex;
      flex-direction: column; /* Stack columns vertically */
      align-items: center; /* Center columns horizontally */
      
    }
  
    .col-lg-3,
    .col-lg-6 {
      width: 100%; /* Make columns full width */
    }
  
    .col-lg-3,
    .col-lg-6,
    .col-lg-3 {
      text-align: center; /* Center align content in columns */
    }
  
    .col-lg-3:not(:last-child),
    .col-lg-6 {
      margin-bottom: 1rem; /* Add spacing between columns */
    }
    
    /* Center align the left logo */
    .col-md-3 {
      text-align: center;
    }
  }