.elementor-kit-7{--e-global-color-primary:#D32F2F;--e-global-color-secondary:#0F0F0F;--e-global-color-text:#1F2937;--e-global-color-accent:#9CA3AF;--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;background-color:#F5F5F5;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:0px;word-spacing:0px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"Inter", Sans-serif;font-size:42px;font-weight:700;line-height:1.2em;}.elementor-kit-7 h2{font-family:"Inter", Sans-serif;font-size:32px;font-weight:600;}.elementor-kit-7 h3{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;}.elementor-kit-7 h4{font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Brand System (Red / Black / Gray) ===== */
:root{
  --brand-red: #D32F2F;
  --brand-black: #0F0F0F;
  --brand-text: #1F2937;
  --brand-muted: #6B7280;
  --brand-bg: #FFFFFF;
  --brand-bg-soft: #F5F5F5;

  --radius: 6px;
  --btn-pad-y: 14px;
  --btn-pad-x: 24px;
}

/* ===== Global Typography ===== */
body{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--brand-text);
  background: var(--brand-bg);
}

/* Headings */
h1,h2,h3,h4,h5,h6{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--brand-black);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 .6em;
}
h2,h3,h4{ font-weight: 600; }

/* Optional: slightly tighter H1 feel */
h1{ letter-spacing: -0.5px; }

/* Links */
a{ color: var(--brand-red); }
a:hover{ color: #B91C1C; }

/* ===== Buttons (Elementor buttons) ===== */
.elementor .elementor-button,
.elementor .elementor-button:visited{
  background-color: var(--brand-red);
  color: #fff;
  border-radius: var(--radius);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  font-weight: 600;
  border: none;
  transition: background-color .2s ease, transform .05s ease;
}

.elementor .elementor-button:hover,
.elementor .elementor-button:focus{
  background-color: var(--brand-black);
  color: #fff;
}

.elementor .elementor-button:active{
  transform: translateY(1px);
}

/* ===== Section Background Helpers ===== */
/* Use these by adding classes to a section/container:
   bg-soft   (light gray)
   bg-dark   (black)
   text-white (white text)
*/
.bg-soft{ background: var(--brand-bg-soft) !important; }
.bg-dark{ background: var(--brand-black) !important; }
.text-white, .text-white *{ color: #fff !important; }

/* ===== Header/Nav (Elementor Nav Menu) ===== */
/* Ensures nav items inherit your palette */
.elementor-nav-menu--main a{
  color: #fff;
}
.elementor-nav-menu--main a:hover{
  color: var(--brand-red);
}

/* Mobile dropdown panel */
.elementor-nav-menu__container{
  background: var(--brand-black);
}
.elementor-nav-menu__container a{
  color: #fff;
}
.elementor-nav-menu__container a:hover{
  color: var(--brand-red);
}

/* ===== Responsive font tweak ===== */
@media (max-width: 767px){
  body{ font-size: 15px; }
}/* End custom CSS */