@charset "UTF-8";
.carousel,
.carousel-inner,
.carousel-item {
  border-radius: 15px; /* ou la valeur de ton choix */
  overflow: hidden;
}

/* Appliquer un border-radius aux images du carrousel et s'assurer qu'elles ne sont pas coupées */
.carousel-inner img {
  object-fit: contain; /* Assurer que l'image est entièrement visible sans être découpée */
  height: 500px; /* Fixer une hauteur (tu peux ajuster cette valeur) */
  width: 100%; /* L'image prend toute la largeur disponible */
  border-radius: 15px; /* Coins arrondis sur les images */
}

/* Appliquer un background gris avec border-radius aux items du carrousel */
.carousel-item {
  background-color: #f8f9fa; /* Arrière-plan gris clair */
  border-radius: 15px; /* Coins arrondis pour le fond */
}

/* Pour une meilleure présentation sur les petits écrans (tablettes et téléphones) */
@media (max-width: 768px) {
  .carousel-inner img {
    height: auto; /* Ajuster automatiquement la hauteur pour les petits écrans */
  }
}
/* Personnalisation des contrôles de navigation (précédent/suivant) */
.carousel-control-prev-icon, .carousel-control-next-icon {
  background-color: #000; /* Couleur des flèches de navigation */
}

/* Pour un carrousel responsive qui s'ajuste au contenu */
.carousel {
  max-width: 100%; /* Ne pas dépasser la largeur de l'écran */
  margin: 0 auto; /* Centrer le carrousel horizontalement */
}

/* Pour les petits écrans, améliore la lisibilité des flèches de navigation */
@media (max-width: 576px) {
  .carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #007bff; /* Changer la couleur des flèches pour plus de contraste */
  }
}
.taille-avis-google {
  width: 120px !important;
}

#simulateur h1 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.bloc-resultat-simulation {
  padding: 10px;
  background-color: #E8F8FF;
  border-radius: 20px;
}

html, body {
  overflow-x: hidden;
}

#step_counter_mobile {
  color: #121212;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
}

.partenariat-carrefour-energies {
  background-color: rgba(0, 204, 204, 0.0509803922);
  padding-top: 60px;
  padding-bottom: 60px;
  border-top: solid 1px #0cc;
  border-bottom: solid 1px #0cc;
}

.offer-price2 {
  background-color: #fff;
  border-radius: 50px;
  color: #0cc;
  font-size: 28px;
  font-weight: bold;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: solid 1px #0cc;
}

.services {
  background-color: #f8fafc;
  border-radius: 50px;
  padding: 15px;
  font-size: 15px;
  border: solid 0.5px #f0f0f0;
}

.fleche-services {
  height: 30px;
  width: 30px;
  max-width: none;
}

.fleche-avantages {
  height: 20px;
  width: 20px;
  max-width: none;
}

.maison-isolation2 {
  width: 300px;
}

.title-services {
  font-size: 17px;
  font-weight: bold;
}

.trustpilot-taille-header-accueil {
  width: 120px;
}

.title-header-trustpilot {
  font-weight: 500;
  font-size: 18px;
  color: black;
}

.simu-question-head {
  color: #000730;
  font-size: 28px;
  font-weight: bold;
}

#simulateur .btn {
  touch-action: manipulation !important;
}

.title_color {
  color: #000730;
}

.step_color_filled {
  color: #121212;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
}

.step_color_not_filled {
  color: #E5E5E5;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
}

#line {
  background-color: #E5E5E5;
  width: 2.1875rem;
  height: 0.0625rem;
}

#simulateur h2 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-h2-custom {
  font-size: 2.5rem !important;
  line-height: 2.5rem !important;
}

.fist_visite_title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.first_visite_item {
  font-size: 1rem;
  font-weight: 400;
  color: #575757;
}

.title_rgpd_simu {
  font-size: 1rem;
  color: #575757;
}

.img-logement {
  width: 50px;
}

.type-logement {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #0970E6;
}

.type-logement-small {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #0970E6;
}

.bloctel {
  font-size: 0.75rem;
  color: #575757;
}

.btn_logement, .btn_residence_principale, .btn_proprietaire, .btn_date, .btn_rfr, .btn_chauffage, .btn_type_travaux {
  border: 0.125rem solid transparent;
  transition: none;
}

.selected-logement {
  border: 0.125rem solid #00B0B5 !important;
}

@media (max-width: 767.98px) {
  .btn_logement:hover, .btn_residence_principale:hover, .btn_proprietaire:hover, .btn_date:hover, .btn_rfr:hover, .btn_chauffage:hover, .btn_type_travaux:hover {
    border: 0.125rem solid transparent;
  }
  .btn_logement:active, .btn_residence_principale:active, .btn_proprietaire:active, .btn_date:active, .btn_rfr:active, .btn_chauffage:active, .btn_type_travaux:active {
    border: 0.125rem solid transparent !important;
  }
  .selected-logement:active {
    border: 0.125rem solid #00B0B5 !important;
  }
  .type-logement-small {
    font-size: 14px;
    line-height: 1rem;
    font-weight: 700;
    color: #0970E6;
  }
}
@media (min-width: 768px) {
  .btn_logement:hover, .btn_residence_principale:hover, .btn_proprietaire:hover, .btn_date:hover, .btn_rfr:hover, .btn_chauffage:hover, .btn_type_travaux:hover {
    border: 0.125rem solid #00B0B5;
  }
  .selected-logement:active {
    border: 0.125rem solid #00B0B5 !important;
  }
}
.step-completed {
  color: #33691E !important;
}

.step-line-completed {
  background-color: #33691E !important;
}

.step-active {
  color: black;
}

.bg-carrefour {
  background-color: #004f9f;
}

.result-offer-title {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 700;
  color: #000730;
}

.panneau-type {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #8F98A3;
}

.liste-details-offre {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #8F98A3;
}

.result-estimation-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #575757;
}

.info-details-offre {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #8F98A3;
}

.estimation-puissance, .estimation-cout {
  color: #fff;
  padding: 0.3125rem 1.875rem;
  border-radius: 1rem;
  margin: 1.25rem 0;
  font-weight: 500;
  font-size: xx-large;
  width: max-content;
}

.bg-1 {
  background-color: #004F9B;
}

.bg-2 {
  background-color: #00B0B5;
}

.small-info-result {
  font-size: 1rem;
  color: #fff;
}

.custom-margin-1 {
  margin: 1.25rem 0;
}

.title-comment-en-profiter {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 700;
}

.etapes-sub {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.step-circle {
  width: 3.125rem;
  height: 3.125rem;
  font-size: x-large;
  font-weight: 700;
  border-radius: 50%;
  color: #fff;
  background-color: #254F9A;
}

.step-p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #8F98A3;
}

.details-conditions {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #8F98A3;
}

.travaux-pret-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #2E5B5B;
}

.pret-personnel {
  font-size: 3.625rem;
  line-height: 1.875rem;
  font-weight: 700;
  color: #2E5B5B;
}

.pret-1 {
  color: #2E5B5B;
}

.pret-2 {
  font-size: 3.625rem;
  line-height: 1.875rem;
  font-weight: 700;
  color: #2E5B5B;
}

.pret-3 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: #2E5B5B;
}

.propose-par {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #2E5B5B;
}

.carrefour-banque {
  width: 200px;
}

.carrefour-leef {
  width: 150px;
}

.simu_erreurs_champs {
  background-color: #ffe8e8;
  padding: 10px;
  font-weight: bold;
}

.erreur-emphase {
  box-shadow: 0 0 0 0.1rem rgba(239, 26, 82, 0.19);
}

.custom-border {
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: 0.375rem;
  padding: 1rem 0.75rem;
}

.mobile-style-result {
  font-size: 1rem;
  color: white;
}

#simulateur_quantity_input_foyer::-webkit-outer-spin-button,
#simulateur_quantity_input_foyer::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#simulateur_quantity_input_foyer {
  font-weight: 700;
  height: 50px;
  width: 90px;
  -moz-appearance: textfield;
  border: 1px solid black;
}

#simulateur_quantity_error {
  color: red;
  top: -35px;
}

.btn-change-quantity-decrement {
  color: red !important;
}

.btn-change-quantity-increment {
  color: green !important;
}

.btn-change-quantity {
  touch-action: manipulation !important;
  height: 50px;
  font-weight: 900;
  font-size: 25px;
  padding: 10px 10px;
  line-height: 1;
  background-color: white;
  border: 1px solid #c3c3c3;
  width: 90px;
}

.btn-change-quantity:active,
.btn-change-quantity:focus,
.btn-change-quantity:hover {
  background-color: white !important;
  border: 1px solid black !important;
}

.hide-question {
  display: none !important;
}

.choix-multiple {
  font-size: 1rem;
  color: #00b7bd;
  font-weight: 500;
}

#img-info {
  width: 17px;
}

.information {
  font-size: 14px;
  color: #6c6c6c;
}

#offre-div-cgv {
  margin-top: 200px;
}

/*# sourceMappingURL=simulateur_isolation_murs_exterieurs.css.map */