.qtv-banner-style1 {
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .qtv-banner-style1 {
      align-items: flex-start; } }
  .qtv-banner-style1 a {
    text-decoration: none; }
  .qtv-banner-style1 .featured__wrap {
    position: relative;
    z-index: 2; }
    .qtv-banner-style1 .featured__wrap .featured__item {
      flex-basis: 25%;
      position: relative;
      gap: 1rem;
      display: flex;
      padding: 1.25rem 5rem; }
      @media screen and (max-width: 767px) {
        .qtv-banner-style1 .featured__wrap .featured__item {
          padding: 24px 16px;
          margin-top: 0 !important;
          flex: 1;
          flex-direction: column;
          align-items: center;
          text-align: center; } }
      .qtv-banner-style1 .featured__wrap .featured__item .featured__title {
        flex: 1;
        font-size: 1.75rem;
        line-height: 1.2;
        font-weight: 600;
        color: var(--secondary-ffffff, #fff);
        margin: 0; }
        @media screen and (max-width: 767px) {
          .qtv-banner-style1 .featured__wrap .featured__item .featured__title {
            font-size: 1.25rem; } }
      .qtv-banner-style1 .featured__wrap .featured__item .featured__content {
        margin-top: 31px;
        font-size: 1.125rem;
        line-height: 1.5;
        font-weight: 500; }
        @media screen and (max-width: 767px) {
          .qtv-banner-style1 .featured__wrap .featured__item .featured__content {
            margin-top: 24px;
            font-size: 0.875rem;
            line-height: 1.5; } }
      .qtv-banner-style1 .featured__wrap .featured__item .featured__link {
        display: inline-block;
        margin-top: 31px;
        padding: 10px 16px;
        border-radius: 8px;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.2;
        color: var(--primary-143468, #143468);
        background-color: var(--secondary-ffffff, #fff); }
        @media screen and (max-width: 767px) {
          .qtv-banner-style1 .featured__wrap .featured__item .featured__link {
            margin-top: 24px;
            align-self: center; } }
        .qtv-banner-style1 .featured__wrap .featured__item .featured__link .icon {
          margin-left: 5px;
          display: inline-block;
          font-size: 16px;
          line-height: 1;
          color: var(--primary-143468, #143468); }
  @media screen and (max-width: 767px) {
    .qtv-banner-style1 .featured__info {
      display: flex;
      flex-direction: column;
      align-items: flex-start; } }
  .qtv-banner-style1 .featured__share {
    margin-top: 1rem; }
    .qtv-banner-style1 .featured__share ul {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      gap: 12px; }
      .qtv-banner-style1 .featured__share ul li {
        margin: 0;
        padding: 9px;
        border-radius: 8px;
        transition: all 0.2s ease;
        background: var(--secondary-ffffff, #ffffff); }
        .qtv-banner-style1 .featured__share ul li a {
          display: flex;
          line-height: 1;
          padding: 0; }
        .qtv-banner-style1 .featured__share ul li svg {
          width: 18px;
          height: 18px; }
          .qtv-banner-style1 .featured__share ul li svg path {
            fill: var(--secondary-E56C1A, #E56C1A); }
        .qtv-banner-style1 .featured__share ul li:hover {
          background: linear-gradient(to top, var(--secondary-E56C1A, #E56C1A), var(--secondary-FFBF4D, #FFBF4D)); }
          .qtv-banner-style1 .featured__share ul li:hover svg path {
            fill: var(--secondary-ffffff, #ffffff); }
  .qtv-banner-style1::before {
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, var(--background-color-from, #031532) 0%, var(--background-color-second, #0F3779) 45%, var(--background-color-to, #fff) 100%); }
    @media screen and (max-width: 768px) {
      .qtv-banner-style1::before {
        background-image: linear-gradient(to bottom, var(--background-color-from, #031532) 0%, var(--background-color-second, #0F3779) 45%, var(--background-color-to, #fff) 100%); } }
  .qtv-banner-style1::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 35%;
    width: auto;
    height: 100%;
    background-image: var(--banner-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    @media screen and (max-width: 768px) {
      .qtv-banner-style1::after {
        left: 0; } }