.big-title {
  h1 {
    font-size: 1.9rem;

    em {
      text-align: right;
      font-size: 2rem;
      margin-right: -50px;
    }
  }
}

.bandeau-parcours-immobillier,
.bandeau-chercher-trouver,
.bandeau-experience-immoplus {
  h2, .h2 {
    padding: 80px 0 6%;
    background-image: url("../../images/cercle-ac1276efb20843bbd18130a1ac5405b5.svg");
    background-repeat: no-repeat;
    background-size: 90px;
    background-position: left 104px center;

    strong {
      color: var(--bs-primary2);
    }

    span {
      display: block;

      &:nth-of-type(2) {
        text-align: right;
      }
    }
  }

  .h2 {
    margin-top: 0 !important;
    margin-bottom: 85px !important;
  }
}

.bandeau-experience-immoplus {
  h2, .h2 {
    padding-top: 40px;
    background-position: right 102px center;

    @media (min-width: 1200px) {
      &::after {
        content: "";
        display: block;
        position: absolute;
        filter: brightness(0) saturate(100%) invert(78%) sepia(7%) saturate(928%) hue-rotate(305deg) brightness(89%) contrast(81%);
        background: center/contain no-repeat url("../../images/double-arc-590361610cb933fd85503d68534bbe74.svg");
        transform: rotate(-90deg);
        top: -60px;
        left: 0;
        width: 131px;
        height: 80px;
        z-index: -2;
      }
    }
  }
}

@media (max-width: 1199px) {
  .bandeau-parcours-immobillier,
  .bandeau-chercher-trouver {
    h2, .h2 {
      padding-top: 70px;

      span {
        &:nth-of-type(1) {
          text-align: left;
        }
      }
    }
  }

  .bandeau-experience-immoplus {
    h2, .h2 {
      padding-bottom: 35px;
    }
  }
}

@media (max-width: 991px) {
  .bandeau-parcours-immobillier,
  .bandeau-chercher-trouver,
  .bandeau-experience-immoplus {
    h2, .h2 {
      margin: 30px auto 5%;
    }
  }

  .bandeau-experience-immoplus {
    h2, .h2 {
      padding-top: 40px;
    }
  }
}

@media (max-width: 768px) {
  .big-title {
    h1 {
      em {
        margin-right: 0;
        text-align: center !important;
      }
    }
  }

  .bandeau-parcours-immobillier,
  .bandeau-chercher-trouver,
  .bandeau-experience-immoplus {
    h2, .h2 {
      font-size: 1rem;
      padding-top: 60px;
      background-position: left 50px center;
    }
  }

  .bandeau-experience-immoplus {
    h2, .h2 {
      padding-top: 45px;
      padding-bottom: 40px;
      background-position: center center;
    }
  }
}

section.liste-programmes {
  .programme-col {
    @media (min-width: 568px) {
      &:nth-of-type(1), &:nth-of-type(6n+1) {
        .wrapper-img-programme {
          &::before {
            content: "";
            display: block;
            position: absolute;
            width: 270px;
            max-width: 33.333%;
            max-height: 60%;
            right: -18px;
            height: 270px;
            background: #c4a2a5;
            bottom: -10px;
            z-index: -1;
          }

          &::after {
            content: "";
            display: block;
            position: absolute;
            background-image: url("../../images/brush-primary2-bc0602cbd9b5fab2941dce493c9ffc6d.svg");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center top -18px;
            max-width: 33.333%;
            max-height: 60%;
            right: -18px;
            bottom: -28px;
            width: 200px;
            height: 21px;
            z-index: -2;
          }
        }
      }

      &:nth-of-type(6n) {
        .wrapper-img-programme::after {
          content: "";
          display: block;
          position: absolute;
          background-repeat: no-repeat;
          background-image: url("../../images/brush-vertical-primary-d15b3410d67d3671e17255d0870720d3.svg");
          background-size: contain;
          background-position: center left;
          max-height: 50%;
          width: 41px;
          height: 226px;
          bottom: calc(50% - 113px);
          left: -21px;
          z-index: -2;
        }
      }

      &:nth-of-type(6n-2) {
        > a::before {
          content: "";
          display: block;
          position: absolute;
          bottom: -28px;
          right: 15px;
          filter: brightness(0) saturate(100%) invert(78%) sepia(7%) saturate(928%) hue-rotate(305deg) brightness(89%) contrast(81%);
          width: 131px;
          height: 80px;
          background: center/contain no-repeat url("../../images/double-arc-590361610cb933fd85503d68534bbe74.svg");
          z-index: -2;
        }
      }
    }

    @media (max-width: 575px) {
      margin-left: calc(var(--bs-gutter-x) * -0.5);
      margin-right: calc(var(--bs-gutter-x) * -0.5);
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      max-width: 100%;
    }

    a {
      text-decoration: none;
    }

    .img-fluid {
      @media (min-width: 992px) {
        height: 19em;
        width: 100%;
        object-fit: cover;
      }

      @media (min-width: 1200px) {
        height: 14em;
      }

      @media (min-width: 1400px) {
        height: 19em;
      }
    }

    .capsule {
      position: absolute;
      width: 110px;
      right: 10px;
      bottom: 10px;
    }

    h2 {
      font-size: 1rem;
    }
  }
}

form {
  select.secteurs {
    visibility: hidden;
  }

  .webf-select-dropdown {
    .webf-select {
      background: #fff;
      height: 40px;
      line-height: 35px;
      //font-family: Roboto, sans-serif;
      font-size: 15px;
      border: 1px solid #e8e8e8;
      //color: #878c9f;
      padding-left: 20px;

      .select {
        font-size: 15px;

        .selected-area {
          color: #878c9f;
        }

        .handle-down {
          padding: 9px 14px;
          font-size: 18px;
        }
      }
    }
  }

  .webf-dropdown .webf-dropdown-menu.webf-select-drop.checkable > .webf-list.options li.webf-list-item-option {
    color: var(--bs-primary);
    height: 40px;
    line-height: 40px;

    .webf-checkboxwrapper {
      top: auto;
      line-height: 40px;

      &.enabled {
        &.webf-focus {
          color: var(--bs-primary);

          label:hover {
            color: var(--bs-primary);
          }
        }
      }
    }

    &.enabled.webf-focus {
      > label {
        background: #f6f6f6;
      }
    }

    > label {
      height: 100%;
      line-height: 40px;
      padding-top: 0;
      padding-bottom: 0;
      font-size: 14px;
      font-weight: normal;
      //font-family: Roboto, sans-serif;
      color: var(--bs-primary);

      &:hover {
        color: var(--bs-primary) !important;
        background: #f6f6f6;
      }
    }

    &.selected {
      > label {
        color: var(--bs-primary);
        font-weight: bold;
      }

      .webf-checkboxwrapper.checked a.checkbox {
        color: var(--bs-primary);
      }
    }
  }

  .webf-checkboxwrapper.checkmark a.checkbox {
    text-decoration: none !important;
    font-size: 0.75rem; !important;
  }
}