@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#header-theme {
    background-color: #D93338;
    width: 100%;
}

#header-theme .header {
    margin: 0 auto;
    padding: 10px;
    max-width: 1280px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #FFF;
}

#header-theme .header .logo-field {
    display: flex;
    align-items: center;
    gap: 10px;
}

#header-theme .header .btn-menu {
    display: none;
}

#header-theme .header .logo-field .list-inline-item .btn {
    background-color: #FFF;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #A5A5A5;
    border-radius: 15px;
}

#header-theme .header .main-menu {
    display: flex;
    align-items: center;
    gap: 20px;
}

#header-theme .header .main-menu .nt-badge{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4b4b4b;
    color: #FFF;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    position: absolute;
    font-size: 12px;
    transform: translate(-10px, -10px);
}

#header-theme .header .main-menu a {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
}

#header-theme .header .main-menu a:hover {
    color: #fff;
    text-decoration: none;
}

#header-theme .header .main-menu a span {
    font-size: 24px;
}

#header-theme .header .main-menu .sus-submenu-group{
    display: none;
}

#header-theme .header .main-menu .sus-menu-group:hover .sus-submenu-group {
    display: block;
    position: absolute;
    background-color: #fff;
    width: 300px;
    list-style: none;
    padding: 0;
    z-index: 100000;
    cursor: pointer;
    color: #404040;
}

#header-theme .header .main-menu .sus-menu-group:hover .sus-submenu-group .sus-submenu-link {
    color: #4b4b4b;
    font-size: 14px;
    padding: 10px;
    display: block;
}

#header-theme .header .main-menu .sus-menu-group:hover .sus-submenu-group .sus-submenu-link {
    border-bottom: 2px solid #9D9D9D;
}


.services-menu {
    background-color: #404040;
    width: 100%;
}

.services-menu .menu-content {
    margin: 0 auto;
    padding: 10px;
    max-width: 1280px;
    width: 100%;
    display: flex;
    gap: 37px;
    align-items: center;
    color: #FFF;
    font-size: 14px;
}

.services-menu .menu-content a:hover {
    color: #fff;
    text-decoration: none;
}

.services-menu .menu-content .submenu-group {
    display: none;
}

.services-menu .menu-content .menu-group:hover .submenu-group {
    display: block;
    position: absolute;
    background-color: #fff;
    width: 300px;
    list-style: none;
    padding: 0;
    z-index: 100000;
    cursor: pointer;
    color: #404040;
}

.services-menu .menu-content .menu-group:hover .submenu-group .submenu-link {
    color: #4b4b4b;
    font-size: 14px;
    padding: 10px;
    display: block;
}

.services-menu .menu-content .menu-group:hover .submenu-group .submenu-link {
    border-bottom: 2px solid #9D9D9D;
}


.services-menu .menu-content .menu-group::after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f0dd";
    font-weight: 900;
    display: inline-block;
}

.services-menu .menu-content .menu-group {
    display: flex;
    gap: 7px;
}

@media(max-width: 780px) {
    #header-theme .header .logo-field img {
        height: 30px;
    }

    #header-theme .header .main-menu,
    .services-menu,
    #header-theme .header .logo-field .list-inline-item .btn .text-lang {
        display: none;
    }

    #header-theme .header {
        flex-wrap: wrap;
    }

    #header-theme .header .main-menu {
        flex-direction: column;
        width: 100%;
        align-items: flex-end;
        gap: 10px;
        margin-top: 20px;
    }

    #header-theme .header .main-menu a {
        flex-direction: row-reverse;
    }

    #header-theme .header .btn-menu {
        display: block;
        background-color: #fff;
        color: #D93338;
        ;
        border-radius: 15px;
        font-size: 24px;
        padding: 0px 10px;
        border: none;
    }

    .services-menu .menu-content {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        width: 100%;
    }

    #header-theme .header .main-menu .sus-submenu-group:hover {
        flex-direction: column;
        width: 100%;
    }

    #header-theme .header .main-menu .sus-menu-group:hover .sus-submenu-group {
        position: relative;
        width: 100%;
    }

    .services-menu .menu-content .menu-group:hover {
        flex-direction: column;
        width: 100%;
    }

    .services-menu .menu-content .menu-group:hover .submenu-group {
        position: relative;
        width: 100%;
    }

    .services-menu .menu-content .menu-group::after {
        content: '';
    }

    .services-menu .menu-content .menu-group>a::after {
        font-family: 'Font Awesome 5 Pro';
        content: "\f0dd";
        font-weight: 900;
        display: inline-block;
        margin-left: 10px;
    }
}

#footer-theme {
    background-color: #404040;
    width: 100%;
}

#footer-theme .footer {
    margin: 0 auto;
    padding: 50px 10px;
    max-width: 1280px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #FFF;
    gap: 20px;
}

#footer-theme .footer .logo-field h6 {
    font-family: "Fira Code", monospace;
    font-size: 14px;
}

#footer-theme .footer .menu-field {
    display: flex;
    gap: 60px;
}

#footer-theme .footer .menu-field a {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}

#footer-theme .footer .menu-field a:hover {
    color: #fff;
    text-decoration: none;
}

#footer-theme .footer .social-field {
    color: #fff;
    text-decoration: none;
    display: flex;
    gap: 30px;
}

#footer-theme .footer .social-field a {
    font-size: 40px;
}

#footer-theme .footer .social-field a:hover {
    color: #fff;
    text-decoration: none;
}

#footer-theme .footer .contact-field a:hover {
    color: #fff;
    text-decoration: none;
}

#footer-theme .footer .contact-field a {
    display: block;
    text-align: end;
    font-size: 16px;
}

@media(max-width: 780px) {
    #footer-theme .footer {
        flex-direction: column;
        width: 100%;
    }

    #footer-theme .footer div {
        width: 100%;
    }
}

#banner-inicial {
    margin: 0 auto;
    padding: 10px;
    max-width: 1280px;
    width: 100%;
}

#banner-inicial a {
    display: block;
}

#banner-inicial a img {
    width: 100%;
    border-radius: 20px;
}

#banner-inicial .slick-dots {
    bottom: 30px;
}

#banner-inicial .slick-dots li button:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f111";
    font-size: 14px;
    color: #fff;
    opacity: 1;
    font-weight: 900;
}

#banner-inicial .slick-dots li.slick-active button:before {
    color: #D93338;
}

@media(max-width: 780px) {
    #banner-inicial .slick-dots {
        bottom: 10px;
    }

    #banner-inicial .slick-dots li button:before {
        font-size: 7px;
    }
}

#servicos {
    margin: 0 auto;
    padding: 20px 10px;
    max-width: 1280px;
    width: 100%;
}

#servicos .servicos-lista {
    margin: 0 auto;
    max-width: 1080px;
    width: 100%;
}

#servicos h1 {
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 32px;
    color: #D93338;
    margin-bottom: 20px;
}

#servicos .servicos-lista .servico {
    background-color: #F5F5F5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    color: #404040;
    border-radius: 15px;
    padding: 15px;
    margin: 20px;
    font-size: 24px;
}

#servicos .servicos-lista .servico:hover {
    text-decoration: none;
    transform: scale(1.1);
}

#servicos .servicos-lista .servico small {
    font-size: 14px;
}

#servicos .servicos-lista .servico span {
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    color: #fff;
    background-color: #D93338;
    border-radius: 5px;
}

.slick-next:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f0a9";
    font-size: 40px;
    color: #404040;
    opacity: 1;
    font-weight: 900;
}

.slick-prev:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f0a8";
    font-size: 40px;
    color: #404040;
    opacity: 1;
    font-weight: 900;
}

.slick-prev {
    left: -50px;
}

@media(max-width: 780px) {
    #servicos h1 {
        font-size: 24px;
    }

    #servicos .servicos-lista {
        max-width: 250px;
    }

    #servicos .servicos-lista .servico {
        font-size: 18px;
    }

    .slick-next:before {
        font-size: 20px;
    }

    .slick-prev:before {
        font-size: 20px;
    }

    .slick-prev {
        left: -30px;
    }

}


#ofertas {
    margin: 0 auto;
    padding: 20px 10px;
    max-width: 1280px;
    width: 100%;
}

#ofertas h2 {
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 32px;
    color: #D93338;
    margin-bottom: 20px;
    text-align: center;
}

#ofertas .ofertas-lista {
    margin: 0 auto;
    max-width: 1080px;
    width: 100%;
}

#ofertas .ofertas-lista .oferta {
    background-color: #F5F5F5;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    color: #404040;
    border-radius: 15px;
    padding: 15px;
    margin: 50px 30px;
    font-size: 24px;
}

#ofertas .ofertas-lista .oferta:hover {
    transform: scale(1.1);
}

#ofertas .ofertas-lista .oferta h3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 17px;
    margin-top: 50px;
    font-size: 24px;
    text-align: center;
}

#ofertas .ofertas-lista .oferta h3 .icone {
    font-size: 82px;
    color: #D93338;
}

#ofertas .ofertas-lista .oferta .preco {
    font-size: 22px;
}

#ofertas .ofertas-lista .oferta .consultar {
    background-color: #D93338;
    display: block;
    border-radius: 5px;
    padding: 13px 17px;
    color: #FFF;
    width: fit-content;
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 14px;

}

#ofertas .ofertas-lista .oferta .preco span {
    font-size: 28px;
    font-weight: bold;
    color: #D93338;
}

#ofertas .ofertas-lista .oferta h4 {
    color: #A5A5A5;
    font-size: 18px;
}

#ofertas .ofertas-lista .oferta ul {
    list-style: none;
    font-size: 16px;
}

#ofertas .ofertas-lista .oferta ul li {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

#ofertas .ofertas-lista .oferta ul br {
    display: none;
}

#ofertas .ofertas-lista .oferta ul .icone {
    color: #D93338;

}

#ofertas .ofertas-lista .oferta .flag-popular {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-30px);
    font-size: 28px;
}

#ofertas .ofertas-lista .oferta .flag-popular span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #D93338;
    border-radius: 20px;
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 20px;
    padding: 2px 18px;
}

#ofertas .disp{
    font-size: 12px;
    color: #9D9D9D;
}

@media(max-width: 780px) {
    #ofertas h2 {
        font-size: 24px;
    }

    #ofertas .ofertas-lista .oferta {
        margin: 20px 10px;
        font-size: 24px;
    }

    #ofertas .ofertas-lista {
        max-width: 300px;
    }

    #ofertas .ofertas-lista .oferta h3 {
        margin-top: 30px;
        font-size: 28px;
    }

    #ofertas .ofertas-lista .oferta h3 .icone {
        font-size: 62px;
        color: #D93338;
    }

    #ofertas .ofertas-lista .oferta .preco {
        font-size: 18px;
    }

    #ofertas .ofertas-lista .oferta .flag-popular span {
        font-size: 14px;
        padding: 2px 18px;
    }

}

#oferecemos {
    background-color: #EEEEEE;
}

#oferecemos .oferecemos-field {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
    padding: 50px 10px 0;
}

#oferecemos .oferecemos-field h2 {
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 32px;
    color: #D93338;
    margin-bottom: 20px;
}

#oferecemos .oferecemos-field .oferecemos-lista {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: space-between;
    align-items: stretch;
}

#oferecemos .oferecemos-field .oferecemos-lista .ofereco {
    background-color: #FFF;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    color: #404040;
    border-radius: 15px;
    padding: 15px;
    font-size: 24px;
    margin-bottom: 50px;
}

#oferecemos .oferecemos-field .oferecemos-lista .ofereco:hover {
    text-decoration: none;
    transform: scale(1.1);
}

#oferecemos .oferecemos-field .oferecemos-lista .ofereco .icone {
    font-size: 48px;
}

@media(max-width: 780px) {
    #oferecemos .oferecemos-field {
        padding: 30px 10px 0;
    }

    #oferecemos .oferecemos-field h2 {
        font-size: 24px;
    }

    #oferecemos .oferecemos-field .oferecemos-lista {
        display: flex;
        overflow-x: auto;
        gap: 20px;
    }

    #oferecemos .oferecemos-field .oferecemos-lista .ofereco {
        font-size: 16px;
        min-width: 210px;
    }

    #oferecemos .oferecemos-field .oferecemos-lista .ofereco .icone {
        font-size: 28px;
    }

}

#clientes {
    margin: 0 auto;
    padding: 50px 10px;
    max-width: 1280px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 40px;
}

#clientes .especialista h2 {
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 32px;
    color: #D93338;
    margin-bottom: 30px;
}

#clientes .especialista p {
    font-size: 16px;
    margin-bottom: 30px;
}

#clientes .especialista p {
    font-size: 16px;
    margin-bottom: 30px;
}

#clientes .especialista a {
    background-color: #D93338;
    display: block;
    border-radius: 5px;
    padding: 13px 35px;
    color: #FFF;
    width: fit-content;
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 14px;
}

#clientes .testimonials {
    max-width: 520px;
}

#clientes .testimonials .testimonial-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

#clientes .testimonials .testimonial-head img {
    width: 63px;
    border-radius: 50%;
}

#clientes .testimonials .testimonial-head h4 {
    display: block;
    font-size: 24px;
}

#clientes .testimonials .testimonial-head h4 small {
    color: #D93338;
    font-size: 16px;
    display: block;
}

#clientes .testimonials .testimonial {
    background-color: #F5F5F5;
    gap: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    color: #404040;
    border-radius: 15px;
    padding: 15px;
    padding-bottom: 50px;
    border-radius: 15px;
    margin: 20px;
}

#clientes .testimonials .testimonial p {
    font-size: 16px;
    text-align: center;
}

#clientes .testimonials .slick-dots li button:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f111";
    font-size: 14px;
    color: #fff;
    opacity: 1;
    font-weight: 900;
}

#clientes .testimonials .slick-dots li.slick-active button:before {
    color: #D93338;
}

#clientes .testimonials .slick-dots {
    bottom: 30px;
}

@media(max-width: 780px) {
    #clientes {
        padding: 30px 10px;
        flex-direction: column;
    }

    #clientes .especialista h2 {
        font-size: 24px;
    }

}

#parceiros {
    margin: 0 auto;
    padding: 20px 10px;
    max-width: 1280px;
    width: 100%;
}

#parceiros .parceiros-lista {
    margin: 0 auto;
    max-width: 1080px;
    width: 100%;
}

#parceiros h2 {
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 32px;
    color: #D93338;
    margin-bottom: 20px;
    text-align: center;
}

#parceiros .parceiros-lista .parceiro {
    margin: 50px;
}

#parceiros .parceiros-lista .parceiro img {
    width: 100%;
}

@media(max-width: 780px) {
    #parceiros h2 {
        font-size: 24px;
    }

    #parceiros .parceiros-lista {
        max-width: 250px;
    }

}

#product-banner {
    margin: 0 auto;
    padding: 10px;
    max-width: 1280px;
    width: 100%;
}

#product-banner .banner {
    padding: 10px;
    max-width: 1280px;
    width: 100%;
    background-color: #D93338;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 604px;
    color: #fff;
    gap: 50px;
}

#product-banner .banner .icone {
    font-size: 92px;
}

#product-banner .banner h1 {
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 48px;
    text-align: center;
}

#product-banner .banner button {
    background-color: #fff;
    display: block;
    border-radius: 10px;
    padding: 19px 33px;
    color: #D93338;
    width: fit-content;
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 20px;
    border: none;

}

@media(max-width: 780px) {
    #product-banner .banner {
        height: auto;
        gap: 20px;
        padding: 40px 10px;
    }

    #product-banner .banner h1 {
        font-size: 30px;
    }

    #product-banner .banner img {
        height: 42px;
    }

    #product-banner .banner button {
        padding: 19px 13px;
        font-size: 16px;

    }
}

#product-servicos {
    margin: 0 auto;
    padding: 20px 10px;
    max-width: 1280px;
    width: 100%;
}

#product-servicos .servicos-lista {
    margin: 0 auto;
    max-width: 1080px;
    width: 100%;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: space-between;
    align-items: stretch;
}

#product-servicos h2 {
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 32px;
    color: #D93338;
    margin-bottom: 20px;
}

#product-servicos .servicos-lista .servico {
    background-color: #F5F5F5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    color: #404040;
    border-radius: 15px;
    padding: 15px;
    margin: 20px;
    font-size: 24px;
}

#product-servicos .servicos-lista .servico:hover {
    text-decoration: none;
    transform: scale(1.1);
}

#product-servicos .servicos-lista .servico small {
    font-size: 14px;
}

#product-servicos .servicos-lista .servico span {
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    color: #fff;
    background-color: #D93338;
    border-radius: 5px;
}

@media(max-width: 780px) {
    #product-servicos h1 {
        font-size: 24px;
    }

    #product-servicos .servicos-lista {
        max-width: 100%;
        grid-template-columns: 100%;
    }

    #product-servicos .servicos-lista .servico {
        font-size: 18px;
        margin: 0px;
        margin-bottom: 20px;
    }
}

#como-funciona {
    background-color: #EEEEEE;
}

#como-funciona .passo-a-passo {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
    padding: 50px 10px;
}

#como-funciona .passo-a-passo h2 {
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 32px;
    color: #D93338;
    margin-bottom: 20px;
    text-align: center;
    margin-bottom: 65px;
}

#como-funciona .passo-a-passo .passos {
    width: 100%;
    display: grid;
    grid-template-columns: 21% 21% 21% 21%;
    justify-content: space-between;
    align-items: stretch;
}

#como-funciona .passo-a-passo .passos .passo {
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    color: #404040;
    border-radius: 15px;
    padding: 15px;
    align-items: center;
    text-align: center;
}

#como-funciona .passo-a-passo .passos .passo .icone {
    font-size: 80px;
}

#como-funciona .passo-a-passo .passos .passo h4 {
    font-size: 24px;
}

#como-funciona .passo-a-passo .passos .passo p {
    font-size: 14px;
}


@media(max-width: 780px) {
    #como-funciona .passo-a-passo h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    #como-funciona .passo-a-passo .passos {
        grid-template-columns: 49% 49%;
    }

    #como-funciona .passo-a-passo .passos .passo {
        margin-bottom: 10px;
        gap: 7px;
        padding: 7px;
    }

    #como-funciona .passo-a-passo .passos .passo .icone {
        font-size: 40px;
    }

    #como-funciona .passo-a-passo .passos .passo h4 {
        font-size: 18px;
    }
}

#faq {
    margin: 0 auto;
    padding: 50px 10px 20px;
    max-width: 1280px;
    width: 100%;
}

#faq h2 {
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 32px;
    color: #D93338;
    text-align: center;
    margin-bottom: 6px;
}

#faq>p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 65px;
}

#faq .pergunta {
    margin: 0 auto;
    max-width: 1080px;
    width: 100%;
}

#faq .pergunta p {
    font-size: 16px;
    width: 90%;
    margin: 0 auto 30px;
    display: none;
}

#faq .pergunta .card-faq {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: #F5F5F5;
    padding: 20px 48px;
    width: 100%;
    margin-bottom: 30px;
    border: none;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    outline-color: #D93338;
    color: #000;
}

#faq .pergunta .card-faq h4 {
    font-size: 20px;
}

#faq .pergunta .card-faq .icone {
    font-size: 30px;
}

#faq .pergunta .card-faq .icone-up {
    display: none;
}

@media(max-width: 780px) {
    #faq h2 {
        font-size: 24px;
    }

    #faq>p {
        font-size: 14px;
        margin-bottom: 45px;
    }

    #faq .pergunta .card-faq {
        padding: 13px;
    }

    #faq .pergunta .card-faq h4 {
        font-size: 16px;
        align-items: left;
    }

    #faq .pergunta .card-faq .icone {
        font-size: 22px;
    }

    #faq .pergunta p {
        font-size: 14px;
    }
}

#whatsappEsp {
    background-color: #D93338;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#whatsappEsp .especialista {
    margin: 0 auto;
    padding: 43px 10px 83px;
    max-width: 1280px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
}

#whatsappEsp .especialista h5 {
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 32px;
    color: #FFFF;
    text-align: center;
    margin-bottom: 0px;
}

#whatsappEsp .especialista .btn-chame {
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 12px 48px;
    color: #D93338;
    width: fit-content;
    font-family: "Fira Code", monospace;
    font-weight: bold;
    font-size: 20px;
    border: none;
    gap: 15px;
}

#whatsappEsp .especialista .btn-chame .icone {
    font-size: 30px;
}

@media(max-width: 780px) {
    #whatsappEsp .especialista h5 {
        font-size: 24px;
    }

    #whatsappEsp .especialista .btn-chame {
        width: 100%;
        font-size: 16px;
    }

}


.cart-body {
    width: 100% !important;
}

.order-summary ul {
    list-style: none;
}

.cart-sidebar,
#order-standard_cart .order-summary #producttotal .product-name,
.order-summary ul br {
    display: none;
}

.order-summary ul li {
    background-color: transparent;
    display: flex;
    gap: 10px;
    align-items: center;
}

.btn-success,
.btn-primary,
#order-standard_cart .view-cart-items-header {
    background-color: #D93338 !important;
}

#order-standard_cart .empty-cart .btn {
    background-color: #404040 !important;
}

#order-standard_cart .view-cart-items {
    border-color: #404040 !important;
}

#order-standard_cart {
    margin: 0 auto !important;
    font-size: 14px;
    width: 100%;
    max-width: 1280px;
    padding: 20px !important;
}

#order-standard_cart .sidebar-collapsed {
    display: none;
}