.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-94 .elementor-element.elementor-element-1440615{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-1440615 *//* ============================================================
GOUTAM IAS ACADEMY — PERFORMANCE-OPTIMIZED HOMEPAGE CSS v2
Add via: Elementor > Site Settings > Custom CSS

Same speed principles as before: no external font loading, minimal
box-shadows, single stylesheet. Adds styles for the new intro text,
trust grid, and FAQ blocks in v2.
============================================================ */

:root {
  --gia-navy: #1F4E78;
  --gia-navy-dark: #163a5a;
  --gia-gold: #FFC629;
  --gia-bg-alt: #F7F9FC;
  --gia-border: #E5E9F0;
  --gia-text: #111827;
  --gia-text-muted: #6B7280;
  --gia-radius: 12px;
  --gia-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.gia-home-wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px; font-family: var(--gia-font); }
.gia-home-wrap * { box-sizing: border-box; }

/* Hero */
.gia-hero { background: var(--gia-navy); color: #fff; padding: 52px 16px; text-align: center; border-radius: 0 0 16px 16px; margin-bottom: 8px; }
.gia-hero-inner { max-width: 760px; margin: 0 auto; }
.gia-hero h1 { font-size: clamp(26px, 4vw, 40px); line-height: 1.2; margin: 0 0 12px; font-weight: 700; }
.gia-hero-sub { font-size: 16px; opacity: 0.92; margin: 0 0 22px; }

.gia-search { display: flex; max-width: 520px; margin: 0 auto 20px; }
.gia-search input[type="search"] { flex: 1; padding: 12px 14px; border: none; border-radius: 8px 0 0 8px; font-size: 15px; }
.gia-search button { padding: 12px 20px; border: none; border-radius: 0 8px 8px 0; background: var(--gia-gold); color: var(--gia-navy); font-weight: 700; cursor: pointer; }

.gia-hero-links { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 6px; }
.gia-btn { display: inline-block; padding: 11px 20px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 14px; }
.gia-btn-primary { background: var(--gia-gold); color: var(--gia-navy); }
.gia-btn-secondary { background: transparent; color: #fff; border: 2px solid #fff; }
.gia-btn-primary:hover { background: #ffd452; }
.gia-btn-secondary:hover { background: rgba(255,255,255,0.12); }

/* Intro text block */
.gia-intro {
  padding: 28px 0 8px;
  text-align: center;
}
.gia-intro p {
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--gia-text);
  max-width: 900px;
  margin: 0 auto; /* centers the block on the page */
  text-align: center; /* centers each line of text */
}
.gia-section-intro {
  color: var(--gia-text-muted);
  font-size: 14px;
  margin: -8px auto 16px;
  max-width: 900px;
  text-align: center;
}


.gia-section { padding: 32px 0; }
.gia-section-alt { background: var(--gia-bg-alt); border-radius: 16px; padding: 32px 20px; }
.gia-section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; flex-wrap: wrap; gap: 8px; }
.gia-section-head h2 { font-size: 21px; margin: 0; color: var(--gia-navy); font-weight: 700; }
.gia-viewall { color: var(--gia-navy); font-weight: 600; text-decoration: none; font-size: 14px; white-space: nowrap; }
.gia-viewall:hover { text-decoration: underline; }

/* Grids */
.gia-grid { display: grid; gap: 14px; }
.gia-grid-subjects { grid-template-columns: repeat(4, 1fr); }
.gia-grid-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) { .gia-grid-subjects, .gia-grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .gia-grid-subjects, .gia-grid-4 { grid-template-columns: 1fr; } }

/* List style — used for ALL dynamic 15-post sections via Elementor Posts widget "Classic" skin */
.gia-grid-list { border: 1px solid var(--gia-border); border-radius: var(--gia-radius); overflow: hidden; background: #fff; }
.gia-grid-list .elementor-post { padding: 13px 18px; border-bottom: 1px solid #EEF1F5; display: flex; gap: 14px; align-items: baseline; }
.gia-grid-list .elementor-post:last-child { border-bottom: none; }
.gia-grid-list .elementor-post:hover { background: var(--gia-bg-alt); }
.gia-grid-list .elementor-post__title { font-size: 15px; color: var(--gia-text); margin: 0; }
.gia-grid-list .elementor-post__title a { color: inherit; text-decoration: none; }
.gia-grid-list .elementor-post__meta-data { font-size: 12.5px; color: var(--gia-navy); font-weight: 600; min-width: 70px; }

/* Subject tiles (static, now with subtitle) */
.gia-subject-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: #fff; border: 1px solid var(--gia-border); border-radius: var(--gia-radius); padding: 18px 10px; text-decoration: none; color: var(--gia-navy); min-height: 84px; }
.gia-subject-tile span { font-weight: 700; font-size: 15px; }
.gia-subject-tile small { font-size: 12px; color: var(--gia-text-muted); margin-top: 4px; }
.gia-subject-tile:hover { background: var(--gia-navy); }
.gia-subject-tile:hover span, .gia-subject-tile:hover small { color: #fff; }

/* Trust grid */
.gia-trust-grid { grid-template-columns: repeat(4, 1fr); }
.gia-trust-item { background: #fff; border-radius: var(--gia-radius); padding: 20px; border: 1px solid var(--gia-border); }
.gia-trust-item strong { display: block; color: var(--gia-navy); font-size: 15px; margin-bottom: 8px; }
.gia-trust-item p { font-size: 13.5px; color: var(--gia-text-muted); margin: 0; line-height: 1.5; }
@media (max-width: 900px) { .gia-trust-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .gia-trust-grid { grid-template-columns: 1fr; } }

/* FAQ */
.gia-faq-item { border-bottom: 1px solid var(--gia-border); padding: 16px 0; }
.gia-faq-item:last-child { border-bottom: none; }
.gia-faq-item h3 { font-size: 16px; color: var(--gia-text); margin: 0 0 6px; }
.gia-faq-item p { font-size: 14.5px; color: var(--gia-text-muted); margin: 0; line-height: 1.6; }

.gia-section-placeholder { display: none; }/* End custom CSS */