.NyBigBox {
      padding-top: 0;
      padding-bottom: 0;
    }

    .NySection {
      padding-top: 120px;
      padding-bottom: 120px;
      padding-left: var(--container);
      padding-right: var(--container);
    }

    .NyTitle {
      font-family: 'Poppins';
      font-weight: bold;
      font-size: 50px;
      line-height: 1.25;
      color: #222222;
      text-align: center;
      margin-bottom: 45px;
    }

    @media (max-width: 1440px) {
      .NyTitle {
        font-size: 40px;
      }
    }

    @media (max-width: 1200px) {
      .NySection {
        padding-top: 90px;
        padding-bottom: 90px;
      }

      .NyTitle {
        font-size: 34px;
        margin-bottom: 30px;
      }
    }

    @media (max-width: 800px) {
      .NySection {
        padding-top: 60px;
        padding-bottom: 60px;
      }

      .NyTitle {
        font-size: 28px;
      }

    }


    /* NySection1  - NySection1  - NySection1  - NySection1  - NySection1  */
    .Nav1 {
      width: 100%;
      display: flex;
      justify-content: center;
      grid-gap: 45px;
      margin-bottom: 45px;
    }

    .Nav1 h1 {
      font-family: 'Poppins';
      font-weight: 400;
      font-size: 20px;
      text-align: center;
      color: #000000;
      padding-bottom: 5px;
      border-bottom: 1px solid #000;
      cursor: pointer;
    }

    .Nav1 h1.on {
      color: var(--color);
      border-bottom: 1px solid var(--color);
    }

    .item1 {
      position: relative;
      z-index: 1;
      width: 100%;
    }

    .item1 li {
      position: relative;
      z-index: 2;
      width: 100%;
      height: 100%;
      display: none;
    }

    .item1 li.on {
      display: block;
    }

    .item1 li::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: linear-gradient(270deg, #00000000 30%, #00000066 80%);
      position: absolute;
      z-index: 2;
      left: 0;
      top: 0;
    }

    .item1 li .text1 {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      z-index: 3;
      padding-left: 90px;
      padding-bottom: 100px;
      background: linear-gradient(0deg, #08396b80 0%, #00000000 60%);
    }

    .item1 li .text1 h2 {
      font-family: 'Poppins';
      font-weight: bold;
      font-size: 40px;
      color: #FFFFFF;
    }

    .item1 li .text1 p {
      width: 480px;
      font-size: 16px;
      color: #FFFFFF;
    }

    .item1 li .bj1 {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


    @media (max-width: 1200px) {
      .Nav1 {
        justify-content: space-evenly;
        grid-gap: 0;
        margin-bottom: 15px;
      }

      .Nav1 h1 {
        font-size: 16px;
      }

      .item1 li .text1 {
        padding: 0 30px;
      }

      .item1 li .text1 h2 {
        font-size: 34px;
      }

      .item1 li .text1 p {
        width: 100%;
        font-size: 14px;
      }
    }

    @media (max-width: 800px) {
      .Nav1 {
        flex-wrap: wrap;
        grid-gap: 15px;
      }

      .item1 li .bj1 {
        min-height: 240px;
      }

      .item1 li::after {
        background: linear-gradient(270deg, #00000033 0%, #00000099 100%);
      }

      .item1 li .text1 {
        padding: 0 15px;
      }

      .item1 li .text1 h2 {
        font-size: 24px;
      }
    }

    @media (max-width:460px) {}

    @media (max-width:380px) {}


    /* NySection2  - NySection2  - NySection2  - NySection2  - NySection2  */
    .NySection2 {
      display: block;
      padding-top: 0px;
    }

    .Box2 {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      grid-gap: 20px;
    }

    .item2 {
      width: 100%;
      border: 1px solid rgba(0, 0, 0, 0.1);
      transition: 0.5s;
    }

    .item2:hover {
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    .item2 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    @media (max-width: 1200px) {
      .Box2 {
        grid-gap: 10px;
      }
    }

    @media (max-width: 800px) {
      .Box2 {
        grid-template-columns: repeat(4, 1fr);
      }
    }

    @media (max-width: 600px) {
      .Box2 {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    @media (max-width: 400px) {
      .Box2 {
        grid-template-columns: repeat(2, 1fr);
      }
    }