.macbook-air {
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }
  
  .macbook-air .overlap-wrapper {
    background-color: #ffffff;
    width: 1280px;
    height: 832px;
  }
  
  .macbook-air .overlap {
    position: relative;
    height: 833px;
    top: -1px;
  }
  
  .macbook-air .rectangle {
    height: 832px;
    background-color: #f2f2f2;
    position: absolute;
    width: 1280px;
    top: 1px;
    left: 0;
  }
  
  .macbook-air .div {
    height: 83px;
    background-color: #ffffff;
    border-radius: 2px;
    position: absolute;
    width: 1280px;
    top: 1px;
    left: 0;
  }
  
  .macbook-air .cards {
    position: absolute;
    width: 1188px;
    height: 250px;
    top: 183px;
    left: 46px;
  }
  
  .macbook-air .card {
    left: 900px;
    position: absolute;
    width: 290px;
    height: 250px;
    top: 0;
  }
  
  .macbook-air .overlap-group {
    position: relative;
    width: 288px;
    height: 250px;
    background-color: #fbfbfb;
    border-radius: 10px;
  }
  
  .macbook-air .brasao-cbmma-wrapper {
    position: absolute;
    width: 288px;
    height: 200px;
    top: 0;
    left: 0;
    background-color: #e4e4e4;
    border-radius: 5px 5px 0px 0px;
  }
  
  .macbook-air .brasao-cbmma {
    position: absolute;
    width: 130px;
    height: 124px;
    top: 37px;
    left: 79px;
    object-fit: cover;
  }
  
  .macbook-air .boto-acesso {
    position: absolute;
    width: 61px;
    height: 15px;
    top: 217px;
    left: 213px;
  }
  
  .macbook-air .arrow {
    position: absolute;
    width: 10px;
    height: 7px;
    top: 4px;
    left: 50px;
    object-fit: cover;
  }
  
  .macbook-air .text-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Inter-Light", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .macbook-air .text-wrapper-2 {
    position: absolute;
    top: 217px;
    left: 15px;
    font-family: "Inter-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 15px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .macbook-air .overlap-group-wrapper {
    left: 600px;
    position: absolute;
    width: 290px;
    height: 250px;
    top: 0;
  }
  
  .macbook-air .div-wrapper {
    left: 300px;
    position: absolute;
    width: 290px;
    height: 250px;
    top: 0;
  }
  
  .macbook-air .card-2 {
    left: 0;
    position: absolute;
    width: 290px;
    height: 250px;
    top: 0;
  }
  
  .macbook-air .overlap-2 {
    position: relative;
    width: 288px;
    height: 250px;
    background-color: #ffffff;
    border-radius: 10px;
  }
  
  .macbook-air .menu-superior {
    position: absolute;
    width: 1280px;
    height: 84px;
    top: 0;
    left: 0;
  }
  
  .macbook-air .logo-cbm-secretaria-wrapper {
    position: relative;
    height: 83px;
    top: 1px;
    border-radius: 0px 0px 2px 2px;
    background: linear-gradient(
      180deg,
      rgba(229.5, 47.81, 47.81, 0.86) 0%,
      rgba(171.06, 0, 0, 0.86) 100%
    );
  }
  
  .macbook-air .logo-cbm-secretaria {
    position: absolute;
    width: 278px;
    height: 82px;
    top: 0;
    left: 0;
  }