.app-container {
  .simple-banner {
    &.dark {
      background-color: #191325;
    }
    padding-top: 80px;
    .simple-banner__container {
      position: relative;
      z-index: 2;
      max-width: 1192px;
      padding: 64px 100px;
      width: 100%;
      margin: auto;
      display: flex;
      align-items: flex-start;
      gap: 32px;
      @media (max-width: 768px) {
        flex-direction: column;
      }
      &.dark {
        * {
          color: white;
          p {
            color: rgba(255, 255, 255, 0.75);
          }
        }
      }
      @media (max-width: 1400px) {
        padding: 64px 50px;
      }
      @media (max-width: 1000px) {
        padding: 48px 16px;
        gap: 16px;
      }
    }
    .simple-banner__text {
      width: 100%;
      max-width: 574px;
    }
    .simple-banner__window {
      width: 376px;
      min-width: 376px;
      background-color: #302b3b;
      border-radius: 8px;
      padding: 24px;
      &.white {
        background-color: #f4f2ff;
      }
      @media (max-width: 768px) {
        width: 100%;
        min-width: 0;
      }

      p {
        font-size: 19px;
        font-weight: 600;
        color:#191325;
        @media (max-width: 768px) {
          font-size: 16px;
        }
      }
      &.dark {
        p {
          color: white !important;
        }
        a {
          color: #191325 !important;
        }
      }
    
    }
  }
}