.desktop {
    display: flex;
}

.mobile {
    display: none;
}

a.btn-veja {
    color: #3b9591;
    text-decoration: none;
    font-weight: 700;
}

.wraper-img {
    max-height: 445px;
}


.btn {
    padding: 7px 1.75rem;
    border-radius: 25px;
}

.btn-whats {
    background-color: white;
    color: #52AEAA;
    font-size: 15px;
}

    .btn-whats:hover {
        background-color: #BDEAE8;
    }

.btn-orcamento {
    background-color: #FA8383;
    color: white;
    font-size: 15px;
    margin-right: 20px;
}


.btn svg {
    margin-right: 7px;
}

.btn-orcamento:hover {
    background-color: #FF6F6F;
}

footer .logo {
    max-width: 185px;
    width: 100%;
}

.face, .insta {
    width: 43px !important;
    height: 43px !important;
    background-color: #fff;
    color: #52AEAA;
    padding: 20px;
    border-radius: 50px;
    margin-right: 14px;
    font-size: 23px;
}

footer .loc .title, footer .loc .sub {
    Font-size: 15px;
    color: #fff;
    display: block;
}

footer .loc .title {
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 8px;
}

footer .copy span {
    Font-size: 12px;
    color: #fff;
}

#contato label, #receita label {
    margin-bottom: 8px;
    font-weight: 700;
}

#contato textarea, #receita textarea {
    min-height: 140px;
}

#contato .face, #contato .insta {
    text-decoration: none;
    background-color: #f8f8f8;
    width: 60px !important;
    height: 60px !important;
}

#contato .g-recaptcha, #receita .g-recaptcha {
    display: inline-block;
    width: fit-content;
    margin-bottom: 20px;
}

#contato h1, #receita h1 {
    Font-size: 28px;
    color: #000;
    margin-bottom: 3rem;
}


#contato, #receita {
    padding: 90px 0px;
}



    #contato .right-info {
        background-color: #D6EAE9;
        border-radius: 10px;
        padding: 35px;
        margin-bottom: 30px;
    }

        #contato .right-info h2 {
            Font-size: 20px;
            color: #000;
            margin-bottom: 15px;
        }

        #contato .right-info .wraper-text {
            Font-size: 15px;
        }


#local h2 {
    Font-size: 28px;
    color: #000;
    margin-bottom: 3rem;
}

#local {
    background-color: #D6EAE9;
}

#quem-home, #videos-home {
    background-image: url('../img/bg-section.png');
    background-position-y: 451px;
    background-repeat: no-repeat;
    background-size: cover;
}

    #quem-home h1 {
        Font-size: 28px;
        color: #000;
    }

    #quem-home p, #orcamento p {
        Font-size: 18px;
        color: #000;
    }

#conheca h2 {
    Font-size: 24px;
    color: #000;
    font-weight: 700;
}

#conheca .insta-tag {
    Font-size: 24px;
    color: #52AEAA;
    width: fit-content;
    margin: auto;
    font-weight: 700;
}

.box {
    position: relative;
    display: block;
    max-height: 445px;
    /* height: 445px; */
    width: fit-content;
}

    .box .wraper-text {
        position: absolute;
        bottom: 0px;
        padding: 10px 20px;
        width: 100%;
        min-height: 210px;
        /* background-image: linear-gradient(#5fbcaf59,#5fbcaf59,#1c3935); */
    }

    .box h3 {
        Font-size: 28px;
        color: white;
        height: 66px;
    }

    .box p {
        overflow: hidden;
        Font-size: 15px;
        color: white;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 44px;
    }

.btn-mais {
    background-color: transparent;
    border-color: #52AEAA;
    Font-size: 14px;
    color: #52AEAA;
    padding: 5px 2rem;
    position: absolute;
    bottom: 20px;
}

    .btn-mais:hover {
        color: #fff;
        background-color: #52AEAA;
    }

#topo-produtos h1 {
    Font-size: 28px;
    color: #000;
    margin: 2rem 0px;
}

#produto-detalhes h1 {
    Font-size: 26px;
    color: #000;
}

#produto-detalhes p {
    Font-size: 18px;
    color: #000;
    margin: 2rem 0px;
}

#navbarSupportedContent {
    width: fit-content;
}

nav {
    /* height: 80px; */
}

header li.nav-item {
    margin: 0px 13px;
    font-weight: 700;
}

.sub-nav li {
    display: inline-block;
    padding: 14px 21px;
    border-left: 1px solid white;
    height: 52px;
}

    .sub-nav li a {
        color: white;
        text-decoration: none;
    }


    .sub-nav li svg {
        margin-right: 7px;
    }

    .sub-nav li:last-of-type {
        border-right: 1px solid white;
    }

.sub-nav {
    max-height: 52px;
    background: #52AEAA;
    color: white;
    position: relative;
}

    .sub-nav ul {
        width: fit-content;
        padding: 0;
        margin: auto;
    }


header {
    background-color: white;
}


body {
    font-family: 'Roboto', sans-serif;
}

header li.nav-item.active a {
    color: #52aeaa !important;
}

#topo-home .owl-dots {
    bottom: 10%;
    position: absolute;
    left: 50%;
    margin-left: -36px;
}

button.owl-dot span {
    background: white !important;
}

button.owl-dot.active span {
    background: #52aeaa !important;
}

section:not(:first-of-type) {
    padding: 90px 0px;
}

#quem-home, #produtos-home, #videos-home {
    background-color: #D6EAE9;
}

footer {
    background-color: #52aeaa;
    padding-top: 30px;
}

.social-medias ul li {
    display: inline-block;
}

.social-medias ul {
    padding: 0;
}

.loc iframe {
    display: block;
}

.icons {
    display: flex;
    flex-wrap: wrap;
}

.wraper-social span {
    color: white;
    margin-right: 15px;
}


footer .copy {
    margin-top: 30px;
    border-top: 1px solid #71bcb9;
    padding: 12px;
}

#videos-home iframe {
    width: 100%;
    height: 487px;
    max-width: 900px;
    margin: auto;
    display: block;
}

#quem-home .wraper-text, #orcamento .wraper-text {
    /* padding-left: 60px; */
    max-width: 441px;
}

#quem-home h2, #orcamento h2 {
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 15px;
}

.btn.btn-enviar {
    background-color: #52AEAA;
    Font-size: 16px;
    color: #fff;
    max-height: 45px;
}

    .btn.btn-enviar:hover {
        background-color: #6FC3BF;
    }

#produtos-home h2 {
    Font-size: 27px;
    color: #000;
    margin-bottom: 3rem;
    font-weight: 900;
}




.right-info li {
    flex-direction: column;
}

.right-info .btn.btn-whats {
    background-color: #61d465;
    color: white;
    width: fit-content;
    margin: 20px 0px;
}

.right-info ul {
    padding: 0;
}

.form-group {
    margin-bottom: 15px;
}



#local iframe {
    width: 100%;
    min-height: 480px;
}



.whats-fixed {
    position: fixed;
    right: 23px;
    z-index: 9999;
    bottom: 50%;
    font-size: 60px;
    background-color: #61d465;
    border-radius: 68px;
    width: 90px;
    height: 90px;
    color: white;
}

    .whats-fixed span {
        font-size: 20px;
        margin: auto;
    }


#quem img {
    display: block;
    margin: auto;
}

#quem h1 {
    Font-size: 28px;
    color: #000;
    margin: 3rem 0px;
}

#quem p {
}

#quem .wraper-text {
    max-width: 679px;
    margin: auto;
    margin-top: 4rem;
    font-weight: 600;
    font-size: 18px;
}


#topo-produtos .box {
    margin-bottom: 55px;
}


.btn.btn-primary {
    background: #52AEAA;
    Font-size: 16px;
    color: #fff;
    border-color: #52AEAA;
    font-weight: 700;
}

    .btn.btn-primary:hover {
        background: #6FC3BF;
        border-color: #6FC3BF;
        color: black;
    }

#produto-detalhes {
    padding: 90px 0px;
}


nav .dropdown-item {
    font-weight: 700;
    font-size: 16px;
    margin: 7px 0px;
    color: #000;
}

    nav .dropdown-item.green {
        color: #52aeaa;
    }

.searchbar {
    height: 37px;
    position: relative;
    /* margin: auto; */
    /* width: 100%; */
}

.fa-search {
    position: absolute;
    top: 8px;
    font-size: 18px;
    left: 9px;
    color: #868686;
}

.searchbar input {
    padding-left: 30px;
}


a:hover svg {
    color: black;
}

#topo-home .container-fluid {
    overflow: hidden;
    padding: 0px 0px;
}

#topo-home img.img-fluid {
    width: 100%;
}

.box .bg-box {
    position: absolute;
    bottom: 0px;
    background-image: linear-gradient(#5fbcaf59,#1c3935);
    width: 100%;
    min-height: 300px;
    background-image: linear-gradient( rgb(87 189 176 / 15%),rgb(51 119 111 / 78%), rgb(44 75 71) );
}

#videos-home .owl-nav, #produtos-home .owl-nav {
    position: absolute;
    width: 100%;
    font-size: 45px;
    top: 50%;
    margin-top: -33px;
}

#videos-home button.owl-prev {
    left: 20px;
    position: absolute;
    display: block;
}

#videos-home button.owl-next {
    right: 20px;
    position: absolute;
    display: block;
}

#produtos-home button.owl-prev {
    left: -30px;
    position: absolute;
    display: block;
}

#produtos-home button.owl-next {
    right: -30px;
    position: absolute;
    display: block;
}


@media(max-width:1200px) {
    #videos-home button.owl-prev {
        left: -30px;
        position: absolute;
        display: block;
    }

    #videos-home button.owl-next {
        right: -30px;
        position: absolute;
        display: block;
    }
}

@media (max-width:998px) and (min-width:550px) {
    #quem-home .wraper-text, #orcamento .wraper-text {
        text-align: center;
        margin: auto;
    }
}

@media (max-width : 998px) {
    .icons {
        justify-content: center;
    }

    #contato .right-info {
        width: fit-content;
        margin: auto;
        margin-bottom: 30px;
    }

    #produto-detalhes .wraper-text {
        margin-top: 2rem;
        text-align: center;
    }

    #navbarSupportedContent {
        width: 100% !important;
        position: relative;
        z-index: 9999;
        text-align: center;
        margin-top: 18px;
    }

    .wraper-footer, .wraper-social {
        flex-direction: column;
    }

    .social-medias ul li {
        display: flex;
    }

    .btn-orcamento, .btn-whats {
        margin: 10px auto;
    }

    .wraper-social span {
        margin: 5px auto;
    }

    footer .icons {
        margin: 15px 0px;
    }

    footer .loc {
        text-align: center;
    }

    #orcamento h2 {
        margin-top: 20px;
    }

    #quem-home {
        background-position-y: 322px;
        background-size: contain;
    }

    #videos-home {
        background-position-y: 415px;
        background-size: contain;
    }

        #videos-home iframe {
            height: 287px;
        }

    .whats-fixed {
        position: sticky;
        right: 0;
        bottom: 0px;
        font-size: 20px;
        background-color: #61d465;
        border-radius: 0px;
        width: 100%;
        height: 40px;
        color: white;
        text-decoration: none;
    }

        .whats-fixed svg {
            margin-right: 10px;
        }

    #orcamento .row {
        flex-direction: column-reverse
    }
}

@media(max-width : 768px) {
    .wrap-send {
        flex-direction: column;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: flex;
    }

    .sub-nav .container {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    .sub-nav li:last-of-type {
        display: none;
    }

    .sub-nav li:first-of-type {
        border: none;
    }

    .searchbar {
        display: none;
    }

    #quem .wraper-text {
        text-align: center;
    }

    #receita input[type="file"] {
        font-size: 12px;
    }
}