.footer-main {
    /* width: 70vw; Keep the footer width as it is */
    background-color: #FFB827;
    font-size: 1em;
}


.footer-logo img {
    height: 9.375em;
}



.footer-columns {
    display: flex;
    justify-content: space-between; 
    align-items: center; 
    padding: 1em; 
}


.footer-copyrights,
.footer-terms {
    display: flex;
    align-items: center;
}

.footer-copyrights {
    justify-content: flex-start; 
}

.footer-terms {
    justify-content: flex-end; 
}

.footer-quote p {
    margin: 0; /* Remove any default margin */
    line-height: 1.2; /* Adjust the line-height to reduce space between lines */
    text-align: center; /* Ensure the text is centered */
    font-weight: 600;
    font-size: 2.625em;
}

.footer-quote{
    padding: 1.875em 0;
}

.footer-copyrights p,
.footer-terms p {
    margin: 0 0.375em; 
    font-size: 1em; 
}

/* Styling for the vertical bar separator */
.footer-copyrights p:nth-child(2),
.footer-terms p:nth-child(2) {
    margin: 0 0.625em; /* Space around the vertical bar separator */
}

.footer-columns .footer-logo {
    flex: 1; 
    display: flex;
    justify-content: center; /* Horizontally center the logo */
}

.footer-columns .newsletter {
    flex: 1; 
}

hr {
    color: black;
}

.footer-nav {
    display: flex; /* Apply Flexbox to the nav container */
    justify-content: center; /* Center the list horizontally */
    padding-top: 0.625em; /* Add some space at the bottom*/
    padding-bottom: 0.625em; /* Add some space at the bottom*/ 
}

.bottom-nav {
    list-style: none; /* Remove bullet points from the list */
    /* padding: 0; Remove default padding */
    margin: 0; /* Remove default margin */
    display: flex; /* Display list items horizontally */
    gap: 1em; /* Add spacing between the list items */
}

.bottom-nav li {
    display: inline-block; /* Optional, but helps with legacy support */
}

.bottom-nav a {
    text-decoration: none; /* Remove underline from links */
    color: black; /* Customize the color */
    padding: 0.625em; /*Add some padding around the links*/
}


.cookies-container {
    text-align: center; /* Centers the link horizontally */
}

.user-rights {
    display: inline-block; /* Ensures the link behaves properly when centered */
    color: #000000;
    font-size: 0.875em;
}

a:hover {
    color: #242525;
    text-decoration: none;
}

.field-group {
    padding-top: 0.375em;
}


.subscribe_form input,
.subscribe_form textarea {
    width: 80%;
    padding: 1em;
    font-size: 1em;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 8px;
    box-sizing: border-box;
    color: rgb(0, 0, 0);
}

.submit_container{
    border-radius: 50px;
    padding-top: 1em;
}


.submit_container input{
    background-color: transparent;
    border-radius: 50px;
    padding-top: 1em;
}

/* Hover effect */
.submit_container input:hover {
    background-color: #000000; /* Background color changes on hover */
    color: #FFB827; /* Text color changes on hover */
}

#signup{
    font-size: 1.375em;
}

input::placeholder {
    font-family: 'Poppins';
    text-align: left;
}

.footer-columns.mobile{
    display: none;
}

/* Media query for tablets */
@media (width <= 1000px) {

}

@media (width <= 600px) {
    .footer-columns {
        display: inline;
    } 
    .newsletter{
        width: 85%;
        margin: 0 auto;
    }
    .subscribe_form input, .subscribe_form textarea {
        width: 100%;
    }
    .footer-quote {
        padding: 0.5em 0;
    }
    .footer-columns {
        padding: 0; 
    }
    .bottom-nav a {
        padding: 0; /*Add some padding around the links*/
    }
    .bottom-nav{
        padding: 0;
    }
    .footer-copyrights{
        justify-content: space-between;
    }
    .footer-terms{
        justify-content: space-between;
    }
    .footer-columns.web{
        display: none;
    }
    .footer-columns.mobile{
        display: flex;
        width: 90%;
        margin: auto;
    }
    .footer-columns.mobile p{
        font-size: 0.5em;
    }
    .footer-quote p {
        font-size: 2em;
    }
    .footer-logo img {
        height: auto;
        width: 100%;
    }
    #signup{
        font-size: 1.2em;
    }
}

/* Media query for mobile devices */
@media (width <=  480px) {
    .footer-columns {
        display: inline;
    } 
    .newsletter{
        width: 85%;
        margin: 0 auto;
    }
    .subscribe_form input, .subscribe_form textarea {
        width: 100%;
    }
    .footer-quote {
        padding: 0.5em 0;
    }
    .footer-columns {
        padding: 0; 
    }
    .bottom-nav a {
        padding: 0; /*Add some padding around the links*/
    }
    .bottom-nav{
        padding: 0;
    }
    .footer-copyrights{
        justify-content: space-between;
    }
    .footer-terms{
        justify-content: space-between;
    }
    .footer-columns.web{
        display: none;
    }
    .footer-columns.mobile{
        display: flex;
        width: 90%;
        margin: auto;
    }
    .footer-columns.mobile p{
        font-size: 0.5em;
    }
    .footer-quote p {
        font-size: 2em;
    }
    
}