:root {
    --color-primary: #4292C5;
    --color-secondary: #302F32;
}

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

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

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

html * {
    font-family: 'Roboto';
}

body {
    overflow-x: hidden;
}

.header {
    width: 100vw;
    z-index: 1000;
    position: fixed;
    background-color: var(--color-primary);
    height: 90px;
}

.header-fixed-margin {
    width: 100vw;
    height: 90px;
}

.header_logo-img {
    height: 70px;
}

.header_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}


.header_nav-link {
    background-color: unset;
    outline: none;
    border: none;
    margin: 0;
    padding: 0;

    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    text-transform: uppercase;
}

.custom-input-search {
    width: 400px;
    max-width: 100%;
    background-color: var(--color-secondary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 7px;
    padding: 3px 10px;
    height: fit-content;
    border: 1px solid #ffffff;
    opacity: 0.5;
}

.custom-input-search.big {
    width: 1258px;
    max-width: 100%;
    background-color: #8d8c8e;
    color: #ffffff;
}

.custom-input-search ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFFFFF;
    opacity: 1;
    /* Firefox */
}

.custom-input-search :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #FFFFFF;
}

.custom-input-search ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #FFFFFF;
}


.custom-input-search.big input {
    font-size: 24px;
}


.custom-input-search input {
    background-color: unset;
    outline: none;
    border: none;
    color: #ffffff;
    width: 100%;
}

.custom-input-search button {
    outline: none;
    border: none;
    background: unset;
    color: #ffffff;
}

.aside {
    background-color: var(--color-primary);
    color: #ffffff;
}

.aside .custom-input-search {
    width: 100%;
}

.aside .header_logo-img {
    max-width: 100%;
}

/*  SWIPER HOME */
/* Estilos para a div container do Swiper */
.swiper-container.banner-swiper {
    width: 100%;
    height: calc(100vh - 90px);
    /* Altura da tela menos 90px */
    position: relative;
    max-width: 100vw;
    overflow: hidden;
}

/* Estilos para os slides */
.swiper-slide {
    position: relative;
}

/* Estilos para a imagem de fundo */
.slide-image {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}

/* Estilos para o conteúdo dentro do slide (opcional) */
.slide-content {
    position: absolute;
    left: 50%;
    bottom: 145px;
    transform: translateX(-50%);
    /* Estilos adicionais para o conteúdo, como cor, fonte, etc. */
}

/* Estilos para os dots (pontos de navegação) */
.custom-swiper-pagination {
    width: fit-content !important;
    display: flex;
    justify-content: center;
    /* Centraliza os dots horizontalmente */
    align-items: center;
}

.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--color-primary);
    margin: 0 8px;
    cursor: pointer;
}

/* Estilos para as setas de navegação */
.swiper-btn-next,
.swiper-btn-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: var(--color-primary);
    border-radius: 50%;
    cursor: pointer;
    color: var(--color-secondary);
    margin: 0px 16px;
}

.swiper-btn-next.black,
.swiper-btn-prev.black {
    background-color: var(--color-secondary);
    color: #eaeaea;
}

/* Estilos adicionais para as setas, como ícones, cores, etc. */


.swiper-custom-controls {
    width: 100%;
    position: absolute;
    bottom: 145px;
    z-index: 100;
}

/*  FIM SWIPER HOME */

/*  WELCOME HOME */

.welcome-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 90px 0px;
}

.ecp-1 {
    padding: 0px 138px;
}

.ecp-2 {
    padding: 0px 276px;
}

.welcome-section-title {
    font: normal normal normal 72px/53px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-top: 28px;
}

.welcome-section-subtitle {
    font: normal normal normal 40px/53px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.welcome-section-text {
    font: normal normal normal 40px/53px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 25px;
    width: 1011px;
    max-width: 100%;
}

.btn-custom-outline {
    outline: none;
    background-color: transparent;
    border: 1px solid #ffffff;
    padding: 12px 49px;
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    align-self: center;
    justify-content: center;
    border-radius: 8px;
    text-transform: uppercase;
    transition: 0.4s;
}

.btn-custom-outline:hover {
    background-color: white;
    color: var(--color-secondary);

}

/*  FIM WELCOME HOME */

/*  LATEST HOME */

.latest-section {
    background-color: var(--color-secondary);
}

.latest-section-title {
    font: normal normal normal 82px Roboto;
    letter-spacing: 0px;
    color: var(--color-primary);
    margin-top: 55px;
}

.latest-section-subtitle {
    font: normal normal normal 25px/33px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
}



/* Estilos para a div container do Swiper */
.custom-swiper {
    width: 100%;
    overflow-x: hidden;
    padding: 20px 0;
    /* Espaçamento opcional */
    box-sizing: border-box;
}

.custom-swiper.swiper-relacionados {
    padding: 0;
    padding-bottom: 40px;
}

/* Estilos para os slides */

.custom-swiper .swiper-slide {
    width: 260px;
    height: 471px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #ccc;
    /* Borda opcional para visualizar melhor cada slide */
}

.custom-swiper.swiper-relacionados .swiper-slide {
    height: 260px;
}


/* Estilos para as setas de navegação */
.custom-swiper .swiper-button-next,
.custom-swiper .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.custom-swiper .swiper-button-prev {
    left: 10px;
}

.custom-swiper .swiper-button-next {
    right: 10px;
}



.latest-swiper-controls {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 100;

}


.latest-product {
    height: 471px;
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
}

.swiper-relacionados .latest-product{
    height: 260px;
    
}

.latest-product-img {
    height: 100%;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.latest-product p {
    font: normal normal bold 15px/20px Roboto;
    letter-spacing: 0px;
    color: #696969;
    text-transform: uppercase;
    opacity: 1;
    padding: 10px;
    margin: 0;
}


/*  FIM LATEST HOME */



/*  NEWSLETTER HOME */

.newsletter-section {
    background-color: var(--color-secondary);
    padding-top: 8px;
}

.newsletter-box {
    background-color: var(--color-primary);
    padding: 40px 138px;
}

.newsletter-title {
    font: normal normal normal 20px/33px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 0;
}

.newsletter-title span {
    font: normal normal normal 25px/33px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.input-newsletter {
    margin-top: 18px;
    padding: 3px 10px;
    height: 24px;
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 7px;
    opacity: 0.5;
}

.newsletter-terms {
    font: normal normal normal 11px/15px Roboto;
    letter-spacing: 0px;
    opacity: 1;
    color: white;
}

.newsletter-terms a {
    font: normal normal normal 11px/15px Roboto;
    letter-spacing: 0px;
    color: var(--color-secondary);
    text-decoration: none
}

.btn-newsletter {
    width: 112px;
    border: 1px solid #ffffff;
    background: var(--color-secondary) 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 7px;
    opacity: 0.7;
    height: 24px;
    color: white;
    text-transform: uppercase;
    margin-top: 18px;
    font: normal normal bold 14px/19px Roboto;
    margin-left: 16px;
}

/*  FIM NEWSLETTER HOME */

/*  FOOTER */

.footer {
    color: white;
    padding: 40px 0px;
}

.footer_social-list {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.footer_social-list .social-list-item {
    color: var(--color-primary);
    font-size: 35px;
}

.footer_logo {
    max-height: 36px;
    max-width: 122px;
}

.footer_nav {
    gap: 70px;
    margin-top: 40px;
}

.footer_link:hover {
    color: var(--color-primary);
}

.footer_link {
    color: var(--color-primary);
    font: normal normal bold 18px/24px Roboto;
    text-transform: uppercase;
    text-decoration: none;
}

.footer_info {
    font: normal normal normal 18px/18px Roboto;
    letter-spacing: 0px;
    color: var(--color-secondary);
    text-align: center;
    margin-top: 40px;
}

.footer_separator {
    max-width: 1319px;
    width: 100%;
    height: 1px;
    background-color: var(--color-secondary);
    margin: 20px 0px;
}

/*  FIM FOOTER */

/*  PRODUTOS */

.title-produtos {
    font: normal normal bold 40px/53px Roboto;
    color: var(--color-primary);
    text-transform: uppercase;
}

.title-produtos-box {
    padding-top: 53px;
}

.btn-orcamento {
    border: 1px solid #ffffff;
    background: var(--color-secondary) 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 7px;
    opacity: 0.7;
    color: white;
    text-transform: uppercase;
    font: normal normal bold 14px/19px Roboto;

    padding: 3px 10px;
}

.subtitle-produtos {
    color: var(--color-primary);
    font: normal normal bold 40px/53px Roboto;
    margin: 30px 0px;
}

.disclaimer-produtos {
    font: normal normal 500 20px/26px Roboto;
    color: var(--color-secondary);
    max-width: 270px;
    width: 100%;
    text-align: center;
}

.default-background {
    background-color: #302F321A;
}

.filters-title {
    text-align: center;
    font: normal normal 500 30px/39px Roboto;
    letter-spacing: 0px;
    color: #4292C5;
    margin: 34px 0px;
}

.filter-category-item {
    height: 32px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    border: 1px solid var(--color-secondary);
    margin-bottom: 20px;
    transition: 0.4s;
    text-decoration: none !important;

}

.filter-category-item p {
    margin: 0;
    padding: 0;
    font: normal normal bold 15px/20px Roboto;
    letter-spacing: 0px;
    color: #696969;
    text-transform: uppercase;
    margin-left: 10px;
    transition: 0.4s;
}

.filter-category-item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 32px;
    background-color: var(--color-secondary);
    transition: 0.4s;
}

.filter-category-item-icon svg {
    height: 25px;
    fill: #d2d1d2;
}

.filter-category-item:hover {
    border-color: #658c5d;
}

.filter-category-item:hover .filter-category-item-icon {
    background-color: #658c5d;
}

.filter-category-item:hover p {
    color: #658c5d;
}

.count-produtos {
    font: normal normal normal 14px/20px Roboto;
    letter-spacing: 0px;
    color: #302F32;
    opacity: 1;
    margin-bottom: 23px;
    margin-top: 86px;
}

.catalog-product {
    height: 580px;
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    padding: 70px 30px 30px 30px;
    position: relative;
    margin-bottom: 40px;
}

.catalog-product-add {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--color-primary);
    font-size: 40px;
}

.catalog-product-img {
    height: 348px;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.catalog-product-description {
    font: normal normal normal 20px/26px Roboto;
    letter-spacing: 0px;
    color: var(--color-secondary);

}

.catalog-product-title {
    font: normal normal 500 30px/39px Roboto;
    letter-spacing: 0px;
    color: var(--color-primary);
    margin-top: 20px;
}

/*  FIM PRODUTOS */


/*  CONTATO */

.title-contato {
    text-align: left;
    font: normal normal normal 72px/53px Roboto;
    letter-spacing: 0px;
    color: var(--color-primary);
    text-transform: uppercase;
    padding-top: 117px;
}

.subtitle-contato {
    text-align: left;
    font: normal normal normal 40px/53px Roboto;
    letter-spacing: 0px;
    color: var(--color-primary);
    text-transform: uppercase;
    margin-bottom: 97px;
}

.contact-input {
    border-radius: 7px;
    border: 1px solid #c8c8c8;
    width: 100%;
    height: 40px;
    padding-left: 10px;
    margin-bottom: 10px;
    outline: none;
    background-color: #f5f5f5;
    color: #5a595b;
    font: normal normal normal 14px/20px Roboto;
}

.contact-textarea {
    border-radius: 7px;
    border: 1px solid #c8c8c8;
    width: 100%;
    height: 350px;
    padding-left: 10px;
    outline: none;
    background-color: #f5f5f5;
    color: #5a595b;
    font: normal normal normal 14px/20px Roboto;
    padding-top: 10px;

}

.btn-contato {
    border: 1px solid #ffffff;
    background: var(--color-secondary) 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 7px;
    opacity: 0.7;
    color: white;
    text-transform: uppercase;
    font: normal normal bold 14px Roboto;
    line-height: 1;
    padding: 3px 36px;
    padding-top: 5px;
    margin-bottom: 74px;
    margin-top: 20px;
}

.endereco-contato {
    text-align: right;
    font: normal normal normal 25px/33px Roboto;
    letter-spacing: 0px;
    color: #302F32;
    opacity: 1;
    max-width: 100%;
    width: 325px;
}

.contatos-contato {
    text-align: right;
    font: normal normal normal 25px/33px Roboto;
    letter-spacing: 0px;
    color: #302F32;
    opacity: 1;
    max-width: 100%;
    width: 256px;
}

/*  FIM CONTATO */

/*  SOBRE */

.title-sobre {
    text-align: left;
    font: normal normal bold 40px/53px Roboto;
    letter-spacing: 0px;
    color: var(--color-primary);
    opacity: 1;
    padding-top: 53px;
    padding-bottom: 38px;
}

.sobre-section-text {
    text-align: left;
    font: normal normal normal 18px/18px Roboto;
    letter-spacing: 0px;
    color: #5f5e61;
    opacity: 1;
    margin-bottom: 40px;
}

.sobre-section-title {
    text-align: left;
    font: normal normal medium 30px/39px Roboto;
    letter-spacing: 0px;
    color: var(--color-primary);
    opacity: 1;
}

.sobre-yt {
    width: 100%;
    height: 922px;
    margin-bottom: 53px;
}

.sobre-testemunhos-title {
    margin-top: 13px;
    margin-bottom: 38px;
    text-align: center;
    font: normal normal bold 40px/53px Roboto;
    letter-spacing: 0px;
    color: #4292C5;
    opacity: 1;
}

.testemunhos-swiper {
    overflow-x: hidden;
}

.testemunhos-autor {
    margin-top: auto;
    text-align: left;
    font: normal normal normal 20px/26px Roboto;
    letter-spacing: 0px;
    color: var(--color-primary);
    text-transform: uppercase;
    opacity: 1;
}

.testemunhos-text {
    text-align: left;
    font: normal normal normal 18px/18px Roboto;
    letter-spacing: 0px;
    color: #5f5e61;
    opacity: 1;
}

.testemunhos-swiper-controls {
    width: 100%;
    display: flex;
    justify-content: space-between;
    bottom: 0;
    z-index: 100;
}

/*  FIM SOBRE */


/*  PRODUTO */

.produto-title {
    text-align: left;
    font: normal normal normal 72px/95px Roboto;
    letter-spacing: 0px;
    color: var(--color-primary);
    opacity: 1;
    margin-bottom: 40px;
}

.produto-guia {
    text-align: left;
    font: normal normal bold 20px/26px Roboto;
    letter-spacing: 0px;
    color: var(--color-primary);
    opacity: 1;
}

.produto-guia a {
    color: var(--color-primary);
    text-decoration: none;
}


.zoom-container {
    width: 100%;
    height: 580px;
    overflow: hidden;
    position: relative;
}

.zoom-background {
    width: 100%;
    height: 100%;
    /*background-image: url('../imgs/product-1.png');*/
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center;
    transition: transform 0.3s;
}

.zoomed {
    transform: scale(1.5);
}

.produto-img-container{
    position: relative;
}

.product-img-swiper {
    overflow-x: hidden;
}

.preview-swiper{
    margin-top: 21px;
    width:260px;
    overflow-x: hidden;
}

.product-swiper-controls {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 100;
    pointer-events: none;
}

.product-swiper-controls i{
    padding: 10px;
    pointer-events: all;
    font-size: 40px;
    color: var(--color-primary);
}

.produto-lupa{
    position: absolute;
    top: 13.5px;
    right: 13.5px;
    z-index: 10;
    pointer-events: none;
    font-size: 27.5px;
    color: #99989a;
}

.produto-descricao-container{
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.product-preview-img{
    width: 122px;
    height: 133px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: white;
}

.produto-title-alt{
    font: normal normal normal 30px/39px Roboto;
    letter-spacing: 0px;
    color: #4292C5;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 10px;
}

.produto-descricao{
    text-align: left;
    font: normal normal normal 20px/18px Roboto;
    letter-spacing: 0px;
    color: #302F32;
    opacity: 1;
    
    display: flex;
    flex-direction: column;

    height: 491px;
    max-height: 491px;
    overflow-y: auto;

}

.btn-produto-info{
    text-align: center;
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    background-color: var(--color-primary);
    padding: 5px 20px;
    border-radius:5px;
    border:none;
    outline: none;
    width: fit-content;
    height: 35px;
    margin-bottom: 20px;
}
.btn-produto-add{
    text-align: center;
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    background-color: var(--color-primary);
    padding: 5px 10px;
    border-radius:5px;
    border:none;
    outline: none;
    width: fit-content;
    height: 35px;
}

.actions-produtos{
    margin-left: 138px;
}

.qtd-control{
    display: flex;   
}


.qtd-btn{
    width:30px;
    height: 35px;
    background-color: #ffffff;
    border: 1px solid black;
    outline: none;
}

.qtd-display input{
    border:none;
    width: 100%;
    -moz-appearance: textfield;
    appearance: textfield;
    outline: none;
    text-align: center;
}

.qtd-display input::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    
}


.qtd-display{
    width: 64px;
    height: 35px;
    border: 1px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
}


.header-dados-produto{
    display: flex;
    gap:16px;
    width: 100%;
    margin-top: 37px;
}

.header-dados-produto-item.active{
    background-color: #ffffff;
    color: #4292C5;

}
.header-dados-produto-item{
    max-width: 398px;
    width: 100%;
    height: 80px;

    color: #ffffff;
    text-align: center;
    font: normal normal normal 30px/39px Roboto;
    letter-spacing: 0px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #4292C540 0% 0% no-repeat padding-box;

    border: none;
    outline: none;
}

.dados-produto-item{
    width: 100%;
    min-height: 389px;
    background-color: white;
}

.dados-produto-item{
    padding: 40px 138px;

}

.produtos-dados-tecnicos-item{
    margin-bottom: 10px;
}

.produtos-dados-tecnicos-label{
    
    width: 250px;
    margin-right: 26px;
    border: 1px solid var(--color-primary);
    border-top: none;
    border-left: none;
    border-right: none;
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #4E4E4E;
    padding-left: 13px;
}

.produto-dados-tecnicos-desc{
    width: 100%;
    min-height: 25px;
    background-color: var(--color-primary);

    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding-left: 10px;
}

.produtos-relacionados-titulo{
    font: normal normal bold 20px/26px Roboto;
    margin: 20px 0px;
    letter-spacing: 0px;
    color: var(--color-primary);
    text-transform: uppercase;
    opacity: 1;
}

.product-video-swiper {
    overflow-x: hidden;
}

.product-video-swiper-controls{
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 100;
}


.product-video-swiper-controls .swiper-btn-next,
.product-video-swiper-controls .swiper-btn-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: var(--color-secondary);
    border-radius: 50%;
    cursor: pointer;
    color: #FFFFFF;
    margin: 0px;
}
.product-video-swiper-controls .swiper-btn-next{
    margin-right: -50px;
}
.product-video-swiper-controls .swiper-btn-prev{
    margin-left: -50px;
}

/*  FIM PRODUTO */


/*  BLOG */

.title-blog-post{
    text-align: left;
    font: normal normal normal 72px/53px Roboto;
    letter-spacing: 0px;
    color: var(--color-primary);
    padding-top: 117px;
}

.subtitle-blog-post{
    text-align: left;
    font: normal normal normal 40px/53px Roboto;
    letter-spacing: 0px;
    color: var(--color-primary);
}

.bnds-img{
    padding-top: 216px;
    padding-bottom: 154px;
    width: 100%;
    max-width: 662px;
}

.post-container{
    padding-bottom: 192px;
}

/*  FIM BLOG */

/*  NAV PRODUTOS */

.nav-produtos{
    position: fixed;
    top: 90px;
    z-index: 1070;
    width: 100%;
    min-height: 424px;
    padding: 20px;
    background: #ffffffe8;
    max-height: calc(100vh - 90px);
}

.nav-produtos-guia{
    display: flex;
    flex-direction: column;
}

.nav-produtos-guia-item:hover{
    color: var(--color-primary);
}
.nav-produtos-guia-item{
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: 1px solid var(--color-primary);
    border-top:none;
    border-left:none;
    border-right:none;
    background-color: transparent;
    width: 250px;
    margin-bottom: 10px;
    text-align: left;
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #4E4E4E;
    text-transform: uppercase;
    align-items: center;
    padding-left: 16px;
    text-decoration: none;
    transition: 0.4s;
}
.nav-produtos-guia-item i{
    display: none;
    font-size: 14px;
}
.nav-produtos-guia-item.active i{
    display: block;
}


.nav-produtos-lista{
    max-height: 424px;
    overflow-y: auto;
    overflow-x: hidden;
}

.nav-produto-lista-item:hover{
    color: var(--color-primary);
}
.nav-produto-lista-item:not(.no-wrap-text){
    display: block;
}
.nav-produto-lista-item{
    display: inline;
    transition: 0.4s;
    text-align: left;
    font: normal normal bold 15px/20px Roboto;
    letter-spacing: 0px;
    color: #696969;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 20px;
}


/*  FIM NAV PRODUTOS */


@media (max-width: 1800px) {
    .newsletter-box {
        padding: 40px 40px;
    }
}

@media (max-width: 1400px) {
    .ecp-2 {
        padding: 0px 138px;
    }

    .header_nav-link {
        font-size: 14px;
    }

    .sobre-yt {
        width: 100%;
        height: 500px;
    }

}

@media (max-width: 1350px) {

    .custom-input-search {
        width: 200px;
    }
}

@media (max-width: 1200px) {

    .nav-produtos{
        display: none !important;
    }

    .ecp-1,
    .ecp-2 {
        padding: 0px 0px;
    }

    .welcome-section-text {
        font-size: 30px;
        line-height: 1.5;
    }


    .latest-section-title {
        font-size: 65px;
    }

    .latest-section-subtitle {
        font-size: 25px;
    }

    .catalog-product-description {
        font: normal normal normal 15px/20px Roboto;
    }

    .header-dados-produto-item {
        font-size: 19px;
    }


    .actions-produtos{
        margin-left: 0;
    }

    .btn-produto-info, .btn-produto-add {
        width:100%;
    }

}

@media (max-width: 992px) {
    .produto-descricao{
        height: fit-content;
    }

    .produto-descricao-container{
        height: fit-content;
    }

    .btn-produto-info, .btn-produto-add {
        width:100%;
        font-size: 13px;
    }

    .produto-descricao{
        font-size: 15px;
    }


    .dados-produto-item{
        padding: 40px;
    }

}

@media (max-width: 768px) {

    .title-contato {
        font-size: 55px;
        padding-top: 50px;
    }

    .subtitle-contato {
        font-size: 30px;
        margin-bottom: 47px;
    }

    .endereco-contato {
        margin-top: 40px;
        font-size: 19px;
    }

    .contatos-contato {
        font-size: 18px;
    }

    .contact-textarea {
        height: 200px;
    }

    .sobre-yt {
        width: 100%;
        height: 300px;
    }

    .sobre-section-text {
        font-size: 14px;
    }

    .produto-dados-tecnicos-desc{
        min-width: 500px;
    }

    .dados-produto-item{
        overflow-x: auto;
    }

    .product-video-swiper-controls .swiper-btn-prev{
        margin-left: -20px;
    }

    .product-video-swiper-controls .swiper-btn-next{
        margin-right: -20px ;
    }

    .subtitle-blog-post{
        font-size: 30px;

    }
    .title-blog-post{
        font-size: 40px;
    }

    .bnds-img{
        padding: 30px 0px;
    }

}


@media (max-width: 598px) {

    .latest-section-title {
        font-size: 45px;
    }

    .latest-section-subtitle {
        font-size: 20px;
    }

    .subtitle-produtos {
        font: normal normal bold 23px/27px Roboto;
    }

    .custom-input-search.big input {
        font-size: 17px;
    }

    .btn-produto-info, .btn-produto-add{
        height: fit-content;
    }

    .produto-title{
        font-size: 47px;
        margin-bottom: 0;
    }

    .header-dados-produto-item{
        min-width: 150px;
    }

    .header-dados-produto{
        overflow-x: auto;
    }

    
    .subtitle-blog-post{
        font-size: 28px;

    }
    .title-blog-post{
        font-size: 34px;
    }

    

}

@media (max-width: 425px) {
    .welcome-section-title {
        font-size: 50px;
    }

    .welcome-section-subtitle {
        font-size: 50px;
    }

    .welcome-section-text {
        font-size: 24px;
    }




    .latest-section-subtitle {
        font-size: 18px;
    }




}

@media (max-width: 350px) {


    .latest-section-title {
        font-size: 30px;
    }


}

@media (min-width: 1800px) {

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