@media only screen and (max-width: 768px) {
    .final-container {
        padding: 15px;
        text-align: center;
        margin-top: 15px;
        margin-left: 10px; /* Reduced margin for mobile screens */
        margin-right: 10px; /* Reduced margin for mobile screens */
        margin-bottom: 20px; /* Adequate space from the bottom */
        position: relative;
        overflow: hidden;
        border-radius: 15px; /* Reduced radius for a more subtle effect on small screens */
    }

    .final-background-image {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        opacity: 0.2;
        z-index: -1;
        background-image: url('testing.png'); /* Ensure this image is responsive and does not have a huge file size */
    }

    .final-container-title {
        text-align: center;
        font-family: 'Myanmar Text', sans-serif;
        font-size: 2rem; /* Reduced font size for smaller screens */
        color: #7d6a82;
        font-weight: 650;
        margin-top: 25px; /* Reduced margin to save space */

    }

    .final-container-description {
        text-align: center;
        font-family: 'Nunito', sans-serif;
        font-size: 2rem; /* Reduced font size for smaller screens */
        color: black;
        font-weight: 550;
        padding: 10px;
    }

    .final-container-description2 {
        text-align: center;
        font-family: 'Jakarta Sans', sans-serif;
        font-size: 1.2rem; /* Slightly reduced font size for secondary text */
        color: #7d6a82;
        font-weight: 600;
        padding-bottom: 20px; /* Adding padding to create space from the bottom element */
    }

    .button {
        background-color: #7d6a82; /* Background color of the button */
        color: white;
        padding: 12px 24px; /* Adjust padding for easier touch */
        text-align: center;
        border: none;
        font-size: 14px; /* Slightly smaller font size */
        margin-top: 20px; /* Reduced top margin */
        margin-bottom: 20px;
        display: block; /* Changed to block to span the button across the screen */
        width: calc(100% - 20px); /* Full width with padding accounted for */
        font-family: 'Jakarta Sans', sans-serif; 
        box-sizing: border-box; /* Ensures padding doesn't affect the overall width */
    }

    .button:hover {
        background-color: #9D858D; /* Background color on hover */
    }

    a {
        color: #FFFFFF;
        text-decoration: none;
    }
}