/* EOS educations styles */
#eos-education #hero-banner-part,
#eos-education #sea-container,
#eos-education #hes-container {
  background-color: #F0F0FA;
    /*padding: 40px 0px;*/;
}

#eos-education #hero-banner-part .cmp-teaser__title {
  color: #4B64AA !important;
}

#eos-education .cmp-teaser__title {
  color: #1E3791 !important;
}

#eos-education span.cmp-accordion__title,
#eos-sea span.cmp-accordion__title {
  color: #4B64AA !important;
}

#eos-education p.back-top>a,
#eos-inflammation p.back-top>a,
#eos-sea p.back-top>a,
#eos-egpa p.back-top>a,
#eos-hes p.back-top>a {
  color: #B43796;
  font-weight: 600;
}

#eos-education a.cmp-teaser__action-link {
  background-color: #B43796;
}

#home-page a.cmp-teaser__action-link {
  background-color: #B43796;
}

#eos-inflammation .carousel .cmp-carousel__indicator [role=button] {
  background-color: #363B3B;
  border: 1px solid #363B3B;
  opacity: 1;
}

#eos-inflammation .carousel .cmp-carousel__indicator--active [role=button] {
  border: 1px solid #B43796;
  background-color: #B43796;
  opacity: 1;
}

#eos-education .cmp-teaser__description p,
#eos-inflammation #carousel-section .cmp-text p {
  font-size: 18px;
  line-height: 30px;
  font-family: 'Inter-Regular';
}

#eos-education #hero-banner-part .teaser .cmp-teaser {
  align-items: center;
}

#eos-education a.cmp-teaser__action-link {
  font-weight: 600;
}

#eos-education .cmp-teaser__description p,
#eos-inflammation .cmp-teaser__description p,
#eos-education #reference-section .cmp-teaser__description p ol>li,
#eos-education  #reference-section .cmp-teaser__description ol>li,
#eos-education  #reference-section .cmp-teaser__description p,
#eos-education  #reference-section li,
#eos-education  #reference-section .cmp-text,
#eos-education #reference-list li,
#eos-egpa #reference-list li,
#eos-hes #reference-list li,
#eos-hes  #reference-section .cmp-text {
  color: #363B3B !important;
}

#eos-inflammation #inner-page-links,
#eos-sea #inner-page-links,
#eos-egpa #inner-page-links,
#eos-hes #inner-page-links {
  border-left: solid 2px #1E3791;
  padding-left: 16px;
  color: #B43796;
  font-weight: 700;
}

#inner-page-links p {
  padding-bottom: 10px;
}

#eos-inflammation #inner-page-links p>a,
#eos-sea #inner-page-links p>a,
#eos-egpa #inner-page-links p>a,
#eos-hes #inner-page-links p>a {
  font-weight: 700;
  line-height: 26px;
}

#eos-inflammation .cmp-title .cmp-title__text,
#eos-inflammation span.cmp-accordion__title,
#eos-sea .cmp-title .cmp-title__text,
#eos-egpa .cmp-title .cmp-title__text,
#eos-egpa span.cmp-accordion__title,
#eos-hes .cmp-title .cmp-title__text,
#eos-hes span.cmp-accordion__title {
  color: #4B64AA;
}

#eos-inflammation .cmp-text,
#eos-inflammation .cmp-text li,
#eos-sea .cmp-text,
#eos-sea .cmp-text li,
#eos-egpa .cmp-text li,
#eos-hes .cmp-text,
#eos-hes .cmp-text li {
  color: #363B3B;
}

#carousel-section h4.carousal-content-title {
  font-size: 26px;
  color: #1E3791;
  font-family: 'Lexia';
  line-height: 36px;
}

#subtitle {
  color: #1E3791;
}

#references-section .accordion .cmp-accordion__header,
#reference-section .accordion .cmp-accordion__header {
  border-bottom: none;
}

ul.cmp-breadcrumb__list {
  margin: 5px 0;
}

#eos-inflammation .title--tb-space {
  padding-bottom: 0;
}

#eos-hes #hes-list {
  margin: 5px 0 0;
}

#eos-egpa .nowrap, #eos-inflammation .nowrap {
  white-space: nowrap;
}


@media screen and (min-width: 768px) and (max-width: 1279px) {
    #eos-education #references-section .accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__panel .container--fixed>.cmp-container ,
    #eos-education #references-section .accordion .cmp-accordion__button,#eos-inflammation #references-section .accordion .cmp-accordion__button,
    #eos-hes #references-section .accordion .cmp-accordion__button,#eos-egpa #references-section .accordion .cmp-accordion__button,
    #eos-sea #references-section .accordion .cmp-accordion__button,#eos-sea #references-section .accordion .container--fixed>.cmp-container{
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    #eos-education #reference-section .accordion .cmp-accordion__button {
        padding: 40px 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 1439px) {
  #eos-inflammation .carousel .cmp-carousel__actions {
    top: 95%;
  }

  #eos-inflammation #carousal-block1,
    #eos-inflammation #carousal-block2,
    #eos-inflammation #carousal-block3,
    #eos-inflammation #carousal-block4,
    #eos-inflammation #carousal-block5 {
    width: 95%;
    margin: 4% auto;
  }
}

@media (min-width: 1440px) {
    
  #eos-inflammation ol.cmp-carousel__indicators {
    top: 100%;
  }
}

@media (min-width: 768px) {
  #eos-inflammation #carousal-block1 .text,
    #eos-inflammation #carousal-block2 .text,
    #eos-inflammation #carousal-block3 .text,
    #eos-inflammation #carousal-block4 .text,
    #eos-inflammation #carousal-block5 .text {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  #eos-inflammation #carousal-block1, #eos-inflammation #carousal-block2, #eos-inflammation #carousal-block3, #eos-inflammation #carousal-block4, #eos-inflammation #carousal-block5 {
    width: 100%;
    margin: auto;
  }

  #eos-egpa h4 span:not(sub,sup),
    #eos-sea h4 span:not(sub,sup),
    #eos-hes h4 span:not(sub,sup),
    #eos-inflammation h4 span:not(sub,sup),
    #eos-education h4 span:not(sub,sup) {
    font-size: 20px;
    line-height: 24px;
  }

  #carousel-section .image {
    max-width: 90%;
    margin-left: 1%;
  }

  #carousel-section h4.carousal-content-title {
    font-size: 18px;
    color: #1E3791;
    font-family: 'Lexia';
    line-height: 26px;
  }

  #eos-inflammation img,
    #eos-sea img,
    #eos-hes img,
    #eos-egpa img {
    padding: 0px 16px;
  }

  #eos-inflammation #hero-banner-part img,
    #eos-sea #hero-banner-part img,
    #eos-hes #hero-banner-part img,
    #eos-egpa #hero-banner-part img,
    #eos-footer img,
    #eos-header img {
    padding: 0;
  }

  #eos-inflammation .cmp-accordion__panel--expanded,
    #eos-sea .cmp-accordion__panel--expanded,
    #eos-hes .cmp-accordion__panel--expanded,
    #eos-egpa .cmp-accordion__panel--expanded {
    padding: 0px 10px !important;
  }

  #eos-inflammation #carousal-container {
    justify-content: space-evenly;
  }

  #eos-sea #subtitle-second h4, #eos-sea #subtitle-second h4 span {
    font-size: 18px;
    line-height: 20px;
    margin-top: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  #eos-inflammation #carousal-block1, 
    #eos-inflammation #carousal-block2, 
    #eos-inflammation #carousal-block3, 
    #eos-inflammation #carousal-block4, 
    #eos-inflammation #carousal-block5 {
    max-width: 90%;
    margin: 4% auto;
  }

  #carousel-section h4.carousal-content-title {
    font-size: 22px;
    color: #1E3791;
    font-family: 'Lexia';
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    #eos-inflammation .container--2-column-wrap>.cmp-container>div {
        flex: 1 1 calc(50% - 80px);
        max-width: calc(50% - 80px);
    }
}

@media (max-width: 480px) {
  #eos-inflammation .cmp-title .cmp-title__text, #eos-inflammation span.cmp-accordion__title, 
    #eos-sea .cmp-title .cmp-title__text, #eos-egpa .cmp-title .cmp-title__text, 
    #eos-egpa span.cmp-accordion__title, #eos-hes .cmp-title .cmp-title__text, 
    #eos-hes span.cmp-accordion__title {
    line-height: 24px;
  }
}