.orange-card.orange-card {
  display: none;
}

.orange-card.orange-card.show {
  display: flex;
}

/* cards control */
article.card-rate:not(.orange-card).hidden {
  display: none;
}

/* orange no test*/

body:has(#banner-card-rate.banner-orange:not(.banner-test))
  #banner-card-rate.banner-orange {
  background: url(../../../imgs/banner/one/simplify/mobile-orange.jpg) no-repeat;
  background-size: 100%;
  height: 44em;
}

@media screen and (min-width: 412px) {
  /* orange no test*/

  body:has(#banner-card-rate.banner-orange:not(.banner-test))
    #banner-card-rate.banner-orange {
    height: 50em;
  }
}

@media screen and (min-width: 430px) {
  body:has(#banner-card-rate.banner-orange:not(.banner-test))
    #banner-card-rate.banner-orange {
    height: 54em;
  }
}

@media screen and (min-width: 768px) {
  body:has(#banner-card-rate.banner-orange)
    .main-one
    .section.section-banner:not(:has(.card-rate.card-rate--simplify)) {
    background: url(../../../imgs/banner/one/tablet-orange.jpg) no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: -30px;
    height: 450px;
  }
  #banner-card-rate {
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {
  body:has(#banner-card-rate.banner-orange)
    .main-one
    .section.section-banner:not(:has(.card-rate.card-rate--simplify)) {
    background: url(../../../imgs/banner/one/tablet-1024-orange.jpg) no-repeat;
    background-size: cover;
    height: 500px;
    background-position-x: -30px;
  }
}

@media screen and (min-width: 1280px) {
  body:has(#banner-card-rate.banner-orange)
    .main-one
    .section.section-banner:not(:has(.card-rate.card-rate--simplify)) {
    background: url(../../../imgs/banner/one/desktop-orange.jpg) no-repeat;
    background-size: cover;
    background-position-x: -100px;
  }
}

@media screen and (min-width: 1920px) {
  body:has(#banner-card-rate.banner-orange)
    .main-one
    .section.section-banner:not(:has(.card-rate.card-rate--simplify)) {
    background-position-x: 0;
    height: 600px;
  }
}

@media screen and (min-width: 1921px) {
  body:has(#banner-card-rate.banner-orange)
    .main-one
    .section.section-banner:not(:has(.card-rate.card-rate--simplify)) {
    height: 700px;
  }
}