/* Base Styles for Ultra-Wide Screens (Above 1920px) */
#footerlowerbar {
    background-color: #192e40;
    color: #ffffff !important;
    width: 80%;
    line-height: 1.5;
    padding: 2rem;
    margin: auto;
    margin-top: 0 !important;
    z-index: 999 !important;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    position: relative;
    border: 0px solid pink;
}

#footertext {
    background-color: #1e3a5f;
    color: #ffffff;
    line-height: 1.8;
    padding: 1.5rem;
    border-radius: 0.5rem;
    margin-top: 0 !important;
    text-align: center;
    display: inline-block;
    position: relative;
    margin: auto;
    font-size: 1rem; /* Base font size */
    letter-spacing: 0.1rem !important;
    font-weight: 200 !important;
    border: 0px solid #ffffff !important;
}

.footer-style-extra {
    font-style: italic;
    color: #ff9179;
}

/* MEDIA QUERIES */

/* Large Desktops (1441px to 1920px) */
@media (max-width: 120rem) {
    #footerlowerbar {
      
        padding: 1.75rem; /* Reduce padding */
    }
    #footertext {
        font-size: 0.95rem; /* Slightly smaller font size */
        padding: 1.25rem; /* Adjust padding */
    }
}

/* Laptops (1025px to 1440px) */
@media (max-width: 90rem) {
    #footerlowerbar {
     
        padding: 1.5rem;
    }
    #footertext {
        font-size: 0.9rem; /* Smaller font size */
        padding: 1rem; /* Reduce padding */
    }
}

/* Tablets (769px to 1024px) */
@media (max-width: 64rem) {
    #footerlowerbar {
  
        padding: 1.25rem;
    }
    #footertext {
        font-size: 0.85rem; /* Decrease font size */
        padding: 0.875rem;
    }
}

/* Small Devices (481px to 768px) */
@media (max-width: 48rem) {
    #footerlowerbar {
        
        padding: 1rem; /* Even smaller padding for mobile */
    }
    #footertext {
        font-size: 0.8rem; /* Decrease font size for small screens */
        padding: 0.75rem;
    }


}

/* Extra Small Devices (Up to 480px) */
@media (max-width: 30rem) {
    #footerlowerbar {
     
        padding: 0.75rem;
    }
    #footertext {
        font-size: 0.75rem; /* Smaller font size for mobile */
        padding: 0.5rem;
    }

 


}