.centered-text {
    text-align: center; /* Center the text */
    width: 100%; /* Ensure it spans the full width */
    margin: 0 auto 20px; /* Center and add space below */
}

strong {
    font-weight: bold;
}

/* Font Face Declarations for Web Fonts */
@font-face {
    font-family: 'Wondar Quason';
    src: url('../fonts/Wondar\ Quason\ Free.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eskorte Latin Extrabold';
    src: url('../fonts/eskorte-latin-bold-webfont.woff2') format('woff2'),
         url('../fonts/Eskorte-Latin-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Button styles */
.button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #db9f5b; /* Mustard Button */
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 10px;
    font-family: 'Wondar Quason', sans-serif; /* Special button font */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); /* Slightly stronger shadow */
}

button:hover {
    background-color: #062d3a;
}

/* Adjust the sun/cloud image */
.header-right-content img {
    max-width: 85px; /* Set a fixed maximum width */
    height: auto;
    margin-top: 10px; /* Add some spacing above the image */
}

.packages-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* This centers the boxes horizontally */
    gap: 5px; /* Space between the boxes */
}

.package-box {
    background-color: #db9f5b;
    color: #062d3a;
    padding: 20px;
    border-radius: 10px;
    width: 280px;
    text-align: left;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 0 5px;
    font-family: 'Inter', sans-serif;
}

.package-box p {
    color: #000;
}

/* Price styling */
.price-wrapper {
    display: inline-flex;
    align-items: flex-; /* Aligns the elements at the top */
}

.large-price {
    font-family: 'Eskorte Latin Extrabold', sans-serif;
    font-size: 75px;
    font-weight: bold;
    color: #062d3a;
    letter-spacing: -2px; /* A more aggressive reduction in spacing */
}

.decimal-price {
    font-family: 'Eskorte Latin Extrabold', sans-serif;
    font-size: 30px; /* Smaller size for the decimal */
    align-self: flex-end; /* Ensures /session is aligned to the bottom */
    color: #062d3a;
}

.small-price {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color: #062d3a;
    line-height: 1;
}

.package-box .note {
    font-size: 0.8rem; 
    font-style: italic; 
}

/* For /session */
.session-price {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color: #062d3a;
    align-self: flex-end; /* Ensures /session is aligned to the bottom */
    margin-top: 8px; /* Add space to adjust as needed */
}

/* For the /mo text */
.mo-price {
    font-family: 'Inter', sans-serif;
    font-size: 18px; /* Same size for /mo */
    color: #062d3a;
    vertical-align: baseline; /* Keep it aligned normally */
    align-self: flex-end; /* Ensures /session is aligned to the bottom */
}

.checklist {
    list-style: none; /* Remove default bullets */
    padding: 0;
    margin: 0;
}

.checklist li {
    display: flex;
    align-items: center;
    margin-bottom: 5px; /* Add space between items */
}

.checkmark {
    color: #062d3a; /* Set color for the checkmark */
    font-weight: bold;
    margin-right: 8px; /* Space between checkmark and text */
}