.elementor-24 .elementor-element.elementor-element-1305c64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-cde9574{--display:flex;}.elementor-24 .elementor-element.elementor-element-9f49ff9{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-0d397c3.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-24 .elementor-element.elementor-element-8959ff5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-93ab6aa{--display:flex;}.elementor-24 .elementor-element.elementor-element-5ec53b56{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for heading, class: .elementor-element-0d397c3 */{
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 2rem auto;
  max-width: 800px;
  background: linear-gradient(to right, #761FE3 60%, #F96884 40%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Mobile responsiveness */
@media (max-width: 600px) {
  .genius-headline {
    font-size: 1.5rem;
  }
}/* End custom CSS */
/* Start custom CSS for braine_contact_info, class: .elementor-element-2d7d9f40 */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Contact Page</title>

  <!-- Font Awesome for icons -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" />

  <!-- Embedded CSS -->
  <style>
    /* Reset & Base Styles */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html, body {
      width: 100%;
      min-height: 100vh;
      font-family: Arial, sans-serif;
      background-color: #0f0f0f;
      color: #fff;
      overflow-x: hidden;
    }

    /* Contact Section */
    .contact-section {
      width: 100%;
      min-height: 100vh;
      padding: 4rem 2rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      background-color: #0f0f0f;
    }

    /* Contact Card */
    .contact-card {
      background-color: #1a1a1a;
      border-radius: 12px;
      padding: 2rem;
      margin: 1rem;
      width: 280px;
      max-width: 90%;
      text-align: center;
      box-shadow: 0 0 15px rgba(128, 0, 255, 0.1);
      transition: transform 0.3s ease;
    }

    .contact-card:hover {
      transform: translateY(-5px);
    }

    .contact-icon {
      width: 60px;
      height: 60px;
      margin: 0 auto 1rem;
      background: #220044;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .contact-icon i {
      font-size: 26px;
      color: #b866ff;
    }

    .contact-card h3 {
      font-siz/* End custom CSS */
/* Start custom CSS */body, html, .elementor-section {
    background: #ffffff !important;
    color: #000000 !important;
    display: block !important;
    z-index: 1 !important;
    opacity: 1 !important;
}/* End custom CSS */