/* Add styles here */
body {
    background-color: #f8f4ec;
    font-family: 'Lora',sans-serif;
    /* font-family: "Lora", sans-serif; */
    font-size: 24pt;
  }
  
  main.container {
    padding-top: 5px !important;
    margin-top: 0 !important;
  }

  .region-card{
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.05); */
    min-height: 200px;
    transition: transform 0.2s ease-in-out; /* Add transition for smooth effect */
  }
  
  .region-card:hover {
    /* transform: scale(1.05); Scale up by 5% on hover */
    background-color: pink;
  }
  
  .region-card p {
    font-size: 80%;
  }
  
  .navbar-brand svg {
    vertical-align: middle;
    margin-right: 0.5rem;
  }
  .logo {
    width: 8rem;
    height: 8rem;
    color: #1e7332; /* Bootstrap success color */
  }

  .coming-soon-title {
    font-size: 4rem;
    color: #2e332f; /* Bootstrap success color */
  }

  .card {
    border: none !important;
  }
  .icon_heading {
   margin-bottom: 0.5rem;
  }