/* Footer INICIO */
footer {
    /* background: url('../images/bg-footer-1.png') center top / contain no-repeat,
          #2f3640; */
    background-color: #2f3640;
    /* background-color: ; */
    position: relative;
    padding-top: 5rem;
    /* height: 16.25rem; */
}

.social-media a {
    width: 2.1875rem;
    height: 2.1875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    transition: var(--transition);
}

.social-media a:hover {
    opacity: 0.8;
}

.social-media a i {
    color: #fff;
}

.menu-footer h4 {
    color: #fff;
    font-family: Petit Formal Script;
    font-size: 1.5rem;
    font-weight: 400;
    padding-bottom: 1.25rem;
}

.menu-footer ul li a {
    color: #d9d9d9;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.menu-footer ul li a:hover {
    color: var(--primary-color);
}

.menu-footer ul li a::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    background-color: #d9d9d9;
    margin-bottom: 3px;
}

.copy-footer {
    margin-top: 5rem;
    background-color: #081b0b;
}

.copy-description {
    padding: 1.25rem 0;
}

.copy-description p,
.copy-description a,
.copy-description span {
    color: #d9d9d9;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.copy-description a {
    color: #fff;
    font-weight: 700;
}

/* Footer FIM */

/* Header INICIO */
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 1.25rem;
    transition: var(--transition);
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

header.sticky {
    background-color: #fff;
}

header nav ul li a {
    color: #000000;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: inline-block;
}

header.sticky nav ul li a {
    color: #000000;
}

header nav ul li.has-submenu > a {
    display: flex;
    align-items: center;
    gap: 10px;
}

header nav ul li.has-submenu .link-lp button {
    background: transparent;
    border: none;
    cursor: pointer;
}

header nav ul li.has-submenu .link-lp button i {
    font-size: 0.875rem;
    color: #000000;
    transition: var(--transition);
}

header nav.navigation ul li.has-submenu ul.submenu li a,
header.sticky nav ul li.has-submenu .link-lp button i {
    color: #000000;
}

@media screen and (max-width: 1024px) {
    header {
        backdrop-filter: none;
    }
}

@media screen and (min-width: 1020px) {
    .logo-mobile,
    .menu-hamburguer {
        display: none;
    }

    header nav ul li.has-submenu {
        position: relative;
        padding: 1rem 0;
    }

    header nav ul li.has-submenu ul.submenu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 13.0625rem;
        padding: 1.25rem;

        border-radius: 1.25rem;
        border: 1px solid #fff;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(12.5px);

        opacity: 0;
        transform: translateY(-10px);
        pointer-events: none;
        transition: var(--transition);
    }

    header nav ul li.has-submenu:hover ul.submenu {
        opacity: 1;
        pointer-events: initial;
        transform: translateY(0px);
    }

    header nav ul li.has-submenu ul.submenu li + li:before {
        content: "";
        display: block;
        margin-top: 0.75rem;
        margin-bottom: 0.625rem;
        width: 100%;
        height: 0.0625rem;
        background: rgba(0, 0, 0, 0.1);
    }

    header nav ul li.has-submenu ul.submenu li a {
        display: flex;
        align-items: center;
        gap: 0.44rem;
        padding: 0 0.625rem;
        width: 100%;
    }

    header nav ul li.has-submenu ul.submenu li a:before {
        content: "";
        display: block;
        margin-top: 3px;
        border-radius: 999999px;
        background: #000;
        width: 0.25rem;
        height: 0.25rem;
        transition: var(--transition);
    }

    header nav ul li.has-submenu ul.submenu a:hover:before {
        background: var(--primary-color);
    }
}

@media screen and (max-width: 1400px) {
    header nav ul li.has-submenu:nth-last-of-type(-n + 2) ul.submenu {
        right: 0;
        left: unset;
    }
}

@media screen and (max-width: 1020px) {
    .menu-hamburguer {
        background-color: transparent;
        border: none;
        color: #000;
        cursor: pointer;
    }

    .logo-mobile {
        padding: 1.25rem;
    }

    header nav.navigation {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -100%;
        width: 100%;
        /* right: 100%; */

        background-color: #f7f7f5;
        transition: var(--transition);
        opacity: 0;
        pointer-events: none;
    }

    header nav.navigation.active {
        /* right: 0; */
        pointer-events: initial;
        opacity: 1;
        left: 0;
    }

    header nav.navigation > ul {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.25rem;
    }

    header nav.navigation ul li a {
        font-size: 1.25rem;
        text-transform: uppercase;
        font-weight: 400;
        color: #000;
    }

    header nav ul li.has-submenu {
        width: 100%;
    }

    header nav ul li.has-submenu .link-lp {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    header nav ul li.has-submenu > .link-lp i {
        transform: rotate(-90deg);
    }

    header nav.navigation ul li.has-submenu ul.submenu {
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        transition: var(--transition);
    }

    header nav.navigation ul li.has-submenu.active ul.submenu {
        opacity: 1;
        visibility: initial;
        max-height: 100%;
    }

    header nav.navigation ul li.has-submenu.active .link-lp button i {
        transform: rotate(-180deg);
    }

    header nav.navigation ul li.has-submenu ul.submenu {
        padding-left: 1.25rem;
    }

    header nav.navigation ul li.has-submenu ul.submenu li a {
        font-size: 1rem;
        padding-top: 0.625rem;
    }

    header nav.navigation ul li.has-submenu ul.submenu li a:before {
        content: "";
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--primary-color);
        margin-right: 5px;
        margin-bottom: 3px;
    }

    .logo-mobile button {
        background-color: transparent;
        border: none;
        color: #000;
    }

    .logo-mobile button i {
        font-size: 1.5rem;
    }
}

/* Header FIM */

/* Home INICIO */

/* Main Banner INICIO */
.main-banner {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-size: cover;
    min-height: 45rem;
    height: 100%;
}

.description-main-banner h1 {
    color: #000;
    font-family: var(--secondary-font-family);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.description-main-banner p {
    color: #000;
    font-family: var(--primary-font-family);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.play-video i {
    color: #000;
    font-size: 2rem;
}

.play-video {
    background: #fff;
    width: 6rem;
    height: 6rem;
    border-radius: 99999px;
    border: none;

    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer;

    outline: 1rem solid rgba(255, 255, 255, 0.3);
    transition: var(--transition);
}

.play-video:hover {
    outline: 0.5rem solid rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 1020px) {
    .main-banner {
        padding-top: 100px;
    }
}

/* Main Banner FIM */

/* Nossos Serviços INICIO */
.our-services {
    background: #f7f7f5;
}

.our-services .button-swiper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-bottom: 5rem;
}

.our-services .button-swiper .swiper-services-button-prev,
.our-services .button-swiper .swiper-services-button-next {
    background: var(--primary-color);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
}

.our-services .button-swiper .swiper-services-button-prev:hover,
.our-services .button-swiper .swiper-services-button-next:hover {
    opacity: 0.8;
}

.our-services .button-swiper .swiper-services-button-prev.swiper-button-disabled,
.our-services .button-swiper .swiper-services-button-next.swiper-button-disabled {
    opacity: 0.1;
    cursor: not-allowed;
}

@media screen and (max-width: 768px) {
    .our-services .container {
        padding-left: 0;
        padding-right: 0;
    }

    .our-services .spot {
        margin-left: 20px;
        margin-right: 20px;
    }

    .our-services .button-swiper {
        padding-bottom: 2rem;
    }
}

/* Nossos Serviços FIM */

/* Descrições INICIO */
.description-companies p:not(.pre-title) {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
}

.description-companies p + p {
    padding-top: 0.625rem;
}

/* Descrições FIM */

/* Quem Somos */

.bg-who-we-are {
    background: #f4a424;
}

.bg-sheet {
    position: relative;
}

.bg-sheet:before {
    content: "";
    /* background: url('../images/folha.png') no-repeat center; */
    position: absolute;
    top: 0;
    right: 0;
    width: 6.3125rem;
    height: 8.25rem;
}

/* Quem Somos */

/* Home FIM */

/* Button */
.btn {
    display: inline-block;
    padding: 0.8125rem 1.875rem;
    font-size: 1rem;
    border: 1px solid transparent;
    font-weight: 400;
    font-family: var(--primary-font-family);
    border-radius: 3.75rem;
    cursor: pointer;
    transition: var(--transition);
}

.btn-primary {
    background: var(--primary-color);
    color: #fff;
}

.btn-primary:hover {
    border-color: var(--primary-color);
    background: transparent;
    color: var(--primary-color);
}

.btn-outlined {
    border: 1px solid #000;
    color: #000;
}

.btn-outlined:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}

.btn-white {
    background: #fff;
    color: #000;
}

.btn-white:hover {
    border-color: white;
    background: transparent;
    color: white;
}

/* Button */

/* Title */
.bg-title {
    /* background: url('../images/bg-title.png') no-repeat center; */
    background-size: cover;
    width: 100%;
    height: 16.25rem;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.pre-title {
    color: #000;
    font-family: Petit Formal Script;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
}

.title {
    color: #000;
    font-size: 3rem;
    font-weight: 700;
}

.pre-title.white,
.title.white {
    color: white;
}

@media screen and (max-width: 768px) {
    .bg-title {
        height: 14.25rem;
    }
}

/* Title */

/* Spot Áreas de Atuação */
.spot-areas-expertise {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.spot-areas-expertise .relative {
    line-height: 0;
}

.spot-areas-expertise .button-spot {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 1.25rem;

    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: var(--transition);
}

.spot-areas-expertise .relative:hover .button-spot {
    opacity: 1;
}

.spot-areas-expertise .button-spot a {
    line-height: 1;
}

.spot-areas-expertise .button-spot a:hover {
    color: #fff;
    border-color: #fff;
}

.spot-areas-expertise h4 {
    color: #000;
    font-family: Petit Formal Script;
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    padding-top: 1.25rem;
}

.spot-areas-expertise img {
    height: 400px;
    object-fit: cover;
    border-radius: 1.25rem;
    overflow: hidden;
}

/* Spot Áreas de Atuação */

/* Banner LP */

.main-banner-lp {
    width: 100%;
    background-size: cover;
    height: 25rem;
}

.description-main-banner-lp {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.description-main-banner-lp h1 {
    color: #000000;
    font-family: Petit Formal Script, sans-serif;
    font-size: 2.5rem;
    font-weight: 500;
    text-align: center;
    padding: 1rem 2rem;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

/* Banner LP */

/* Spot */

.spot {
    background-color: #f9f9f7;
    position: relative;
    padding: 1.25rem;
    margin-top: 90px;
    margin-bottom: 2.5rem;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
    border-radius: 1.25rem;
}

.spot img {
    margin-left: auto;
    margin-right: auto;
    border-radius: 1.25rem;
    height: 170px;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    margin-top: -85px;
}

.spot h4 {
    color: #000;
    font-family: Petit Formal Script;
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

.spot p {
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
}

.spot a {
    margin-top: 20px;
}

/* Spot */

/* Nossa História INICIO */
.content-our-story p {
    color: #5c5c5c;
    font-size: 1rem;
    font-weight: 400;
}

.content-our-story ul,
.content-our-story p:not(:first-of-type) {
    padding-top: 10px;
}

.content-our-story ul {
    padding: 20px 0 20px 20px;
}

.content-our-story ul li:not(:first-of-type) {
    margin-top: 1rem;
}

.bg-story {
    position: relative;
}

.bg-story::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* background-image: url('../images/bg-title.png'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 16.25rem;
}

.swiper-our-story .swiper-slide img,
.swiper-events-campaign .swiper-slide img {
    border-radius: 1.25rem;
}

.swiper-our-story .swiper-button-prev::after,
.swiper-our-story .swiper-button-next::after,
.swiper-events-campaign .swiper-button-prev::after,
.swiper-events-campaign .swiper-button-next::after {
    display: none;
}

.swiper-our-story .swiper-button-prev,
.swiper-our-story .swiper-button-next,
.swiper-events-campaign .swiper-button-prev,
.swiper-events-campaign .swiper-button-next {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8e949d;
    color: #fff;
}

.swiper-our-story .swiper-button-prev i,
.swiper-our-story .swiper-button-next i,
.swiper-events-campaign .swiper-button-next i,
.swiper-events-campaign .swiper-button-prev i {
    font-size: 0.6rem;
}

.swiper-our-story .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-events-campaign .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: unset;
    position: unset;
    background: #8e949d;
    padding: 12px;
    border-radius: 999px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-our-story .container-pagination,
.swiper-events-campaign .container-pagination {
    position: absolute;
    left: 0;
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    text-align: center;
    width: 100%;
    z-index: 10;
}

.swiper-our-story .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-events-campaign .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    opacity: 1;
    background-color: #475467;
}

.swiper-our-story .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active,
.swiper-events-campaign .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #fff;
}

.spot.story {
    height: calc(100% - 90px);
}

.tabs-story {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5rem;
}

.tabs-story .content-tabs {
    border-radius: 3.125rem;
    background: #fff;
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.05);
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.tabs-story .content-tabs button {
    padding: 0.8125rem 1.875rem;
    border-radius: 3.75rem;
    background: #d9d9d9;
    border: none;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
    transition: var(--transition);
}

.tabs-story .content-tabs button:hover,
.tabs-story .content-tabs button.active {
    background-color: var(--primary-color);
    color: white;
}

.tab-content-story {
    border-radius: 1.25rem;
    background: #fff;
    padding: 1.25rem;
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.05);
    display: none;
}

.tab-content-story.show {
    display: block;
}

.tab-content-story .title-tab {
    color: #000;
    font-size: 2.25rem;
    font-weight: 700;
}

.tab-content-story .description-tab {
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.75rem;
}

.tab-content-story .description-tab:first-of-type {
    margin-top: 1rem;
}

.tab-content-story .description-tab:last-of-type {
    margin-bottom: 2rem;
}

.container-video {
    max-width: 720px;
    margin: 0 auto;
}

.institutional-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 1.25rem;
}

.institutional-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .tabs-story .content-tabs {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }

    .tabs-story .content-tabs button {
        width: 100%;
    }

    .tabs-story .content-tabs {
        padding: 1.25rem;
        border-radius: 8px;
    }
}

/* Nossa História FIM */

/* Colaboradores INCIO */
.card-time {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.card-time h4 {
    color: #000;
    font-family: Petit Formal Script;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 1.25rem 0 0.63rem 0;
}

.card-time p {
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 400;
}

.card-time img {
    border-radius: 1.25rem;
}

/* Colaboradores FIM */

/* Nossos Serviços INICIO */

.spot.services {
    margin-bottom: 0;
    height: calc(100% - 90px);
}

/* Nossos Serviços FIM */

/* Seja Nosso Fornecedor INICIO */
.supplier .bg-title {
    height: 12.25rem;
}

.form-supplier {
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.05);
    padding: 1.25rem;
}

.form-supplier label {
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 400;
    display: block;
    margin-bottom: 0.625rem;
}

.form-supplier input[type="text"],
.form-supplier input[type="email"],
.form-supplier input[type="number"],
.form-supplier input[type="file"] {
    width: 100%;
    border-radius: 0.625rem;
    border: 1px solid #e2e2e2;
    background: #fff;
    padding: 0.75rem;
    font-size: 1rem;
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.05);
    height: 2.5rem;
    -webkit-font-smoothing: antialiased;
}

.form-supplier input[type="file"] {
    padding: 0rem;
    cursor: pointer;
    font-size: 0.8rem;
}

.form-supplier input[type="file"]::file-selector-button {
    height: 2.5rem;
    background: #f5f6f7;
    border: 0;
    border-right: 1px solid #e2e2e2;
    cursor: pointer;
    transition: var(--transition);
    margin-right: 0.5rem;
    padding: 0 0.75rem;
    line-height: 2.4rem;
}

.form-supplier input[type="file"]::file-selector-button:hover {
    background-color: #e2e2e2;
}

.form-supplier .fake-file {
    width: 100%;
    border-radius: 0.625rem;
    /* border: 1px solid #e2e2e2; */
    /* background: #fff; */
    /* padding: 0.75rem; */
    /* font-size: 1rem; */
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.05);
    height: 2.5rem;

    -webkit-font-smoothing: antialiased;
    display: flex;
    align-items: center;
}

.form-supplier span {
    color: var(--text-color);
    font-size: 0.875rem;
    font-weight: 400;
    cursor: pointer;
}

.form-supplier span:first-of-type {
    background: #f5f6f7;
    border: 1px solid #e2e2e2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.625rem;
    padding-right: 0.625rem;

    border-top-left-radius: 0.625rem;
    border-bottom-left-radius: 0.625rem;
}

.form-supplier span:last-of-type {
    flex: 1;
    padding-left: 0.625rem;
    border-top: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;

    height: 100%;
    display: flex;
    align-items: center;
    border-top-right-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
}

.field-error {
    color: var(--red-600);
}

.is-invalid {
    border-color: var(--red-600) !important;
}

textarea {
    width: 100%;
    max-height: 500px;
    min-height: 150px;
    border: 1px solid #e2e2e2;
    border-radius: 0.625rem;
    padding: 0.75rem;
    background: #fff;
    font-size: 1rem;
    resize: vertical;
}

.card-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.625rem;
    border-radius: 1.25rem;
    padding: 1.25rem;
    background: #fff;
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.05);
}

.card-contact.start {
    justify-content: flex-start;
}

.card-contact .icon,
.card-address .icon {
    width: 3.125rem;
    height: 3.125rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-contact .icon i,
.card-address .icon i {
    color: #fff;
    font-size: 1.25rem;
}

.card-contact h4 {
    color: var(--text-color);
    font-size: 1.25rem;
    font-weight: 500;
}

.card-contact p {
    color: var(--text-color);
    font-size: 0.875rem;
    font-weight: 400;
}

.card-address {
    border-radius: 1.25rem;
    padding: 1.25rem;
    background: #fff;
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.05);

    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.card-address .icon {
    flex-shrink: 0;
}

.card-address p {
    color: var(--text-color, #5c5c5c);
    font-family: Barlow;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media screen and (max-width: 768px) {
    .supplier .hide-mobile {
        display: none;
    }
}

/* Seja Nosso Fornecedor FIM */

/* Eventos e Campanhas INICIO */
/* .content-events-campaign {
    border-radius: 1.25rem;
    padding: 1.25rem;
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.05);
} */

.description-events-campaign h4 {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
}

.description-events-campaign p {
    margin-top: 0.625rem;
    margin-bottom: 1.25rem;
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.numbers-allere {
    background: url("../img/bg-food-opacity.png"), var(--primary-color);
}

.card-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.25rem;
}

.card-numbers .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 1.25rem;
    background: #fff;
}

.card-numbers.inverse .icon {
    background: var(--primary-color);
}

.card-numbers p {
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
}

.container-dropdown.events .content-dropdown {
    overflow: hidden;
    max-height: 0;
    background: #fff;
    transition: var(--transition);
}

.container-dropdown.events {
    max-width: 40rem;
    margin: 0 auto;
}

.container-dropdown.events .menu-item-dropdown {
    background: #fff;
}

.container-dropdown.events .menu-item-dropdown + .menu-item-dropdown {
    margin-top: 1.25rem;
}

.container-dropdown.events .menu-item-dropdown {
    /* padding: 1.25rem; */
    border-radius: 1.25rem;
    overflow: hidden;
}

.container-dropdown.events .title-dropdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    padding: 1.25rem;
}

.container-dropdown.events .title-dropdown h4 {
    color: #000;
    font-size: 1.25rem;
    font-weight: 700;
}

.container-dropdown.events .content-dropdown .content {
    margin: 0px 1.25rem 1.25rem 1.25rem;
}

.container-dropdown.events .content-dropdown .content {
    padding-top: 1.25rem;
    border-top: 1px solid #e2e2e2;
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
}

.container-dropdown.events .content-dropdown .content p {
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.container-dropdown.events .menu-item-dropdown svg {
    transition: var(--transition);
}

.container-dropdown.events .menu-item-dropdown.active svg {
    transform: rotate(45deg);
}

/* Eventos e Campanhas FIM */

body .swiper-custom-button-prev,
body .swiper-custom-button-next {
    background: var(--primary-color);
    color: #000;
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
}

body .swiper-custom-button-prev:hover,
body .swiper-custom-button-next:hover {
    opacity: 0.8;
}

body .swiper-custom-button-prev.swiper-button-disabled,
body .swiper-custom-button-next.swiper-button-disabled {
    opacity: 0.1;
    cursor: not-allowed;
}

.swiper-navigation-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    gap: 20px;

    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    z-index: 100;
}

@media screen and (min-width: 769px) {
    .swiper-navigation-container {
        position: unset;
    }

    #main-banner .swiper-custom-button-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 5px;
        z-index: 100;
    }

    #main-banner .swiper-custom-button-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 5px;
        z-index: 100;
    }
}

.text-white {
    color: white;
}