.contact_section {
        padding-block: var(--pad-section);
        margin-block: auto;
      }
      .contact_grid {
        display: grid;
        grid-template-columns: 1fr 1.2fr;
        gap: var(--gap-main);
        align-items: center;
      }
      .contact_info_side {
        display: flex;
        flex-direction: column;
        gap: var(--gap-xs);
      }
      .contact_label {
        font-size: var(--text-sm);
        font-weight: 600;
        color: var(--color-text-light);
        text-transform: uppercase;
        letter-spacing: 1px;
      }
      .contact_heading {
        font-size: var(--text-h1);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: var(--gap-xs);
      }
      .contact_brand {
        font-size: var(--text-lg);
        font-weight: 700;
        margin-bottom: 5px;
      }
      .contact_details_text {
        font-size: var(--text-md);
        color: var(--color-text-muted);
        line-height: 1.6;
        margin-bottom: var(--gap-sm);
      }
      .contact_item {
        font-size: var(--text-md);
        margin-bottom: 8px;
        color: var(--color-text);
      }
      .contact_item b {
        font-weight: 600;
      }

      .contact_form_container {
        background-color: #f0f0f0;
        padding: clamp(30px, 4vw, 50px);
        border-radius: var(--radius-lg);
      }
      .contact_form {
        display: flex;
        flex-direction: column;
        gap: var(--gap-sm);
      }
      .form_row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--gap-sm);
      }
      .form_input_group {
        display: flex;
        flex-direction: column;
      }
      .form_control {
        width: 100%;
        padding: 15px 20px;
        border: 1px solid #ddd;
        border-radius: var(--radius-md);
        font-family: inherit;
        font-size: var(--text-md);
        background-color: rgba(255, 255, 255, 0.8);
        transition:
          border-color 0.2s,
          background-color 0.2s;
      }
      .form_control:focus {
        outline: none;
        border-color: var(--color-primary);
        background-color: #fff;
      }
      .form_textarea {
        min-height: 150px;
        resize: vertical;
      }
      .btn_send {
        width: max-content;
        background-color: #1a1a1a;
        color: #fff;
        padding: 15px 35px;
        border-radius: var(--radius-full);
        font-weight: 600;
        cursor: pointer;
        border: none;
        transition:
          transform 0.2s,
          background-color 0.2s;
      }
      .btn_send:hover {
        background-color: #000;
        transform: translateY(-2px);
      }

      @media (max-width: 991px) {
        .contact_grid {
          grid-template-columns: 1fr;
          gap: var(--gap-lg);
        }
        .form_row {
          grid-template-columns: 1fr;
        }
      }