.wrapper-header-home {
  position: relative;  
  left:-4rem;
}

.home .wrapper-content {
  border-radius: 6px;
  background-color: var(--color-primary-green);
  border: 1px solid var(--color-primary-green);
  color: #FFF;
  padding:2.5rem 3.5rem 2.5rem 2.5rem;
  max-width: 58%;
  margin-top:4rem;
  overflow: hidden;
}

#block-euromac-content .home .wrapper-content p {
  font: var(--text-h2);
  color: #FFF;
  margin-bottom: 3rem;
  padding: 1.25rem;
}

#block-euromac-content .home .wrapper-content .field-link {
  float: left;
  margin-right: 2.5rem;
  margin-bottom: 1rem;
  display: block;
}

#block-euromac-content .home .wrapper-content .field-link a:hover {
  text-decoration: underline;
}

#block-euromac-content .home .wrapper-content .field-link a:after {
  content:">";
  margin-left: 5px;
}

#block-euromac-content .home .wrapper-content .field-button {
  float: left;
  display: block;  
}

#block-euromac-content .home .wrapper-content .field-button a {
  border-radius: 32px;
  border: 1px solid #FFF;
  color: #FFF;  
  line-height: 1rem;  
  padding: 0.865rem;
  font: var(--text-h4);
}

#block-euromac-content .home .wrapper-content .field-button a:hover {
  border: 1px solid var(--color-primary-yellow);
  color: var(--color-primary-yellow);  
}


#block-euromac-content .home .wrapper-content a {
  color: #FFF;
}

#block-euromac-content .home .wrapper-images {
  position: absolute;
  left: 32rem;
  top: 4rem;
}


.wrapper-images .swiper-pagination {
  bottom:-2rem !important;
}


.wrapper-images .swiper-pagination-bullet {
  background-color: var(--color-primary-yellow) !important;
  opacity: 1 !important;
}

.wrapper-images .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #000 !important;
}

.wrapper-images img {
  border-radius: 6px;
}

.swiper-container,
.swiper-slide {
  width: 400px;
  height: 334px;
  overflow: hidden;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



@media(max-width:54rem){
  .wrapper-header-home {
    margin-bottom: 1rem;
  }

  .swiper-container, .swiper-slide  {
    width: 100%;
  }

  .wrapper-header-home {
    left:0;
    position: initial;
  }
  .home .wrapper-content {
    max-width: 100%;
    margin-bottom: 1rem;
    padding:1rem;
    margin-top:2rem;
  }
  #block-euromac-content .home .wrapper-images {
    position: relative;
    left: 0;
    top: 0;  
  }

  #block-euromac-views-block-news-block-1 {
    display: block;
    margin: 4rem 0 1rem 0;
    width: 100%;    
  }

  #block-euromac-views-block-learn-more-block-1 h2,
  #block-euromac-views-block-news-block-1 .title-news,
  #block-euromac-views-block-news-block-1 .title-news h2 {
    max-width: 90%;
  }

  #block-euromac-views-block-news-block-1 .contextual-region {
    margin-left: 0;
  }
  #block-euromac-views-block-news-block-1 .contextual-region .views-row  ,
  #block-euromac-views-block-news-block-1 .contextual-region > .views-element-container {
    float: inherit;
    width: 100%;
    overflow: hidden;
  }
  #block-euromac-views-block-learn-more-block-1 {
    margin: 3rem 0 3rem;
    display: block;    
  }

  #block-euromac-views-block-learn-more-block-1 > div  {
    width: 100%;
    padding-left: 0;    
  }

  .ui-accordion .ui-accordion-header a {
      font: 1.25rem/1.2 'Atkinson Hyperlegible'
  }

  .ui-accordion .ui-accordion-header::before {
    font: var(--text-h2);
    line-height: 4rem;
    right: 0.5rem;
  }

}