.section-new-construction.gbb-row .bb-inner{
  padding: 0;
}

.section-new-construction.gbb-row .bb-inner .container{
  max-width: 100%;
  padding: 0;
}

.section-new-construction.gbb-row .bb-inner .container > .row{
  margin: 0;
}

.section-new-construction.gbb-row .bb-inner .container .col-xs-12 {
  padding: 0;
}
.section-new-construction .banner-new-construction{
  padding: 0;
}

/************ Hidden mobile and desk ************/
.section-new-construction .banner-new-construction .wrapper-info{
  display: flex;
  margin: 0px auto;
  padding: 0px;
}

.banner-new-construction{
  background: rgb(209, 240, 213);
}

.banner-new-construction.desktop-version{
  display: none;
}

.banner-new-construction.mobile-version{
  padding: 2rem 1rem 1rem;
}

.banner-new-construction .wrapper-info {
  max-width: 1300px;
  width: 100%;
}

@media (min-width: 1024px){
  .banner-new-construction.desktop-version{
    display: block;
    padding: 0 1rem;
  }
  .banner-new-construction.mobile-version{
    display: none;
  }
}

@media (min-width: 1440px){
  .banner-new-construction.desktop-version{
    padding: 0;
  }

}

.banner-new-construction.desktop-version .wrapper-info{
  align-items: center;
  flex-flow: row;
  gap: 0px;
  justify-content: space-between;
}

.banner-new-construction.mobile-version .wrapper-info{
  flex-direction: column;
}

.banner-new-construction.mobile-version .banner--text{
  order: 0;
}

.banner-new-construction.mobile-version .banner--action{
  order: 1;
}

.banner-new-construction.mobile-version .banner--image{
  order: 2;
}

/************ Image ************/
.banner-new-construction.mobile-version .banner--image{
  display: flex;
  justify-content: center;
}

.section-new-construction .banner-new-construction .banner--image{
  padding: 0;
}

.section-new-construction .banner-new-construction .banner--image img{
  max-width: 20rem;
  width: 100%;
}

.banner-header-home .banner--row.desktop-version .banner--image img,
.banner-header-home .banner--row.mobile-version .banner--image img {
  width: 100%;
}

/************ Text ************/
.banner-new-construction.desktop-version .banner--text{
  margin: 24px 0;
}

.banner-new-construction.mobile-version .banner--text{
  margin: 0 auto auto;
  max-width: 40rem;
  width: 100%;
}

@media (min-width: 1024){
  .banner-new-construction.mobile-version .banner--text{
    margin: 32px auto auto;
  }
}

.banner--text h3{
  color: #004b7a;
  font-family: "Diglo Aero", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 30px;
  margin: 0;
}

.banner--text p{
  color: rgb(0, 75, 122);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
}

.banner--text p:last-child{
  margin: 0;
}

.banner-no-text .banner--row.desktop-version .banner--text,
.banner-no-text .banner--row.mobile-version .banner--text {
  display: none;
}

/************ Link ************/
.banner-new-construction.mobile-version .banner--action{
  margin: 1rem 0;
}

.banner--action a{
  background: rgb(0, 75, 122);
  border-radius: 8px;
  color: rgb(174, 228, 181);
  display: block;
  font-size: 1rem;
  padding: 8px 24px;
}

.banner--action a:hover{
  color: rgb(174, 228, 181);
}

.banner-new-construction.mobile-version .banner--action a{
  text-align: center;
  width: 100%;
}

.banner-new-construction.desktop-version .banner--action a{
  width: fit-content;
}