.elementor-13 .elementor-element.elementor-element-0acbe72{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-7ca8b62{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS *//* ============================================================
   DR. SHRINATH VISWANATH — COMING SOON
   Paste this into: Elementor → Page Settings → Custom CSS
   ============================================================ */

/* ── Brand Variables ── */
.cs-wrap {
  --c1: #001052;
  --c2: #0f4c81;
  --c3: #3076a7;
  --c4: #4e9acc;
  --c5: #7ab6da;
  --c6: #90caee;
  --white: #ffffff;
  --rule: rgba(255,255,255,0.12);
  --wa: #25D366;
  --wa-h: #1fbb59;
}

/* ── Force Elementor section/column to full height ── */
.elementor-section,
.elementor-container,
.elementor-row,
.elementor-column,
.elementor-column-wrap,
.elementor-widget-wrap,
.elementor-widget-container,
.elementor-widget-html,
.e-con,
.e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}

/* ── Main wrapper ── */
.cs-wrap {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: clamp(1.5rem, 4vw, 3rem) clamp(2rem, 7vw, 6rem);
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: var(--white);
  overflow: hidden;
  box-sizing: border-box;
}

/* ── Background gradient ── */
.cs-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(ellipse 65% 70% at 85% 45%, rgba(78,154,204,0.18) 0%, transparent 65%),
    radial-gradient(ellipse 55% 55% at 5% 90%, rgba(15,76,129,0.6) 0%, transparent 60%),
    linear-gradient(145deg, #001052 0%, #0f4c81 55%, #3076a7 100%);
}

/* ── Grain texture ── */
.cs-grain {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.08;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
}

/* ── Left accent bar ── */
.cs-bar {
  position: absolute;
  left: 0; top: 0;
  width: 3px;
  height: 100%;
  z-index: 2;
  background: linear-gradient(180deg, transparent 0%, rgba(144,202,238,0.4) 50%, transparent 100%);
}

/* ── Spine watermark ── */
.cs-wm {
  position: absolute;
  right: -1%;
  top: 50%;
  transform: translateY(-50%);
  width: 40%;
  max-width: 520px;
  opacity: 0.06;
  z-index: 1;
  pointer-events: none;
}

/* ── All content above backgrounds ── */
.cs-header,
.cs-main,
.cs-footer {
  position: relative;
  z-index: 3;
}

/* ── Header ── */
.cs-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.8rem;
  border-bottom: 1px solid var(--rule);
  animation: cs-fd 0.9s ease both;
}

.cs-logo-img {
  height: 52px;
  width: auto;
  display: block;
}

.cs-loc {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 0.65rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.65);
}

/* ── Main content ── */
.cs-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(3rem, 8vh, 6rem) 0;
  max-width: 660px;
}

.cs-eyebrow {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: clamp(0.56rem, 0.82vw, 0.68rem);
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--c6);
  margin-bottom: 1.5rem;
  animation: cs-fu 0.9s 0.15s ease both;
}

.cs-h1 {
  font-family: 'Cinzel', serif !important;
  font-weight: 400 !important;
  font-size: clamp(2rem, 5vw, 4.2rem) !important;
  line-height: 1.12 !important;
  letter-spacing: 0.02em !important;
  color: var(--white) !important;
  margin-bottom: 1.1rem !important;
  animation: cs-fu 0.9s 0.28s ease both;
}

.cs-spine {
  font-style: italic;
  color: var(--c6);
}

.cs-sub {
  font-family: 'EB Garamond', serif;
  font-style: italic;
  font-size: clamp(1rem, 1.8vw, 1.28rem);
  color: rgba(255,255,255,0.82);
  margin-bottom: 2rem;
  line-height: 1.6;
  animation: cs-fu 0.9s 0.4s ease both;
}

.cs-rule {
  width: 48px;
  height: 1px;
  background: rgba(255,255,255,0.22);
  margin-bottom: 1.8rem;
  animation: cs-ew 1s 0.5s ease both;
}

.cs-body {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: clamp(0.82rem, 1.15vw, 0.94rem);
  line-height: 1.9;
  color: rgba(255,255,255,0.78);
  max-width: 440px;
  margin-bottom: 2.8rem;
  animation: cs-fu 0.9s 0.55s ease both;
}

/* ── WhatsApp CTA ── */
.cs-cta-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  animation: cs-fu 0.9s 0.68s ease both;
}

.cs-cta-label {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.72);
}

.cs-wa-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.7rem !important;
  background: var(--wa) !important;
  border: none !important;
  color: #fff !important;
  text-decoration: none !important;
  padding: 0.9rem 1.8rem !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 700 !important;
  font-size: clamp(0.66rem, 1vw, 0.78rem) !important;
  letter-spacing: 0.12em !important;
  transition: background 0.25s, transform 0.2s, box-shadow 0.25s !important;
  width: fit-content !important;
  border-radius: 2px !important;
  box-shadow: 0 4px 20px rgba(37,211,102,0.28) !important;
}

.cs-wa-btn:hover {
  background: var(--wa-h) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 28px rgba(37,211,102,0.42) !important;
}

.cs-wa-btn svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* ── Footer ── */
.cs-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  padding-top: 1.8rem;
  border-top: 1px solid var(--rule);
  animation: cs-fu 0.9s 0.8s ease both;
}

.cs-copy {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  color: rgba(255,255,255,0.6);
}

.cs-tagline {
  font-family: 'EB Garamond', serif;
  font-style: italic;
  font-size: 0.8rem;
  color: rgba(255,255,255,0.6);
}

/* ── Animations ── */
@keyframes cs-fd {
  from { opacity: 0; transform: translateY(-16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes cs-fu {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes cs-ew {
  from { width: 0; opacity: 0; }
  to   { width: 48px; opacity: 1; }
}

/* ── Tablet Landscape (769px–1024px) ── */
@media (max-width: 1024px) and (min-width: 769px) {
  .cs-wrap { padding: 2rem 3.5rem; }
  .cs-h1 { font-size: clamp(2.4rem, 5vw, 3.8rem) !important; }
  .cs-wm { width: 45%; }
  .cs-main { max-width: 580px; }
}

/* ── Tablet Portrait (768px and below) ── */
@media (max-width: 768px) {
  .cs-wrap { padding: 2rem 2.5rem; }
  .cs-h1 { font-size: clamp(2rem, 6vw, 3.2rem) !important; }
  .cs-sub { font-size: 1rem; }
  .cs-body { font-size: 0.88rem; max-width: 100%; }
  .cs-wm { width: 55%; opacity: 0.05; }
  .cs-logo-img { height: 44px; }
}

/* ── Mobile (600px and below) ── */
@media (max-width: 600px) {
  .cs-wrap { padding: 1.4rem; }
  .cs-loc { display: none; }
  .cs-logo-img { height: 38px; }
  .cs-h1 { font-size: clamp(1.8rem, 8vw, 2.6rem) !important; line-height: 1.15 !important; }
  .cs-sub { font-size: 0.95rem; }
  .cs-body { font-size: 0.84rem; max-width: 100%; }
  .cs-eyebrow { font-size: 0.56rem; letter-spacing: 0.24em; }
  .cs-wa-btn { padding: 0.85rem 1.4rem !important; font-size: 0.7rem !important; }
  .cs-footer { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
  .cs-wm { display: none; }
  .cs-bar { display: none; }
  .cs-main { padding: 2.5rem 0; }
}

/* ── Small Mobile (375px and below) ── */
@media (max-width: 375px) {
  .cs-wrap { padding: 1.2rem; }
  .cs-h1 { font-size: 1.7rem !important; }
  .cs-sub { font-size: 0.88rem; }
}

/* ── Landscape Mobile ── */
@media (max-width: 768px) and (orientation: landscape) {
  .cs-main { padding: 1.5rem 0; }
  .cs-h1 { font-size: clamp(1.6rem, 5vw, 2.4rem) !important; }
  .cs-sub { margin-bottom: 1rem; }
  .cs-body { margin-bottom: 1.5rem; }
}
.cs-logo-inline svg {
  height: 52px;
  width: auto;
  display: block;
}/* End custom CSS */