.rate-label {
  width: 100px;
  height: 25px;
  border-radius: 12.5px;
  background-color: #fde9dd;
  display: inline-flex;
  justify-content: center;
  float: right;
  .rate-label-text {
    font-size: $font-size-base;
    font-weight: $roboto-light;
  }
  @media (max-width: $grid-float-breakpoint) {
    float: none;
  }
}

.scr-details-title-mobile {
  padding: 14px 20px 14px 15px;
}

.selected-insurance {
  display: flex;
  padding-bottom: 20px;
  justify-content: center;
  padding-top: 20px;
  .icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    float: left;
    &, & * {
      fill: $interactive-color;
    }
  }
  .element-ff-no-included {
    margin-left: 10px;
    color: $interactive-color;
  }
}

.insurance-element.element-recommended{
  .element-box.box-farefamilies-selected {
      border-color: $interactive-color;
      padding-bottom: 0;
  }
  .element-box.box-farefamilies-not-selected {
      border-color: $colorBordes;
      padding-bottom: 0;
  }
}

  .box-title-farefamilies {
    background-color: $brand-grey-light;
    padding: 10px 15px 9px;
    .title-farefamilies {
      color: #bc5715;
      @include medium-weight;
    }
  }

  .box-title-copy.scr-collapse-title.box-title-copy-farefamilies {
    padding: 0;
  }

  .insurance-element .element-box .box-description .description-list .description-element.description-included{
    .icon.icon-ff-close {
      &, & * {
        fill: $brand-brown-medium;
      }
    }
    span.element-ff-no-included {
      color: $brand-copy-light;
    }
    .icon.icon-ff-info {
      float: none;
      &, & * {
        fill: $brand-brown-medium;
      }
    }
  }

  .icon-ff-back {
    transform: rotate(180deg);
  }

  .box-price {
    .icon {
      width: 12px;
      height: 12px;
    }
  }

  .rate-label {
    .rate-label-text {
      margin-top: 2px;
    }
  }
.scr-details-title {
  &:after {
    display: none;
  }
}

.selected-insurance {
  .element-selected {
    font-size: $font-size-large;
    color: $interactive-color;
    margin-left: 10px;
    font-weight: $roboto-regular;
  }
}
  @media (min-width: $grid-float-breakpoint) {
    .scr-details-content .details-content-scroll .box-copy .selected-insurance {
      padding-bottom: 10px;
    }
  }

  @media (max-width: $grid-float-breakpoint-max) {
    .box-top {
      padding: 0;
    }
    .insurance-element .element-box .box-top .box-price-policy.price-policy-farefamilies {
      padding-bottom: 0;
    }

    .insurance-element.element-recommended .element-box .box-description.description-farefamilies {
      padding-top: 15px;
      border-top: 1px dashed $colorBordes;
    }
    .insurance-module.module-farefamilies{
      padding: 0 15px 0px;
    }
    .rate-label {
      margin-top: 5px;
    }

    .box-farefamilies-selected {
      .icon-farefamilies-selected {
        float: right;
        .icon {
          &, & * {
            fill: $interactive-color;
          }
          width: 16px;
          height: 16px;
        }
      }
    }
  }