/* MAIN ARTICLE PAGE */

.flex-container-articles {
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
}

.item-article-information h3 {
  font-size: 18px;
  font-weight: 900;
  height: 80px;
  margin: 20px 0px 20px 0px;
  line-height: 26px;
  text-align: center;
}

.item-article-information h3 a {
  color: #090909;
  transition: .3s ease-in-out;
}

.item-article-information h3 a:hover {
  color: #C9A900;
  transition: .3s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .flex-container-articles {
    display: flex;
    text-align: center;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .item-article {
    width: 45%;
  }

  .item-article-information h3 {
    margin: 20px 0px 40px 0px;
  }
}

@media only screen and (min-width: 1100px) {
  .item-article {
    width: 23%;
  }
}

/* MAIN ARTICLE PAGE -> FIM */

/* ARTICLE INTERN -> INÍCIO */

.main-div-article {

}

.main-div-article h2 {
  color: #090909;
  font-size: 26px;
  font-weight: 900;
  margin: 20px 0px 20px 0px;
  line-height: 48px;
  text-align: left;
  letter-spacing: 0.86px;
}

.main-div-article h3 {
  color: #090909;
  font-size: 24px;
  font-weight: 900;
  margin: 20px 0px 20px 0px;
  line-height: 48px;
  text-align: left;
  letter-spacing: 0.86px;
}

.main-div-article strong {
  font-weight: bold;
}

.main-div-article h2 strong {
  font-weight: 900;
}

.main-div-article h3 strong {
  font-weight: 900;
}

.main-div-article p {
  color: #222222;
  font-size: 14px;
  margin: 20px 0px;
  line-height: 32px;
  letter-spacing: 0.32px;
}

.main-div-article li {
  color: #222222;
  font-size: 14px;
  margin: 0px 0px;
  padding-left: 12px;
  line-height: 32px;
  letter-spacing: 0.32px;
}

@media only screen and (min-width: 760px) {
  
  .main-div-article h2 {
    font-size: 36px;
  }

   .main-div-article h2 {
    font-size: 32px;
  }


  .main-div-article p, .main-div-article li {
    font-size: 16px;
  }
}

/* ARTICLE INTERN -> FIM */

/* MORE ARTICLES -> INÍCIO */

.flex-container-more-articles {
  display: flex;
  flex-wrap: wrap;
  padding-top: 36px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.item-more-articles {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 46px;
  transition: .3s ease-in-out;
}

.item-more-articles-information h3 {
  font-size: 18px;
  font-weight: 900;
  margin: 20px 0px 20px 0px;
  line-height: 48px;
  letter-spacing: 0.66px;
  text-align: center;
}

.item-more-articles-information h3 a {
  color: #090909;
  transition: .3s ease-in-out;
}

.link-know-more-articles {
  font-size: 18px;
  color: #C9A900;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  display: block;
}

.item-more-articles:hover .svg-icon-card-next{
  position: relative;
  left: 10px;
  transition: .3s ease-in-out;
}

.item-more-articles:hover h3 a {
  color: #C9A900;
  transition: .3s ease-in-out;
}

@media only screen and (min-width: 760px) {
  .flex-container-more-articles {
    flex-direction: row;
        align-items: baseline;
    justify-content: space-between;
  }

  .item-more-articles {
    width: 48%;
  }
}

@media only screen and (min-width: 1100px) {
  .item-more-articles {
    width: 22%;
  }

  .item-more-articles-information h3 {
    line-height: 32px;
    text-align: left;
    font-size: 18px;
    letter-spacing: unset;
  }

  .link-know-more-articles {
    text-align: left;
  }
}




/* MORE ARTICLES -> FIM */


/* REGIÕES DE ATENDIMENTO -> INÍCIO */
 
.regioesDeAtendimento {
  background-color: #FFF;
  padding-bottom: 0px;
  clear: both;
}

.flexis-regioesDeAtendimento {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.flex-regioesDeAtendimento-div1 {
  height: 465px; width: 80%; margin-bottom: 30px;
}

.flex-regioesDeAtendimento-div2 {
  height: 465px; width: 20%; margin-bottom: 30px; background-color: #000;
  background-image: url(../images/regioes-de-atendimento-background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.container-floater {
  width: 80%;
  float: right;
  padding-right: 15px;
}

.flex-tabs {
  margin-top: 36px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.tab-width-flex {
 width: 25%;
 height: 350px;
}

.content-width-flex {
  width: 55%;
  margin-left: 5%;
}

/* Style the tab */
.tab {
  float: left;
  width: 100%;
  height: 300px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  color: #090909;
  padding: 14px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  background-color: #E9E9EB;
  border-right: 2px solid #eeeeee;
  border-left: 2px solid #e3bf00;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #eeeeee;
  color: #c9a900;
  font-weight: bold;
  border-right: 2px solid #e3bf00;
  border-left: 2px solid #eeeeee;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #eeeeee;
  font-weight: bold;
  border-left: 2px solid #eeeeee;
  color: #c9a900;
  border-right: 2px solid #e3bf00;
}

/* Style the tab content */
.tabcontent {
  width: 100%;
  height: 350px;
  padding: 16px 30px;
  background: #F7F7F7;
  box-shadow: 1px 1px 7px 0px #e2dfdfcc;
}

.tabContentFlex {
  display: flex;
  flex-direction: row;
  justify-content: start;
  flex-wrap: wrap;
}

.divTabContent {
  width: 33%;
}

.tabcontent h3 {
  font-weight: bold;
  color: #103069;
  font-size: 1.2rem;
  margin-top: 0px;
  margin-bottom: -5px;
}

.tabcontent li {
  color: #090909;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

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

  .container-floater {
    float: none;
    margin: 0px auto;
    width: 80%;
  }

  .flexis-regioesDeAtendimento {
    flex-direction: column;
  }

  .flex-regioesDeAtendimento-div1 {
    height: unset;
    width: 100%;
  }

  .flex-regioesDeAtendimento-div2 {
    height: unset;
    display: none;
  }

  .tabContentFlex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .flex-tabs {
    flex-direction: column;
  }

  .tab-width-flex {
    width: 100%;
  }

  .content-width-flex {
    width: 100%;
  }

  .tabcontent {
    width: 100%;
    height: unset;
    box-shadow: 1px 1px 7px 0px #e2dfdfcc;
  }

  .divTabContent {
    width: 45%;
  }

  .service-regions {
    font-size: 26px;
  }

  .content-width-flex {
    margin-left: 0%;
  }

  .tab-width-flex {
    height: 130px;
  }
}

/* REGIÕES DE ATENDIMENTO -> FIM */