* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: "Segoe UI", sans-serif;
    }

    body {
      background: #f4f4f4;
    }

.callbutton{
height: 50px;
width: 180px;
  background-color: #fff;
  color: #fff;
  font-size: 1rem;
  position: absolute;
  margin-top: 20px;
    cursor: pointer;
  border: none;
  border-radius: 10px;
  margin-left: 1080px;
 
}
    .container__one{
      display: flex;
      min-height: 100vh;
      flex-wrap: wrap;
    }
    .leftPanel1 {
      flex: 1;
      background: linear-gradient(to bottom, #911091);
      color: white;
      padding: 20px 30px;
    }

    .leftPanel1 h2 {
      font-size: 28px;
      margin-bottom: 15px;
    }

    .leftPanel1 p {
      line-height: 1.6;
      margin-bottom: 15px;
      color: #f3f3f3;
    }

    .leftPanel1 .aboutSection1 {
      margin-top: 30px;
    }

    .leftPanel1 .infoGrid1 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      gap: 10px;
      margin: 25px 0;
    }

    .leftPanel1 .infoGrid1 div {
      border-right: 1px solid #ccc;
      padding-right: 10px;
    }

    .leftPanel1 .infoGrid1 div:last-child {
      border-right: none;
    }

    .leftPanel1 .Btn__footer1 {
      margin-top: 30px;
      font-size: 14px;
    }

    .leftPanel1 .Btn__footer1 a {
      color: #90d4ff;
      text-decoration: none;
    }

    .rightPanel1 {
      flex: 1;
      float:inline-start;
       background: linear-gradient(to bottom, #911091);
      padding: 40px 30px;
      height: 100vh;
    }

    .rightPanel1 h3 {
      font-size: 24px;
      margin-bottom: 20px;
      color: #fff;
    }

 .form-group1 {
      margin-bottom: 15px;
    }

   .rightPanel1 input, select, textarea {
      width: 100%;
      padding: 12px;
      border-radius: 8px;
      border: 1px solid #ccc;
      font-size: 15px;
    }

   .rightPanel1 textarea {
      resize: vertical;
    }

   .rightPanel1 .submit-btn {
      width: 100%;
      padding: 12px;
      background: #641155;
      color: white;
      font-size: 16px;
      border: none;
      border-radius: 8px;
      margin-top: 10px;
      cursor: pointer;
    }

   .rightPanel1 .submit-btn:hover {
     background: #641155;
    }

    @media (max-width: 768px) {
        .callbutton{
  padding: 10px 20px;
  background-color: #fff;
  color: #000;
  font-size: 0.7rem;
  position: absolute;
  margin-top: 20px;

  border-radius: 10px;
  margin-left: 230px;
}
      .container__one {
        flex-direction: column;
        float: left;
      }

      .leftPanel1,
      .rightPanel1 {
        flex: 1 1 100%;
        padding: 30px 20px;
      }

      .leftPanel1 .infoGrid1 {
        grid-template-columns: 1fr 1fr;
      }
      .leftPanel1{
        width: 100%;
        margin-top: -100px;
        position: relative;
      }
      .rightPanel1 {
        width: 100%;
      flex: 1;
      float:right;
       background: linear-gradient(to bottom, #911091);
      padding: 40px 30px;
      height: 100vh;
    }
    }
    



     .container__two {
      display: flex;
      min-height: 100vh;
      flex-wrap: wrap;
    }
    .leftPanel2 {
      flex: 1;
      background: linear-gradient(to bottom, #911091);
      color: white;
      padding: 20px 30px;
    }

    .leftPanel2 h2 {
      font-size: 28px;
      margin-bottom: 15px;
    }

    .leftPanel2 p {
      line-height: 1.6;
      margin-bottom: 15px;
      color: #f3f3f3;
    }

    .leftPanel2 .aboutSection2 {
      margin-top: 30px;
    }

    .leftPanel2 .infoGrid2 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      gap: 10px;
      margin: 25px 0;
    }

    .leftPanel2 .infoGrid2 div {
      border-right: 1px solid #ccc;
      padding-right: 10px;
    }

    .leftPanel2 .infoGrid2 div:last-child {
      border-right: none;
    }

    .leftPanel2 .Btn__footer2 {
      margin-top: 30px;
      font-size: 14px;
    }

    .leftPanel2 .Btn__footer2 a {
      color: #90d4ff;
      text-decoration: none;
    }

    .rightPanel2 {
      flex: 1;
      float:inline-start;
       background: linear-gradient(to bottom, #911091);
      padding: 40px 30px;
      height: 100vh;
    }

    .rightPanel2 h3 {
      font-size: 24px;
      margin-bottom: 20px;
      color: #fff;
    }

 .form-group2 {
      margin-bottom: 15px;
    }

   .rightPanel2 input, select, textarea {
      width: 100%;
      padding: 12px;
      border-radius: 8px;
      border: 1px solid #ccc;
      font-size: 15px;
    }

   .rightPanel2 textarea {
      resize: vertical;
    }

   .rightPanel2 .submit-btn {
      width: 100%;
      padding: 12px;
      background: #641155;
      color: white;
      font-size: 16px;
      border: none;
      border-radius: 8px;
      margin-top: 10px;
      cursor: pointer;
    }

   .rightPanel2 .submit-btn:hover {
     background: #641155;
    }

    @media (max-width: 768px) {
      .container__two {
        flex-direction: column;
        float: left;
      }

      .leftPanel2,
      .rightPanel2 {
        flex: 1 1 100%;
        padding: 30px 20px;
      }

      .leftPanel2 .infoGrid2 {
        grid-template-columns: 1fr 1fr;
      }
      .leftPanel2{
        width: 100%;
      }
      .rightPanel2 {
        width: 100%;
      flex: 1;
      float:right;
       background: linear-gradient(to bottom, #911091);
      padding: 40px 30px;
      height: 100vh;
    }
    }

     .container__three {
      display: flex;
      min-height: 100vh;
      flex-wrap: wrap;
    }
    .leftPanel3 {
      flex: 1;
      background: linear-gradient(to bottom, #911091);
      color: white;
      padding: 20px 30px;
    }

    .leftPanel3 h2 {
      font-size: 28px;
      margin-bottom: 15px;
    }

    .leftPanel3 p {
      line-height: 1.6;
      margin-bottom: 15px;
      color: #f3f3f3;
    }

    .leftPanel3 .aboutSection3 {
      margin-top: 30px;
    }

    .leftPanel3 .infoGrid3 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      gap: 10px;
      margin: 25px 0;
    }

    .leftPanel3 .infoGrid3 div {
      border-right: 1px solid #ccc;
      padding-right: 10px;
    }

    .leftPanel3 .infoGrid3 div:last-child {
      border-right: none;
    }

    .leftPanel3 .Btn__footer3 {
      margin-top: 30px;
      font-size: 14px;
    }

    .leftPanel3 .Btn__footer3 a {
      color: #90d4ff;
      text-decoration: none;
    }

    .rightPanel3 {
      flex: 1;
      float:inline-start;
       background: linear-gradient(to bottom, #911091);
      padding: 40px 30px;
      height: 100vh;
    }

    .rightPanel3 h3 {
      font-size: 24px;
      margin-bottom: 20px;
      color: #fff;
    }

 .form-group3 {
      margin-bottom: 15px;
    }

   .rightPanel3 input, select, textarea {
      width: 100%;
      padding: 12px;
      border-radius: 8px;
      border: 1px solid #ccc;
      font-size: 15px;
    }

   .rightPanel3 textarea {
      resize: vertical;
    }

   .rightPanel3 .submit-btn {
      width: 100%;
      padding: 12px;
     background: #641155;
      color: white;
      font-size: 16px;
      border: none;
      border-radius: 8px;
      margin-top: 10px;
      cursor: pointer;
    }

   .rightPanel3 .submit-btn:hover {
     background: #641155;
    }

    @media (max-width: 768px) {
      .container__three {
        flex-direction: column;
        float: left;
      }

      .leftPanel3,
      .rightPanel3 {
        flex: 1 1 100%;
        padding: 30px 20px;
      }

      .leftPanel3 .infoGrid3 {
        grid-template-columns: 1fr 1fr;
      }
      .leftPanel3{
        width: 100%;
      }
      .rightPanel3 {
        width: 100%;
      flex: 1;
      float:right;
      background: linear-gradient(to bottom, #911091);
      padding: 40px 30px;
      height: 100vh;
    }
    }
   



    .container__four {
      display: flex;
      min-height: 100vh;
      flex-wrap: wrap;
    }
    .leftPanel4 {
      flex: 1;
      background: linear-gradient(to bottom, #911091);
      color: white;
      padding: 20px 30px;
    }

    .leftPanel4 h2 {
      font-size: 28px;
      margin-bottom: 15px;
    }

    .leftPanel4 p {
      line-height: 1.6;
      margin-bottom: 15px;
      color: #f3f3f3;
    }

    .leftPanel4 .aboutSection4 {
      margin-top: 30px;
    }

    .leftPanel4 .infoGrid4 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      gap: 10px;
      margin: 25px 0;
    }

    .leftPanel4 .infoGrid4 div {
      border-right: 1px solid #ccc;
      padding-right: 10px;
    }

    .leftPanel4 .infoGrid4 div:last-child {
      border-right: none;
    }

    .leftPanel4 .Btn__footer4 {
      margin-top: 30px;
      font-size: 14px;
    }

    .leftPanel4 .Btn__footer4 a {
      color: #90d4ff;
      text-decoration: none;
    }

    .rightPanel4 {
      flex: 1;
      float:inline-start;
       background: linear-gradient(to bottom, #911091);
      padding: 40px 30px;
      height: 100vh;
    }

    .rightPanel4 h3 {
      font-size: 24px;
      margin-bottom: 20px;
      color: #fff;
    }

 .form-group4 {
      margin-bottom: 15px;
    }

   .rightPanel4 input, select, textarea {
      width: 100%;
      padding: 12px;
      border-radius: 8px;
      border: 1px solid #ccc;
      font-size: 15px;
    }

   .rightPanel4 textarea {
      resize: vertical;
    }

   .rightPanel4 .submit-btn {
      width: 100%;
      padding: 12px;
     background: #641155;
      color: white;
      font-size: 16px;
      border: none;
      border-radius: 8px;
      margin-top: 10px;
      cursor: pointer;
    }

   .rightPanel4 .submit-btn:hover {
    background: #641155;
    }

    @media (max-width: 768px) {
      .container__four {
        flex-direction: column;
        float: left;
      }

      .leftPanel4,
      .rightPanel4 {
        flex: 1 1 100%;
        padding: 30px 20px;
      }

      .leftPanel4 .infoGrid4 {
        grid-template-columns: 1fr 1fr;
      }
      .leftPanel4{
        width: 100%;
      }
      .rightPanel4 {
        width: 100%;
      flex: 1;
      float:right;
      background: linear-gradient(to bottom, #911091);
      padding: 40px 30px;
      height: 100vh;
    }
    }



    .container__five {
      display: flex;
      min-height: 100vh;
      flex-wrap: wrap;
    }
    .leftPanel5 {
      flex: 1;
      background: linear-gradient(to bottom, #911091);
      color: white;
      padding: 20px 30px;
    }

    .leftPanel5 h2 {
      font-size: 28px;
      margin-bottom: 15px;
    }

    .leftPanel5 p {
      line-height: 1.6;
      margin-bottom: 15px;
      color: #f3f3f3;
    }

    .leftPanel5 .aboutSection5 {
      margin-top: 30px;
    }

    .leftPanel5 .infoGrid5 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      gap: 10px;
      margin: 25px 0;
    }

    .leftPanel5 .infoGrid5 div {
      border-right: 1px solid #ccc;
      padding-right: 10px;
    }

    .leftPanel5 .infoGrid5 div:last-child {
      border-right: none;
    }

    .leftPanel5 .Btn__footer5 {
      margin-top: 30px;
      font-size: 14px;
    }

    .leftPanel5 .Btn__footer5 a {
      color: #90d4ff;
      text-decoration: none;
    }

    .rightPanel5 {
      flex: 1;
      float:inline-start;
       background: linear-gradient(to bottom, #911091);
      padding: 40px 30px;
      height: 100vh;
    }

    .rightPanel5 h3 {
      font-size: 24px;
      margin-bottom: 20px;
      color: #fff;
    }

 .form-group5 {
      margin-bottom: 15px;
    }

   .rightPanel5 input, select, textarea {
      width: 100%;
      padding: 12px;
      border-radius: 8px;
      border: 1px solid #ccc;
      font-size: 15px;
    }

   .rightPanel5 textarea {
      resize: vertical;
    }

   .rightPanel5 .submit-btn {
      width: 100%;
      padding: 12px;
    background: #641155;
      color: white;
      font-size: 16px;
      border: none;
      border-radius: 8px;
      margin-top: 10px;
      cursor: pointer;
    }

   .rightPanel5 .submit-btn:hover {
    background: #641155;
    }

    @media (max-width: 768px) {
      .container__five {
        flex-direction: column;
        float: left;
      }

      .leftPanel5,
      .rightPanel5 {
        flex: 1 1 100%;
        padding: 30px 20px;
      }

      .leftPanel5 .infoGrid5 {
        grid-template-columns: 1fr 1fr;
      }
      .leftPanel5{
        width: 100%;
      }
      .rightPanel5 {
        width: 100%;
      flex: 1;
      float:right;
      background: linear-gradient(to bottom, #911091);
      padding: 40px 30px;
      height: 100vh;
    }
    }



    .container__six {
      display: flex;
      min-height: 100vh;
      flex-wrap: wrap;
    }
    .leftPanel6 {
      flex: 1;
      background: linear-gradient(to bottom, #911091);
      color: white;
      padding: 20px 30px;
    }

    .leftPanel6 h2 {
      font-size: 28px;
      margin-bottom: 15px;
    }

    .leftPanel6 p {
      line-height: 1.6;
      margin-bottom: 15px;
      color: #f3f3f3;
    }

    .leftPanel6 .aboutSection6 {
      margin-top: 30px;
    }

    .leftPanel6 .infoGrid6 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      gap: 10px;
      margin: 25px 0;
    }

    .leftPanel6 .infoGrid6 div {
      border-right: 1px solid #ccc;
      padding-right: 10px;
    }

    .leftPanel6 .infoGrid6 div:last-child {
      border-right: none;
    }

    .leftPanel6 .Btn__footer6 {
      margin-top: 30px;
      font-size: 14px;
    }

    .leftPanel6 .Btn__footer6 a {
      color: #90d4ff;
      text-decoration: none;
    }

    .rightPanel6 {
      flex: 1;
      float:inline-start;
       background: linear-gradient(to bottom, #911091);
      padding: 40px 30px;
      height: 100vh;
    }

    .rightPanel6 h3 {
      font-size: 24px;
      margin-bottom: 20px;
      color: #fff;
    }

 .form-group6 {
      margin-bottom: 15px;
    }

   .rightPanel6 input, select, textarea {
      width: 100%;
      padding: 12px;
      border-radius: 8px;
      border: 1px solid #ccc;
      font-size: 15px;
    }

   .rightPanel6 textarea {
      resize: vertical;
    }

   .rightPanel6 .submit-btn {
      width: 100%;
      padding: 12px;
     background: #641155;
      color: white;
      font-size: 16px;
      border: none;
      border-radius: 8px;
      margin-top: 10px;
      cursor: pointer;
    }

   .rightPanel6 .submit-btn:hover {
    background: #641155;
    }

    @media (max-width: 768px) {
      .container__six {
        flex-direction: column;
        float: left;
      }

      .leftPanel6,
      .rightPanel6 {
        flex: 1 1 100%;
        padding: 30px 20px;
      }

      .leftPanel6 .infoGrid6 {
        grid-template-columns: 1fr 1fr;
      }
      .leftPanel6{
        width: 100%;
      }
      .rightPanel6 {
        width: 100%;
      flex: 1;
      float:right;
      background: linear-gradient(to bottom, #911091);
      padding: 40px 30px;
      height: 100vh;
    }
    }