.widget-banner-sf {
  padding: 0 !important;
  max-width: 100% !important;
  position: inherit;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  margin: 50px 0px; }
  .widget-banner-sf .banner-img img {
    object-fit: cover; }
  .widget-banner-sf .sf-banner.left {
    background-position: left center; }
    .widget-banner-sf .sf-banner.left .sf-banner-img {
      float: left; }
    .widget-banner-sf .sf-banner.left .sf-banner-text {
      right: 50px;
      align-items: end; }
  .widget-banner-sf .sf-banner.right {
    background-position: right center; }
    .widget-banner-sf .sf-banner.right .sf-banner-img {
      float: right; }
    .widget-banner-sf .sf-banner.right .sf-banner-text {
      left: 50px;
      align-items: start; }
  .widget-banner-sf .sf-banner {
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 200px;
    position: relative; }
    .widget-banner-sf .sf-banner .img-mobile {
      display: none; }
    .widget-banner-sf .sf-banner .sf-banner-text {
      word-break: break-word;
      position: absolute;
      top: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      text-transform: uppercase;
      z-index: 1;
      gap: 10px;
      line-height: normal !important; }
      .widget-banner-sf .sf-banner .sf-banner-text .first-txt {
        margin: 0 0 0.5rem 0;
        font-weight: 700; }
      .widget-banner-sf .sf-banner .sf-banner-text .second-txt {
        margin: 0 0 0.5rem 0;
        font-weight: 600; }

@media (max-width: 1000px) {
  .widget-banner-sf {
    margin: 30px 0; }
    .widget-banner-sf .sf-banner.left {
      background-position: center center !important; }
      .widget-banner-sf .sf-banner.left .sf-banner-img {
        float: unset !important; }
      .widget-banner-sf .sf-banner.left .sf-banner-text {
        right: unset !important;
        align-items: center !important; }
    .widget-banner-sf .sf-banner.right {
      background-position: center center !important; }
      .widget-banner-sf .sf-banner.right .sf-banner-img {
        float: unset !important; }
      .widget-banner-sf .sf-banner.right .sf-banner-text {
        left: unset !important;
        align-items: center !important; }
    .widget-banner-sf .sf-banner {
      padding: 20px 0px;
      padding-right: unset;
      width: 100% !important;
      height: auto !important;
      background-image: unset !important; }
      .widget-banner-sf .sf-banner .sf-banner-img {
        display: none; }
      .widget-banner-sf .sf-banner .img-mobile {
        display: block !important; }
        .widget-banner-sf .sf-banner .img-mobile img {
          width: 80%;
          height: 40%;
          object-fit: cover;
          display: block;
          margin: 0 auto; }
      .widget-banner-sf .sf-banner .sf-banner-text {
        padding: 0px 20px;
        position: relative;
        align-items: center;
        text-align: center;
        right: 0;
        gap: 10px;
        height: unset;
        margin-top: 20px; }
        .widget-banner-sf .sf-banner .sf-banner-text .first-txt {
          font-size: 1rem !important; }
        .widget-banner-sf .sf-banner .sf-banner-text .second-txt {
          font-size: 0.8rem !important; } }