/* Variables */

:root {
  --color_green: #2f7d30;
  --color_green_hover: #2a712b;
  --color_green_active: #266426;

  --color_green_light: #BFD7BF;
  --color_green_dark: #E0ECE0;

  --color_gray: #F0F1F7;
  --color_gray_dark: #D9D9D9;

  --swiper-navigation-color: var(--color_green);
  --swiper-pagination-color: var(--color_green);
}

.no_border {
  padding-inline-start: 0;
  border: none !important;
}

.has-modal {
  cursor: pointer;
}

.bullet_list {
  }

.bullet_list::marker {
  color: var(--color_green);
  font-size: 2em;
}

.btn-primary {
  --bs-btn-bg: var(--color_green);
  --bs-btn-border-color: var(--color_green);

  --bs-btn-hover-bg: var(--color_green_hover);
  --bs-btn-hover-border-color: var(--color_green);

  --bs-btn-active-bg: var(--color_green_active);
  --bs-btn-active-border-color: var(--color_green);
}

.btn-outline-primary {
  --bs-btn-color: #FFF;
  --bs-btn-hover-color: #FFF;
  --bs-btn-active-color: #FFF;

  --bs-btn-bg: var(--color_green);
  --bs-btn-border-color: #FFF;

  --bs-btn-hover-bg: var(--color_green_hover);
  --bs-btn-hover-border-color: #EEE;

  --bs-btn-active-bg: var(--color_green_active);
  --bs-btn-active-border-color: #EEE;
}

.btn-secondary {
  --bs-btn-color: var(--color_green);
  --bs-btn-hover-color: var(--color_green);
  --bs-btn-active-color: var(--color_green);

  --bs-btn-bg: #FFF;
  --bs-btn-border-color: var(--color_green);

  --bs-btn-hover-bg: #EEE;
  --bs-btn-hover-border-color: var(--color_green_hover);

  --bs-btn-active-bg: #EEE;
  --bs-btn-active-border-color: var(--color_green_active);
}

.accordion {
  --bs-accordion-btn-focus-border-color: var(--color_green);
}

.accordion-button:not(.collapsed) {
  color: #000;
  background-color: var(--color_green_dark);
  border-color: var(--color_green_dark);
  box-shadow: none
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--color_green);
}

.border-primary {
  --bs-primary-rgb: 47, 125, 48;
}

.h1, h1 {
  font-size: calc(2.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 4rem;
  }
}

@media (max-width: 380px) {
  .h1, h1 {
  font-size: calc(1.74rem + 1.5vw);
  }
}

/* Per component */

.offre_engine_square {
  max-width: 80px;

  display: flex;
  justify-content: center;
  align-items: center;

  background: #FFFFFF;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 9px;
}

.offre_engine_square2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.8em;
}


.offre_engine_square img, .offre_engine_square2 img {
  max-width: 80px;
  width: 100%;
}

.header_image {
  position: relative;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position-x: center !important;
}

.header_layer {
    background-color: #F4F4F4C5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.header_layer_pos {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
}

.header_layer_pos_mobile {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
}

.header_layer_gradient {
    background: linear-gradient(90deg, rgba(244, 244, 244, 100) 50%, rgba(244,244,244,0.10) 100%) !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.header_layer_gradient_mobile {
    background: linear-gradient(180deg, rgba(244, 244, 244, 100) 50%, rgba(244,244,244,0.10) 100%) !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.medaille {
  width: 100px;
  height: 100px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.carousel_height {
  height: 300vw;
}

.carousel_adapte_button {
  height: 100px;
}

.newsletter_button {
  right: 0 !important;
  left: auto !important;
}

/* Generic classes */

.max_height_30vh {
  max-height: 30vh;
}

.max_size_30vh {
  max-height: 30vh;
  max-width: 30vh;
}

.max_size_20vh {
  max-height: 20vh;
  max-width: 20vh;
}

.small_text {
  font-size: 0.8em;
}

.icon_width {
  width: 16px;
}

.tall_icon {
  width: 1.25rem;
}

.height_fit_content {
  height: fit-content;
}

.rotate_90 {
  transform: rotate(90deg);
}

.to_check {
  background: red;
}

.text_green {
  color: var(--color_green);
}

.bg_gray {
  background: var(--color_gray) !important;
  background-color: var(--color_gray) !important;
}

.bg_gray_dark {
  background: var(--color_gray_dark) !important;
  background-color: var(--color_gray_dark) !important;
}

.bg_green {
  background: var(--color_green) !important;
  background-color: var(--color_green) !important;
}

.bg_white_text_green {
  background-color: white; !important;
  color: #2E8B57; !important
}
.bg_white_text_blue {
  background-color: white; !important;
  color: #1E90FF; !important
}

.bg_white_text_red {
  background-color: white; !important;
  color: #CD5C5C; !important
}

.color-size-grey {
  color: grey; !important
}

.green_light {
  color: var(--color_green_light);
}

.bg_green_dark {
  background: var(--color_green_dark) !important;
  background-color: var(--color_green_dark) !important;
}
 .table_offres_cloud {
   border-style: none;
 }

.fs-small {
  font-size: 14px;
}

.improvedRadio {
  border: var(--bs-border-width) solid #2319 !important;
}

.nav-link:focus, .nav-link:hover {
  color: var(--color_green_hover) !important;
}

.swiper {
  width: 85%;
}

.swiper-scrollbar {
  display: none;
}

.swiper-slide-img {
  max-width: 200px;
  max-height: 200px;
}

.swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper.they_trusted_us .swiper-slide {
  height: 100%;
}

.swiper-slide .card {
  margin: 0 auto;
}

.swiper-slide .card .img-wrapper {
  text-align: center;
}

.btn-start {
  --bs-btn-bg: #1E90FF;
  --bs-btn-border-color: #1E90FF;
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-hover-bg: rgba(30, 144, 255, 0.88);
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff
}
.btn-evolution {
  --bs-btn-bg: #2E8B57;
  --bs-btn-border-color: #2E8B57;
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-hover-bg: rgba(46, 139, 87, 0.88);
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff
}

.btn-pro {
  --bs-btn-bg: #CD5C5C;
  --bs-btn-border-color: #CD5C5C;
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-hover-bg: rgba(205, 92, 92, 0.88);
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff
}

.img-wrapper .card-img-top {
  max-height: 90px;
  margin: 30px auto;
  width: auto;
  max-width: 250px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


/* Honeypot */
form .form-group:nth-of-type(2) {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

.rounded-icon {
  border-radius: 20px;
}

.card-shadow {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  border-radius: 20px;
}

.green_dark {
  color: var(--color_gray_dark);
}
.ul-reduction {
  list-style: none;
  font-size: 12px;
margin-top: 1rem;

}