.box {
      /* background: red; */
      border-radius: 15px;
      min-height: 100px;
      margin-bottom: 25px;
    }

    .box-large {
      /* background: #8b0000; */
      /* min-height: 220px; */
    }

    #pip_container .box {
      margin-top: 5px !important;
      margin-bottom: 5px !important;
    }

    /* DEFAULT: one by one */
    .custom-col {
      width: 100%;
      float: left;
      padding: 0px 5px;
    }

    /* 300px – 500px → keep same layout */
    @media (min-width: 300px) and (max-width: 500px) {
      .custom-half {
        width: 50%;
      }
    }

    .pipsingle {
      height:45vh !important;
      width: 100%;
    }
     .pipmore {
      height:21vh !important;
      /* margin-top:5px; */
    }

    .pip-one {
      flex: 0 0 calc(100%);
    }
    .pip-two {
      flex: 0 0 calc(50% - 1rem);
    }
    .pip-three {
      flex: 0 0 calc(50% - 1rem);
    }
    #pip_gird_section {
      display: flex;
      flex-wrap: wrap;
      gap: 0rem;
      justify-content: center;
      align-items: center;
      padding: 0px;
    }
    #pip_gird_section > div:nth-child(3) {
      margin-top: 10px;
    }
     #pip_gird_section > div:nth-child(4) {
      margin-top: 10px;
    }
    #pip_gird_section > div:nth-child(n + 5) {
      display: none;
    }