<style>
.container-wrapper {
    display: flex;
    justify-content: center; /* Keeps it centered by default */
    align-items: center;
    width: 100%; /* Ensures it takes the full width of its section */
    padding: 20px;
}

.container {
    display: grid;
    grid-template-columns: repeat(2, minmax(300px, 1fr));
    gap: 0px;
    max-width: 1450px; /* Adjust as needed */
    width: 100%; /* Allows the container to be as wide as needed */
    padding: 20px;
}
.box {
   display: flex;
   align-items: center;
   background: #fff;
   padding: 20px;
   border-radius: 0;
   border: 1px solid #000; /* Apply only one border */
}
/* Remove the bottom border for all except the last row */
.box:not(:nth-last-child(-n+2)) {
   border-bottom: none;
}
      /*  .box {
            display: flex;
            align-items: center;
            background: #fff;
            padding: 20px;
            border-radius: 0;
            border: 2px solid #000;
        }*/
          
        .icon {
            flex: 0 0 120px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
        }
        .icon img {
            width: 200px;
        }
        .content {
            flex: 1;
        }
        h2 {
            font-size: 18px;
            margin-bottom: 10px;
            color: #333;
        }
        ul {
            list-style: none;
            text-align: left;
            padding: 0;
        }
        ul li {
            margin: 0px 0;
        }
@media (min-width: 769px) {
   .box:nth-child(odd) {
       border-right: none;
   }
}
        @media (max-width: 768px) {
            .container {
                grid-template-columns: 1fr;
            }
            .box {
                flex-direction: column;
                text-align: center;
            }
            .icon {
                margin-bottom: 10px;
            }
        }
    </style>