/* Hero Section Styles */

.header__content .content h2 {
    max-width: 56%;
}

.header__content .content p {
    color: #174541;
    font-size: 1.125em;
    line-height: 1.6;
    max-width: 540px;
    margin-bottom: 2em;
}

.hero__buttons {
    display: flex;
    gap: 1em;
    align-items: center;
    flex-wrap: wrap;
}

.hero__buttons .btn__default {
    justify-content: center;
    max-width: none;
    width: auto;
    padding: 0.8125em 2em;
}

.hero__buttons .btn__default:hover {
    max-width: none;
}

.hero__buttons .btn__primary {
    background-color: #C56B31;
    border-color: #C56B31;
    color: #F9F4F1;
}

.hero__buttons .btn__primary:hover {
    background-color: #b35e2a;
    border-color: #b35e2a;
}

.hero__buttons .btn__secondary {
    background-color: transparent;
}

@media (max-width: 991px) {
    .header__content .content h2 {
        max-width: 100%;
    }

    .header__content .content p {
        font-size: 1em;
        max-width: 100%;
    }

    .hero__buttons .btn__default {
        margin: 0;
    }
}