.tf-banner .tf-banner_inner {
  width: 100%;
  position: relative;
  overflow: clip;
  border-radius: var(--radius-700);
  isolation: isolate;
  background: var(--secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 var(--padding-800);
}
@media (max-width: 760px) {
  .tf-banner .tf-banner_inner {
    padding: 0;
  }
}
.tf-banner .tf-banner_inner .txtholder {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--padding-900) 0;
}
@media (max-width: 760px) {
  .tf-banner .tf-banner_inner .txtholder {
    width: 100%;
    padding: var(--padding-800);
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (max-width: 420px) {
  .tf-banner .tf-banner_inner .txtholder {
    width: 100%;
    margin-top: 180px;
  }
}
.tf-banner .tf-banner_inner .txtholder .tf-subguten-tf-banner {
  position: relative;
  width: 100%;
  max-width: calc(var(--block-width-contain) / 2);
  --cbackground: var(--secondary);
  --cfont: #fff;
  --cfontl: #fff;
  --cfontd: #fff;
  --cfonth: #fff;
  --clink: #fff;
  --chover: #fff;
}
.tf-banner .tf-banner_inner::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0B1A51), to(rgba(10, 26, 82, 0)));
  background: linear-gradient(90deg, #0B1A51 50%, rgba(10, 26, 82, 0) 100%);
}
@media (max-width: 760px) {
  .tf-banner .tf-banner_inner::after {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    position: relative;
    width: 100%;
    height: 150px;
    margin-top: -150px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #0B1A51), to(rgba(10, 26, 82, 0)));
    background: linear-gradient(0deg, #0B1A51 10%, rgba(10, 26, 82, 0) 100%);
  }
}
.tf-banner .tf-banner_inner img {
  z-index: -3;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 60%;
  height: 100%;
  left: 40%;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
@media (max-width: 760px) {
  .tf-banner .tf-banner_inner img {
    width: 100%;
    position: relative;
    height: auto;
    min-height: 320px;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    left: 0;
    top: 0;
    right: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 420px) {
  .tf-banner .tf-banner_inner img {
    min-height: 200px;
  }
}