html,body{
    font-family:"DM Sans",sans-serif;
    color:#161616;
    margin:0;
    padding:0;
  }


 .grad {
    background: linear-gradient(90deg, #7209B7 0%, #B5179E 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* display: inline-block; */
    font-family: "DM Sans";
font-size: 2.5rem;
font-style: normal;
font-weight: 900;
line-height: normal;
}


 .grad_insight {
    background: linear-gradient(90deg, #7209B7 0%, #B5179E 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* display: inline-block; */
    font-family: "DM Sans";
font-style: normal;
font-weight: 900;
line-height: normal;
}



  
/* reveal section */

.reveal-up{
  opacity: 0;
  transform: translate3d(0, 28px, 0) scale(0.98);
  transition:
    transform 900ms cubic-bezier(.22,1,.36,1),
    opacity   900ms ease;
  transition-delay: var(--delay, 0ms);
  will-change: transform, opacity;
}
.reveal-up.show{
  opacity: 1;
  transform: none;
}

/* accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .reveal-up{ transition: none; transform: none; opacity:1; }
}



  /* Navbar */
  .navbar{
    padding:38px 0;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    background:#fff;
  }
  .nav-link{
    font-weight:500;
    color:#374151!important;
  }
  .nav-link.active,
  .nav-link:hover{
    color:#7209B7!important;
    font-size: 16px;
    font-weight: 500;
   
  }

  /* Hero with background image */
  .hero{
    position:relative;
    overflow:hidden;
    margin-top:80px;
    min-height:90vh;
    display:flex;
    align-items:center;
    background:url('http://localhost/moontriam/images/contact/contact_hero.png') center/cover no-repeat;
  }
  .hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to right, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.4) 100%);
    z-index:0;
  }
  .hero .container{
    position:relative;
    z-index:1;
    padding-top:56px;
    padding-bottom:56px;
    color:#111827;
  }
  @media (min-width:992px){
    .hero .container{
      padding-top:72px;
      padding-bottom:72px;
    }
  }

  
  .display-title .accent{
    color:#7209B7;
  }

  .lead-copy{
    color:#000000;
    max-width:60ch;
    font-size: 1rem;
    line-height: 150%;
  }
  .kicker{
    font-weight:400;
    color:#7209B7;
    font-size:1rem;
  }

  @media (max-width:768px){
    .display-title{
      font-size:32px;
    }
  }

  .display-title{
  font-family: 'DM Sans', sans-serif;
  font-weight: 900;      /* Black */
  font-style: normal;
  font-size: 3rem;       /* 48px */
  line-height: 4rem;     /* 1 */
  letter-spacing: 0;
  margin-bottom: 1rem;   /* bootstrap की mb-3 जैसा */
}




/* ===== Contact Section (namespaced) ===== */
.amlc-section{
  color:#fff;
  background: linear-gradient(135deg, #E33D87 0%, #6C25F9 100%);
}

/* spacing */
.amlc-wrap{ padding: clamp(2.5rem, 7vw, 6rem) 0; }

/* ---------- LEFT COLUMN LAYOUT ---------- */
/* lg+ : full-height column with TOP & BOTTOM blocks aligned to form */
@media (min-width: 992px){
  .amlc-left{
    display:flex; flex-direction:column; height:100%;
  }
  .amlc-bottom{ margin-top:auto; }          /* push bottom group to column bottom */
  .amlc-align-edge{
    display:inline-block;
    margin-left:0;                       /* align this block to the column’s right edge
                                               (same vertical line as form’s left edge) */
    text-align:left;
  }
}

/* Heading (TOP) */
.amlc-title{
  /* font-family: "DM Sans", system-ui, -apple-system, sans-serif;
  font-weight: 700;
  line-height: 1.15;
  font-size: clamp(1.9rem, 3.6vw, 2.8rem);
  margin: 0; */


   color: #FFF;
font-family: "DM Sans";
  font-size: clamp(1.9rem, 3.6vw, 2.8rem);
font-style: normal;
font-weight: 500;
line-height: 1.45;
}

/* Subtitle / muted (BOTTOM) */
.amlc-subtitle{ font-weight: 600; font-size: clamp(1.1rem, 2vw, 1.5rem); }
.amlc-muted{ 


   color: #FFF;
font-family: "DM Sans";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 149.99%; /* 20.999px */

}

/* Single icon image (used for both phone & email block) */
.amlc-contact{ margin-top: .75rem; }
.amlc-contact-ico{ width:34px; height:34px; object-fit:contain; }
.amlc-lines{ display:flex; flex-direction:column; gap:.35rem; }

/* Each line: "Label : value" */
.amlc-line{
  display:flex; align-items:baseline; column-gap:.35rem; flex-wrap:wrap;
}
.amlc-key{ font-weight:600; color:#fff; }
.amlc-val{ color: rgba(255,255,255,.9); }

/* ---------- RIGHT COLUMN: FORM CARD ---------- */
.amlc-card{
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: 20px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color:#fff;
  height: 100%;                /* let card fill column height */
}

/* Inputs */
.amlc-control{
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  color:#fff !important;
  border-radius: 12px;
  height: 46px;
}
.amlc-control::placeholder{ color: rgba(255,255,255,0.9); }
textarea.amlc-control{ height:auto; min-height:120px; }

/* Figma-styled submit button (exact spec) */
.amlc-btn-figma{
  display:flex;
  width:173px;
  height:44px;
  padding:16px 37px 16px 36px;
  justify-content:center;
  align-items:center;
  gap:10px;
  border-radius:24px;
  border:0;
  color:#fff;
  font-weight:600;
  background: linear-gradient(91deg, #7209B7 6.25%, #B5179E 117.74%);
  box-shadow: 0 10px 28px rgba(114,9,183,0.35);
}
.amlc-btn-figma:focus{ outline: none; box-shadow: 0 0 0 0.2rem rgba(114,9,183,.25); }

.bookcall{

    color: #FFF;
font-family: "DM Sans";
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 149.99%; /* 47.997px */
}





/* Mobile defaults (stack naturally) */
@media (max-width: 991.98px){
  .amlc-align-edge{ margin-left:0; }  /* normal flow on small screens */
}



/* building trust */



/* ===== Building Trust section (namespaced) ===== */
.amls-section{
  background:#fff;
  padding: clamp(2rem, 6vw, 4rem) 0;
}

.amls-title{
  font-family: "DM Sans", system-ui, -apple-system, sans-serif;
  font-weight: 900;
  line-height: 1.55;
  font-size: clamp(1.75rem, 3.6vw, 2.5rem);
  margin: 0;
}

.amls-black{ color:#0F172A; } /* near-black */

.amls-grad{
  background: linear-gradient(90deg, #7B2CF6 0%, #F03BB3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* paragraph */
.amls-desc{
  max-width: 980px;
  color: #000;             /* gray-700 */
  line-height:1.8;
  font-size: clamp(.95rem, 1.2vw, 1rem);
  margin: 0;
}

/* link style like screenshot */
.amls-link{
  color:#7B2CF6;
  text-decoration: none;
}
.amls-link:hover{ text-decoration: underline; }




  /* Footer Section */

   .footer-section{
    font-family:"DM Sans",sans-serif;
    color:#fff;
    background: linear-gradient(135deg, #7209B7 0%, #B5179E 100%);
  }

  .footer-logo
  { 
    height:35px; 
    width:auto; 
    object-fit:contain;
 }
  .footer-brand{ font-weight:800; letter-spacing:.08em; }

  .footer-tagline
  { 

    color:#fff; 
    font-size:0.90rem;
    /* text-align: center;  */
    line-height: normal;
    font-weight: 300;
}

  .soc{
    width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center;
    border:1px solid rgba(255,255,255,.35); border-radius:50%;
    transition: background .2s ease, transform .1s ease;
  }
  .soc:hover{ background:rgba(255,255,255,.12); transform: translateY(-1px); }

  .footer-head{
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight:500; 
    margin-bottom:.75rem; 
    letter-spacing:.02em;
    font-size: 1.25rem;
  }

  .footer-links
  { list-style:none; 
    padding:0; margin:0;
 }
  .footer-links li{
   
    margin:.45rem 0;
  
    
 }
  .footer-links a{
     font-family: "Roboto", sans-serif; 
      color: #fff;
     text-decoration:none; 
       font-size: 0.875rem;
           font-weight: 400;
             line-height: normal;
    font-style: normal;

  }
  .footer-links a:hover{ color:#fff; text-decoration:underline; }

  .footer-hr{
    border:0; height:1px; background: rgba(255,255,255,.45);
  }

  .footer-mini{

    color:#fff; 
    text-decoration:none;
    font-size: 0.90rem;
  }
  .footer-mini:hover{ color:#fff; text-decoration:underline; }

  /* Responsive tweaks */
  @media (max-width: 576px){
    .footer-brand{ font-size:1rem; }
    .footer-logo{ height:32px; }
  }
.location{
     font-family: "Roboto", sans-serif; 

color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
}



/* Dropdown */


:root{ --accent:#7209B7; }

/* Active color for top nav links */
.navbar .nav-link.active{ color: var(--accent) !important; }

/* Dropdown items: active/pressed color */
.dropdown-item.active, .dropdown-item:active{
  background-color: var(--accent) !important;
  color:#fff !important;
}

/* Nice dropdown look */
.dropdown-menu{
  border-radius: 12px;
}

/* Hover to open (desktop only) */
@media (min-width: 992px){
  .navbar .dropdown:hover .dropdown-menu{
    display: block;
    margin-top: 0; /* snap to toggle */
  }
}

/* Optional: subtle hover colors */
.navbar .nav-link:hover{ color: var(--accent); }
.dropdown-item:hover{
  background: rgba(114,9,183,.08);
  color: var(--accent);
}