/* =====================================
   SHARED SECTION HEADER SYSTEM
   One style for all sections
   ===================================== */

   :root{
    /* --section-title-size: 48px;
    --section-title-weight: 700;
    --section-title-color: #111827;
  
    --section-underline-width: 120px;
    --section-underline-height: 4px;
    --section-underline-color: #0a8cff;
  
    --section-subtitle-size: 20px;
    --section-subtitle-color: #4b5563;
  
    --section-spacing-bottom: 50px; */
    --primary-color: #0a8cff;
    --primary-dark: #086fd1;
    --primary-light: #eaf4ff;
    --primary-grey: #475569;;
  }
  
  /* Section header container */
  /* .section-header{
    margin-bottom: var(--section-spacing-bottom);
  } */
  
  /* Title */
  /* .section-title{
    font-size: var(--section-title-size);
    font-weight: var(--section-title-weight);
    color: var(--section-title-color);
    letter-spacing: 1px;
    margin-bottom: 18px;
  } */
  
  /* Underline */
  /* .section-underline{
    width: var(--section-underline-width);
    height: var(--section-underline-height);
    background: var(--section-underline-color);
    border-radius: 999px;
    margin: 0 auto 22px;
  } */
  
  /* Subtitle */
  /* .section-subtitle{
    font-size: var(--section-subtitle-size);
    color: var(--section-subtitle-color);
    font-weight: 400;
    margin: 0;
  } */
  
  /* =====================================
     Responsive
     ===================================== */
  
  /* @media (max-width: 992px){
    :root{
      --section-title-size: 36px;
      --section-subtitle-size: 18px;
    }
  } */
/* 
  .section-underline{
    transition: width .4s ease;
  } */
  
  /* .section-header:hover .section-underline{
    width: 160px;
  } */
/* 
  .section-header{
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .6s ease, transform .6s ease;
  } */
  
  /* .section-header.visible{
    opacity: 1;
    transform: translateY(0);
  } */

/* Global Font */
* {
  font-family: 'Inter', sans-serif;
}

body {
  font-weight: 400;
  color: #0f172a;
}

button, input, select, textarea {
  font-family: inherit !important;
}

.contact-header {
  text-align: center;
  margin-bottom: 26px;
}

.contact-title {
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.15;
  letter-spacing: .2px;
  color: var(--ink);
  font-weight: 800;
}

.title-underline {
  width: 160px;
  height: 4px;
  margin: 14px auto 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  box-shadow: 0 10px 20px rgba(10, 140, 255, 0.18);
}

.contact-subtitle {
  margin: 0 auto;
  max-width: 820px;
  color: var(--muted);
  line-height: 1.7;
  font-size: 16px;
}

.btn.primary{
  color: #fff;
  background: linear-gradient(180deg, rgba(10,140,255,.95), rgba(10,140,255,.78));
  box-shadow: 0 12px 22px rgba(10,140,255,.18);
  border-radius: 50px;
  font-weight: 900;
}