.contact-section{
    padding: 50px 0;
    background: linear-gradient(to right, #ffffff, #e6f1fa);
 }
 .contact-wrapper {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 40px;
        padding: 20px auto;
        background: linear-gradient(to right, #ffffff, #e6f1fa);
    }
    

    .contact-form-container{
      flex: 1;
      position: relative;
      height: 100%;
      max-height: 500px;
      z-index: 0;
  }
  
  /* Background blur effect */
  .contact-form-container::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url('../images/blob-1.png') no-repeat center center;
      background-size: cover;
      filter: blur(130px);
      opacity: 0.6;
      z-index: -1;
  }
    

    .contact-info {
        padding: 20px;
        max-width: 300px;
    }
    
    .section-title {
        font-size: 32px;
        color: #3a3a3a;
        margin-bottom: 15px;
        font-weight: bold;
    }
    
    .section-subtitle {
        color: #000000;
        margin-bottom: 30px;
    }
    
    .contact-detail {
        margin-bottom: 25px;
    }
    
    .detail-title {
        font-size: 16px;
        color: #0065CD;
        margin-bottom: 8px;
        font-weight: 600;
    }
    
    
    .contact-form {
        background: transparent;
        border: 1px #ABCFF8 solid;
        padding: 20px;
        border-radius: 8px;
    }
    
    .form-row {
        display: flex;
        gap: 20px;
        margin-bottom: 20px;
    }
    
    .form-group {
        flex: 1;
    }
    
    .form-label {
        display: block;
        margin-bottom: 8px;
        font-weight: 500;
        color: #2c3e50;
        font-size: 14px;
    }
    
    .form-control {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #ABCFF8;
        border-radius: 4px;
        font-size: 16px;
        transition: border-color 0.3s;
    }
    
    .form-control:focus {
        outline: none;
        border-color: #3498db;
    }
    
    textarea.form-control {
        min-height: 120px;
        resize: vertical;
    }
    
    .submit-btn {
        background-color: #D7F4FF;
        color: #0065CD;
        border: none;
        padding: 12px 25px;
        font-size: 14px;
        border-radius: 30px;
        cursor: pointer;
        transition: background-color 0.3s;
        font-weight: 600;
        margin-top: 20px;
        width: 100%;
    }
    
    .submit-btn:hover {
        background-color: #cfeffb;
    }
    
    @media (max-width: 768px) {
        .contact-wrapper {
            grid-template-columns: 1fr;
        }
        
        .form-row {
            flex-direction: column;
            gap: 15px;
        }
    }