.banner-top-new,
.banner-top-primary {
  background-attachment: fixed!important;
  background-image: linear-gradient(to right, #d8f0d2 50%, #014535 50%)!important;
  border-radius: 0px 0px 48px 0px!important;
  height: 592px!important;
}
.banner-top-primary {
  height: 536px!important;
}
.banner-top-new::before,
.banner-top-primary:before{
  content: ''!important;
  position: absolute!important;
  background: url("../img/brand/bg-repeat-light.svg")!important;
  height: 658px!important;
  width: 50%!important;
  left: 50%;
  top: 0;
}
.banner-top-primary .banner-img-border{
padding-left: 72px;
}

.banner-top-primary:before {
  left: 44%;
  width: 56%!important;
}
.banner-top-primary .container {
  padding-top: 61px!important;
}

.banner-top-new .card-anchor,
.banner-top-primary.card-anchor{
  top: -66px!important;
  left: 400px!important;
}

.card-anchor p{
  color: #ffffff!important;
}

.banner-container-download-link{
  background-color: #3C7C00;
  border: none;
  box-sizing: border-box;
  border-radius: 16px;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  padding: 8px 24px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  width: auto;
}

.banner-container-download-link:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  content: "\e884";
  margin-right: 10px;
}

.banner-container-download-link:hover{
  background-color: #204A00;
  color: #ffffff;
  text-decoration: none;
}

.a229269 h1, .a229269 p{color: #229269;}
.a014535 h1, .a014535 p{color: #014535;}
.a2a71a1 h1, .a2a71a1 p{color: #2a71a1;}
.a3a1805 h1, .a3a1805 p{color: #3a1805;}
.bb4a0b h1, .bb4a0b p{color: #BB4A0B;}
.cb8c00 h1, .cb8c00 p{color: #F0C769;}

.banner-container-products {
    color: #ffffff;
    background-color: #905330;
    background-image: url("../img/banner/textura.png");
    border-radius: 0px 0px 48px 0px;
  }

  .banner-container-products #block-products-banner-title {
    height: fit-content!important;
    position: initial;
    font-weight: 300;
    font-size: 56px;
    line-height: 125%;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 24px 0px;
  }

  .banner-container-products #block-products-banner-description {
    height: fit-content!important;
    position: initial;
    font-size: 14px;
    line-height: 175%;
    margin: 24px 0px;
    max-width: 456px;
    width: 100%;
    height: 75px;
    top: 94px;
  }

.banner-container-products .banner-arrow{
    content:url("../img/banner/seta.png");
}

  .banner-container-products .block--products-banner-image img {
    max-width: 686px;
    max-height: 618px;
    width: 100%;
    height: auto;
  }

  @media (max-width: 540px) {
    .block_banner_arrow{
      margin-top: 28px;
    }
    }
  
  @media (max-width: 768px) {
    .banner-container-download-link{
      width: 245px;
      height: 72px;
      padding: 8px 18px;
      margin-bottom: 64px;
    }
    
    .banner-top-new,
    .banner-top-primary{
      height: 693px!important;
    }
    .banner-container-products .block--products-banner-image img {
      display: flex;
      align-items: end;
    }
  }
  
  @media only screen and (max-width: 540px) {
    .banner-container-products .block--products-banner-image img {
      display: none !important;
    }
    .banner-container-products #block-products-banner-title{ font-size: 32px;}
  }
  
  .banner-top-new .container {
    padding-top: 58px!important;
  }

  #main-image {
   max-width: 100%;
   width: 552px;
   height: 476px;
   border-radius: 48px 0px;
  }

  #main-banner-container {
    padding-bottom: 64px;
  }
  
  @media  (max-width: 992px) {
    .banner-top-new,
    .banner-top-primary {
      background-attachment: fixed!important;
      background-image: linear-gradient(to right, #d8f0d2 50%, #014535 50%)!important;
      border-radius: 0px 0px 48px 0px!important;
      height: 617px!important;
    }

    .banner-top-new .container {
      padding-top: 40px !important;
      padding-right: 24px !important;
      padding-bottom: 24px !important;
      padding-left: 24px !important;
    }

    .banner-top-new::before {
      content: ''!important;
      position: absolute!important;
      background: url(../img/brand/bg-repeat-light.svg)!important;
      height: 185px!important;
      width: 100%!important;
      top: 68%;
      left: -2%;
    }

    #main-image {
      width: 312px;
      height: 257px; 
     }

    #main-banner-container {
      padding-bottom: 32px;
    }
  }