/* Custom rounded buttons */

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box; 
    /*font-family: 'Ubuntu', sans-serif; */  
    
    font-family: "Poppins", Arial, sans-serif;   /* ← your preferred font */

    /*
    font-family: 
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif;  
    */  

}

.welcome{
    text-align: center;
    background-position: center;
}

h3{
    font-size: 45px;
    font-weight: 800px;
    line-height: 30px;
    color: black;
   
    text-shadow: rgb(255, 165, 0);
    margin-bottom: 15px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
    text-shadow: 0 6px 30px  rgb(255, 165, 0);
    text-shadow: 0 6px 30px  rgb(98, 146, 130);
   

}

h5{
    font-size: 28px;
    font-weight: 800px;
    line-height: 30px;
    color: black;
   
    text-shadow: rgb(255, 165, 0);
    margin-top: 5px;
    margin-bottom: 0px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
    text-shadow: 0 6px 30px  rgb(255, 165, 0);
    text-shadow: 0 6px 30px  rgb(98, 146, 130);

}
.btn-custom {
               /* Text color */
   

    color: white;
    color: black;  /* Text color */
  

    background-color: transparent;
   /* background-color: black; */

   border-radius: 0px;      /* Rounded corners */
    padding: 5px 24px;        /* Adjust size */
    font-size: 0.9rem;
    font-weight: normal;
    text-align: center;
    display: inline-flex;
    align-items: center;
    gap: 4px;     
    border: none !important;            /* Space between icon and text */
}

.btn-custom1 {
    color: black;  /* Text color */
    background-color: transparent;
    border-radius: 0px;      /* Rounded corners */
    padding: 5px 24px;        /* Adjust size */
    font-size: 0.9rem;
    font-weight: normal;
    text-align: center;
    display: inline-flex;
    align-items: center;
    gap: 4px;     
    border: none !important; 
    border-bottom: 2px solid  rgb(98, 146, 130) !important;           /* Space between icon and text */
}

/* Hover effect */
.btn-custom:hover {

    border: none !important;
    border-bottom: 2px solid  rgb(98, 146, 130) !important;

   

}



/* Active button */
.btn-custom:active {
    background-color: #FFA500;
    background-color: rgb(98, 146, 130);
    
    font-weight: bold;
    border: none !important;
    border-bottom: 2px solid  rgb(98, 146, 130) !important;
}

/* Logo spacing */
.navbar-brand img {
    margin-right: 8px;
}