@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap');

  html,
  body {
      padding: 0px;
      margin: 0px;
      width: 100%;
      height: 100%;
  }

  .content {
      width: 100%;
      height: 100%;
      display: flex;
      position: relative;
  }

  .content .right {
      display: flex;
      flex-direction: column;
      justify-content: center;
  }

  .right {
      height: 100%;
      width: 55%;
      padding: 5vw 4vw;
  }

  .right h1 {
      font-size: 4vw;
      line-height: 4.4vw;
  }

  .right h1 span {
      color: #FF5E32;
  }

  .right p {
      font-size: 1.2vw;
      font-weight: 600;
      color: #666;
      width: 80%;
      margin-top: 2vw;
      margin-bottom: 2vw;
  }

  .left {
      height: 100%;
      width: 45%;
      padding: 5vw 4vw;
  }

  .left img {
      height: 100%;
      width: 100%;
      object-fit: contain;
  }


  .icon {
      display: flex;
      gap: 20px;
  }

  .icon img {
      height: 32px;
      width: 32px;
      object-fit: contain;
      cursor: pointer;
  }

  .icon img:hover {
      /* filter: grayscale(1); */
      filter: blur(0.5px);
  }

  /* Responsive Code */

  @media (max-width:425px) {

      .content {
          flex-direction: column;
      }

      .right {
          width: 100%;
          height: 45%;
          padding: 4vw 6vw;
      }


      .right h1 {
          font-size: 9vw;
          line-height: 9vw;
      }

      .right p {
          font-size: 4vw;
          width: 100%;
          margin: 5vw 0;
      }

      .left {
          width: 100%;
          height: 55%;
      }
  }

  /* Responsive Code */