.mg-quote { margin: 0 auto; transform: translateY(0%); max-width: 800px; }
    .mg-quote p {font-size: 4rem; line-height: 5rem;  width: 90%; margin: 0px auto;}
    .mg-quote #banksy { padding: 5px 10px; margin-top: -5px;  border: 0px solid #000; font-size: 2rem; text-decoration: none;}
    .mg-quote a {text-decoration: none;}

    
    /* Ensure the container takes full height of the page */
    .center-page-containers { text-align: center; padding: 20px;  margin-top: 60px;}

    /* Styling for the borders */
    .border-box {  justify-content: center; gap: 10px; margin: 20px 0; }

    /* Style the quote section */
    .mg-quote { margin: 20px auto; font-size: 1.2rem; max-width: 500px;  text-align: center; }
    .mg-quote p { font-size: 2rem; line-height: 1.6; }

    /* Style buttons to be consistent */
    button { background-color: transparent; border: none; cursor: pointer; }
    button a { color: inherit; text-decoration: none; }

    /* div {border: 1px solid #000;} */

        
    .center-page-containers { 
        background-image: url("images/items/fr-indian-large-lateral.svg"); 
        background-size: contain;
        background-repeat: no-repeat; 
        background-position: center;
        height: 380px;
        display: flex;
        justify-content: center; /* Centers horizontally */
        align-items: center;     /* Centers vertically */ 
    }

    .quote-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }


@media (max-width: 768px) {
    .mg-quote { transform: translateY(0%); max-width: 500px; width: 90%; }
    .mg-quote p { max-width: 800px; width: 100%; margin: 0px auto; font-size: 3rem; line-height: 4.5rem; font-size: 1.2rem; line-height: 2.5rem; font-size: 1.5rem; }
    .mg-quote #banksy { font-size: 1.5rem;}
    
}

@media (max-width: 700px) {
    .center-page-containers { height: 280px; }
}


@media (max-width: 500px) {
    .mg-quote {transform: translateY(0%); max-width: 90%; }
    .mg-quote p { text-align: center; font-size: 1.5rem; }
}


@media (max-width: 480px) {
    .center-page-containers { 
        background-image: url("images/items/fr-india.svg");  height: 700px; transform: translateY(20px) !important;
        height: fit-content;
        transform: translateY(0px);
        min-height: -webkit-fill-available;
    }
        
}

@media (max-width: 400px) {
    .mg-quote {transform: translateY(0%); max-width: 90%; }
    .mg-quote p { font-size: 1.2rem; line-height: 1.5; }
    .mg-quote #banksy { font-size: 1.2rem; }


}