body {
      margin: 0;
      font-family: "proxima-nova", sans-serif;
      background: #344552;
    }
    .upgrading-title{
        font-family: "degular-display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    }
    .header {
      height: 60px;
      background: #fff;
      border-bottom: 1px solid #e5e5e5;
      display: flex;
      align-items: center;
      padding: 0 24px;
    }
    .logo {
      height: 28px;
    }

    .content {
      width: 100%;
      max-width: 1440px;
      margin: 0 auto;
      display: flex;
      min-height: calc(100vh - 60px);
      box-sizing: border-box;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 48px;
      padding: 40px 20px;
    }

    .text {
      width: 100%;
      max-width: 600px;
    }

    .graphic img {
      width: 280px;
      max-width: 100%;
      height: auto;
    }

    .green {
      color: #91e200;
    }
    .blue {
      color: #0094ff;
    }

    @media (min-width: 768px) {
      .content {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
         padding: 80px;
        padding-left: 20px;
        gap: 109px;      
     }

      .text {
        margin-top: 0; 
      }

      .graphic img {
        width: 420px; 
      }
    }