/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.feature-card{
  border-radius: 40px 0px 40px 0px !important;
}
.featshow__content {
  border-radius: 40px 0px 40px 0px !important;
}
.team-card{
  border-radius: 40px 0px 40px 0px !important;
}
.go-card {
  border-radius: 40px 0px 40px 0px !important;
}
.quick-action {
  border-radius: 40px 0px 40px 0px !important;
}

.sustainable-finance-image{
  position: absolute;
  top: 50%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .sustainable-finance-image{
    display: none;
  }
}
.featshow__btn{
  border-radius: 12px !important;

}
.btn--pill{
  border-radius: 12px !important;
}
.featshow__properties.properties--light.properties {
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
}
.breaker img{
  object-fit: cover;
}
.go-card__img img{
 object-fit: contain;
  max-height: 250px;

}
.expertise{
  position: absolute;
  top: 10%;
  left: 35%;
  border-radius: 40px 0px 40px 0px !important;
  width: 185px;
}
@media only screen and (max-width: 600px) {
 .expertise{
    top: 15%;
  left: 8%;
   width: 100px;
    font-size: 12px;
  }
}
.community{
  position: absolute;
  top: 10%;
  right: 35%;
  border-radius: 40px 0px 40px 0px !important;
  width: 185px;
}
@media only screen and (max-width: 600px) {
 .community{
    top: 15%;
  right: 8%;
   width: 100px;
    font-size: 12px;
  }
}
.quality{
  position: absolute;
  top: 10%;
  left: 15%;
  border-radius: 40px 0px 40px 0px !important;
  width: 185px;

}
@media only screen and (max-width: 600px) {
 .quality{
  top: 80%;
  left: 8%;
   width: 100px;
    font-size: 12px;
  }
}
.commitment{
  position: absolute;
  top: 10%;
  right: 15%;
  border-radius: 40px 0px 40px 0px !important;
  width: 185px;
 
}
@media only screen and (max-width: 600px) {
 .commitment{
  top: 80%;
  right: 8%;
   width: 100px;
    font-size: 12px;
  }
}
.modal--simple .modal__box{
  border-radius: 40px 0px 40px 0px !important;
}
.page-top-home{
  position: absolute;
  top: 0;
}

.grid-layout{
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  gap: 20px; 
  max-width: 900px; 
  width: 100%;


}

@media screen and (max-width: 768px) {
.grid-layout{
  display: grid; 
  grid-template-columns: repeat(1, 1fr); 
  gap: 20px; 
  max-width: 900px; 
  width: 100%;

  }
}

.box-over-image__img{
  border-radius: 40px 0px 40px 0px !important;
}

.img--radius img, img.img--radius{
  border-radius: 40px 0px 40px 0px !important;
}
.timeline__box{
  border-radius: 40px 0px 40px 0px !important;
}

.quick-action__img{
  border-radius: 0 !important;
}

.box-over-image__box{
 border-radius: 40px 0px 40px 0px !important;
}
.review--boxed{
 border-radius: 40px 0px 40px 0px !important;
}
.listing__rich-text--boxed{
 border-radius: 40px 0px 40px 0px !important;
}

.featshow__button .btn.btn--fill.btn--large.btn--accent{
  padding: 0.5rem 1rem!important; 
    font-size: 1.3rem;
  font-family: Source Sans Pro SemiBold;
}

.properties__item:not(:last-child){
  border: none !important;
  margin-inline-end: 0px !important;
  padding-inline-end: 16px !important; 
}
.properties__item{
 text-align: center;
}
.properties__text.important-text.small-text{
font-size: .8rem;
}

}