_Praveen.scss

  
  .mid_section {
    width: 85%;
    margin: 0 auto;
  
    .grid-container {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 20px;
      margin-top: 10px;
  
      @media (min-width: 768px) {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
      }
  
      @media (min-width: 1024px) {
        grid-template-columns: repeat(2, 1fr);
        gap: 80px;
      }
    }
  
    .grid-item {
      height: 350px;
      text-align: left;
      
      &:nth-child(odd) {
        padding-right: 0;
      }
      
      &:nth-child(even) {
        padding-left: 0;
      }
  
      @media (min-width: 768px) {
        padding: 30px;
      }
    }
  .PImageDiv{
    padding: 30px;
    
  }
    .image {
      width: 100%;
      height: 100%;
    }
  
    .text-content {
      padding: 20px;
  
      h1 {
        font-size: 35px;
        font-weight: 600;
      }
  
      p {
        color: rgb(132, 148, 168);
        margin-top: 20px;
      }
  
      .cta-button {
        margin-top: 20px;
        width: 130px;
        padding: 10px;
        background: linear-gradient(90deg, rgba(83,95,220,1) 1%, rgba(99,127,224,1) 8%, rgba(101,143,239,1) 24%, rgba(138,157,229,1) 47%, rgba(90,112,219,1) 64%, rgba(112,122,198,1) 81%, rgba(76,137,225,1) 100%);
     
        border-radius: 30px;
        color: white;
        font-size: 16px;
        font-weight: 600;
        transition: all 0.3s ease-out;

        
      }
      .cta-button:hover{
        background:black;
        width: 145px;
      }
  
      @media (min-width: 768px) {
        padding: 50px;
      }
    }
  }