:root {
  --blue-color: #0067DA;
  --azure-color: #D4EDFC;
  --light-orange-color: #F9AE00;
  --dark-orange-color: #EF7D00;
}

@font-face {
  font-family: "Hurme Geometric Sans 4";
  src: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_781/fonts/HurmeGeometricSans-Bold.otf");
}

@font-face {
  font-family: "Montserrat";
  src: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_781/fonts/Montserrat-Medium.ttf");
}

@font-face {
  font-family: "Montserrat Bold";
  src: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_781/fonts/Montserrat-Bold.ttf");
}

.blockList h2.title {
  font-family: "Hurme Geometric Sans 4";
  font-size: 3.8rem;
  line-height: 4.2rem;
}

* {
  font-family: "Montserrat";
}

.topbar .social-media-links .icon[data-icon-type=facebook]:before,
.footer .social-media-links .icon[data-icon-type=facebook]:before,
.mobile-access__dropdown-footer .icon[data-icon-type=facebook]:before {
  color: var(--custom-color-top-bar-links-and-icons);
  mask-image: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_781/img/Logo-Facebook.svg");
}

.topbar .social-media-links .icon[data-icon-type=twitter]:before,
.footer .social-media-links .icon[data-icon-type=twitter]:before,
.mobile-access__dropdown-footer .icon[data-icon-type=twitter]:before {
  color: var(--custom-color-top-bar-links-and-icons);
  mask-image: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_781/img/Logo-X-Twitter.svg");
}

.topbar .social-media-links .icon[data-icon-type=youtube]:before,
.footer .social-media-links .icon[data-icon-type=youtube]:before,
.mobile-access__dropdown-footer .icon[data-icon-type=youtube]:before {
  color: var(--custom-color-top-bar-links-and-icons);
  mask-image: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_781/img/Logo-Youtube.svg");
}

.topbar .social-media-links .icon[data-icon-type=linkedin]:before,
.footer .social-media-links .icon[data-icon-type=linkedin]:before,
.mobile-access__dropdown-footer .icon[data-icon-type=linkedin]:before {
  color: var(--custom-color-top-bar-links-and-icons);
  mask-image: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_781/img/Logo-LinkedIn.svg");
}

.navbar-access .navbar__link:has(>.nuxt-link-exact-active) .link,
.navbar-access .navbar__link .link:hover,
.mobile-access__dropdown-content .navbar__link:has(>.nuxt-link-exact-active) .link {
  color: var(--blue-color);
  position: relative;
  font-weight: 600;
  
  @media (min-width: 85rem) {
    font-size: 1.6rem;
  }
}

.navbar-access .navbar__link:has(>.nuxt-link-exact-active) .link:before,
.navbar-access .navbar__link .link:hover:before {
  content: "";
  position: absolute;
  width: 40%;
  bottom: 1rem;
  left: 30%;
  border-bottom: .2rem solid var(--blue-color);
}

.slideshow-block .slick-next .icon, 
.slideshow-block .slick-prev .icon,
.latest-videos-block .testimonials-block__items .slick-arrow {
  height: 2.4rem;
  min-width: 2.4rem;
}

.icon[data-icon-type=chevron_left_rounded].icon--masked:before,
.icon[data-icon-type=arrow_left].icon--masked:before {
  background-color: var(--blue-color);
  mask-image: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_781/img/Fleche-gauche.svg");
}

.icon[data-icon-type=chevron_right_rounded].icon--masked:before,
.icon[data-icon-type=arrow_right].icon--masked:before {
  background-color: var(--blue-color);
  mask-image: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_781/img/Fleche-droite.svg");
}

.latest-videos-block .slick-dots li,
.testimonials-block__items .slick-dots li,
.brands-block .slick-dots li {
  width: 1.6rem;
  height: 1.6rem;
}

.slideshow-block .slick-dots button:before,
.latest-videos-block .slick-dots button:before,
.brands-block .slick-dots button:before,
.testimonials-block__items .slick-dots button:before {
  border-color: var(--azure-color);
  background: var(--azure-color);
  opacity: 1;
}

.slideshow-block .slick-dots .slick-active button:before,
.latest-videos-block .slick-dots .slick-active button:before,
.testimonials-block__items .slick-dots .slick-active button:before,
.brands-block .slick-dots .slick-active button:before,
.slick-dots button:hover:before {
  border-color: var(--blue-color);
  background: var(--blue-color);
}

.blockList__block:nth-child(2n) {
  background-color: var(--dr-color-white);
}

.slideshow-block__play-pause .icon:before,
.blockList .textBlock__title,
.blockList .testimonials-block__title,
.blockList .brands-block__title,
.blockList .a-word-from-block__title,
.job-page .title,
.job-ads-list .job-ad-card__description-title,
.dr-tag__description,
.cross-job-ads-block .cross-job-ads-block__items .title,
.spontaneous-application-block .title {
  color: var(--blue-color);
}  

.slideshow-block .slick-next, 
.slideshow-block .slick-prev, 
.slideshow-block__play-pause.icon-button {
  border: none;
  box-shadow: .4rem .4rem .5rem rgba(0, 0, 0, .12);
}

.highlighted-quote-block .author__job-title,
.a-word-from-block .author__job-title {
  color: var(--dr-color-black);
}

/* Key figures block */
.key-figures-block {  
  @media (min-width: 768px) {
    padding-left: 7%;
    padding-right: 7%;
  }
}

.blockList h2.key-figures-block__title,
.blockList .latest-videos-block__title.title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2.8rem;
  padding: 1.8rem 2.6rem;
  border-radius: 1.6rem;
  background: var(--light-orange-color);
  color: var(--dr-color-white);
  width: fit-content;
  margin: 3.2rem auto;
  
  @media (min-width: 768px) {
    padding: 3rem 6rem;
    font-size: 3.6rem;
    text-align: center;
    margin: 3.2rem auto;
  }
}

.paragraph.key-figure__title {
  font-family: "Montserrat Bold";
  font-weight: 700;
  font-size: 6.8rem;
  line-height: 1;
  color: var(--dark-orange-color);
}

.paragraph.key-figure__text {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 0;
  border-bottom: .2rem solid var(--light-orange-color);
  padding-bottom: 2rem;
  width: 22rem;
  
  @media (min-width: 768px) {
    width: 35%
  }
  
  @media (min-width: 1229px) {
    border-bottom: none;
    width: 100%;
    padding-bottom: 0;
  }
}

.key-figures-block__items {
  margin-top: 2.4rem;
  justify-content: center;
}

.key-figure {
  flex-basis: 100%;
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
  margin-bottom: 2rem;
  box-shadow: none;
  justify-items: center;
  display: grid;
  
  @media (min-width: 1229px) {
    border-bottom: none;
    flex-basis: 33%;
    flex-grow: 0;
    border-right: .2rem solid var(--light-orange-color);
  } 
}

.key-figure:not(:first-child):not(:last-child) {
  @media (min-width: 768px) {
    padding: 0 3rem;
  }
}

.key-figure:last-child,
.key-figure:last-child * {
  border: none;
}

.key-figure:last-child, 
.key-figure:first-child {
  @media (min-width: 1440px) {
    flex-basis: 26%;
  }
}

/* Text with image block */
.text-with-image-block {
  background-color: var(--blue-color) !important;
}

.text-with-image-block__text {
  color: var(--dr-color-white);
}

.text-with-image-block--media-left .text-with-image-block__picture img {
  @media (min-width: 768px) {
    border-radius: 0 3rem 3rem 0;
    margin: 5.5rem 0;
  }
}

.text-with-image-block--media-right .text-with-image-block__picture img {
  @media (min-width: 768px) {
    border-radius: 3rem 0 0 3rem;
    margin: 5.5rem 0;
  }
}

/* Latest Videos block */
.blockList .latest-videos-block__title.title {
  background-color: var(--blue-color);
  margin: 3.2rem auto;
  max-width: 86%;
}

.latest-videos-block .slick-arrow .icon {
  height: 4.6rem;
  min-width: 4.6rem;
}

.latest-videos-block .video-container .video {
  box-shadow: .8rem .8rem 1rem .4rem rgba(0, 0, 0, .1);
}

.latest-videos-block .slick-list {
  padding-bottom: 1.4rem !important;
}

.latest-videos-block .video-container .video,
.latest-videos-block .video-container .video .video__iframe,
.latest-videos-block .video-container .video .video__iframe .thumbnail:before,
.latest-videos-block .video-container .video .video__iframe img {
  border-radius: 2.2rem;
}

/* Testimonials block */
.blockList .testimonials-block__title {
  text-align: left;
  padding: 0 2.4rem;
  margin-bottom: 2.8rem;

  @media (min-width: 768px) {
    padding: 0 9.4rem;
  }
}

.testimonials-block__items .slick-prev,
.testimonials-block__items .slick-next,
.brands-block .slick-prev, 
.brands-block .slick-next {
  background: #fff;
  background: var(--dr-color-white);
  border: none;
  border-radius: 10rem;
  box-shadow: .4rem .4rem .5rem .1rem rgba(0, 0, 0, .12);
  display: block;
  height: 5.6rem;
  position: absolute;
  top: 50%;
  width: 5.6rem;
  z-index: 1;
}

.testimonials-block .testimonial__author:before {
  mask-image: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_781/img/Icone-citation.svg");
  background-color: var(--azure-color);
}

.testimonials-block__items .slick-list {
  padding: 2rem 0;
}

.testimonials-block .testimonial {
  border-radius: 3.2rem;
  box-shadow: .2rem .6rem 0.8rem .4rem rgba(0, 0, 0, .12);

  @media (min-width: 768px) {
    box-shadow: .6rem .6rem 1rem .4rem rgba(0, 0, 0, .12);
  }
}

.testimonials-block .testimonial__author {
  border-radius: 0 0 3.2rem 3.2rem;
}

.a-word-from-block {
  text-align: left;
}

.navbar-apply-container .action__button:hover {
  color: var(--dark-orange-color);
}

.job-ads-listing-page .research-container__action--search,
.job-ads-listing-page .dr-dropdown__body .apply-button,
.job-info-card__actions-button,
.filters-modal .button--primary,
.job-page__apply-job .action__button,
.job-ad-preview__action .action__button,
.spontaneous-application-block .icon-button:hover,
.job-ads-listing-page .subscribe-button:hover,
.cross-job-ads-cta .spontaneous-application:hover,
.cross-job-ads-cta .see-all-offers:hover,
.job-ad-preview__action .action__button.button--secondary:hover,
.highlighted-quote-block__content .link:hover {
  background-color: var(--dark-orange-color);
}

.job-ads-listing-page .research-container__action--search:hover,
.job-ads-listing-page .dr-dropdown__body .apply-button:hover,
.job-info-card__actions-button:hover,
.job-ad-preview__action .action__button:hover,
.cross-job-ads-cta .spontaneous-application,
.spontaneous-application-block .icon-button,
.cross-job-ads-cta .see-all-offers,
.job-ad-preview__action .action__button.button--secondary,
.highlighted-quote-block__content .link {
  background-color: var(--blue-color);
}

.job-ads-listing-page .research-container__action--search,
.job-ads-listing-page .dr-dropdown__body .apply-button,
.spontaneous-application-block .icon-button,
.job-ads-listing-page .subscribe-button,
.job-info-card__actions-button,
.navbar-apply-container .action__button,
.cross-job-ads-cta .spontaneous-application,
.cross-job-ads-cta .see-all-offers,
.filters-modal .button--primary,
.job-ad-preview__action .action__button,
.job-page__apply-job .action__button {
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.9rem;
}

.job-ads-listing-page .subscribe-button {
  color: var(--blue-color);
  border: none;
  background-color: #ebebeb; 
}

.job-ads-listing-page .subscribe-button:hover,
.cross-job-ads-cta .spontaneous-application,
.job-ad-preview__action .action__button.button--secondary,
.navbar-apply-container__paragraph {
  color: var(--dr-color-white);
}

/* Animation */
.job-ads-listing-page .subscribe-button,
.navbar-apply-container .action__button,
.spontaneous-application-block .icon-button,
.highlighted-quote-block__content .link,
.job-ads-listing-page .research-container__action--search,
.job-ads-listing-page .dr-dropdown__body .apply-button,
.job-info-card__actions-button,
.cross-job-ads-cta .spontaneous-application,
.cross-job-ads-cta .see-all-offers,
.job-ad-preview__action .action__button {
  transition: all .2s ease-out;
}

.navbar-apply-container .action__button,
.navbar-apply-container .action__button:hover {
  background: var(--dr-color-white);
}

.cross-job-ads-cta .see-all-offers {
  line-height: 2.4rem;
}

.job-page__apply-job .action__button {
  border-radius: 0;
}

.spontaneous-application-block .icon-button {
  margin-left: 0;
}
:root {
    --custom-color-button-accept-cookie: #07C095;
    --custom-color-button-refuse-cookie: #D50F0F;
    --custom-color-top-bar-background: #0067DA;
    --custom-color-top-bar-links-and-icons: #FFFFFF;
    --custom-color-footer-background: #27CDE8;
    --custom-color-footer-links-and-icons: #FFFFFF;
    --custom-color-subsection: #EF7D00;
    --custom-color-for-graphic-elements: #0067DA;
    --custom-color-for-button-font: #FFFFFF;
    --custom-color-for-button-background: #0067DA;
    --custom-color-for-maps-pin-and-search-area: #27CDE8;
}