@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto/Roboto.woff') format('woff'),
    font-weight: 400;
    font-style: normal;
}
/* Styling for the text box */
.text-box {
    border: 2px solid #333; /* Border color and thickness */
    border-radius: 15px; /* Rounded corners */
    padding: 30px; /* Padding inside the box */
    background-color: #f8f9fa; /* Light background color */
    text-align: center; /* Center-align the text */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: subtle shadow */
    margin-top: 90px; /* Space above the box */
	margin-bottom: 25px; /* Space below the box */
}

/* Additional styling for headings and paragraphs */
.text-box h1 {
    font-size: 2.5rem;
    margin-bottom: 10px;
}

.text-box h2 {
    font-size: 1.8rem;
    color: #555; /* Slightly darker color for the subheading */
    margin-bottom: 15px;
}

.text-box p {
    font-size: 1.1rem;
    line-height: 1.6;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .text-box h1 {
        font-size: 2rem;
    }
    .text-box h2 {
        font-size: 1.5rem;
    }
    .text-box p {
        font-size: 1rem;
    }
}