@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --bs-body-font-family: "Montserrat", Sans-serif;
}

.navbar {
  --bs-navbar-padding-y: 1.25rem;
}

.swiper {
  width: auto;
}

#reviews .swiper {
  height: auto;
}

#reviews .swiper-wrapper {
  height: 350px;
}

#reviews .avis-card {
  height: 100%;
}

#reviews .avis-card-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
}

#reviews .avis-certif {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

div#results {
  width: 100% !important;
}

.text-right {
  text-align: right;
}

.download-section {
  margin-top: 20px;
}

.download-section p {
  font-weight: 600;
  font-size: 17px;
}

a.btn-download {
  background: #ec634c;
  color: #fff;
  padding: 7px 15px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  margin: 0 0 5px 0;
  display: inline-block;
}

.cer-departement {
  font-weight: 500;
  line-height: 33px;
}

body.fiche-cer {
  background: #F4F4ED;
}

section#atouts img {
  max-height: 140px;
}

.fiche-cer #introduction h1 {
  font-weight: 700;
  font-style: italic;
}

.fiche-cer .h2-atouts,
.fiche-cer .h2-atouts strong {
  font-weight: 800;
}

.fiche-cer #presentation .btn-success.btn-ouvert {
  background-color: #76AB35;
  border-color: #76AB35;
}

.fiche-cer a.btn-template {
  background-color: #F4F4ED;
  color: #2F2F2D;
}

.prendre-contact-text {
  font-size: 14px;
}

.fiche-cer .card-adherent-pres .fa-duotone {
  font-size: 12px;
}

.fiche-cer a.btn-brochure i {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 14px;
}

.formule-cer #loadMoreReviews-btn:hover,
.fiche-cer .btn-template.btn-tel:hover,
.fiche-cer .btn-brochure:hover,
.fiche-cer .btn-equipe:hover,
.fiche-cer a.btn-contact:hover {
  background-color: #EC634C !important;
  color: #fff !important;
}

.formule-cer #loadMoreReviews-btn:hover {
  border-color: #EC634C !important;
}

.formule-cer #loadMoreReviews-btn {
  color: #2F2F2D;
  border-color: #2F2F2D;
}

.fiche-cer #loadMoreReviews-btn {
  color: #fff;
  border-color: #fff;
}

.fiche-cer #loadMoreReviews-btn:hover {
  background-color: #EC634C !important;
  border-color: #EC634C !important;
}

.fiche-cer .first-footer {
  display: none;
}

.btn-close-notes {
  top: -14px !important;
  right: -15px !important;
}

.fiche-cer .avis-fs {
  color: #161D3C;
}

.bloc-note-footer {
  cursor: pointer;
}

.bloc-note-footer:hover {
  background: #EC634C;
}

.bloc-note-footer:hover .footer-2-span strong,
.bloc-note-footer:hover .footer-2-span,
.bloc-note-footer:hover .footer-2-title {
  color: #000 !important;
}

.fiche-cer i.avis-fa-star.fa-solid.fa-star.text-muted {
  opacity: 0.2;
}

.fiche-cer #avis #loadMoreReviews-btn {
  color: #fff !important;
  border-color: #fff !important;
}

.fiche-cer .btn-brochure:hover i {
  color: #EC634C !important;
  background-color: #fff !important;
}

.fiche-cer .section-pro .btn-brochure:hover i {
  color: #AACACD !important;
  background-color: #fff !important;
}

.fiche-cer a.btn-contact:hover label {
  background-color: #fff !important;
  color: #EC634C !important;
}

.fiche-cer .avis-score-under,
.fiche-cer .avis-score {
  font-size: 25px;
}

.fiche-cer a.icon-map {
  background: #2F2F2D;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  border-radius: 7px;
  line-height: 25px;
}

.fiche-cer a.icon-map:hover {
  background-color: #EC634C;
}

.fiche-cer span.avis-title {
  font-size: 12px;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

p.card-subtitle.mb-2 span {
  font-size: 1.2rem !important;
  font-weight: 400;
}

p.card-subtitle.mb-2 span.fw-700 {
  font-size: 1rem !important;
}

.fiche-cer #presentation .swiper-button-next {
  left: 80%;
  right: 0 !important;
}

.fiche-cer #presentation .swiper-button-prev {
  left: 60%;
  right: 0 !important;
}

.fiche-cer #presentation .cer-swiper-button {
  height: 27px !important;
}

.fiche-cer #formations {
  background-image: url("../../images/bg-liste-formation-bLQJKty.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 80px 15px;
  text-align: center;
}

.fiche-cer .formation-card {
  background-image: url("../../images/bg-formule-WJKtEBd.svg");
  background-size: cover;
  background-repeat: no-repeat;
  border: 8px solid #fff !important;
}

.fiche-cer #formations .formation-card-particulier .card-body:hover {
  background: none;
}

.fiche-cer #formations .formation-card-particulier .card-body:hover p {
  color: #2F2F2D;
}

.promo {
  color: #278FFF;
}

a.btn-custom-2.btn-template {
  background-color: transparent;
  color: #fff;
}

a.btn-custom-2.btn-template:hover {
  border-color: #EC634C;
  background-color: #EC634C;
}

a.btn-template.btn-profite {
  position: relative;
  top: 52px;
}

a.btn-template.btn-profite:hover {
  background-color: #EC634C;
  color: #fff !important;
}

a.btn-template.btn-profite:hover i {
  color: #fff;
}

.fiche-cer #formations .formation-col:last-child .formation-card::before {
  background-image: url("../../images/women-QGzMgDC.svg");
  content: " ";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -130px;
  right: 22px;
  width: 100px;
  height: 150px;
}

#offcanvasDownloadLabel {
  font-style: italic;
  font-size: 18px;
}

.section-pro .formule-card h3 {
  color: #fff !important;
}

.section-pro .formule-card .price-text {
  color: #EC634C !important;
}

div#formDownloadBrochure select,
div#formDownloadBrochure input.form-control {
  padding: 7px 10px;
  min-height: 40px;
  height: 40px;
  border-color: #2F2F2D;
  color: #2F2F2D;
}

.fiche-cer a.btn-download-2:hover {
  background-color: #EC634C !important;
  color: #fff;
  border-color: #EC634C !important;
}

.section-gerant h3 {
  font-size: 18px;
}

.fiche-cer .italic {
  font-style: italic;
}

#collapseFormations .formation-col:nth-child(2) .formation-card {
  border-color: #FFC226 !important;
}

/*** Catégories ***/
.formations-cat-btn {
  border: none;
  cursor: pointer;
  transition: all .2s;
  line-height: 1.2;
}

.formations-cat-btn img {
  object-fit: contain;
}

.formations-cat-btn.active,
.formations-cat-btn:hover {
  background: #e8360d !important;
  color: #fff !important;
}

.formations-cat-btn.active span,
.formations-cat-btn:hover span {
  color: #fff !important;
}

button.formations-cat-btn {
  background-color: #F4F4ED;
}

/*** Swiper formations ***/
.formations-swiper-wrapper {
  padding-left: 60px;
}

.formations-nav {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.formations-swiper-prev-formation,
.formations-swiper-next-formation {
  transition: background .2s;
}

.formations-swiper-prev-formation:hover,
.formations-swiper-next-formation:hover {
  background: #e8360d !important;
}

.formations-swiper-pro,
.formations-swiper {
  background: #F4F4ED;
  max-height: 420px;
}

.swiper-slide.formation-slide-pro,
.swiper-slide.formation-slide {
  max-height: 350px;
}

.formation-card-slider {
  background-image: url("../../images/bg-formation-A8ea5fq.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.formation-card-slider:hover {
  background-color: #f7d9a4 !important;
}

.formation-card-slider-pro {
  background-image: url("../../images/bg-formation-pro-o8vyDj2.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.formation-card-slider-pro:hover {
  background-color: #AACACD !important;
}

.formation-card-slider__img-wrap {
  height: 150px;
}

.formation-card-slider__img-wrap img {
  max-height: 150px;
  object-fit: contain;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .12));
}

.formation-card-slider__titre {
  line-height: 1.2;
}

.formation-card-slider__sous-titre {
  line-height: 1.3;
}

.formation-card-slider__btn {
  position: absolute;
  bottom: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  transition: background .2s, transform .2s;
}

/*** Contact ***/
body.contact-fiche-cer {
  background: #F4F4ED;
}

.prend-rendez-vous-card .rdv-card__btn {
  width: 34px;
  height: 34px;
}

.card-item a.active .rdv-card__btn,
.card-item:hover a .rdv-card__btn {
  background-color: #fff !important;
  color: #EC634C !important;
}

.btn-template.btn-form:hover,
.card-item a.active,
.card-item:hover a {
  background-color: #EC634C !important;
  color: #fff !important;
}

.formule-cer-rdv form#rdvFormContact input.form-control,
.contact-fiche-cer form#rdvFormContact input.form-control,
.contact-fiche-cer form#etreRappeleForm input.form-control,
.contact-fiche-cer form#contactForm input.form-control {
  background: none;
  padding: 7px 10px;
  min-height: 40px;
  height: 40px;
  border-color: #2F2F2D;
  color: #2F2F2D;
}

.contact-fiche-cer form#contactForm textarea.form-control {
  background: none;
  border-color: #2F2F2D;
}

.btn-dispo.active,
.rappel-formation-card.active {
  background-color: #EC634C !important;
  color: #fff;
}

img.img-formations-icon {
  height: 50px;
}

.avis-fa-certif {
  color: #76AB35;
}

#etreRappeleForm .rappel-formation-card span,
#etreRappeleForm .rappel-formation-card label {
  font-weight: 600;
  font-size: 0.8rem !important;
}

#rdvFormContact .form-check label {
  font-weight: 600;
  font-size: 1rem;
}

/*** Formules show ***/
body.formule-cer {
  background-color: #F5F0EB;
}

.formule-cer .formule-card-wrapper a {
  color: #2F2F2D;
}

.btn-boite {
  background: transparent;
  color: #333;
  transition: all 0.2s;
  cursor: pointer;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
}

.btn-boite.active,
button#grand-public-tab:hover {
  background-color: #EC634C !important;
  color: #fff !important;
}

.btn-boite:not(.active):hover {
  background-color: #f5f5f5;
}

#professionnels-tab,
#grand-public-tab {
  font-size: small;
}

.badge-boite,
.badge-promo {
  display: inline-block;
  font-size: 0.75rem;
}

.bg-light-orange {
  background-color: #FDEBD0;
}

.formule-card {
  transition: transform 0.2s;
  border: none;
}

.formule-card:hover {
  transform: translateY(-4px);
}

#formulesGrid::-webkit-scrollbar {
  height: 4px;
}

#formulesGrid::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 4px;
}

.bg-cer-F7D9A4 {
  background-color: #F7D9A4;
}

.bg-cer-F4F4ED {
  background-color: #F4F4ED;
}

.bg-light-orange {
  background-color: #FDEBD0;
}

.text-bleu {
  color: #278FFF;
}

.text-cer-F7D9A4 {
  color: #F7D9A4;
}

.swiper.formulesSwiper {
  height: auto;
}

/*** Section pro ***/
.section-pro .btn-custom-2:hover span i {
  color: #AACACD;
}

.section-pro .card-item a.active .rdv-card__btn,
.section-pro .card-item:hover a .rdv-card__btn {
  color: #AACACD !important;
}

.section-pro .btn-template.btn-form:hover,
.section-pro .card-item a.active,
.section-pro .card-item:hover a {
  background-color: #AACACD !important;
}

.section-pro .btn-custom-2:hover span.btn i,
.section-pro .btn-custom-2:hover span.btn {
  color: #AACACD !important;
  background-color: #fff !important;
}

.section-pro .btn-custom-2:hover {
  background-color: #AACACD !important;
  color: #fff;
  border-color: #AACACD !important;
}

.btn-custom-2:hover span i {
  color: #EC634C !important;
}

.btn-custom-2:hover span.btn i,
.btn-custom-2:hover span.btn {
  color: #EC634C !important;
  background-color: #fff !important;
}

.btn-custom-2:hover {
  background-color: #EC634C !important;
  color: #fff;
  border-color: #EC634C !important;
}

.contact-fiche-cer .first-footer,
.formule-cer .first-footer,
.fiche-cer .first-footer {
  display: none;
}

.border-end-dashed {
  border-right-style: dashed !important;
  border-image: repeating-linear-gradient(to bottom, #6c757d 0, #6c757d 16px, transparent 1px, transparent 23px) 1;
}

.rdv-date-btn,
.rdv-horaire-btn {
  font-size: 13px;
}

.custom-box-shadow {
  box-shadow: 0 10px 20px 0 rgba(47, 47, 45, 0.10);
}

#rdvFormContact input[type=radio],
.formule-cer-rdv input[type=radio] {
  height: 25px;
  width: 25px;
  cursor: pointer;
  margin-right: 5px !important;
  position: relative;
  top: -3px;
}

#rdvFormContact input:checked,
.formule-cer-rdv input:checked {
  background-color: #EC634C;
  border-color: #EC634C;
}

footer .icon-brand:hover {
  background-color: #EC634C !important;
}

.section-pro a.btn-contact:hover label,
.section-pro .card-title.text-cer-orange {
  color: #AACACD !important;
}

button#professionnels-tab:hover {
  background-color: #AACACD !important;
  color: #fff !important;
}

.fiche-cer .section-pro .btn-template.btn-tel:hover,
.fiche-cer .section-pro .btn-brochure:hover,
.section-pro a.btn-contact:hover {
  background-color: #AACACD !important;
}

.section-pro .formation-card {
  background-image: url("../../images/bg-formule-pro-TlvYuaj.svg");
  background-size: 100%;
}

.section-pro #formations .formation-col:last-child .formation-card::before {
  background-image: url("../../images/women-pro-8vQ6WVM.svg");
}

.section-pro #collapseFormations .formation-col:nth-child(2) .formation-card {
  border-color: #278FFF !important;
}

.formations-cat-btn-pro:hover,
.formations-cat-btn-pro.active {
  background: #AACACD !important;
  border-color: #AACACD !important;
  color: #000 !important;
}

.section-pro .text-cer-orange {
  color: #AACACD !important;
}

.section-pro button.btn-cer-orange.rounded-circle {
  border-color: #AACACD !important;
}

.fiche-cer .btn-template.btn-tel:hover i,
.fiche-cer .section-pro .btn-template.btn-tel:hover i {
  color: #fff !important;
}

.section-pro .bg-cer-F7D9A4 h2.text-cer-bleu {
  color: #fff !important;
}

.section-pro .bloc-note-footer .btn-cer-orange {
  border-color: #AACACD !important;
}

.section-pro footer .icon-brand:hover,
.section-pro .bloc-note-footer:hover,
.section-pro .bg-cer-F7D9A4,
.section-pro .bg-light-orange,
.section-pro .btn-cer-orange {
  background-color: #AACACD !important;
}

.section-pro .btn-dispo.active,
.section-pro .rappel-formation-card.active,
.section-pro #rdvFormContact input:checked,
.section-pro .formule-cer-rdv input:checked {
  background-color: #AACACD !important;
  border-color: #AACACD !important;
}

#modalHoraires.fade.show,
#succesContactModal.fade.show,
#succesRdvModal.fade.show,
#succesEtreRappeleModal.fade.show {
  display: flex !important;
  align-items: center;
  min-height: calc(100% - 1rem);
}

/*** IA tabs ***/
.ia-tab {
  cursor: pointer;
  border-radius: 6px 6px 0 0;
  border: 1px solid transparent;
}

.ia-tab.active {
  border: 1px solid #dee2e6;
  border-bottom: none;
  background: #fff;
}

/*** Swiper photos ***/
.swiper-photos {
  max-height: 250px;
}

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

/*** Next prev ***/
.next-prev-bloc .btn-custom-2 span.btn {
  width: 35px;
  height: 35px;
  text-align: center;
  justify-content: center;
  align-items: center;
}

/*** Media queries ***/
@media (min-width: 767px) {
  .fiche-cer .h2-title {
    font-size: 35px;
  }
}

@media (min-width: 992px) {
  .swiper-photos {
    max-height: 450px;
  }

  .swiper-photos .swiper-slide img {
    height: 450px;
  }
}

@media (max-width: 768px) {
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .offcanvas.offcanvas-end {
    top: 55px;
  }

  #modalHoraires,
  #succesContactModal,
  #succesRdvModal,
  #succesEtreRappeleModal,
  .w-50.offcanvas {
    width: 100% !important;
  }

  .fiche-cer #presentation .card-adherent-pres {
    height: auto !important;
  }

  #results .d-flex.flex-row.justify-content-between.align-items-center {
    overflow-x: auto;
  }

  .fiche-cer #formations .formation-col:last-child .formation-card::before {
    display: none;
  }

  .fiche-cer .btn-template {
    width: 200px;
    display: block;
    margin-left: 0 !important;
    margin-top: 10px;
  }

  .fiche-cer .swiper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}