/*
  STYLE v 1.1;
  05/2023;
  João Diogo Pereira;
*/

:root{
  --headerSize: 72px;
  --green: #7FBB42;
  --darkgreen: #2A5136;
  --white: #FFFFFF;
  --lightgray: #ECF0E9;
  --black: #000000;
  --darkgray: #545E69;
  --blue: #183354;
  --lightgreen: #AFD589;
  --gray: #F3F3F3;
}

/*FONTS*/

@font-face {
  font-family: 'Inter';
  src: url(../fonts/Inter.ttf);
}

/*GERAL*/

.hidden{
  opacity: 0;
  height: 0;
  width: 0;
}

*{
  font-family: 'Inter'!important;
}

html {
  overflow-x: hidden; 
}

.main-container {
  margin: 0 auto;
  width: 90%; 
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0; 
}

a {
  text-decoration: none; 
}

.row {
  margin: 0;
  padding: 0; 
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh; 
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; 
  display: flex;
  flex-direction: column;
}

body main{
  padding-top: var(--headerSize);
}

.preloader{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background-color: color-mix(in srgb, var(--white) 75%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader svg path{
  stroke: var(--green);
}

img{
  max-width: 100%;
  display: inline-block;
}

.back{
  background-color: var(--green);
  padding: .25rem 1.5rem .25rem .25rem;
  border: solid 2px var(--green);
  transform: translateX(0);
  border-radius: 25px;
  line-height: 0;
  transition: all .3s ease-in-out;
}

.back svg{
  width: 14px;
  height: 12px;
}

.back svg path{
  fill: var(--white);
  transition: all .3s ease-in-out;
}

.back:hover{
  transform: translateX(-5px);
  background-color: transparent;
  border: solid 2px var(--green);
}

.back:hover svg path{
  fill: var(--green);
}

.breadcrumbs span{
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0;
  color: var(--black);
}

.breadcrumbs a{
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0;
  color: var(--black);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all .3s ease-in-out;
}

.breadcrumbs a:hover{
  color: var(--black);
  text-decoration-color: var(--black);
}

.page-banner{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 5;
  display: flex;
  align-items: flex-end;
}

.page-banner--small{
  aspect-ratio: 16;
}

.page-banner__title{
  font-weight: 800;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0;
  color: var(--lightgray);
  text-transform: uppercase;
}

.marca__img{
  aspect-ratio: 16/7;
}

.marca__img img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  filter: brightness(0);
}

.about__title{
  font-weight: 700;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: var(--darkgreen);
  padding: 0 1rem;
  position: relative;
  width: fit-content;
  margin: 0 auto 1.5rem auto;
  background-color: var(--white);
  text-transform: uppercase;
}

.about__title::after{
  content: '';
  border-bottom: dashed 4px var(--darkgreen);
  height: 0;
  width: 150%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(calc(-50% - 2px)) translateX(-50%);
  z-index: -1;
}

.content{
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
  color: var(--black);
}

.content h2{
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
  color: var(--darkgreen);
}

.content a{
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
  color: var(--black);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all .3s ease-in-out;
}

.content a:hover{
  color: var(--black);
  text-decoration-color: var(--black);
}

.content ul{
  list-style-type: disc;
  width: fit-content;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.content ol{
  list-style-type: decimal;
}

.content *:last-child{
  margin-bottom: 0;
}

.bg-green{
  background-color: var(--green);
}

.bg-darkgreen{
  background-color: var(--darkgreen);
}

.about__card{
  overflow: hidden;
  border-radius: 0;
  height: 100%;
}

.card-container:nth-child(1) .about__card{
  border-top-left-radius: 30px;
}

.card-container:nth-child(2) .about__card{
  border-top-right-radius: 30px;
}

.card-container:nth-child(3) .about__card{
  border-bottom-left-radius: 30px;
}

.card-container:nth-child(4) .about__card{
  border-bottom-right-radius: 30px;
}

.about__card > div{
  aspect-ratio: 1;
}

.card__title{
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: var(--white);
}

.card__content{
  font-weight: 300;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
  color: var(--white);
}

.card__content *:last-child{
  margin-bottom: 0;
}

.card__img{
  height: 100%;
  width: 100%;
}

.card__img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.btns{
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  padding: .5rem 1.5rem;
  border-radius: 21px;
  text-decoration: none;
  width: fit-content;
  transition: all .3s ease-in-out;
}

.btns--white{
  background-color: var(--white);
  color: var(--darkgreen);
  border: solid 2px var(--white);
}

.btns--white:hover{
  background-color: var(--darkgreen);
  color: var(--white);
  border: solid 2px var(--darkgreen);
}

body.home .site-header.scrolled .btns--white, body:not(.home) .site-header .btns--white{
  background-color: var(--darkgreen);
  border: solid 2px var(--darkgreen);
  color: var(--white);
}

body.home .site-header.scrolled .btns--white:hover, body:not(.home) .site-header .btns--white:hover{
  background-color: var(--green);
  border: solid 2px var(--green);
  color: var(--white);
}

.btns--bold{
  font-weight: 600;
}

.btns--green{
  background-color: var(--green);
  color: var(--white);
  border: solid 2px var(--green);
}

.btns--green:hover{
  background-color: transparent;
  color: var(--white);
  border: solid 2px var(--white);
}

.btns--darkgreen{
  background-color: var(--darkgreen);
  border: solid 2px var(--darkgreen);
  color: var(--white);
}

.btns--darkgreen:hover, .btns--darkgreen.active{
  background-color: var(--green);
  border: solid 2px var(--green);
  color: var(--white);
}

.news{
  text-decoration: none;
}

.news__img{
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 5px;
}

.news__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all .3s ease-in-out;
}

.news:hover .news__img img{
  transform: scale(1.1);
}

.news__title{
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--blue);
}

.news__title--small{
  color: var(--darkgreen);
  font-size: 16px;
  font-weight: 600;
}

.news__date{
  font-weight: 600;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--darkgray);
  text-transform: uppercase;
}

.news__date svg{
  width: 16px;
  height: auto;
  vertical-align: bottom;
}

.news__content{
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--darkgray);
}

.pagination ul{
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.pagination span.current{
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
  padding: 0 .25rem;
  color: var(--green);
}

.pagination a{
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
  color: var(--black);
  text-decoration: underline;
  text-decoration-color: transparent;
  padding: 0 .25rem;
  transition: all .3s ease-in-out;
}

.pagination a:hover{
  color: var(--black);
  text-decoration-color: var(--black);
}

.highlight{
  background-color: var(--green);
  padding: .25rem;
  border: solid 2px var(--green);
  border-radius: 5px;
  line-height: 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--white);
  text-transform: uppercase;
  position: absolute;
  top: .5rem;
  left: .5rem;
  width: fit-content;
  z-index: 1;
}

.title{
  font-weight: 700;
  font-size: 25px;
  line-height: 1;
  letter-spacing: 0;
  color: var(--darkgreen);
}

.title--small{
  color: var(--blue);
  font-size: 20px;
  font-weight: 600;
}

.separator{
  display: flex;
  margin-bottom: 1rem;
}

.separator-fill{
  background-color: var(--green);
  border-top: solid 1px var(--green);
  border-left: solid 1px var(--green);
  border-bottom: solid 1px var(--green);
  height: 5px;
  width: 35px;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  margin-right: .1rem;
}

.separator-empty{
  background-color: transparent;
  border-top: solid 1px var(--lightgray);
  border-right: solid 1px var(--lightgray);
  border-bottom: solid 1px var(--lightgray);
  height: 5px;
  flex-grow: 1;
  clip-path: polygon(4px 0, 100% 0%, 100% 100%, 0% 100%);
}

.form-news{
  border-radius: 32px;
  background-color: var(--darkgreen);
  padding: 1.5rem;
}

.inputs{
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--white);
  background-color: color-mix(in srgb, var(--white) 14%, transparent);
  border: 0;
  border-radius: 21px;
  padding: .5rem 1rem;
  width: 100%;
  transition: all .3s ease-in-out;
}

.inputs:focus{
  background-color: var(--white);
  color: var(--black);
}

.labels{
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--white);
}

.labels__link{
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--white);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all .3s ease-in-out;
}

.labels__link:hover{
  color: var(--white);
  text-decoration-color: var(--white);
}

.labels--small{
  font-size: 10px;
}

.labels--small .labels__link{
  font-size: 10px;
}

.inputs[type="checkbox"]{
  accent-color: var(--green);
  vertical-align: middle;
}

.noticia__img{
  width: 100%;
  border-radius: 24px;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.noticia__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.noticia__title{
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0;
  color: var(--darkgreen);
}

.noticia__content{
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--black);
}

.noticia__content a{
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--black);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all .3s ease-in-out;
}

.noticia__content a:hover{
  color: var(--black);
  text-decoration-color: var(--black);
}

.noticia__content ul{
  list-style-type: disc;
}

.noticia__content ol{
  list-style-type: decimal;
}

.noticia__content *:last-child{
  margin-bottom: 0;
}

.setor{
  background-color: var(--white);
  border-radius: 21px;
  aspect-ratio: 1;
  width: 100%;
  box-shadow: 0px 4px 41px 0px rgba(0, 0, 0, .17);
  text-decoration: none;
  transform: translateY(0);
  transition: all .3s ease-in-out;
}

.setor--darkgreen{
  background-color: var(--darkgreen);
}

.setor:hover{
  transform: translateY(-5px);
}

.setor__img{
  width: 50%;
  aspect-ratio: 1;
}

.setor__img img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.setor__title{
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: var(--darkgreen);
}

.setor__title--white{
  color: var(--white);
}

.setor hr{
  height: 4px!important;
  background-color: var(--darkgreen);
  width: 30px;
  margin: 0 auto;
  opacity: 1;  
}

.setor__header{
  background-color: var(--darkgreen);
  border-radius: 21px;
  transform: translateY(-3rem);
}

.setor__header__title{
  font-weight: 600;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: var(--white);
}

.setor__filters{
  background-color: var(--lightgreen);
  border-radius: 21px;
  position: relative;
  z-index: 2;
}

.setor__filters select{
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--darkgreen);
  border-radius: 32px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .4);
  border: 0;
  background-color: var(--white);
  padding: .5rem 1.5rem;
}

.produto{
  background-color: var(--white);
  border-radius: 24px;
  text-decoration: none;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, .4);
  height: 100%;
}

.produto__img{
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
}

.produto__img img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  transform: scale(1);
  transition: all .3s ease-in-out;
}

.produto:hover .produto__img img{
  transform: scale(1.1);
}

.produto__img--single{
  width: 100%;
  aspect-ratio: 16/9;
}

.produto__img--single img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.produto__title{
  font-weight: 500;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: var(--darkgreen);
}

/* .produto__img--single {
    width: 100%;
    height: 700%;
    object-fit: scale-down;
    object-position: left;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
} */

/* .produto__img--single{
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
} */

.setor__header__title--single{
  font-size: 30px;
  text-align: left;
  color: var(--darkgreen);
}

.produto__detalhes{
  background-color: var(--gray);
  border-radius: 21px;
  transform: translateY(-3rem);
  position: relative;
  z-index: 1;
}

.gallery{
  overflow: hidden;
  border-radius: 32px;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .1);
}

.gallery__img{
  width: 100%;
  aspect-ratio: 16/7;
}

.gallery__img iframe{
  width: 100%;
  height: 100%;
}

.gallery__img img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.gallery .owl-nav, .noticias-carousel .owl-nav{
  margin-top: 0!important;
}

.gallery .owl-nav button, .noticias-carousel .owl-nav button{
  position: absolute;
  z-index: 2;
  color: var(--darkgreen) !important;
  font-size: 100px !important;
  line-height: .5 !important;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s ease-in-out;
}

.gallery .owl-nav button:hover, .noticias-carousel .owl-nav button:hover{
  background-color: transparent!important;
}

.gallery .owl-nav button.owl-prev, .noticias-carousel .owl-nav button.owl-prev{
  left: 1rem;
}

.gallery .owl-nav button.owl-next, .noticias-carousel .owl-nav button.owl-next{
  right: 1rem;
}

.gallery .owl-nav button.owl-prev:not(.disabled):hover, .noticias-carousel .owl-nav button.owl-prev:not(.disabled):hover{
  transform: translateY(-50%) translateX(-5px);
  color: var(--green)!important;
}

.gallery .owl-nav button.owl-next:not(.disabled):hover, .noticias-carousel .owl-nav button.owl-next:not(.disabled):hover{
  transform: translateY(-50%) translateX(5px);
  color: var(--green)!important;
}

.img-bg{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.produto__content{
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--darkgreen);
}

.produto__content strong{
  font-weight: 700;
}

.produto__content a:not(.btns){
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--darkgreen);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all .3s ease-in-out;
}

.produto__content a:not(.btns):hover{
  text-decoration-color: var(--darkgreen);
}

.produto__content ul{
  list-style-type: none;
  padding-left: .5rem;
}

.produto__content ul li::before{
  content: "✔";
  margin-right: 0.5em;
}

.produto__content ol{
  list-style-type: decimal;
}

.material{
  width: 100%;
  aspect-ratio: 1;
  text-decoration: none;
  transform: translateY(0);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all .3s ease-in-out;
}

.material:hover{
  transform: translateY(-5px);
}

.material__title{
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: var(--white);
  text-transform: uppercase;
}

#mapid{
  width: 100%;
  aspect-ratio: 5;
  z-index: 0;
}

.footer__title{
  font-weight: 600;
  font-style: italic;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 3.5%;
  color: var(--white);
}

.footer__content{
  font-weight: 300;
  font-size: 17px;
  line-height: 137%;
  letter-spacing: 0;
  color: var(--white);
}

.footer__logo img{
  width: 100%;
  height: auto;
}

.footer__menu{
  padding: 0;
  margin: 0;
}

.footer__menu li a, .file-menu a{
  font-weight: 500;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0;
  text-decoration: underline;
  text-decoration-color: transparent;
  color: var(--darkgreen);
  transition: all .3s ease-in-out;
}

.footer__menu li a:hover, .file-menu a:hover{
  color: var(--darkgreen);
  text-decoration-color: var(--darkgreen);
}

.socials svg{
  width: 28px;
  height: 28px;
}

.socials svg path{
  fill: var(--green);
  transition: all .3s ease-in-out;
}

.socials a:hover svg path{
  fill: var(--darkgreen);
}

.footer__text{
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--darkgreen);
}

a.footer__text{
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--darkgreen);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all .3s ease-in-out;
}

a.footer__text:hover{
  color: var(--darkgreen);
  text-decoration-color: var(--darkgreen);
}

.footer__text--small{
  font-size: 12px;
}

.copyright-area{
  background-color: var(--green);
}

.copyright-area span{
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: var(--white);
}

.copyright-area a{
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: var(--white);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all .3s ease-in-out;
}

.copyright-area a:hover{
  color: var(--white);
  text-decoration-color: var(--white);
}

.noptin-form-header, .noptin-form-footer{
  padding: 0!important;
}

.noptin-form-header .noptin-form-description{
  margin-top: 0!important;
  text-align: left;
  margin-bottom: .5rem!important;
  font-size: 14px!important;
}

.noptin-form-note{
  text-align: left!important;
  margin-top: .25rem!important;
}

.noptin-form-note a{
  color: var(--darkgreen);
  text-decoration-color: transparent!important;
  transition: all .3s ease-in-out!important;
}

.noptin-form-note a:hover{
  color: var(--darkgreen);
  text-decoration-color: var(--darkgreen)!important;
}

.noptin-inpost-main-wrapper .noptin-optin-form-wrapper{
  margin-top: 1rem!important;
  margin-bottom: 0!important;
  background-color: transparent!important;
}

.noptin-form-footer .noptin-form-submit{
  border: solid 1px var(--green)!important;
  border-radius: 21px!important;
}

.noptin-form-footer .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden) .noptin-form-field{
  border: solid 1px var(--darkgreen)!important;
  border-radius: 21px!important;
  color: var(--black);
}

.noptin-form-footer .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden) .noptin-form-field::placeholder{
  color: var(--darkgray);
}

.search-container{
  right: 0;
  left: 1rem;
  background-color: transparent;
  border-top-left-radius: 21px;
  border-bottom-left-radius: 21px;
  top: 50%;
  transform: translateY(-50%) translateY(0);
  border: 0;
  position: fixed;
  transition: all .3s ease-in-out;
  z-index: 99;
  border-left: solid 2px var(--white);
  border-bottom: solid 2px var(--white);
  border-top: solid 2px var(--white);
  overflow: hidden;
}

.search-container.hidden-search{
  transform: translateY(-50%) translateX(calc(100% - 40px));
}

.search__toggle{
  background-color: var(--darkgreen);
  padding: 1.5rem .5rem;
  border: 0;
  transition: all .3s ease-in-out;
}

.search__toggle:hover{
  background-color: var(--green);
}

.search__toggle svg{
  width: 24px;
}

.search-container form{
  background-color: var(--darkgreen);
}

.index-socials__text{
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0px;
  text-align: center;
  text-decoration: underline;
  color: var(--darkgreen);
}

.index-socials svg{
  width: 24px;
  height: 24px;
}

.index-socials svg path{
  fill: var(--darkgreen);
  transition: all .3s ease-in-out;
}

.index-socials a:hover svg path{
  fill: var(--green);
}

.socials-card{
  aspect-ratio: 3/4;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.go{
  background-color: var(--green);
  padding: .5rem .5rem .5rem 1.5rem;
  border: solid 2px var(--green);
  transform: translateX(0);
  border-radius: 10px;
  line-height: 0;
  transition: all .3s ease-in-out
}

.go svg{
  width: 14px;
  height: 12px;
  transform: scaleX(-1);
}

.go svg path{
  fill: var(--white);
  transition: all .3s ease-in-out;
}

.socials-card:hover .go{
  transform: translateX(5px);
  background-color: transparent;
  border: solid 2px var(--green);
}

.socials-card:hover .go svg path{
  fill: var(--green);
}

.tabs__content table{
  border-collapse: separate;
}

.tabs__content table td, .tabs__content table th{
  border: solid 1px var(--darkgreen);
  padding: .5rem;
}

@media only screen and (max-width: 1200px){
  .copyright-area span, .copyright-area a{
    font-size: 10px;
  }
}

@media only screen and (max-width: 1200px){
  a.footer__text{
    font-size: 16px;
  }
}

@media only screen and (max-width: 992px){
  .tabs__content table{
    border-collapse: separate;
    min-width: 100%;
    max-width: 100%;
    overflow: auto;
  }

 .btns--white{
    background-color: var(--darkgreen);
    border: solid 2px var(--darkgreen);
    color: var(--white);
  }

  .btns--white:hover{
    background-color: var(--green);
    border: solid 2px var(--green);
    color: var(--white);
  }

  .material__title{
    font-size: 20px;
    line-height: 130%;
  }

  .produto__title{
    font-size: 18px;
    line-height: 130%;
  }

  .footer__title{
    font-size:25px;
  }

  .footer__content{
    font-size: 14px;
  }

  #mapid{
    aspect-ratio: 3;
  }

  .footer__logo img{
    width: 25%;
  }

  .about__title{
    font-size: 22px;
  }

  .content h2{
    font-size: 20px;
  }

  .page-banner--small{
    aspect-ratio: 11;
  }
}

@media only screen and (max-width: 767px){
  .btns{
    font-size: 12px;
  }

  .tabs__content table td, .tabs__content table th{
    border: solid 1px var(--darkgreen);
    padding: .5rem;
    white-space: nowrap;
  }

  .setor__title{
    font-size: 14px;
  }

  .setor__img{
    width: 35%;
  }

  .material__title{
    font-size: 14px;
    line-height: 130%;
  }

  #mapid{
    aspect-ratio: 2;
  }

  footer .custom-logo{
    width: 100%;
  }

  .setor__header{
    transform: translateY(-1.5rem);
  }

  .setor__filters select{
    text-align: center;
  }

  .about__card{
    border-radius: 30px;
  }

  .about__title{
    font-size: 16px;
    padding: 0;
  }

  .about__title::after{
    width: 120%;
    border-bottom: dashed 2px var(--darkgreen);
  }

  .content h2{
    font-size: 15px;
  }

  .content{
    font-size: 14px;
  }

  /* .produto__img--single{
    position: relative;
    transform: translateY(0);
    top: unset;
  } */

  .setor__header__title--single{
    text-align: center;
  }

  .produto__content{
    font-size: 14px;
  }

  .gallery .owl-nav button{
    top: 40%;
    font-size: 75px!important;
  }

  .gallery .owl-nav button span{
    height: 100%;
  }

  .noticia__title{
    font-size: 20px;
  }

  .noticia__content{
    font-size: 14px;
  }

  .page-banner--small{
    aspect-ratio: 6;
  }
}