@import url(https://fonts.googleapis.com/css?family=Nunito+Sans);


#big-num-sct {
width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 40px;
      align-items: center;
margin: 0 auto;

}

.title-big {
display: flex;
    align-items: center;
        gap: 20px;
    width: 100%;
 
}

.title-big h2 {
color: var(--colorInterfaceDarkPure, #0C0D14);
font-family: Nunito Sans;
font-size: 40px;
font-style: normal;
font-weight: 800;
line-height: 100%; /* 40px */
  margin: 0px;

}



.big-num-ctn {
display: flex;
align-items: flex-start;
gap: 20px;
  max-width: 1200px;

}

.img-composition {
width: 100%;
  display: flex;
  gap: 32px;
}

.compostion1, .composition2 {
display: flex;
    flex-direction: column;
    gap: 32px;
      width: 600px;
}


.box1-big {
width: 100%;
height: 213px;
border-radius: 16px;
background-image: url('https://7012573.fs1.hubspotusercontent-na1.net/hubfs/7012573/%5BAQ%5D%20Site/%5BAQ%5D%20P%C3%A1gina%20Inicial/box-1-.png');
    background-size: cover;
    background-position: center;

}

.box2-big {
display: flex;
    align-items: center;
    flex-direction: row;
width: 100%;
gap: 32px;
  height: 386px;

}

.fornecedores-num {
max-width: 308px;
height: 100%;
width: 100%;
  border-radius: 16px;
background: var(--colorBrandPrimaryDown, #5872F5);
  display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.fornecedores-num h6 {
color: var(--colorInterfaceLightPure, #FFF);
font-family: Nunito Sans;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 48px */
  
  margin: 0px;
  padding; 0px;
  padding-left: 26px;
  padding-bottom: 10px;
}

.fornecedores-num p {
color: var(--colorInterfaceLightPure, #FFF);
font-family: Nunito Sans;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 32px */
  margin: 0px;
  padding; 0px;
  padding-left: 26px;
  padding-bottom: 16px;
}

.dois-box {
display: flex;
    flex-direction: column;
    width: 100%;
gap: 24px;
  height: 100%;
}

.mini-box-1, .mini-box-2, .terco2 {
max-width: 310px;
  width: 100%;
height: 100%;
  border-radius: 16px;
background: var(--colorInterfaceLightUp, #F3F5FE);


}

.mini-box-1 {

background-image: url('https://7012573.fs1.hubspotusercontent-na1.net/hubfs/7012573/%5BAQ%5D%20Site/%5BAQ%5D%20P%C3%A1gina%20Inicial/truck-outline-home.svg');
   
    background-position: center;
background-repeat: no-repeat;

}

.mini-box-2 {

background-image: url('https://7012573.fs1.hubspotusercontent-na1.net/hubfs/7012573/%5BAQ%5D%20Site/%5BAQ%5D%20P%C3%A1gina%20Inicial/currency-dollar-outline-home.svg');
   
    background-position: center;
background-repeat: no-repeat;

}

.mini-box-1 img, .mini-box-2 img, .terco2 img {
  max-width: 78px;

}

.box-1 {
width: 100%;
height: 213px;
border-radius: 16px;
background-image: url('https://7012573.fs1.hubspotusercontent-na1.net/hubfs/7012573/%5BAQ%5D%20Site/%5BAQ%5D%20P%C3%A1gina%20Inicial/box-2.png');
    background-size: cover;
    background-position: center;

}

.varejo-num {
max-width: 308px;
height: 100%;
width: 100%;
  border-radius: 16px;
background: var(--colorBrandPrimaryDown, #5872F5);
  display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.varejo-num  h6 {
color: var(--colorInterfaceLightPure, #FFF);
font-family: Nunito Sans;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 48px */
  
  margin: 0px;
  padding; 0px;
  padding-left: 26px;
  padding-bottom: 10px;
}

.varejo-num  p {
color: var(--colorInterfaceLightPure, #FFF);
font-family: Nunito Sans;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 32px */
  margin: 0px;
  padding; 0px;
  padding-left: 26px;
  padding-bottom: 16px;
}

.terco-box {
display: flex;
    flex-direction: column;
    width: 100%;
gap: 24px;
  height: 100%;
}

.terco2 {

background-image: url('https://7012573.fs1.hubspotusercontent-na1.net/hubfs/7012573/%5BAQ%5D%20Site/%5BAQ%5D%20P%C3%A1gina%20Inicial/Logo%20Blu.svg');
   
    background-position: center;
background-repeat: no-repeat;

}

.terco1 {
width: 100%;
max-height: 67px;
  height: 100%;
border-radius: 16px;
background: var(--colorBrandPrimaryUp, #B8C3FF);
}

 #big-num-sct-mb {
  display: none;
  }

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

  #big-num-sct {
  display: none;
  }

  
   #big-num-sct-mb {
 width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 40px;
      align-items: center;
margin: 0 auto;
     gap: 16px;
     padding: 0px 16px;
  }

  
  .box-1-mb {
    width: 100%;
max-height: 88px;
  background-image: url('https://7012573.fs1.hubspotusercontent-na1.net/hubfs/7012573/%5BAQ%5D%20Site/%5BAQ%5D%20P%C3%A1gina%20Inicial/box-1-mb.png');
    background-size: cover;
    background-position: center;
    height:88px;
  
  }
  
  .box-2-mb, .box-3-mb {
  width: 100%;
height: 214.408px;
    display: flex;
align-items: flex-end;
gap: var(--spacingXs, 16px);
  }
  
  .dois-box-mb {
  width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 16px;
  
  }
  
  .varejo-num-mb {
  width:100%;
    height: 100%;
    border-radius: 10.031px;
background: var(--colorBrandPrimaryPure, #0025E0);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  
  }
  
  .varejo-num-mb h6 {
  color: var(--colorInterfaceLightPure, #FFF);
font-family: Nunito Sans;
font-size: 31px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 31px */
  margin: 0px;
    padding: 0px;
    padding-left: 12px;
    padding-bottom: 6px;
  
  }
  
  
  .varejo-num-mb p {
  color: var(--colorInterfaceLightPure, #FFF);
font-family: Nunito Sans;
font-size: 20.062px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 20.062px */
    margin: 0px;
    padding: 0px;
  padding-left: 12px;
    padding-bottom: 12px;
  }
  
  .mini-box1-mb, .mini-box2-mb { 
  width: 100%;
  height:100%;
  border-radius: 10.142px;
background: var(--colorInterfaceLightUp, #F3F5FE);
  
  }
  
  .mini-box1-mb { 
  
  background-image: url('https://7012573.fs1.hubspotusercontent-na1.net/hubfs/7012573/%5BAQ%5D%20Site/%5BAQ%5D%20P%C3%A1gina%20Inicial/truck-outline-home.svg');
   
    background-position: center;
background-repeat: no-repeat;

}
  
    .mini-box2-mb { 
  
  background-image: url('https://7012573.fs1.hubspotusercontent-na1.net/hubfs/7012573/%5BAQ%5D%20Site/%5BAQ%5D%20P%C3%A1gina%20Inicial/currency-dollar-outline-home.svg');
   
    background-position: center;
background-repeat: no-repeat;

}

.mini-box1-mb svg, .mini-box2-mb svg {
  width: 48px !important;

}
  
  
  .img-box3 {
   
    width: 100%;
  background-image: url('https://7012573.fs1.hubspotusercontent-na1.net/hubfs/7012573/%5BAQ%5D%20Site/%5BAQ%5D%20P%C3%A1gina%20Inicial/box-2-mb.png');
    background-size: cover;
    background-position: center;
    height:100%;
  border-radius: 15.429px;
  }
  
  .fornecedor-num-mb {
  width: 100%;
height: 100%;
    border-radius: 7.933px;
background: var(--colorBrandPrimaryDown, #5872F5);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  
  }
  
  .fornecedor-num-mb h6 {
    color: var(--colorInterfaceLightPure, #FFF);
font-family: Nunito Sans;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 32px */
      padding: 0px;
  padding-left: 12px;
    padding-bottom: 6px;
     margin: 0px;
  }
  
  .fornecedor-num-mb p  {
  color: var(--colorInterfaceLightPure, #FFF);
font-family: Nunito Sans;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 20px */
      padding: 0px;
  padding-left: 12px;
    padding-bottom: 12px;
     margin: 0px;
  }
  
  .title-big-mb {
  display: flex;
    align-content: center;
    align-items: center;
}
  
  .title-big-mb h2 {
  color: var(--colorInterfaceDarkPure, #0C0D14);
font-family: Nunito Sans;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 100%; /* 24px */
  
  }
  

}