/* styles.css */

/* Include the Google Fonts link in your HTML file's head section to import the fonts */
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* Set the font family for headlines */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Prompt', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 30px;
}

/* Set the font family for text */
body,
p {
    font-family: 'Roboto', sans-serif;
    color: #41463E;
    font-size: 1.0em;
}

.txt-primary {
    font-size: 1.4em;
    color: #41463E;
}

.txt-white {
    font-size: 1.4em;
    color: #ffffff;
}

.txt-white-sm {
    font-size: 1.2em;
    color: #e2e2e2;
    font-weight: 300;
}

.txt-suttle {
    color: #9FB097;
}

.highlight-text {
    color: #80AA6D;
}

.bg-custom-color {
    background-color: #DEF1D5;
    /* Set the background color to #DEF1D5 */
    border: none;
}

.text-custom-color {
    color: #80AA6D;
    /* Set the text color to #80AA6D */
}

.form-container {
    border: 2px solid transparent;
    transition: border-color 0.3s ease-in-out;
}

/* Define the active container style */
.form-container.active {
    /* Define the border style when the container is active */
    border-color: #007bff;
    /* You can change this color as needed */
}


.btn-primary {
    background-color: #80AA6D;
    /* Change this to your desired color */
    border-color: #80AA6D;
    /* Change this to match the background color */
}

/* Optional: Customize button hover color */
.btn-primary:hover {
    background-color: #5D9942;
    /* Change this to your desired hover color */
    border-color: #5e99429e;
    /* Change this to match the hover background color */
}

.btn-secondary {
    background-color: #6D6D6D;
    /* Change this to your desired color */
    border-color: #6D6D6D;
    /* Change this to match the background color */
    color: #f3f3f3
}

/* Optional: Customize button hover color */
.btn-secondary:hover {
    background-color: #606060;
    /* Change this to your desired color */
    border-color: #606060;
}

.btn-secondary:active {
    background-color: #585858;
    /* Change this to your desired color */
    border-color: #585858;
}


.btn:disabled,
.btn.disabled {
    background-color: #517242;
    /* Change this to your desired color */
    border-color: #517242;
    /* Change this to match the hover background color */

    color: #ffffff;
    /* Change this to your desired text color */
}

.sticky-note-container {
    background-color: #FFE1A8;
    transform: rotate(3deg);
    margin-left: -15px;
    width: 400px;
    align-items: center;
}

.sticky-note-container p {
    font-size: 20px;

}

.sticky-note-container small {
    font-size: 18px;
}

.user-container {
    border: 5px solid #41463E;
    border-radius: 5%;
    padding: 0;
    margin-top: -25px;
    transform: rotate(-3deg);
    width: fit-content;
    height: fit-content;
    align-items: center;
}


#loadingSpinner {
    margin-left: 5px;
    /* Adjust margin as needed */
}

.city-background {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -100;
    /* Set a lower z-index for the SVG to be behind other elements */
}

@media screen and (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }

    .dropdown .dropdown-menu {
        display: none;
    }

    .dropdown:hover .dropdown-toggle::after {
        border-top: 0;
        border-bottom: 0.3em solid;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-toggle.show::after {
        border-top: 0;
        border-bottom: 0.3em solid;
    }
}




.testimonial-img {
    width: 40px;
    height: 40px;
    margin-right: -10px;
}

.custom-btn-secondary {
    background-color: #dfebd2; /* Tom mais claro de verde */
    border: none;
    padding: 10px 20px;
    font-size: 1.25rem;
    color: rgb(54, 54, 54);
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease;
  }