/* Generated by build_defaults_css.py from static/documents/index.html.
   The shared half of Elementor's per-page CSS: colour variables and
   per-widget defaults. Re-run after a fresh mirror. */

.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}
.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}
.e-con{--container-max-width:1140px;}
.elementor-widget:not(:last-child){margin-block-end:20px;}
.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}
{}
h1.entry-title{display:var(--page-title-display);}
@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}
@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
.elementor-widget-section-title .section-top-heading{color:var( --e-global-color-primary );}
.elementor-widget-section-title .section-title-wrap .theme-border::before, .elementor-widget-section-title .section-title-wrap .theme-border::after{background:var( --e-global-color-primary );}
.elementor-widget-section-title .section-heading{color:var( --e-global-color-primary );}
.elementor-widget-documents .document-tab label{color:var( --e-global-color-primary );opacity:var( --e-global-color-primary );}
.elementor-widget-documents .document-tab-content h4{color:var( --e-global-color-primary );}
.elementor-widget-documents .doc-desc{color:var( --e-global-color-primary );}
.elementor-widget-documents .document-content a i{color:var( --e-global-color-primary );}
.elementor-widget-msitheme-counter .section-top-heading{color:var( --e-global-color-primary );}
.elementor-widget-msitheme-counter .counter-fun-wrap .section-top-heading::before, .counter-fun-wrap .section-top-heading::after{background:var( --e-global-color-primary );}
.elementor-widget-msitheme-counter .single-fun h6{color:var( --e-global-color-primary );}
.elementor-widget-msitheme-counter .count{color:var( --e-global-color-primary );}
.elementor-widget-msitheme-counter .theme-btn{color:var( --e-global-color-primary );background:var( --e-global-color-primary );}
.elementor-widget-msitheme-counter .theme-btn:hover{color:var( --e-global-color-primary );background:var( --e-global-color-primary );}
.elementor-widget-msitheme-counter .single-fun.theme-border::before, .single-fun.theme-border::after{background:var( --e-global-color-primary );}
@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-4f3be1d .single-fun h6{font-size:16px;}.elementor-28 .elementor-element.elementor-element-4f3be1d .count{font-size:35px;line-height:35px;}}
@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-f0d6783 .section-heading{font-size:42px;line-height:48px;}.elementor-28 .elementor-element.elementor-element-0502bad .document-tab-content h4{font-size:25px;}.elementor-28 .elementor-element.elementor-element-4f3be1d .single-fun h6{font-size:16px;line-height:20px;}.elementor-28 .elementor-element.elementor-element-4f3be1d .count{font-size:36px;line-height:36px;}}

/* ------------------------------------------------------------------ */
/* Defaults for pages created in the editor.                          */
/*                                                                     */
/* The imported pages set these per element, in CSS generated when the */
/* page was built. A new page has no such rules, so the values the     */
/* site actually uses are stated once here. Anything a page defines    */
/* for itself still wins: this file is loaded first.                   */
/* ------------------------------------------------------------------ */

.elementor .section-title-wrap .section-heading,
.elementor .document-tab-content h4,
.elementor .counter-fun-wrap .single-fun h6,
.elementor .counter-fun-wrap .single-fun .count,
.elementor .text-block-content .section-heading,
.elementor .faq-title,
.elementor .table-details h6 {
  color: #fff;
}

.elementor .section-title-wrap .section-top-heading,
.elementor .counter-fun-wrap .section-top-heading {
  color: #B1DEE3;
}

.elementor .document-tabbed .doc-desc,
.elementor .document-tabs .document-tab label,
.elementor .text-block-description,
.elementor .table-desc {
  color: #fff;
}

.elementor .section-title-wrap .section-heading {
  font-size: 48px;
  line-height: 58px;
  text-transform: uppercase;
}

.elementor .section-title-wrap .section-top-heading,
.elementor .counter-fun-wrap .section-top-heading {
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
}
/* Scoped to .cms-default-style, which the renderer adds only when a   */
/* page has no CSS of its own. An imported page never gets this class, */
/* so its original spacing is untouched.                              */
/* ------------------------------------------------------------------ */

/* Elementor drives container spacing through custom properties, not through
   `padding` directly — setting the latter is simply overridden. The imported
   pages set --padding-top per element (150px on the first container of the
   documents page); these are the same knobs, with sensible values. */

.cms-default-style > .e-con {
  /* Elementor declares `display: var(--display)` on every container. When the
     variable is missing the declaration is invalid, and `display` falls back to
     its initial value — `inline`. The container then has no block box at all:
     it collapses to zero height, padding stops applying, and the wrapper ends
     up as a thin strip under the content. The imported pages set these per
     element; a page created in the editor gets them here. */
  --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;

  --padding-top: 60px;
  --padding-bottom: 60px;
  --padding-left: 0px;
  --padding-right: 0px;
}

.cms-default-style > .e-con:first-child {
  --padding-top: 150px;
}