body {
    font-family: Arial, sans-serif;
    padding: 2rem;
    background-image: radial-gradient(rgb(219, 180, 97), #FEF7EC, #FEF7EC);
    background-position: top center;
    background-size: 1500px 1500px;
    background-repeat: no-repeat;
}
  
  
  .container {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
  }
  
  .laptop-section {
    margin-top:6%;
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
  }
  
  .laptop-image {
    width: 100%;
    max-width: 1050px;
 
    
  }
  
 
  
  .wide-box {
    
    
    margin-bottom: 2rem;
  }
  
.square-background2 {
  
  position: relative;
    left: 50%;
    width: 99.6vw;             /* Full viewport width */
    margin-left: -50vw;       /* Pull it back so it aligns with page center */
    background-color: #5BC09B;
    background-image: 
        linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, 0.253) 25%, rgba(255,255,255,0.253) 26%, transparent 27%, transparent 74%, rgba(255,255,255,0.253) 75%, rgba(255,255,255,0.253) 76%, transparent 77%, transparent),
        linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, 0.253) 25%, rgba(255,255,255,0.253) 26%, transparent 27%, transparent 74%, rgba(255,255,255,0.253) 75%, rgba(255,255,255,0.253) 76%, transparent 77%, transparent);
    background-size: 50px 50px;  /* Adjust square size */
    padding: 40px 0;            /* Space above and below content */
    margin-top: 10%;
  margin-bottom: 10%;
}


.Question2{
 
  max-width: 1000px;   /* Your existing container width */
    margin: 0 auto;      /* Keep content centered */
    padding: 0 20px;     /* Side padding */
    text-align: left;
    font-size: 24px;
    color: #000000;
}

.grid4{
  display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 1000px;
   margin: 0 auto;      /* Keep content centered */
    padding: 0 20px;     /* Side padding */
   gap: 20px;
  
}

.grid3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
    align-items: center;

    max-width: 1000px;   /* Your existing container width */
    margin: 0 auto;      /* Keep content centered */
    padding: 0 20px;     /* Side padding */
  }

  .box1{
    max-width: 900px;
    margin-bottom: 15%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 15%;
  }