body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #1a2e22;
    color: white;
}

header {
    text-align: center;
    padding: 20px;
}

.alert-banner {
    background-color: red;
    color: white;
    padding: 10px;
}

.headline h1 {
    font-size: 2em;
    margin-bottom: 20px;
}

.headline span {
    color: #58c00d;
}

.italic {
    font-style: italic;
}

main {
    padding: 20px;
    text-align: center;
}

.video-section video {
    max-width: 100%;
    border-radius: 10px;
}

.vagas-limitadas {
    margin-top: 10px;
    color: white;
}

.oferta-section-1 {
    margin-bottom: 20px;
}

.price h2 {
    font-size: 1.5em;
    color: red;
}

.cta-button .cta-btn {
    display: inline-block; /* Make the link a block-level element */
    padding: 15px 30px; /* Increase padding for a larger button */
    font-size: 20px; /* Increase font size */
    background-color: #4CAF50; /* Example background color */
    color: white; /* Example text color */
    text-decoration: none; /* Remove underline */
    border-radius: 5px; /* Add rounded corners */
    transition: background-color 0.3s; /* Add a smooth transition effect */
}

.cta-button .cta-btn:hover {
    background-color: #367c39; /* Darken the background color on hover */
}

.additional-images img {
    max-width: 100%;
    margin-top: 10px;
}

.testimonials {
    margin-top: 30px;
}

.testimonial-image {
    background-color: white;
    color: #333;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}

.testimonial-image img {
    max-width: 100%;
    border-radius: 10px;
}

.additional-heading {
    margin-top: 30px;
}

.program-info {
    margin-top: 30px;
}

.program-header h2 {
    color: #58c00d;
}

.program-tools {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center the tools horizontally */
    gap: 20px; /* Add some space between the tools */
    padding: 20px;
}

.tool {
    width: 300px;
    padding: 20px;
    margin: 10px;
    background-color: #333;
    border-radius: 10px;
}

.tool img {
    max-width: 100%;
}

.tool h3 {
    color: #58c00d;
}

.program-tools .tool {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center the content vertically */
    text-align: center; /* Center the text horizontally */
    width: 200px; /* Adjust the width as needed */
}

.program-tools .tool img {
    max-width: 100%; /* Make the images responsive */
    height: auto;
    margin-bottom: 10px; /* Add some space between the image and the text */
}

.bonus-section {
    margin-top: 30px;
    padding: 20px;
    text-align: center; /* Center the heading */
}

.bonus-content {
    background-color: #333;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column; /* Stack image and text on smaller screens */
    align-items: center; /* Center items horizontally */
    text-align: left; /* Align text to the left */
}

.bonus-content img {
    max-width: 80%; /* Adjust image size for smaller screens */
    height: auto;
    margin-bottom: 20px; /* Space between image and text */
}

.bonus-content p {
    font-size: 16px;
    line-height: 1.6;
    margin: 0 auto; /* Remove default margins */
    max-width: 600px; /* Limit text width for readability */
}

/* Media query for larger screens */
@media (min-width: 768px) {
    .bonus-content {
        flex-direction: row; /* Display image and text in a row */
        justify-content: center; /* Space items evenly */
        text-align: left;
    }

    .bonus-content img {
        max-width: 40%; /* Adjust image size for larger screens */
        margin-right: 20px; /* Space between image and text */
        margin-bottom: 0;
    }

    .bonus-content p {
        max-width: 50%; /* Adjust text width for larger screens */
    }
}

.oferta-section {
    margin-top: 30px;
}

footer {
    text-align: center;
    padding: 20px;
    background-color: #333;
    color: white;
}