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

html {
    scroll-behavior: auto !important;
}


.item-social-media {
    display: inline-block;
    border: 2px solid #808080;
    border-radius: 50%;
    margin-left: 2px;
    margin-right: 2px;
}


.purple-color {
    color: #3E2155;
}

.purple-bg {
    background-color: #3E2155;
}

.grey-bg {
    background-color: #CCCCCC;
}

.yellow-color {
    color: #ffb600;
}

.sub-title {
    letter-spacing: 1.25px;
    color: #3E2155;
    font-weight: 300;
    font-size: 22px;
}

.evidence-title {
    letter-spacing: 1.25px;
    color: #3E2155;
    font-weight: 700;
    font-size: 32px;
}

.curve-top-right-nav {
    background-color: #fff;
    border-bottom-right-radius: 40px;
}

.curve-bottom-left-nav {
    background-color: #FFF;
    /* border-top-left-radius: 69px;  */
    border-top-left-radius: 40px;
    top: -120px;
    z-index: 999;
}

.up-top-right-div {
    top: -60px;
    z-index: -999;
}

.aon-why-choose2-area {
    padding-top: 0;
    padding-bottom: 0;
}

/* Override */
body {
    font-family: "Ubuntu", sans-serif;
}

/* Base – deixa a altura ser automática */
section.hero {
  height: auto;
}

/* Mobile */
@media (max-width: 767px) {
  section.hero {
    min-height: 41vh; /* OU 50–60vh se quiser um hero um pouco maior */
  }
}

/* Tablets e notebooks */
@media (min-width: 768px) and (max-width: 1399px) {
  section.hero {
    min-height: 87vh;
}


/* Monitores grandes */
@media (min-width: 1400px) {
  section.hero {
    min-height: 77vh;
}

/* Line clamp para truncar texto em múltiplas linhas */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.btn {
    border-radius: 24px;
}

.site-button {
    background: transparent linear-gradient(180deg,
            #F8DA97 0%,
            #F8D588 13%,
            #F9BB30 71%,
            #F9B724 100%) 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000029;
    border-radius: 40px;
    color: #3E2155;
    font-weight: bold;
    padding: 10px 40px;
    font-size: 16px;
    margin-top: 2rem;
}

.site-button:hover {
    background: transparent linear-gradient(0deg, #F8DA97 0%, #F8D588 13%, #F9BB30 71%, #F9B724 100%) 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000029;
}

.btn-outline-primary {
    color: #3E2155;
    background-color: transparent;
    border-color: #3E2155;
    border-radius: 2em;
}

.btn-outline-primary:hover {
    color: #ffffff;
    background-color: #3E2155;
    border-color: #3E2155;
}

primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #3E2155;
    background-color: transparent;
    border-color: #3E2155;
}

@media (max-width: 600px) {
    .aon-btn-login {
        display: none;
    }
}

select.form-control {
    padding: 0 0 0 1em !important;
}

.sf-contact-form .form-control {
    border-radius: 16px;
    border: 2px solid #271638;
    padding: 1.625rem;
    background-color: transparent;
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.form-group {
    margin-bottom: 1.5em !important;
}

.sf-custom-new .nav-tabs {
    border-bottom: 2px solid #F9B724 !important;
}

.sf-custom-new .nav-tabs>li>a {
    margin-right: 0;
}

.sf-custom-new .nav-tabs>li>a {
    color: #3E2155;
}

.sf-custom-tabs .nav-tabs>li>a {
    opacity: 1;
}

.sign-term-con a {
    color: #3E2155 !important;
    font-weight: bold;
}

.aon-sub-title {
    font-weight: 300;
}

.sf-contact-info-box {
    border-radius: 30px;
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: 0px 0px 30px rgba(46, 13, 79, 0.1);
    text-align: center;
    padding: 40px 30px;
    border-bottom: 4px solid transparent;
}

/* Override */


/* Header */

.sf-custom-new .nav-tabs>li>a.active {
    color: #3E2155;
    font-weight: 300;
}

.sf-custom-new .nav-tabs {
    border-bottom: 2px solid #000;
}

.aon-why-choose2-box {
    background-color: #3E2155;
}

.mr-negative-7rem {
    margin-right: -7rem;
}

/*START BLOG */
.aon-blog-style-1 .post-info .post-categories  {
    text-transform: capitalize;
}

.aon-blog-style-1 .post-meta ul li {
    color: #271638;
    font-size: 14px;
}

.aon-blog-style-1 .post-title a {
    color: #3E2155;
    font-size: 0.8em;
}

h4.post-title {
    line-height: 1 !important;
}

.aon-blog-style-1 .post-bx {
    background-color: #f9fafd;
    border-radius: 20px;
    border-bottom: 3px solid transparent;
    margin-bottom: 30px;
}


form .input-group .form-control {
    border-radius: 16px;
    border: 2px solid #3E2155;
    height: 50px;
    background-color: transparent;
}

.sm-purple-bg {
    background-color: #3E2155;
    color: #ffffff;
}

.sm-purple-bg i {
    font-size: 20px;
}

/*.widget_social_inks ul li a {
    padding: 2px;
}*/

.recent-posts-entry .wt-post-info .post-title a {
    color: #3E2155;
}

.site-pagination .page-item.active .page-link {
    background-color: #F9B724;
    border-color: #F9B724;
}

.site-pagination .pagination>li>a {
    color: #3E2155;
}

.site-pagination .pagination>li>a:hover {
    background-color: #F9B724 !important;
}

/*END BLOG*/

/*START GERAL*/
nav {
    padding-top: 1.8em !important;
}

.navbar-nav .nav-link {
    font-size: 1em;
    padding-right: 1.1rem !important;
    padding-left: 1.1rem !important;
}

.na:hover {
  font-style: italic;
}


.right-top-curve {
    background-color: white;
    height: 30px;
    border-radius: 0 0 2em 0;
    position: relative;
}

.right-top-curve-banner {
    background-color: white;
    height: 30px;
    border-radius: 0 0 2em 0;
    position: relative;
    padding-bottom: 4rem;
}

.right-top-curve-banner::before {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: -50px;
    left: 0;
    height: 50px;
    width: 50px;
    border-top-left-radius: 2em;
    box-shadow: 0 -25px 0 0 #FFFFFF;
}

.left-bottom-curve {
    background-color: white;
    height: 30px;
    border-radius: 2em 0 0 0;
    position: relative;
}

.left-bottom-curve::before {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 30px;
    right: 0;
    height: 50px;
    width: 50px;
    border-bottom-right-radius: 2em;
    box-shadow: 0 25px 0 0 #FFFFFF;
}

@media only screen and (max-width: 480px) {

    .navbar-collapse {
        margin-top: 1em;
    }

    .nav-item {
        padding: 15px auto;
    }

    /*#banner-home .vapt{
        text-align: center;
    }*/
    #banner-home h1 {
        font-size: 2em !important;
        text-shadow: 0.1em 0.1em 0.2em black;
    }

    #banner-home h2 {
        font-size: 1.2em !important;
        text-shadow: 0.1em 0.1em 0.2em black;
    }

    .title {
        text-align: left !important;
    }

    .title-up,
    .title-down {
        text-align: center !important;
    }

    .title-up span.forma:before {
        width: 100% !important;
    }

    .title-up {
        font-size: 16px !important;
    }

    .title-down {
        font-size: 24px !important;
    }

    .title-down span.forma:before {
        height: 35px !important;
    }

    .title-down span.forma:before {
        left: -30px !important;
    }

    #agenda .title-down span.forma:before {
        left: -25px !important;
    }

    .y-servicos h3 {
        font-size: 1.8em !important;
        text-align: center !important;
    }

    .y-servicos p {
        font-size: 1.4em !important;
    }

    #contato p,
    #nossos-servicos p,
    #devolucao p,
    #agenda p,
    #porque-nascemos p,
    #sobre-nos p,
    #nosso-jeito-de-ser p,
    #localizacao p,
    #localizacao span,
    #form-contato,
    #nossos-hubs p,
    #nossos-hubs ul>li,
    footer p,
    .sf-f-title,
    footer .sf-f-copyright {
        text-align: center;
    }

    #porque-nascemos p {
        text-align: center !important;
    }

    #form-devolucao p,
    #form-agenda p {
        text-align: left !important;
    }

    section#sobre-nos {
        background-image: none !important;
    }

    section#estatisticas {
        margin: 15px 30px;
    }

    #pg-article .compartilhe {
        margin-bottom: 3em;
    }

    .btn-align {
        text-align: center;
    }

    #carouselDepoimentos {
        margin-bottom: 65px;
    }

    #depoimentos .carousel-inner h5 {
        font-size: 1.4em !important;
    }

    #depoimentos .carousel-inner h6,
    #depoimentos .carousel-inner p {
        font-size: 1em !important;
    }

    #depoimentos .carousel-inner .card-footer {
        height: 350px !important;
        margin-top: -90% !important;
    }

    .social-media {
        text-align: center
    }

    footer li .circle {
        padding: 8px !important;
    }

    #onde-atuamos .title-down span.forma:before {
        width: 137.665px !important;
    }

    #nossos-hubs .title-down span.forma:before {
        width: 121.69px !important;
    }

    #nossos-parceiros .title-down span.forma:before {
        width: 109px !important;
    }

    #depoimentos .title-down span.forma:before {
        width: 163.4px !important;
    }

    #artigos .title-down.small span.forma:before {
        width: 180px !important;
    }

    #contato .title-down span.forma:before {
        width: 145.5px !important;
    }

    #nossos-servicos .title-down span.forma:before {
        width: 106.5 !important;
    }

    #porque-nascemos .title-down span.forma:before {
        width: 155px !important;
    }

    #sobre-nos .title-down span.forma:before {
        width: 136.96px !important;
    }

    #nosso-jeito-de-ser .title-down span.forma:before {
        width: 154.17px !important;
    }

    #novidades-do-mercado .title-down.small span.forma:before {
        width: 126.655px !important;
    }

    #localizacao .title-down span.forma:before {
        width: 158.275px !important;
    }

    #rastrei .title-down span.forma:before {
        width: 167.75px !important;
    }

    #devolucao .title-down span.forma:before {
        width: 126.885px !important;
    }

    #agenda .title-down span.forma:before {
        /*width: 169.765px !important;*/
        width: 117.765px !important;
    }

    .title-blog span.forma-blog:before {
        width: 90px !important;
        bottom: -3px !important;
    }

    #agenda,
    #devolucao,
    #form-agenda h3,
    #form-devolucao h3 {
        text-align: center;
    }

    #pg-article .post-thum img {
        border-radius: 25px !important;
        margin-bottom: 40px !important;
        height: auto !important;
    }

    .title-down-blog span.forma:before {
        width: 170px !important;
        height: 0px !important;
        left: 0px !important;
    }

    #pg-article .title-up span.forma:before {
        width: 120% !important;
    }

}

.title {
    margin-bottom: 2.5em;
}

.forma {
    position: relative;
    display: inline-block;
    padding: 10px 0;
}

.title-up {
    text-align: left;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #3E2155;
    margin-bottom: -2px;
}

.title-up span.forma:before {
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0px;
    right: -25px;
    content: "";
    border: 1px solid #F9B724;
    border-radius: 0 0 3rem 0;
    border-top: 0;
    border-left: 0;
}

.title-down {
    text-align: left;
    font-size: 32px;
    font-weight: bold;
    color: #3E2155;
    line-height: 1;
}

.title-down span.forma:before {
    width: 104px;
    height: 56px;
    position: absolute;
    top: 0px;
    left: -50px;
    content: "";
    border: 3px solid #F9B724;
    border-radius: 3rem 0 0 0;
    border-bottom: 0;
    border-right: 0;
}

.title-blog {
    margin-bottom: 25px;
}

.title-down-blog {
    text-align: left;
    font-size: 2.1em;
    font-weight: bold;
    color: #3E2155;
    line-height: 1.1;
    margin-top: 20px;
}

.title-down-blog span.forma:before {
    width: 100px;
    height: 56px;
    position: absolute;
    top: -20px;
    left: -50px;
    content: "";
    border: 3px solid #F9B724;
    border-radius: 3rem 0 0 0;
    border-bottom: 0;
    border-right: 0;
}

/*
.title-down.small span.forma:before {
    width: 30%;
}
.title-down.large span.forma:before {
    width: 70%;
}*/
.space-white {
    padding-top: 5em;
    padding-bottom: 5em;
}

.forma-blog {
    font-size: 1.6em;
    font-weight: bold;
    color: #3E2155;
    position: relative;
    padding-bottom: 6px;
}

.title-blog span.forma-blog:before {
    width: 100px;
    height: 20px;
    position: absolute;
    bottom: -3px;
    right: -20px;
    content: "";
    border: 1px solid #F9B724;
    border-radius: 0 0 3rem 0;
    border-top: 0;
    border-left: 0;
}

.forma-blog-s {
    font-size: 1.6em;
    font-weight: bold;
    color: #3E2155;
    position: relative;
    padding-bottom: 6px;
}

.title-blog span.forma-blog-s:before {
    width: 100px;
    height: 20px;
    position: absolute;
    bottom: -4px;
    right: -20px;
    content: "";
    border: 1px solid #F9B724;
    border-radius: 0 0 3rem 0;
    border-top: 0;
    border-left: 0;
}

.title-blog-down {
    content: "";
    border-top: 3px solid #F9B724;
    width: 55px;
}

/*END GERAL*/
/*START FORMS*/
#form-devolucao .separator {
    border: 2px solid #F4B325;
    border-left: 0;
    border-right: 0;
    padding: 2rem 0 0 0;
    margin-bottom: 2rem;
}

#form-devolucao select.form-control {
    appearance: auto;
}

#form-devolucao input.form-control,
#form-devolucao select.form-control,
#form-agenda input.form-control,
#form-agenda select.form-control,
#form-contato input.form-control,
#form-contato select.form-control,
#contato input.form-control,
#contato select.form-control,
#localizacao input.form-control,
#localizacao select.form-control,
#rastrei input.form-control,
#rastrei select.form-control {
    border-radius: 16px;
    border: 2px solid #271638;
    padding: 1em;
    background-color: transparent;
    font-size: 1em;
    line-height: 1.2em;
    color: #271638;
}

#form-devolucao input.form-control::placeholder,
#form-devolucao select.form-control::placeholder,
#form-devolucao select:invalid,
#form-agenda input.form-control::placeholder,
#form-agenda select.form-control::placeholder,
#form-agenda select:invalid,
#form-contato input.form-control::placeholder,
#form-contato select.form-control::placeholder,
#form-contato select:invalid,
#contato input.form-control::placeholder,
#contato select.form-control::placeholder,
#contato select:invalid,
#localizacao input.form-control::placeholder,
#localizacao select.form-control::placeholder,
#localizacao select:invalid,
#rastrei input.form-control::placeholder,
#rastrei select.form-control::placeholder,
#rastrei select:invalid {
    color: #271638;
}

#form-devolucao p.numero,
#form-agenda p.numero {
    font-size: 1.2em;
    font-weight: bold;
    color: #3E2155;
    border: 1px solid #3E2155;
    border-radius: 0.5em;
    width: 2em;
    height: 2em;
    padding: 0.1em 0 0 0.65em;
}

#form-devolucao .form-check-input,
#form-agenda .form-check-input {
    position: relative;
    margin-top: 0.45rem;
    margin-left: 0rem;
}

#form-devolucao p.title,
#form-agenda p.title {
    font-size: 1.2em;
    font-weight: bold;
    color: #3E2155;
    padding: 0.5em 0;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

#form-devolucao p,
#form-agenda p {
    font-size: 1em;
    color: #3E2155;
}

form .submit {
    color: #3E2155;
    font-size: 1.2em;
    font-weight: bold;
    font-family: Ubuntu;
    background: transparent linear-gradient(180deg, #F8DA97 0%, #F8D588 13%, #F9BB30 71%, #F9B724 100%) 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000029;
    border-radius: 2em;
    padding: 0.6em 2.6em;
    transition: duration 0.3s;
    border: 0;
}

form .submit:hover {
    background: transparent linear-gradient(0deg, #F8DA97 0%, #F8D588 13%, #F9BB30 71%, #F9B724 100%) 0% 0% no-repeat padding-box;
}

#banner-tracking {
    background-color: #B9A1D0;
    background-image: url("../images/rastreie/entregador-2 (1).webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -115px;
}



/*END FORMS*/
/*START BANNER SUPERIOR SITE*/
@media only screen and (max-width: 480px) {

    #banner h2,
    #banner h3 {
        text-align: center;
    }

    #banner.article h2,
    #banner.article h3 {
        text-align: left;
    }
}

#banner {
    background-image: url("../images/trabalho-vapt-log-1366.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

#banner h2 {
    font-size: 2em;
    line-height: 1.2em;
    letter-spacing: 0.05em;
    font-weight: 700;
}

#banner h3 {
    font-size: 1.2rem;
    line-height: 1.2em;
    letter-spacing: 0.05em;
    font-weight: 300;
}


#banner-home div.circle {
    border: 1px solid #F9B724;
    border-radius: 5rem;
    display: inline-flex;
    padding: 10px 12px;
    margin-right: 12px;
}

#banner-home .triangle {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #FFFFFF;
    transform: rotate(0deg);
}

#banner-home .btn-how-it-works {
    background-color: transparent;
    border: 1px solid #F9B724;
    border-radius: 3rem;
    padding: 0.6em 4em 0.6em 1em;
    color: #ffffff;
    font-size: 1.1em;
    margin-bottom: 3em;
}

#banner-home .vapt {
    padding: 3em 1em 3em 1em;
}

#banner-home h1 {
    color: #ffffff;
    font-size: 2.2em;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: 0.01em;
    margin-bottom: 0.5em;
}

#banner-home h2 {
    color: #ffffff;
    font-size: 1.4em;
    line-height: 1.2em;
    font-weight: 300;
    letter-spacing: 0.03em;
    margin-bottom: 2em;
}

#banner-home .btn-contact-us {
    color: #3E2155;
    font-size: 1.2em;
    font-weight: bold;
    font-family: Ubuntu;
    background: transparent linear-gradient(180deg, #F8DA97 0%, #F8D588 13%, #F9BB30 71%, #F9B724 100%) 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000029;
    border-radius: 2em;
    padding: 0.6em 2.6em;
    transition: duration 0.3s;
    /* margin-top: 3.375rem;*/
}

#banner-home .btn-contact-us:hover {
    background: transparent linear-gradient(0deg, #F8DA97 0%, #F8D588 13%, #F9BB30 71%, #F9B724 100%) 0% 0% no-repeat padding-box;
}

/*END BANNER PRINCIPAL HOME*/
/*START ONDE ATUAMOS HOME*/
#onde-atuamos img {
    -webkit-filter: drop-shadow(-20px 20px 10px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(-20px 20px 10px rgba(0, 0, 0, 0.25));
    padding: 20px;
    margin-bottom: 17px;
}

#onde-atuamos h3 {
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.2em;
    color: #3E2155;
    padding: 0 17px;
}

#onde-atuamos p {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.3em;
    color: #271638;
    padding: 0 8px;
}

#nossos-hubs {
    background-image: url("../images/home/caminhao-vapt-log.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#nossos-hubs .pickuppoint {
    background-color: #ffffff;
    border-radius: 3rem;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.29);
    margin-top: 6rem;
}

#hubs p {
    font-size: 1.2em;
}

#nossos-hubs p {
    font-weight: 300;
    line-height: 1.2em;
    color: #3E2155;
}

#nossos-hubs ul {
    margin-top: 1.8em;
    margin-bottom: 2.8em;
}

#nossos-hubs ul>li {
    list-style: none;
    color: #271638;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.5em;
}

#nossos-hubs .btn-see-on-map {
    color: #3E2155;
    font-size: 1.2em;
    font-weight: bold;
    font-family: Ubuntu;
    background: transparent linear-gradient(180deg, #F8DA97 0%, #F8D588 13%, #F9BB30 71%, #F9B724 100%) 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000029;
    border-radius: 2em;
    padding: 0.6em 2.6em;
    transition: duration 0.3s;
    border: 0;
}

#nossos-hubs .btn-see-on-map:hover {
    background: transparent linear-gradient(0deg, #F8DA97 0%, #F8D588 13%, #F9BB30 71%, #F9B724 100%) 0% 0% no-repeat padding-box;
}

/*END ONDE ATUAMOS HOME*/
/*START CARROSEUL HUBS
.slider-container{
    background-color: #ffffff;
    border-radius: 2em;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.29);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.29);
}
#nossos-hubs .card{
    height: 50vh;
    background-color: #F4B325;
    margin: 2em 1em;
    padding: 10px;
}
#nossos-hubs .card:hover{
    position: absolute;
    width: 100%;
    margin-top: -10%;
    z-index: 999;
}
END CARROSEUL HUBS*/
/*START INTEGRAÇÕES HOME*/
#nossos-parceiros {
    margin: 5em 0 2em 0;
}

#nossos-parceiros p {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.2em;
    color: #3E2155;
}

#nossos-parceiros .integracoes {
    height: 150px;
    padding: 1em;
}

#nossos-parceiros img {
    width: 70%;
    height: auto;
    filter: grayscale(1);
}

#nossos-parceiros img:hover {
    filter: grayscale(0);
}

/*END INTEGRAÇÕES HOME*/
/*START DEPOIMENTOS HOME*/
#depoimentos {
    margin: 5em 0 2em 0;
}

#depoimentos .title {
    margin-bottom: 18px;
}

/*END DEPOIMENTOS HOME*/
/*START CARROUSEL DEPOIMENTO*/
#depoimentos .carousel-indicators {
    margin-bottom: -10%;
}

#depoimentos .carousel-indicators li {
    background-color: transparent;
    width: 16px;
    height: 16px;
    border: 2px solid #3E2155;
    border-radius: 50%;
    opacity: 1;
}

#depoimentos .carousel-indicators .active {
    background-color: #F4B325;
}

#depoimentos .carousel-inner .card {
    background-color: transparent;
    border: 0;
    padding: 10px;
    width: 100%;
}

#depoimentos .carousel-inner .card-body {
    border-radius: 2em;
    background-color: #ffffff;
    margin-right: 12px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.29);
    position: relative;
    padding: 1.8em;
}

#depoimentos .carousel-inner .card-footer {
    background-color: transparent;
    border: 0;
    margin-left: 12px;
    background-color: #F4B325;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.29);
    border-radius: 1em;
    height: 315px;
    margin-top: -270px;
    font-size: 1.4em;
    letter-spacing: 0.5em;
    color: #3E2155;
}

#depoimentos .carousel-inner h5 {
    font-size: 18px;
}

#depoimentos .carousel-inner h6 {
    font-size: 12px;
    font-weight: 300;
    line-height: 0.8em;
}

#depoimentos .carousel-inner h3.quote {
    font-size: 18px;
    margin-top: 0.8em;
    margin-bottom: 0;
}

#depoimentos .carousel-inner h3 {
    font-size: 20px;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

#depoimentos .carousel-inner p {
    font-size: 0.8em;
    font-weight: 300;
}

/*END CARROUSEL DEPOIMENTO*/
/*START ARTIGOS HOME*/
#artigos {
    background-image: url("../images/home/bg-pb-vapt-log.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#artigos img {
    border-radius: 1.5rem;
    object-fit: cover;
    height: 200px; 
    width: 100%;
}

#artigos .card {
    font-size: 0.8em;
    border: 0;
    border-radius: 1.5rem;
    margin-bottom: 25px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.09);
}

#artigos .card .title {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 16px;
    color: #3E2155;
}

#artigos .card-body {
    padding: 30px;
}

#artigos .text-left,
#artigos .text-right,
#artigos .card .card-text {
    font-size: 14px;
    color: #271638;
}

#artigos .card .card-text p {
    margin-bottom: 0 !important;
}

/*END ARTIGOS HOME*/
/*START CONTATO*/
#contato,
#form-contato {
    padding-top: 4em;
}

#contato p

/*#form-contato Verificar*/
    {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.2em;
    color: #271638;
}

#form-contato .entregador

/*Verificar*/
    {
    background-image: url("../images/blog/entregador-caixas-vapt-log.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}

/*END CONTATO*/
/*START MODAL*/

#bgt .close {
    color: red;
}

/*END MODAL*/
#nossos-servicos {
    margin-top: 1em;
}

#nossos-servicos p,
#devolucao p,
#agenda p {
    font-size: 1em;
}

#nossos-servicos .button {
    margin-top: 2.313rem;
}

#porque-nascemos {
    background-image: url("../images/home/caminhao-vapt-log.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

#porque-nascemos .body {
    padding-top: 5em;
    padding-bottom: 2em;
}

#porque-nascemos .row.timeline {
    padding: 3em 0;
}

#porque-nascemos p {
    color: #271638;
    font-size: 1em;
    line-height: 1.2em;
}

#porque-nascemos p.title {
    color: #271638;
    font-size: 1.6em;
    line-height: 2.5em;
    font-weight: bold;
    margin: 0;
}

#porque-nascemos p.subtitle {
    color: #271638;
    font-size: 1em;
    line-height: 1.2em;
    margin: 0;
}

#sobre-nos {
    background-image: url("../images/sobre-nos/sobre-a-vapt-log.png");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: right bottom;
    margin-top: 1em;
}

#sobre-nos .subtitulo {
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: 0.063rem;
    color: #271638;
}

#sobre-nos p {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.2em;
    color: #271638;
}

#estatisticas .dados {
    background-image: url("../images/sobre-nos/estatísticasvapt-log.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    border-radius: 4em;
    padding: 3.25em 0;
}

#estatisticas .dados h3 {
    font-size: 4em;
    line-height: 4rem;
    font-weight: bold;
    color: #FFFFFF;
}

#estatisticas .dados h4 {
    font-size: 2em;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 5.188rem;
}

#estatisticas .dados h5 {
    font-size: 1.2em;
    font-weight: 300;
    letter-spacing: 0.063rem;
    color: #F9B724;
}

#estatisticas .dados .barra-direita {
    border-right: 1px solid #FFFFFF;
}



@media (min-width: 992px) {
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        /* Removido o max-width: 16.666667%; */
    }

    .col-6 {
        max-width: 50%; /* Mantém o max-width para .col-6 */
    }
}
#nosso-jeito-de-ser {
    background-image: url("../images/sobre-nos/nosso-jeito-de-ser-vapt-log.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#nosso-jeito-de-ser p {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.2em;
    color: #271638;
}

#nosso-jeito-de-ser p span {
    font-size: 1.2em;
    font-weight: bold;
}

#novidades-do-mercado img.logos {
    width: 100%;
    height: 4.375rem;
}

/*STAR LOCALIZAÇÃO*/
#localizacao {
    margin-top: 1em;
}

#cep-input {
    margin-top: -1rem;
}

#localizacao p {
    font-size: 1em;
    line-height: 1.2em;
    font-weight: normal;
    color: #271638;
}

#localizacao span {
    color: #2B1638;
}

/*END LOCALIZAÇÃO*/
#pg-blog,
#pg-article {
    margin-top: 4em;
}

#pg-article .post-thum img {
    border-radius: 50px;
    margin-bottom: 50px;
    height: 387px;
}

#pg-article .compartilhe {
    margin-top: 6em;
}

.rounded-sidebar-widget {
    padding: 30px !important;
}

.busca .input-group-text {
    font-size: 1.8rem;
    color: #ffffff;
    background-color: #F9B725;
    border: 2px solid #3E2155;
    border-left: 0;
    border-radius: 1rem;
}

.busca .form-control {
    border-right: 0 !important;
}

/*END ARTIGOS HOME*/
#rastrei,
#devolucao,
#agenda {
    margin-top: 1em;
}

.sf-custom-new .nav-tabs>li>a.active:after {
    background-color: #F9B725;
    height: 3px;
}

#top-content {
    background-color: #FFFFFF;
    border-radius: 3rem;
    padding: 1.938rem 2rem;
    -webkit-box-shadow: 0px 8px 16px 8px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 8px 16px 8px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 8px 16px 8px rgba(0, 0, 0, 0.29);
}

#top-content p {
    color: #271638;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    margin-top: 0;
}

#top-content p.title {
    color: #271638;
    font-size: 2.1875em;
    line-height: 3.75em;
    font-weight: bold;
    margin-bottom: 3.688rem;
    text-transform: uppercase;
}

.card-hub {
    padding: 3rem 2rem;
    position: relative;
    bottom: 0;
    z-index: 99;
    border: 0;
    height: 32.438rem;
}

.card-hub:hover {
    background: transparent linear-gradient(180deg, #F9B724 0%, #F4B325 44%, #D99F27 59%, #B4822B 70%, #7C5730 81%, #271638 100%) 0% 0% no-repeat padding-box;
    border-radius: 2rem;
    padding: 2rem 2rem 3rem 2rem;
}

footer .footer-top {
    padding-top: 2em;
    padding-bottom: 2em;
}

footer img.logo {
    width: 75% !important;
    margin-bottom: 2em;
    margin-left: -5px;
}

footer h4 {
    font-size: 1.3em;
}

footer p {
    font-size: 0.9em;
    font-weight: 300;
    line-height: 1.2em;
    color: #271638;
}

footer .sf-site-link ul li a {
    font-size: 0.9em;
    font-weight: 300;
    color: #271638;
}

footer .sf-site-link ul li a:hover {
    color: #271638;
}

.widget_social_inks .circle,
footer li .circle {
    border: 2px solid #FFF;
    border-radius: 50%;
    padding: 7px 11px;
    width: 50px;
    height: 50px;
    background: #3E2155;
    font-size: 18px;
    transition: 0.3s all;
}

.widget_social_inks .circle,
footer li .circle:hover {
    background-color: #2B1638;
}

footer .hr-yellow {
    border-top: 1px solid #F9B724;
    padding-top: 1em;
}

footer .sf-f-copyright {
    font-size: 0.9em;
    font-weight: 300;
    letter-spacing: 1px;
}

.widget_social_inks .item-social-media,
footer .item-social-media {
    display: inline-block;
    border: 2px solid #F9B724;
    border-radius: 50%;
    margin-left: 2px;
    margin-right: 2px;
}

/*END FOOTER*/

.s-body {
    font-weight: 300;
    line-height: 1.2em;
    color: #3E2155;
}

@media (min-width: 1800px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1144px;
    }

    /*.navbar-nav .nav-link{
        font-size: 1em !important;
        padding:0 1em !important;
    }
    .right-top-curve{
        background-color: white;
        height: 2.469rem;
        border-radius: 0rem 0rem 6rem 0rem;
    }
    .left-bottom-curve{
        background-color: white;
        height: 2.469rem;
        border-radius: 6rem 0rem 0rem 0rem;
    }
    .navbar-nav .nav-link{
        padding-right:3.438rem !important;
        font-size: 1.125rem;
    }
    .btn-outline-primary {
        color: #3E2155;
        font-size: 1.25rem;
        background-color: transparent;
        border-color: #3E2155;
        border-radius: 3rem;
        padding: 0.625rem 4.375rem;
    }
    .title-up{
        font-size: 1.5em !important;
    }
    .title-up span.forma:before {
        bottom: -3px !important;
    }
    .title-down{
        font-size: 2.8em !important;
    }
    .mr-n5, .mx-n5{
        margin-right: -8rem !important;
    }
    #banner {
        background-image: url("../images/trabalho-vapt-log.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
    #banner h2{
        font-size: 3.1em !important;
        letter-spacing: 0 !important;
        margin-top: 0.5em;
    }
    #banner h3{
        font-size: 1.8em !important;
        margin-bottom: 0.5em;
    }
    #banner-home {
        background-image: url("../images/home/banner-inicial-vapt-log-1366-757.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
    #banner-home div.circle{
        border: 1px solid #F9B724;
        border-radius: 5rem;
        display: inline-flex;
        padding: 10px 12px;
        margin-right: 12px;
    }
    #banner-home .triangle {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 5px 0 5px 8.7px;
        border-color: transparent transparent transparent #FFFFFF;
        transform: rotate(0deg);
     }
    #banner-home .btn-how-it-works{
        background-color: transparent;
        border: 1px solid #F9B724;
        border-radius: 3rem;
        padding: 1.063rem 5.625rem 1.063rem 1.125rem;
        color: #ffffff;
        font-size: 1.25rem;
        margin-bottom: 6rem;
    }
    #banner-home .vapt{
        padding-top: 9.9375em;
        padding-bottom: 9.9375em
    }
    #banner-home h1,
    #banner-home p{
        color: #ffffff;
        font-size: 3.125em;
        line-height: 1.2em;
    }
    #banner-home h2,
    #banner-home h2 p{
        color: #ffffff;
        font-size: 1.8em;
        line-height: 1.2em;
        font-weight: 400;
    }
    #banner-home .btn-contact-us {
        color: #3E2155;
        font-size: 1.5625em;
        font-weight: bold;
        font-family: Ubuntu;
        background: transparent linear-gradient(180deg, #F8DA97 0%, #F8D588 13%, #F9BB30 71%, #F9B724 100%) 0% 0% no-repeat padding-box;
        box-shadow: 3px 3px 8px #00000029;
        border-radius: 3rem;
        padding: 1.625rem 5.188rem;
        transition: duration 0.3s;
        margin-top: 3.375rem;
    }
    #onde-atuamos h3{
        font-size: 2.1em !important;
    }
    #nossos-hubs p{
        font-size: 1.5em !important;
        font-weight: normal;
    }
    #nossos-parceiros p,
    #onde-atuamos p,
    #nossos-hubs ul>li{
        font-size: 1.2em !important;
        font-weight: normal;
    }

    #depoimentos .carousel-inner .card-footer{
        height: 450px;
        margin-top: -112%;
    }
    #depoimentos .carousel-inner h5{
        font-size: 1.5em !important;
    }
    #depoimentos .carousel-inner h6,
    #depoimentos .carousel-inner p,
    #sobre-nos p{
        font-size: 1.2em !important;
        font-weight: normal !important;
    }
    #depoimentos .carousel-inner h3.quote{
        font-size: 3em !important;
    }
    #depoimentos .carousel-inner h3{
        font-size: 1.8em !important;
    }
    #artigos .card{
        font-size: 0.9em !important;
        font-weight: normal;
        color: #271638;
    }
    #contato p{
        font-size: 1.2em !important;
        font-weight: normal !important;
    }
    #nossos-servicos p,
    #porque-nascemos p, 
    #devolucao p, 
    #agenda p,
    #rastrei p{
        font-size: 1.2em !important;
    }
    #porque-nascemos p.title{
        font-size: 2.1em !important;
        color: #3E2155;
    }
    #nosso-jeito-de-ser p span,
    #form-devolucao p.title, #form-agenda p.title{
        font-size: 1.5em !important;
    }
    #nosso-jeito-de-ser p,
    #form-devolucao p, #form-agenda p{
        font-size: 1.2em !important;
        font-weight: normal;
    }
    .aon-blog-style-1 .post-title a{
        font-size: 1.2em !important;
    }*/
}

.y-servicos .s-header,
.y-servicos .s-footer {
    height: 60px;
}

.y-servicos .s-body {
    height: 210px;
}

/*.y-servicos .s-header,
.y-servicos .s-body,
.y-servicos .s-footer{
    padding: 20px ;
}*/
/*y-servicos antigo

.y-servicos{
    background-color: #FFFFFF;
    border-radius: 25px;
    width: 100%;
    height: 50vh;
    display: inline-block;
    transition: all 750ms ease-in-out;
    padding: 25px;
}
.y-servicos:hover{
    background: rgb(249,183,36);
    background: linear-gradient(180deg, rgba(249,183,36,1) 0%, rgba(249,183,36,1) 50%, rgba(39,22,56,1) 100%);
    transform: translateY(-80px);
}

*/
.y-servicos {
    background-color: #FFFFFF;
    border-radius: 25px;
    width: 100%;
    height: 350px;
    display: inline-block;
    transition: all 750ms ease-in-out;
    padding: 25px;
}

.y-servicos:hover {
    background: rgb(249, 183, 36);
    background: linear-gradient(180deg, rgba(249, 183, 36, 1) 0%, rgba(249, 183, 36, 1) 50%, rgba(39, 22, 56, 1) 100%);
    transform: translateY(-65px);
}

.y-servicos .btn {
    display: none;
    background: rgb(248, 218, 151);
    background: linear-gradient(180deg, rgba(248, 218, 151, 1) 0%, rgba(248, 213, 136, 1) 25%, rgba(249, 187, 48, 1) 75%, rgba(249, 183, 36, 1) 100%);
    border: 0;
    font-size: 1em;
    font-weight: bold;
    color: #3E2155;
}

.y-servicos:hover .btn {
    display: block;
}

.y-servicos h3 {
    font-size: 1.2em;
    text-transform: uppercase;
}

.y-servicos p {
    font-size: 1em;
    margin-bottom: 0.5em;
}

#nossos-hubs .bg-white,
#slide .bg-white {
    border-radius: 50px;
    /*padding-top: 40px;
    padding-bottom: 15px;*/
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.4);
}

.arrow-servicos-left,
.arrow-servicos-right {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    color: #000000;
    opacity: 1;
    cursor: pointer;
    border: none;
    font-size: 5em;
}

.arrow-servicos-right {
    right: -1em;
    left: auto;
    text-align: right;
}

.arrow-servicos-left {
    left: -1em;
    right: auto;
    text-align: left;
}

.gallery-wrapper {
    overflow-x: auto;
}

.gallery {
    display: flex;
    flex-flow: row nowrap;
    gap: 15px;
}

.itemServicos {
    width: 20%;
    height: 50vh;
    flex-shrink: 0;
    transition: all 600ms ease-in-out;
    opacity: 0.5;
}

.current-itemServicos {
    opacity: 1;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.gallery-wrapper::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.gallery-wrapper {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

#porque-nascemos .carousel-item,
#nossos-hubs .carousel-item {
    padding-top: 40px;
}

#porque-nascemos .carousel-control-next,
#nossos-hubs .carousel-control-next {
    right: -10%;
}

#porque-nascemos .carousel-control-prev,
#nossos-hubs .carousel-control-prev {
    left: -10%;
}

#porque-nascemos .carousel-inner,
#nossos-hubs .carousel-inner {
    overflow: visible;
}

#carouselExampleControls .col::after {
    content: '';
    height: 50%;
    width: 2px;

    position: absolute;
    right: 0;
    top: 25%;

    background-color: #F9B724;
}

#carouselExampleControls .col:last-child:after {
    width: 0px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    filter: contrast(0.1);
}

#onde-atuamos .title-down span.forma:before,
#nossos-servicos .title-down span.forma:before,
#porque-nascemos .title-down span.forma:before {
    width: 130.805px;
}

#nossos-hubs .title-down span.forma:before {
    width: 98.765px;
}

#nossos-parceiros .title-down span.forma:before {
    width: 148.58px;
}

#depoimentos .title-down span.forma:before {
    width: 123.03px;
}

#artigos .title-down.small span.forma:before,
#novidades-do-mercado .title-down.small span.forma:before {
    width: 94px;
}

#contato .title-down span.forma:before {
    width: 126.6px;
}

#sobre-nos .title-down span.forma:before,
#nosso-jeito-de-ser .title-down span.forma:before {
    width: 104.14px;
}

#localizacao .title-down span.forma:before {
    width: 120.11px;
}

#rastrei .title-down span.forma:before,
#devolucao .title-down span.forma:before {
    width: 97.555px;
}

#agenda .title-down span.forma:before {
    width: 157.5px;
}

/*#contato .title-up span.forma:before{
    bottom: -1px;
}
#nossos-parceiros .title-up span.forma:before,
#nossos-hubs .title-up span.forma:before,
#depoimentos .title-up span.forma:before,
#artigos .title-up span.forma:before,

#nossos-servicos .title-up span.forma:before,
#porque-nascemos .title-up span.forma:before,
#sobre-nos .title-up span.forma:before,
#localizacao .title-up span.forma:before,
#rastrei .title-up span.forma:before,
#devolucao .title-up span.forma:before,
#agenda .title-up span.forma:before {
    bottom: -2px;
}*/
.label-send {
    padding-left: 20px;
}

#agenda .btn-outline-primary,
#devolucao .btn-outline-primary {
    width: 300px;
}

#agenda .btn-outline-second,
#devolucao .btn-outline-second {
    color: #3E2155 !important;
    font-size: 0.9em;
    width: 300px;
    margin-top: 15px;
}

.resp-container {
    position: relative;
    overflow: hidden;
}

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

#video-yt-home {
    height: 120px !important;
}

.item-social-media {
    display: inline-block;
    border: 2px solid #F9B724;
    border-radius: 50%;
    margin-left: 2px;
    margin-right: 2px;
}

ul.social-media {
    margin-bottom: 0 !important;
}

.sublinhado-blog {
    position: relative;
    width: auto;
    margin-bottom: 25px;
}

.titulo-blog-sublinhado {
    display: block;
    font-size: 26px;
    font-weight: bold;
    color: #3E2155;
    width: auto;
}

.linha-grossa {
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 55px;
    background-color: #F4B325;
    bottom: 0;
}

.linha-fina {
    position: absolute;
    display: inline-block;
    height: 20px;
    content: "";
    bottom: 1px;
    border-bottom: 1px solid #F4B325;
    border-right: 1px solid #F4B325;
    border-radius: 0 0 20px 0;
    border-top: 0;
    border-left: 0;
}

.linha-fina.buscar {
    width: 35%;
}

.linha-fina.siga {
    width: 43%;
}

.linha-fina.categorias {
    width: 55%;
}

.linha-fina.recente {
    width: 47%;
}

#capa-video img {
    width: 100%;
    height: 100%;
    max-height: 448px;
    margin-top: 54px;
}

#video-youtube {
    margin-top: 54px;
}

.custom-rastreio-amostr {
    border: 1px solid #3E2155;
    border-radius: 30px;
    opacity: 1;
    color: #3E2155;
    padding: 1.425em;
    background-color: transparent;
    font-size: 1em;
    line-height: 1.2em;
    width: 100%;
}

.custom-rastreio-amostr::placeholder {
    color: #3E2155; 
    opacity: 1;
}

#historico-row {
    margin-bottom: 3rem;
    margin-top: -2rem;
}

.site-button-his {
    background: transparent linear-gradient(180deg,
            #F8DA97 0%,
            #F8D588 13%,
            #F9BB30 71%,
            #F9B724 100%) 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000029;
    border-radius: 40px;
    color: #3E2155;
    font-weight: bold;
    padding: 13px 45px;
    font-size: 25px;
    border: none; 
}


.custom-rastreio-info {
    border: 1px solid #3E2155;
    border-radius: 30px;
    opacity: 1;
    color: #3E2155;
    background-color: white; 
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}
  

#info {
    margin-left: 20px;
}

.data {
    float: left;
}

.data p {
    line-height: 1rem;
    min-height: 14px;
    color: #3E2155;
}

.div-ras {
    margin-top: -3rem;
}

.rastreio-duvidas {
    gap: 4rem;
    display: flex;
    justify-content: center;
    margin-top: 27rem;

}

.central-duvida {
    margin-top: 10rem;
}

.button-rastreio {
    width: 305px;
    height: 65px;
    background: transparent linear-gradient(180deg,
            #F8DA97 0%,
            #F8D588 13%,
            #F9BB30 71%,
            #F9B724 100%) 0% 0% no-repeat padding-box;
    border-radius: 40px;
    color: #3E2155;
    font-weight: bold;
    padding: 10px 40px;
    font-size: 16px;
    padding-top: 19px;
}

.button-rastreio-primary {
    background: transparent linear-gradient(180deg, #F8DA97 0%, #F8D588 13%, #F9BB30 71%, #F9B724 100%) 0% 0% no-repeat padding-box;
}

.button-rastreio-secondary {
    background: transparent linear-gradient(180deg, #A0A0A0 0%, #909090 13%, #808080 71%, #707070 100%) 0% 0% no-repeat padding-box;
}

.button-rastreio-secondary:hover {
    background: transparent linear-gradient(180deg, #8A8A8A 0%, #7A7A7A 13%, #6A6A6A 71%, #5A5A5A 100%) 0% 0% no-repeat padding-box;
}

.button-rastreio-primary:hover {
    background: transparent linear-gradient(0deg, #F8DA97 0%, #F8D588 13%, #F9BB30 71%, #F9B724 100%) 0% 0% no-repeat padding-box;
}

.progress-rastreio {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 113%; 
    left: -3rem;
    height: 99px;
    margin-bottom: 19rem;
    margin-top: 4rem;
}

.first-item {
    margin-left: auto;
    margin-right: auto;
}

.progress-line {    
    position: absolute;
    top: 141%;
    left: -24px;
    right: 21px;
    height: 64px;
    background: url(../images/rastreie/line-1.svg) no-repeat center;
    background-size: cover;
    z-index: 1;
    transform: translateY(-50%);
}

.progress-item {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 15rem;
}

.status-container {
    text-align: start;
    text-shadow: 10px 5px 6px rgba(16, 70, 33, 0.16);
    font-size: 20px;
    margin-left: 5rem;
    margin-bottom: 4rem;
    min-height: 80px; 
}

.bullet {
    position: relative;
    width: 253px;
    height: 232px;
    object-fit: cover;
}

.progress-item img {
    display: block;
    margin: 0 auto;
}

.status-text {
    white-space: normal;
    text-align: start;
    display: block;
    min-height: 40px; 
}

.bullet-on {
    position: relative;
    top: -6px;
}


.bullet-off {
    position: relative;
    top: -14px;
}

#historic-divs {
    margin-left: -1rem;
}

#info-ras {
    display: flex;
    justify-content: space-between;
    left: 4rem;
    color: #3E2155;
    margin-top: -6.7rem;
}

.status-result {
    font-size: 20px;
    font-weight: bold;
    display: block;
    min-height: 40px; 
}

.active-status {
    color: #3E2155; 
}

.inactive-status {
    position: relative;
    top: -1rem;
    color: #575757;
    font-weight: normal;
}

#strong-ras {
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

.pagination .page-link {
    color: #6c757d;
    border: none;
    background: none;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
}

.pagination .page-item.active .page-link.active-page {
    background-color: #ffcc00;
    border-radius: 50%;
    color: #fff;
}

.pagination .page-link:hover {
    color: #333;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    font-weight: bold;
}

.centralrelacionamentro{
    margin-top: 12rem;
}

.terms-policies__container {
    display: flex;
}

.terms-policies__sidebar {
    width: 377px;
    padding-top: 64px;
}

.menu-terms-and-policies-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-terms-and-policies-container ul li {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 7px;
}

#privacy_contracts {
    color: #3E2155;

    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.75rem; 
    display: inline-block;
    margin-bottom: 2.81rem;
}

#privacy_termos-a {
    color: #3E2155;

    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem; 
}

#menu-border {
    border-left: 1px solid #F9B727;
    padding: 0;
    margin-bottom: 53px;
}

.menu-terms-and-policies-container ul ul li ul a {
    padding-left: 13px;
    color: #3E2155;
    font-size: 1.15rem;
    font-style: normal;
    font-weight: 500;
    margin-top: 0.80rem;
    display: flex;
}

.terms-privacy-and_contract {
    flex: 1;
    padding-top: 84px;
    padding-bottom: 64px;
    padding-left: 95px;
    border-left: 1px solid #E7E9EE;
    height: 100%; /* Garante que a altura seja igual ao contêiner pai */
    min-height: 100%; /* Define uma altura mínima para o conteúdo */
}

.terms-privacy-and_contract .content {
    float: left;
    width: 100%;

    color: #271638;

    font-size: 1em;
    border-left: none;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem;
    letter-spacing: 0.0625rem;
}

.button-policy {
    margin-top: 20rem;
}

.current-menu-item {
    border-left: 3px solid #271638 !important;
}

.menu-terms {
    position: relative;
    padding-left: 15px; 
}

.menu-toggle {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #ccc;
    padding: 15px;
    font-size: 1.25rem;
    text-align: left;
    cursor: pointer;
}

.menu-content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    padding: 20px;
    z-index: 1000;
}

.menu-content ul {
    list-style: none;
    padding: 0;
}

.menu-content li {
    margin-bottom: 15px;
}

.menu-content a {
    font-size: 1.15rem;
    color: #3E2155;
    display: block;
    padding: 10px 0;
}

.menu-content .close-menu {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    font-size: 2rem;
    cursor: pointer;
}

@media (min-width: 992px) {
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        /* max-width: 16.666667%; */
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .container {
        max-width: 654px !important;
    }

    .carousel-item {
        width: 100%;
    }

    .y-servicos .btn {
        display: block;
        background: rgb(248, 218, 151);
        background: linear-gradient(180deg, rgba(248, 218, 151, 1) 0%, rgba(248, 213, 136, 1) 25%, rgba(249, 187, 48, 1) 75%, rgba(249, 183, 36, 1) 100%);
        border: 0;
        font-size: 1em;
        font-weight: bold;
        color: #3E2155; /* Cor padrão do texto do botão */
        text-decoration: none; /* Remover sublinhado do botão */
        transition: color 0.2s, background-color 0.2s; /* Transição suave para cor e fundo */
    }

    .y-servicos .btn:active {
        color: white; /* Cor do texto quando o botão é pressionado */
        background-color: rgb(249, 183, 36); /* Fundo sólido para evitar cor estranha */
    }

    /* Especificamente para garantir que estilos do link não sobrescrevam o botão */
    .y-servicos .btn {
        background-color: rgb(248, 218, 151);
        color: #3E2155;
    }

    .y-servicos .btn:active {
        background-color: rgb(249, 183, 36);
        color: white;
    }

    .carousel-inner {
        padding-bottom: 1rem;
    }

    #footer-fc {
        left: -3rem;
    }

    #area-clint {
        left: 1rem;
    }

    #tfd-footer {
        left: -2px;
        top: -24px;
    }

    .menu-toggle {
        display: none !important; /* Esconde o botão especificamente no tablet */
    }

    .menu-content {
        display: block !important; /* Exibe o menu diretamente no tablet */
        position: relative; /* Ajusta a posição do menu */
        height: auto;
    }
    

    .menu-content ul {
        list-style: none; /* Remove bullets dos itens da lista */
        padding: 0;
    }

    .menu-content li {
        margin-bottom: 10px; /* Espaçamento entre os itens do menu */
    }

    .menu-content a {
        font-size: 21px !important; /* Define o tamanho da fonte dos links do menu */
        color: #3E2155; /* Cor dos links */
        display: block;
        padding: 5px 0;
    }

    .menu-content .close-menu {
        display: none; /* Garante que o botão "fechar menu" não apareça no tablet */
    }

    .terms-policies__sidebar {
        width: 144% !important;
        margin-left: -3rem;
    }

    .terms-privacy-and_contract {
        flex: 1;
        padding-top: 84px;
        padding-bottom: 64px;
        padding-left: 95px;
        border-left: 7px solid #E7E9EE !important;
        height: 100%;
        min-height: 100%;
    }

    .menu-terms {
        padding-left: -51px;
    }

    .site-button-his {
        background: transparent linear-gradient(180deg, #F8DA97 0%, #F8D588 13%, #F9BB30 71%, #F9B724 100%) 0% 0% no-repeat padding-box;
        box-shadow: 3px 3px 8px #00000029;
        border-radius: 40px;
        color: #3E2155;
        font-weight: bold;
        padding: 13px 45px;
        font-size: 19px;
        border: none;
        margin-left: 1rem;
    }

    .custom-rastreio-amostr {
        border: 1px solid #3E2155;
        border-radius: 30px;
        opacity: 1;
        color: #3E2155;
        padding: 1.425em;
        background-color: transparent;
        font-size: 1em;
        line-height: 1.2em;
        width: 119%;
        margin-bottom: 2rem;
    }

    .carousel-item {
        width: 100%;
    }
}

/* Apenas para dispositivos móveis */
@media (max-width: 768px) {
    .estoque-rows {
        display: flex;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        gap: 10px;
        padding: 10px 0;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch; /* Suaviza o scroll em dispositivos iOS */
    }

    .div-estoque {
        flex: 0 0 60%; /* Mostra 3 itens completamente e deixa os outros cortados */
        scroll-snap-align: center;
        text-align: center;
        padding: 10px;
        border-radius: 15px;
        background-color: #fff; /* Fundo branco para contraste */
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Sombra sutil para destacar */
    }

    .div-estoque:nth-child(odd) {
        background-color: #f8f9fa; /* Cor de fundo alternada para os itens */
    }

    .estoque-img {
        max-width: 80px; /* Tamanho das imagens */
        margin-bottom: 10px;
    }

    /* Oculta a barra de rolagem */
    .estoque-rows::-webkit-scrollbar {
        display: none;
    }

    .terms-privacy-and_contract {
        border-left: none;
        padding-left: 20px;
    }

    .terms-policies__sidebar {
        width: 100%;
    }
    
    .menu-terms-and-policies-container {
        margin-top: -4rem;
    }

    .terms-privacy-and_contract {
        padding-left: 20px;
        padding-right: 20px;
    }

    .terms-privacy-and_contract .content {
        margin-top: -3rem;
        font-size: 1em;
    }
                                            
    .menu-toggle {
        display: flex; 
        align-items: center;
        justify-content: space-between;
        width: 100%;
        border-radius: 15px;
        padding: 14px 16px;
        color: #3E2155; 
        text-align: left; 
        margin-left: -10px;
        background-color: #ffffff;
        border-color: #3E2155;
    }

    .menu-toggle::after {
        content: '›'; 
        font-size: 1.2rem; 
        color: #3E2155;
    }

    .menu-content {
        top: 0;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        overflow-y: scroll;
        padding: 20px;
        z-index: 1000;
    }

    .menu-content ul {
        list-style: none;
        padding: 0;
    }

    .menu-content li {
        margin-bottom: 10px;
    }

    .menu-content a {
        font-size: 1rem;
        color: #3E2155;
        display: block;
        padding: 5px 0;
    }

    .menu-content .close-menu {
        display: none;
    }

    .site-button {
        float: left;
        margin-bottom: 2rem;
    }

    #banner-tracking {
        background-color: #B9A1D0;
        background-image: url("../images/rastreie/entregador-2 (1).webp");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .custom-rastreio-amostr {
        border: 1px solid #3E2155;
        border-radius: 30px;
        opacity: 1;
        color: #3E2155;
        padding: 23px;
        background-color: transparent;
        font-size: 12px;
        /* line-height: 1.2em; */
        /* width: 100%; */
    }

    .custom-rastreio-info {
        border: 1px solid #3E2155;
        border-radius: 30px;
        opacity: 1;
        color: #3E2155;
        background-color: white;
        display: flex;
        flex-direction: row;
    }

    .progress-rastreio {
        position: relative;
        display: block;
        width: 100%; 
        left: 0;
        height: auto; 
        margin-bottom: 2rem; 
        margin-top: 2rem; /
    }

    .progress-item {
        display: flex;
        flex-direction: column; 
        align-items: center;
        margin-top: 2rem; 
    }

    .rastreio-duvidas {
        gap: 4rem;
        display: flex;
        justify-content: center;
        margin-top: 5rem;
    }

    .status-container {
        text-align: center; 
        font-size: 16px; 
        margin-left: -28px; 
        margin-bottom: 2rem; 
        min-height: auto;
    }

    .bullet {
        width: 298px;
        height: 172px;
        margin-bottom: 1rem; /
    }

    .progress-line {
        display: none;
    }

    .status-result, .status-text {
        font-size: 16px; 
        text-align: center; 
    }

    .button-rastreio-secondary {
        background: transparent linear-gradient(180deg, #A0A0A0 0%, #909090 13%, #808080 71%, #707070 100%) 0% 0% no-repeat padding-box;
    }

    .button-rastreio {
        width: 305px;
        height: 65px;
        border-radius: 40px;
        color: #3E2155;
        font-weight: bold;
        padding: 10px 9px;
        font-size: 16px;
        padding-top: 19px;
    }

    .centralrelacionamentro {
        margin-top: 6rem;
    }

    #p-tracking {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
   }

   .line-break {
    flex-basis: 100%; /* Força uma quebra de linha */
    height: 0;
    display: inline;
}

}

.line-break {
    display: block; /* No mobile, manterá o texto na mesma linha */
}

@media (max-width: 320px) {
    #div-track2 {
        margin-left: 3rem;
    }
}

@media (max-width: 480px) {
    #banner-tracking {
        background-color: #B9A1D0;
        background-image: url("../images/rastreie/entregador-2 (1).webp");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    #historico-row {
        margin-bottom: 2rem;
        margin-top: -2rem;
    }

    .sf-widget-categories ul li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .y-servicos:hover {
        transform: none; 
        background: none; 
    }

    .y-servicos .btn {
        display: block;
        background: rgb(248, 218, 151);
        background: linear-gradient(180deg, rgba(248, 218, 151, 1) 0%, rgba(248, 213, 136, 1) 25%, rgba(249, 187, 48, 1) 75%, rgba(249, 183, 36, 1) 100%);
        border: 0;
        font-size: 1em;
        font-weight: bold;
        color: #3E2155; /* Cor padrão do texto do botão */
        text-decoration: none; /* Remover sublinhado do botão */
        transition: color 0.2s, background-color 0.2s; /* Transição suave para cor e fundo */
    }

    .y-servicos .btn:active {
        color: white; /* Cor do texto quando o botão é pressionado */
        background-color: rgb(249, 183, 36); /* Fundo sólido para evitar cor estranha */
    }

    /* Especificamente para garantir que estilos do link não sobrescrevam o botão */
    .y-servicos .btn {
        background-color: rgb(248, 218, 151);
        color: #3E2155;
    }

    .y-servicos .btn:active {
        background-color: rgb(249, 183, 36);
        color: white;
    }

    .custom-rastreio-amostr {
        border: 1px solid #3E2155;
        border-radius: 30px;
        opacity: 1;
        color: #3E2155;
        padding: 3px;
        background-color: transparent;
        font-size: 12px;
        line-height: 1.2em;
        width: 100%;
    }

    .custom-rastreio-info {
        border: 1px solid #3E2155;
        border-radius: 30px;
        opacity: 1;
        color: #3E2155;
        background-color: white;
        display: flex;
        flex-direction: row;
    }

    .progress-rastreio {
        position: relative;
        display: block;
        width: 100%; 
        left: 0;
        height: auto; 
        margin-bottom: 2rem; 
        margin-top: 2rem; /
    }

    .progress-item {
        display: flex;
        flex-direction: column; 
        align-items: center;
        margin-top: 2rem; 
    }

    .rastreio-duvidas {
        gap: 4rem;
        display: flex;
        justify-content: center;
        margin-top: 1rem;
    }
    
    #search-input {
        padding: 1rem;
    }

    .site-button-his {
        background: transparent linear-gradient(180deg, #F8DA97 0%, #F8D588 13%, #F9BB30 71%, #F9B724 100%) 0% 0% no-repeat padding-box;
        box-shadow: 3px 3px 8px #00000029;
        border-radius: 40px;
        color: #3E2155;
        font-weight: bold;
        padding: 10px 34px;
        font-size: 16px;
        border: none;
        margin-top: 1rem;
        margin-left: 1rem;
    }

    .status-container {
        text-align: center; 
        font-size: 16px; 
        margin-left: -28px; 
        margin-bottom: 2rem; 
        min-height: auto;
        margin-top: -2rem;
    }

    .bullet {
        width: 298px;
        height: 172px;
        margin-bottom: 1rem;

    }
    
    .inactive-status {
        position: relative;
        top: 0rem;
        color: #575757;
        font-weight: normal;
    }

    .bullet-container {
        margin-bottom: 1rem;
    }

    .progress-line {
        display: none;
    }

    .status-result, .status-text {
        font-size: 16px; 
        text-align: center; 
        margin-bottom: -1rem;
    }

    .button-rastreio-secondary {
        background: transparent linear-gradient(180deg, #A0A0A0 0%, #909090 13%, #808080 71%, #707070 100%) 0% 0% no-repeat padding-box;
    }
    .button-rastreio {
        width: 305px;
        height: 65px;
        border-radius: 40px;
        color: #3E2155;
        font-weight: bold;
        padding: 10px 9px;
        font-size: 14px;
        padding-top: 21px;
    }

    .centralrelacionamentro {
        margin-top: 4rem;
        text-align: center;
    }

    #p-tracking {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
   }

   #span-tracking {
    margin-left: 4px;
   }

    .line-break {
        display: inline;
    }
}


@media (min-width: 769px) {
    .menu-toggle {
        display: none !important;
    }

    .menu-content {
        display: block;
        position: relative;
        height: auto;
        background-color: transparent;
        padding: 0;
        z-index: auto;
    }

    .menu-content ul {
        list-style: none;
        padding: 0;
    }

    .menu-content li {
        margin-bottom: 10px;
    }

    .menu-content a {
        font-size: 1rem;
        color: #3E2155;
        display: block;
        padding: 5px 0;
    }

    .menu-content .close-menu {
        display: none;
    }

    #msg-home {
        text-align: justify;
    }
    
}


.fa-brands, .fab {
    font-weight: 400;
    padding-left: 3px;
}

.widget-post-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.widget-post-link .widget-post {
    cursor: pointer;
    position: relative;
}

.widget-post-link .widget-post::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.estoque-rows {
    display: flex;
    gap: 1rem;
}

.div-estoque {
    display: flex;
    flex-direction: column; 
    align-items: center; 
    text-align: center; 
}

.estoque-img {
    width: 100%; 
    height: auto; 
    max-width: 120px; 
    margin-bottom: 0.5rem; 
}

.div-estoque span {
    margin-top: 0.5rem; 
    font-size: 14px; 
    color: #271638;
}

#nossos-estoques {
    margin-top: 2.19rem;
}

#rc-anchor-container {
    margin-top: -1rem;
    margin-right: 1rem;
}

.rc-anchor {
    display: flex;
    justify-content: center;
    margin-top: 20px; 
}

.card-body-ras {
    margin-bottom: -1rem;
}

#card-body-historic {
    margin-bottom: -1rem;
}

#card-homes-articles {
    margin-bottom: 1rem;
}