.ban_financement {
  border-radius: 20px;
  background-color: #7E3F8C;
  color: white;
  text-align: left;

  h2 {
    color: white;
    font-family: Montserrat-Black;
    margin: 0;
  }

  p {
    padding: 0;
  }

  .contenu_ban_financement {
    .col_1 {
      .teaser {
        display: none;
      }
    }

    .col_2 {
      .encart_pourcentage {
        display: flex;
        align-items: end;
        font-family: Montserrat-Bold;
        gap: 5px;
        position: relative;

        strong {
          line-height: 70%;
          position: relative;

          sup {
            position: relative;
          }

          span {
            position: absolute;
            bottom: 0;
            right: 0;
          }
        }

        .taeg {
          position: relative;
        }

        .frais {
          position: absolute;
          top: 5px;
          line-height: 100%;
          font-family: Montserrat-ExtraBold;
        }
      }

      .infos_chiffre {
        font-size: 14Px;
        line-height: 130%;
        font-family: Montserrat-SemiBold;

        .date_validite {
          background-color: #FFF27E;
          color: #7E3F8C;
          display: inline-block;
          font-family: Montserrat-Bold;
          padding: 5px;
          margin-bottom: 10px;
        }
      }
    }
  }

  &.fullWidth {
    max-width: 970px;
    margin: 20px auto;

    h2 {
      font-size: 37px;
      line-height: 110%;
      margin: 0 0 25px;
    }

    .teaser {
      font-family: Montserrat-Black;
      font-size: 16px;
      line-height: 125%;
      margin-bottom: 10px;
    }

    .contenu_ban_financement {
      display: flex;

      .col_1 {
        padding: 25px 30px 25px 55px;
        font-size: 18px;
        line-height: 130%;
        width: 425px;
        display: flex;
        align-items: center;
      }

      .col_2 {
        background-color: white;
        width: 550px;
        border: solid 1px #7E3F8C;
        border-radius: 0 20px 20Px 0;
        color: #7E3F8C;
        padding: 35px;
        display: flex;
        align-items: center;

        .flex_offer {
          display: flex;
          gap: 25px;
          margin-bottom: 20px;
        }

        .flex_offer_2 {
          display: flex;
          gap: 10px;
          align-items: end;
          margin: 0;
        }

        .ml {
          width: 180px;
          font-size: 10px;
          font-family: Montserrat-Medium;
          line-height: 130%;
        }

        .encart_pourcentage {
          strong {
            font-size: 73px;

            sup {
              font-size: 28px;
              top: -5px;
            }

            span {
              font-size: 16px;
            }
          }

          .taeg {
            font-size: 18px;
            line-height: 100%;
            bottom: -5px;
          }

          .no_costs {
            min-width: 245px;
            margin-top: 5px;
          }

          .frais {
            left: 80px;
            font-size: 28px;
          }
        }
      }
    }
  }

  &.carousel {
    width: 500px;
    display: inline-block;
    vertical-align: top;
    margin: 0 70px 0 0;
    position: relative;

    .teaser {
      font-family: Montserrat-Bold;
      position: absolute;
      top: 50px;
      font-size: 18px;
    }

    h2 {
      font-size: 32px;
      line-height: 36px;
    }

    .contenu_ban_financement {
      padding: 97px 40px 20px;
      height: 495px;

      .col_2 {
        .encart_pourcentage {
          padding: 25px 0;

          strong {
            font-size: 126px;

            sup {
              font-size: 57px;
            }

            span {
              font-size: 28px;
            }
          }

          .taeg {
            font-size: 20px;
            line-height: 100%;
            left: -50px;
            top: 5px;
          }

          .no_costs {
            height: 90px;
          }

          .frais {
            left: 150px;
            font-size: 45px;
            top: 30px;
            font-family: Montserrat-Bold;
          }
        }
      }

      .cta {
        position: absolute;
        bottom: 45px;
      }
    }
  }

  &.home {
    padding: 80px 40px 40px;
    position: relative;

    h2 {
      font-size: 37px;
      line-height: 40px;
      margin-bottom: 15px;
    }

    .teaser {
      font-size: 18px;
      font-family: Montserrat-Bold;
      position: absolute;
      top: 40px;
    }

    .contenu_ban_financement {
      .col_2 {
        .encart_pourcentage {
          padding: 30px 0;

          strong {
            font-size: 96px;

            sup {
              font-size: 35px;
              top: -5px;
            }

            span {
              font-size: 16px;
            }
          }

          .taeg {
            font-size: 15px;
            line-height: 100%;
            left: -35px;
          }

          .frais {
            left: 100px;
            font-size: 35px;
            top: 28px;
            font-family: Montserrat-Bold;
          }
        }

        .infos {
          margin: 20px 0 15px;
          font-size: 20px;
          width: 105%;
        }
      }

      .cta {
        margin-top: 30px;
      }
    }

    .ml {
      font-size: 11px;
      line-height: 13px;
      padding: 30px 0 0;
    }
  }

  @media (max-width: 1380px) {
    &.home {
      .contenu_ban_financement {
        .col_2 {
          .encart_pourcentage {
            padding: 10px 0 20px;

            .frais {
              top: 11px;
            }
          }
        }
      }

      .ml {
        padding: 20px 0 0;
        font-size: 10px;
      }
    }
  }

  @media (max-width: 1460px) {
    &.carousel {
      width: 45%;
      margin: 0 3% 0 0;

      h2 {
        font-size: 28px;
        line-height: 34px;
      }
    }
  }

  @media (max-width: 1240px) {
    &.carousel {
      width: 48%;

      h2 {
        br {
          display: none;
        }
      }

      .teaser {
        top: 35px;
      }

      .contenu_ban_financement {
        padding: 72px 40px 20px;
        height: 465px;

        .col_2 {
          .encart_pourcentage {
            strong {
              font-size: 96px;

              sup {
                font-size: 40px;
              }

              span {
                font-size: 18px;
              }
            }

            .taeg {
              font-size: 17px;
              left: -37px;
            }

            .no_costs {
              height: auto;
            }

            .frais {
              left: 110px;
              font-size: 35px;
              top: 26px;
            }
          }
        }

        .cta {
          position: static;
          margin-top: 15px;
        }
      }
    }

    &.home {
      padding: 70px 30px 30px;

      h2 {
        font-size: 33px;
        line-height: 36px;
      }

      .teaser {
        font-size: 15px;
      }

      .contenu_ban_financement {
        .col_2 {
          .encart_pourcentage {
            strong {
              font-size: 80px;
            }

            .frais {
              top: 8px;
              font-size: 30px;
              left: 90px;
            }
          }

          .infos_chiffre {
            font-family: Montserrat-Medium;
          }

          .infos {
            font-size: 18px;
            padding-left: 15px;
          }
        }
      }

    }
  }

  @media (max-width: 1139px) {
    &.fullWidth {
      max-width: 700px;

      h2 {
        font-size: 30px;
        margin: 0 0 15px;
      }

      .contenu_ban_financement {
        display: block;

        .col {
          width: auto !important;
        }

        .col_1 {
          text-align: center;
          padding: 25px 30px;
          display: block;

          br {
            display: none;
          }
        }

        .col_2 {
          border-radius: 0 0 20Px 20px;

          .content {
            width: 100%;
          }

          .flex_offer {
            justify-content: center;
          }
        }
      }
    }
  }

  @media (max-width: 1100px) {
    &.home {
      padding: 60px 30px 30px;

      .contenu_ban_financement {
        .col_2 {
          .encart_pourcentage {
            position: absolute;
            top: 30px;
            left: 350px;
          }

          .infos {
            position: absolute;
            top: 30px;
            left: 350px;
            width: 300px;
          }

          .infos_chiffre {
            position: absolute;
            top: 130px;
            left: 350px;
            width: 100%;
            font-size: 13Px;
          }
        }

        .cta {
          margin-top: 10px;
        }
      }

      .teaser {
        top: 30px;
      }
    }
  }

  @media (max-width: 1050px) {
    &.carousel {
      width: 100%;
      max-width: 465px;
      margin: 0 auto 30px;

      .contenu_ban_financement {
        height: auto;
        padding: 72px 35px 35px;
      }
    }
  }

  @media (max-width: 1000px) {
    &.fullWidth {
      max-width: 600px;
    }
  }

  @media (max-width: 935px) {
    &.carousel {
      .teaser {
        font-size: 16px;
      }
    }
  }

  @media (max-width: 700px) {
    &.fullWidth {
      max-width: 100%;
      margin: 0 30px;

      h2 {
        font-size: 25px;
      }

      .contenu_ban_financement {
        .col_1 {
          font-size: 16px;
        }
      }
    }

    &.carousel {
      width: auto;
      max-width: 100%;
      display: block;

      h2 {
        font-size: 24px;
        line-height: 30px;
      }
    }

    &.home {
      br {
        display: none;
      }

      h2 {
        font-size: 26px;
        line-height: 31px;
      }

      .contenu_ban_financement {
        .col_2 {

          .encart_pourcentage,
          .infos_chiffre,
          .infos {
            position: relative;
            top: 0;
            left: 0 !important;

            .frais {
              br {
                display: block;
              }
            }
          }

          .infos {
            margin: 15px 0 10px;

            br {
              display: block;
            }
          }
        }

        .cta {
          margin-top: 20px;
        }
      }
    }
  }

  @media (max-width: 580px) {
    &.fullWidth {
      margin: 0 20px 20px;

      h2 {
        font-size: 23px;
      }

      .contenu_ban_financement {
        .col {
          padding: 20px;
        }

        .col_1 {
          font-size: 14px;

          br {
            display: block;
          }
        }

        .col_2 {
          .flex_offer {
            display: block;
          }

          .infos_chiffre {
            font-size: 12Px;

            .date_validite {
              margin-top: 20px;

              br {
                display: none;
              }
            }
          }

          .ml {
            width: auto;
            padding-top: 15px;
            font-size: 9px;

            br {
              display: none;

            }
          }
        }
      }
    }

    &.carousel {
      .teaser {
        font-size: 15px;
      }

      .contenu_ban_financement {
        padding: 67px 25px 35px;
        height: 451px;

        .col_2 {
          .encart_pourcentage {
            strong {
              font-size: 76px;

              sup {
                font-size: 30px;
                top: -5px;
              }

              span {
                font-size: 15px;
              }
            }

            .taeg {
              font-size: 14px;
              left: -30px;
              top: 3px;
            }

            .frais {
              left: 85px;
              font-size: 30px;
              top: 23px;
            }
          }

          .infos_chiffre {
            font-size: 13Px;
          }
        }

        .cta {
          padding: 0 20px;
          margin-top: 18px;
        }
      }
    }

    &.home {
      padding: 60px 25px 25px;

      h2 {
        font-size: 22px;
        line-height: 27px;

        br {
          display: none;
        }
      }

      br {
        display: block;
      }
    }
  }
}

.ban_financement_commercial {
  .teaser {
    br {
      display: none;
    }
  }

  .contenu_ban_financement {
    .col_2 {
      .encart_pourcentage {
        display: none;

      }

      .infos {
        line-height: 130%;
        border-left: solid 4px;
        padding-left: 20px;

        strong {
          font-family: Montserrat-Black;
        }
      }

      .infos_chiffre {
        .conditions {
          display: none;
        }

        .date_validite {
          margin: 15px 0 0;
        }
      }

      .flex_offer {
        display: block !important;
      }
    }
  }

  &.fullWidth {
    .contenu_ban_financement {
      .col_1 {
        width: 500px;

        .teaser {
          display: block;
          font-family: Montserrat-Bold;
        }
      }

      .col_2 {
        .teaser {
          display: none;
        }

        .infos {
          font-size: 22px;
        }
      }
    }
  }

  &.carousel {
    .contenu_ban_financement {
      .col_2 {
        .infos {
          font-size: 21px;
          font-family: Montserrat-Medium;
          margin: 35px 0 25px;
        }

        .infos_chiffre {
          .date_validite {
            br {
              display: none;
            }
          }
        }
      }
    }
  }

  @media (max-width: 1240px) {
    &.carousel {
      .contenu_ban_financement {
        .col_2 {
          .infos {
            margin: 25px 0 20px;
          }
        }

        .cta {
          margin-top: 25px;
        }
      }
    }
  }

  @media (max-width: 1139px) {
    &.fullWidth {
      .contenu_ban_financement {
        .col_2 {
          .infos {
            br {
              display: none;
            }
          }
        }
      }
    }

    &.carousel {
      .contenu_ban_financement {
        .col_2 {
          .infos {
            font-size: 19px;
            margin: 20px 0 15px;
          }

          .infos_chiffre {
            .date_validite {
              br {
                display: block;
              }
            }
          }
        }
      }
    }
  }

  @media (max-width: 1050px) {
    &.carousel {
      .contenu_ban_financement {
        .col_2 {
          .infos_chiffre {
            .date_validite {
              br {
                display: none;
              }
            }
          }
        }
      }
    }
  }

  @media (max-width: 580px) {
    .contenu_ban_financement {
      .col_2 {
        .infos {
          padding-left: 10px;
        }
      }
    }

    &.fullWidth {
      .teaser {
        font-size: 13Px;
      }

      .contenu_ban_financement {
        .col_2 {
          .infos_chiffre {
            .date_validite {
              br {
                display: block;
              }
            }
          }

          .infos {
            font-size: 18px;

            br {
              display: block;
            }
          }
        }
      }
    }

    &.carousel {
      .contenu_ban_financement {
        .col_2 {
          .infos_chiffre {
            .date_validite {
              br {
                display: block;
              }
            }
          }

          .flex_offer {
            height: 165px;
          }

          .infos {
            font-size: 16px;
            width: 105%;
          }
        }
      }
    }
  }
}