@charset "UTF-8";
/**/
.overlay-card {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease; }

.triptique-desktop:hover .overlay-card {
  opacity: 1;
  cursor: pointer; }

.text-home-card {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  background-color: white; }

.accordion-button:focus {
  box-shadow: none !important; }

/*Aide tel*/
.besoin-aide {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  padding: 10px 25px;
  float: right; }

.besoin-aide-header {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  padding: 10px 25px;
  float: right; }

.tel-text {
  font-size: 12px;
  color: #727272;
  line-height: 1.5; }

a.tel {
  font-weight: 800;
  text-decoration: none;
  font-size: 15px;
  line-height: 1; }

.tel-block {
  line-height: 1.25; }

.tel-block strong {
  font-size: 14px; }

/*titre*/
h2.sous-titre {
  font-weight: 400 !important;
  font-family: "Nunito", sans-serif !important; }

/*Header block je souhaite*/
.bg-home {
  position: absolute;
  top: 71px;
  left: 0px;
  width: 100%;
  min-height: 700px;
  overflow: hidden;
  z-index: -100;
  background: radial-gradient(circle at center, #d5fcff, #9ceefa, #63d3ed) top center;
  overflow: hidden;
  pointer-events: none;
  -webkit-clip-path: ellipse(200% 100% at 50% 0%);
  clip-path: ellipse(100% 100% at 50% 0%); }

.jesouhaite-bg {
  max-width: 595px;
  background-color: rgba(236, 250, 254, 0.8);
  border-radius: 20px;
  padding: 20px; }

p.jesouhaite {
  font-size: 28px;
  font-family: "Nunito", sans-serif !important;
  font-weight: 800; }

.jesouhaite-card {
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 27px 0px rgba(3, 11, 37, 0.11);
  box-shadow: 1px 1px 27px 0px rgba(3, 11, 37, 0.11);
  border: 2px solid white; }

h3.card-titre {
  font-size: 21px;
  font-family: "Nunito", sans-serif !important;
  font-weight: 800;
  color: #0a326f !important; }

.jesouhaite-card:hover {
  transition: 0.5s;
  border: 2px solid rgba(118, 109, 244, 0.35);
  cursor: pointer;
  background-color: white; }
  .jesouhaite-card:hover h3.card-titre {
    transition: .5s;
    color: #0c8dcf !important; }

.jesouhaite-bg::before {
  content: '';
  position: absolute;
  left: 100px;
  top: 150px;
  background: url("https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/refonte2021/illustration-home.png") no-repeat;
  width: 635px;
  height: 560px;
  z-index: -20; }

/*taux à droite*/
.taux-droite {
  background: rgba(255, 255, 255, 0.24);
  width: 190px;
  height: 190px;
  border-radius: 50%;
  border: 1px solid white;
  position: absolute;
  top: 39%;
  right: 20%;
  font-family: "Montserrat", sans-serif !important;
  padding-top: 40px; }

.rond-moyen {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 1px solid white;
  position: absolute;
  background: rgba(255, 255, 255, 0.24);
  right: 19.5%;
  top: 38.5%; }

.rond-petit {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid white;
  position: absolute;
  background: rgba(255, 255, 255, 0.24);
  right: 23%;
  top: 36.5%; }

/*avis*/
.avis-google::before {
  content: '';
  background: url("https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/logo-google.svg") no-repeat;
  width: 33px;
  height: 33px;
  position: absolute;
  margin-left: -37px;
  margin-top: 5px; }

/*triptique*/
.triptique-home {
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 27px 0px rgba(3, 11, 37, 0.11);
  box-shadow: 1px 1px 27px 0px rgba(3, 11, 37, 0.11); }

/*comment ça marche*/
h3.titrecomment {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700; }

.progress-bar-trait {
  height: 2px;
  background-color: #00c6ae; }

.progress-div {
  position: absolute;
  left: 20%;
  width: 50%;
  z-index: -30;
  margin-top: 45px; }

/*bouton*/
.btn-violet {
  background: #6b40bf;
  background: linear-gradient(90deg, #6b40bf 0%, #cd3499 100%); }

.btn-violet-choix {
  border: 0;
  color: white; }

.btn-violet-choix:hover {
  transition: 0.5s;
  -webkit-box-shadow: inset 0px 0px 0px 2px #9d3aab;
  -moz-box-shadow: inset 0px 0px 0px 2px #9d3aab;
  box-shadow: inset 0px 0px 0px 2px #9d3aab;
  background-color: white;
  background: -webkit-linear-gradient(45deg, #6b40bf, #cd3499 50%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/*taux*/
.cadreTaux {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 22px 1px rgba(0, 0, 0, 0.16);
  margin-bottom: -20px;
  margin-top: -20px; }

.cadreTaux::after {
  content: '';
  width: 20px;
  height: 38px;
  background-color: white;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  position: absolute;
  margin-left: 385px;
  margin-top: -250px; }

.image-france {
  margin: -30px -50px;
  position: absolute; }

hr {
  height: 2px !important;
  opacity: 1;
  color: #f2f2f2; }

.fond-gris-right {
  background-color: #f8f8f8;
  border-radius: 0 25px 25px 0px; }

.fond-gris-left {
  background-color: #f8f8f8;
  border-radius: 25px 0 0 25px; }

.bordure-vert {
  border-left: solid 2px #00c6ae; }

.christophe-image {
  margin-top: -8px; }

/*logos partenaire*/
.slider {
  width: 100%;
  overflow: hidden; }
  .slider .slider-row {
    width: 3674.6666666667px;
    height: 129.6666666667px;
    background-image: url("https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/refonte2021/logo-partenaires-immo-assurance.png");
    background-size: 3674.6666666667px 129.6666666667px;
    animation: slide 70s linear infinite; }

@keyframes slide {
  from {
    background-position-x: 0; }
  to {
    background-position-x: -3674.6666666667px; } }
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  margin-top: 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #03c7af;
  background-clip: padding-box;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease; }

.carousel-indicators .active {
  opacity: 1; }

/*satisfaction*/
.laurier {
  background: url("https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/refonte2021/laurier.png") no-repeat top center; }

.fond-commentaire {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 0px 26px 4px rgba(0, 0, 0, 0.045);
  box-shadow: 0px 0px 26px 4px rgba(0, 0, 0, 0.045);
  height: 230px; }

.fond-commentaire::after {
  content: '';
  background: url("https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/refonte2021/quote-droite.png") no-repeat;
  width: 72px;
  height: 62px;
  position: absolute;
  margin-left: 390px;
  margin-top: 150px;
  z-index: -100; }

.fond-commentaire::before {
  content: '';
  background: url("https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/refonte2021/quote-gauche.png") no-repeat;
  width: 72px;
  height: 62px;
  position: absolute;
  margin-top: -70px;
  margin-left: -90px;
  z-index: -100; }

/*fond-rond*/
.bg-rond::before {
  content: "";
  position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: #96f7ff;
  background: #96f7ff;
  background: radial-gradient(circle, #96f7ff 45%, #7ce5f6 69%, #5acdea 100%);
  left: -280px;
  margin-top: -200px;
  z-index: -100; }

.bg-rond::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 340px;
  background: #caf0fc;
  border-radius: 170px 0 0 170px;
  right: 0px;
  margin-top: -350px;
  z-index: -100; }

/************* Media queries **********/
@media all and (max-width: 1675px) {
  .taux-droite {
    right: 15%; }

  .rond-moyen {
    right: 16.5%; }

  .progress-div {
    left: 15%;
    width: 60%; }

  .jesouhaite-bg::before {
    left: 0; } }
@media all and (max-width: 1400px) {
  .taux-droite {
    right: 10%; }

  .rond-moyen {
    right: 11.5%; }

  .fond-commentaire::after {
    margin-left: 330px; }

  .jesouhaite-bg::before {
    left: -100px; }

  .cadreTaux::after {
    margin-left: 332px; } }
@media all and (max-width: 1200px) {
  .taux-droite {
    right: 5%; }

  .rond-moyen {
    right: 8.5%; }

  .fond-commentaire::after {
    margin-left: 280px; }

  .fond-commentaire::before {
    margin-top: -50px;
    margin-left: -50px; }

  .pipe {
    margin: 0 16px !important; }

  .cadreTaux::after {
    margin-left: 281px; } }
@media all and (max-width: 1100px) {
  .taux-droite {
    right: 1%; }

  .cadreTaux::after {
    display: none; } }
@media all and (max-width: 991px) {
  .taux-droite, .jesouhaite-bg::before, .progress-div, .cadreTaux::after {
    display: none; }

  .fond-commentaire::after {
    margin-left: 0px;
    right: 6%; }

  .besoin-aide, .fond-commentaire::after {
    display: none !important; }

  .bg-home {
    top: 55px; } }
@media all and (max-width: 768px) {
  h1 {
    font-size: 34px !important; }

  h2.sous-titre, .rond-moyen, .rond-petit {
    display: none; }

  .fs-30 {
    font-size: 28px !important; }

  .fs-21 {
    font-size: 18px; }

  .prefooter {
    text-align: center !important; }

  .cadreTaux {
    margin-bottom: 0; }

  .overlay-card {
    position: relative;
    height: 70px;
    width: 100%;
    opacity: 1; }

  .courtiers-mobile {
    background: url("https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/refonte2021/courtiers-mobile.webp") center center no-repeat; }

  .triptique-desktop:hover .overlay-card {
    opacity: 1;
    cursor: pointer; }

  .text-home-card {
    position: relative;
    display: block;
    background: transparent; } }
@media all and (max-width: 576px) {
  .overlay-card {
    height: 90px;
    height: 105px; }

  .info-left, .bg-rond::after, .bg-rond::before, .progress-div, .ss-titre-expert, .choix-camarche, #tauxHomeCarteFrance {
    display: none !important; }

  main {
    background: url("https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/refonte2021/bg-mobile.webp") top center no-repeat; }

  .jesouhaite-bg {
    max-width: 90%; }

  .google {
    display: none; }

  h1 {
    font-size: 28px !important; }

  p.jesouhaite {
    font-size: 26px; }

  .triptique-home {
    width: 95%; }

  .carousel-control-next {
    border: 0;
    background: transparent; }

  .carousel-control-next-icon {
    width: 42px;
    height: 42px;
    background: url("https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/refonte2021/slide-droite.svg") no-repeat center center; }

  .carousel-control-prev {
    border: 0;
    background: transparent; }

  .carousel-control-prev-icon {
    width: 42px;
    height: 42px;
    background: url("https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/refonte2021/slide-gauche.svg") no-repeat center center; }

  .taux-mobile-fond {
    border-radius: 20px;
    border: solid 2px #00c6ae;
    background-color: white;
    width: 90%; }

  .cadreTaux {
    box-shadow: none;
    background: none;
    margin: 0; }

  .fs-30, .fs-28, .fs-21 {
    font-size: 24px !important; }

  .banque-txt {
    font-size: 18px !important; }

  .trait-violet {
    border: 2px solid;
    border-image-slice: 1;
    border-width: 2px;
    width: 80%;
    border-image-source: linear-gradient(to left, #743ad5, #d53a9d); }

  .fond-commentaire::after {
    display: inherit !important; }

  .camarche-image {
    float: left;
    margin: 20px 22px 0px 0; }

  .devis {
    font-size: 16px !important; }

  h3.card-titre {
    font-size: 17px; }

  .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    margin-top: 5px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #03c7af;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease; }

  .carousel-indicators .active {
    opacity: 1; } }
@media all and (max-width: 450px) {
  .text-home-card-france {
    top: 35% !important; }

  .jesouhaite-bg {
    padding: 15px 10px; }

  .jesouhaite-bg {
    max-width: 95%; }

  .card-body {
    padding: 10px; }

  .camarche-image {
    float: left;
    margin: 60px 22px 40px 0; }

  h3.titrecomment {
    margin-top: 10px; } }
@media all and (max-width: 375px) {
  .card-img-top {
    margin-top: 10px; } }