@font-face {
    font-family: 'InterTight';
    src: url('../font/InterTight-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'InterTight';
    src: url('../font/InterTight-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'InterTight';
    src: url('../font/InterTight-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'InterTight';
    src: url('../font/InterTight-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'InterTight';
    src: url('../font/InterTight-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

:root {
    --color-message-success-bg: #e3fcec;
    --color-message-success-text: #1f9d55;
    --color-message-success-border: #51d88a;

    --color-message-warning-bg: #fffabc;
    --color-message-warning-text: #8d7b00;
    --color-message-warning-border: #d3b800;

    --color-message-error-bg: #fcebea;
    --color-message-error-text: #cc1f1a;
    --color-message-error-border: #ef5753;

    --color-message-info-bg: #eff8ff;
    --color-message-info-text: #2779bd;
    --color-message-info-border: #6cb2eb;

    --acordion-icon-color: #ffc20e;
}


body {
    font-family: 'InterTight', sans-serif;
    scroll-behavior: smooth;
}

.navbar-toggler {
    border: none;
    outline: none;
    box-shadow: none;
}

.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.nav-link {
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
    transition: 0.3s;
    color: #2a7038;
    font-weight: bold;
    font-size: 1.2rem;
}

.nav-link:hover {
    border-bottom: 1px solid #2a7038;
    transition: 0.3s;
}

.verde {
    color: #2a7038;
}

.borda-verde {
    border-color: #2a7038 !important;
}

.verde-claro {
    color: #5ce250;
}

.borda-verde-claro {
    border-color: #5ce250 !important;
}

.fade-verde-claro-to-transparent {
    background: linear-gradient(to right, #5ce250, transparent);
    height: 10px;
}

.bg-verde {
    background-color: #2a7038;
}

.bg-verde-claro {
    background-color: #5ce250;
}

.btn {
    transition: 0.3s;
}

.btn:hover {
    transform: translateY(-5px);
    transition: 0.3s;
}

.btn-verde {
    background-color: #2a7038;
    color: white;
}

.btn-verde:hover {
    background-color: #0f6420;
    color: white;
}

.btn-verde-claro {
    background-color: #5ce250;
    color: white;
}

.btn-verde-claro:hover {
    background-color: #259b08;
    color: white;
}

.vh-min-100 {
    min-height: 100vh;
}

.hover-efeito {
    transition: 0.3s;
}

.hover-efeito:hover {
    transform: translateY(-5px);
    transition: 0.3s;
}

.hover-zoom {
    transition: 0.3s;
}

.hover-zoom:hover {
    transform: scale(1.05);
    transition: 0.3s;
}

/* Flash messages */
.message {
    padding: .5rem 1rem;
    background: var(--color-message-info-bg);
    color: var(--color-message-info-text);
    border-color: var(--color-message-info-border);
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 1rem;
    cursor: pointer;
    position: absolute;
    top: 90px;
    width: 100%;
    text-align: center;
}

.message.hidden {
    display: none;
}

.message.success {
    background: var(--color-message-success-bg);
    color: var(--color-message-success-text);
    border-color: var(--color-message-success-border);
}

.message.warning {
    background: var(--color-message-warning-bg);
    color: var(--color-message-warning-text);
    border-color: var(--color-message-warning-border);
}

.message.error {
    background: var(--color-message-error-bg);
    color: var(--color-message-error-text);
    border-color: var(--color-message-error-border);
}

.splide__arrow svg {
    display: none;
}


.splide__arrow {
    background-color: #fff;
    color: #0f6420;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    transition: background-color 0.3s, opacity 0.3s;
    font-size: 16px;
}

.splide__arrow--prev::before {
    content: "\f053";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.splide__arrow--next::before {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.splide__arrow:hover {
    background-color: #0f6420;
    color: #fff;
    opacity: 1;
}

.splide__arrow--prev {
    left: 10px;
}

.splide__arrow--next {
    right: 10px;
}

.vh-50 {
    height: 50vh;
}

.bg-1 {
    background: url(../img/bg-1.webp) no-repeat center center;
    background-size: cover;
}

.bg-2 {
    background: url(../img/bg-2.webp) no-repeat center center;
    background-size: cover;
}

.bg-3 {
    background: url(../img/bg-3.webp) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}



@media (max-width: 992px) {
    .bg-1{
        /* background: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%), url(../img/bg-1.webp) no-repeat 65% 0; */
        background-position: 30% 0;
    }
}