/* ICON-BOX-SLIDER*/
.box {
  width: 11.83vw;
  height: 14.75vw;
  max-width: 100vw;
  padding-left: 5vw;
}

.box2 {
  width: 11.83vw;
  height: 14.75vw;
  max-width: 100vw;
  padding-left: 5vw;
}

.box a {
align-items: center;
text-align: center;
letter-spacing: 0.275px;
text-transform: uppercase;
}

.box2 a {
align-items: center;
text-align: center;
letter-spacing: 0.275px;
text-transform: uppercase;
}

.box a h3 {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
color: var(--background-footer);
}


.boxcarousel-title{
  width: 100vw;
  margin: 3vw 0 ;
  display: flex;
  justify-content: center;
}

.boxcarousel-title h2{
  
  width: 39.91vw;
  height: 3.33vw;
  
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.275px;
  text-transform: uppercase;
  }

  .color-26{
  color: #262626;
  }
  
  .color-white{
  color: white;
  }

@media (max-width:1024px){
  .box a h3 {
    font-size: 14px;
  }

  .boxcarousel-title h2{
    font-size: 24px;
  }
  
}
@media (max-width:768px){
  .box a h3 {
    font-size: 10px;
  }
  .boxcarousel-title h2{
    font-size: 18px;
  }
}
@media (max-width:425px){
  .box a h3 {
    font-size: 6px;
  }
  .boxcarousel-title h2{
    font-size: 10px;
  }
}
@media (max-width:375px){
  .box a h3 {
    font-size: 4px;
  }
  .boxcarousel-title h2{
    font-size: 8px;
  }
}
@media (max-width:320px){
  
  .box a h3 {
    font-size:4px;
  }
}

.box2 a{
  color: white;
}

.box h3 {
  align-self: center;
  text-align: center;
  justify-self: center;
  width: 11.83vw;
  font-weight: 400;
}

.box i {
  font-size: 6.33vw;
  color: #fff;
}
.box2 i {
  font-size: 6.33vw;
  color: #fff;
}

.box a:hover{
  text-decoration: none;
}

.box2 a:hover{
  text-decoration: none;
}

.box:hover h3 {
  color: var(--cor-secundaria);
  text-decoration: none;
}

.box2:hover a i {
  color: var(--cor-secundaria);
  text-decoration: none;
}

.box-car {
  display: flex;
  width: 11.83vw;
  height: 11.83vw;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  transition: none;
  margin-bottom: 0.5vw;
  background-color:  var(--background-footer); 
  border: 2px solid white;
}

.box:hover .box-car{
  background-color: var(--cor-secundaria);
}
.box2:hover .box-car{
  border-color: var(--cor-secundaria);
}

.box-car2 {
  display: flex;
  width: 11.83vw;
  height: 11.83vw;
  border-radius: 8px;
  align-items: center;
  /* padding: 3vw 1.25vw 0 2.5vw; */
  justify-content: center;
  text-decoration: none;
  transition: none;
  margin-bottom: 0.5vw;
  background-color: transparent;
  border: 2px white solid;
  color: white;
}


.box-car2:hover {
  border-color: var(--cor-secundaria);
}

.box2:hover h3 {
  color: var(--cor-secundaria);
}

.mission-next-arrow {
  position: absolute;
  background: url(https://raw.githubusercontent.com/solodev/icon-box-slider/master/nextarrow2.png)
    no-repeat center;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  right: -3vw;
  height: 1.41vw;
  width: 0.83vw;
  border: none;
}

.mission-next-arrow:hover {
  cursor: pointer;
}

.mission-prev-arrow {
  background: url(https://raw.githubusercontent.com/solodev/icon-box-slider/master/prevarrow2.png)
    no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -3vw;
  height: 1.42vw;
  width: 0.83vw;
  border: none;
}

.mission-prev-arrow:hover {
  cursor: pointer;
}

.box a.more-links {
  color: #fff;
  padding: 70px 110px 0 20px;
  background: #a89269
    url(https://raw.githubusercontent.com/solodev/icon-box-slider/master/rightarrow.png)
    no-repeat 155px 170px;
}