.elementor-kit-277{--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-kit-277 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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;}}/* Start custom CSS *//* ============================================
   KHS Global Styles
   Based on carloans.com.au design system
   Paste in: Elementor > Site Settings > Custom CSS
   ============================================ */

/* --- Font Stack --- */
body,
.elementor-widget-text-editor,
.elementor-widget-heading {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- Base Body Text --- */
body {
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  font-weight: 400;
}

/* --- Headings (Desktop) --- */
h1, .elementor-widget-heading h1,
.elementor-heading-title.elementor-size-xxl {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.15;
  color: #002858;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
}

h2, .elementor-widget-heading h2,
.elementor-heading-title.elementor-size-xl {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  color: #002858;
  letter-spacing: -0.3px;
  margin-bottom: 14px;
}

h3, .elementor-widget-heading h3,
.elementor-heading-title.elementor-size-large {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.25;
  color: #002858;
  margin-bottom: 12px;
}

h4, .elementor-widget-heading h4,
.elementor-heading-title.elementor-size-medium {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  color: #002858;
  margin-bottom: 10px;
}

h5, .elementor-widget-heading h5,
.elementor-heading-title.elementor-size-small {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  color: #002858;
  margin-bottom: 8px;
}

h6, .elementor-widget-heading h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #002858;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* --- Paragraph & Text --- */
p, .elementor-widget-text-editor p {
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 16px;
}

.text-small, small {
  font-size: 14px;
  line-height: 1.5;
  color: #666666;
}

.text-label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #868e96;
}

/* --- Links --- */
a {
  color: #0074ff;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: #002858;
}

/* --- Primary CTA Button (Orange) --- */
.elementor-button,
.elementor-widget-button .elementor-button {
  background-color: #F97316 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 14px 32px !important;
  border-radius: 8px !important;
  border: none !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.elementor-button:hover {
  background-color: #e8650f !important;
  transform: translateY(-1px) !important;
}

/* --- Secondary Button (Outline) --- */
.btn-secondary,
.elementor-button.elementor-button-outline {
  background-color: transparent !important;
  color: #002858 !important;
  border: 2px solid #002858 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 12px 30px !important;
  border-radius: 8px !important;
}

.btn-secondary:hover,
.elementor-button.elementor-button-outline:hover {
  background-color: #002858 !important;
  color: #ffffff !important;
}

/* --- Container / Section Spacing --- */
.elementor-section {
  max-width: 1200px;
}

.elementor-section .elementor-container {
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.elementor-section-wrap > .elementor-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

/* --- Cards / Boxes --- */
.elementor-widget-icon-box .elementor-icon-box-wrapper,
.khs-card {
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 28px 24px;
  transition: box-shadow 0.2s ease, transform 0.1s ease;
}

.elementor-widget-icon-box .elementor-icon-box-wrapper:hover,
.khs-card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

/* --- Trust/Badge Accent --- */
.khs-verified {
  color: #2f9e44;
  font-weight: 600;
  font-size: 13px;
}

.khs-accent {
  color: #0074ff;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* --- FAQ Accordion --- */
.elementor-accordion .elementor-accordion-item {
  border: 1px solid #e9ecef !important;
  border-radius: 8px !important;
  margin-bottom: 8px !important;
}

.elementor-accordion .elementor-tab-title {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #333333 !important;
  padding: 16px 20px !important;
}

.elementor-accordion .elementor-tab-content {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #555555 !important;
  padding: 0 20px 16px !important;
}

/* --- Dark Section (Hero / Bottom CTA) --- */
.khs-dark-section,
.elementor-section.khs-dark {
  background-color: #002858 !important;
}

.khs-dark-section h1,
.khs-dark-section h2,
.khs-dark h1,
.khs-dark h2 {
  color: #ffffff !important;
}

.khs-dark-section p,
.khs-dark p {
  color: #c8d9f0 !important;
}

/* --- Light Gray Section (Why Us / Testimonials) --- */
.khs-light-section {
  background-color: #f8f9fa !important;
}

/* --- Light Blue Section (Tools Strip) --- */
.khs-blue-section {
  background-color: #e7f5ff !important;
}

/* ============================================
   TABLET (max-width: 1024px)
   ============================================ */
@media (max-width: 1024px) {
  h1, .elementor-widget-heading h1,
  .elementor-heading-title.elementor-size-xxl {
    font-size: 38px;
  }

  h2, .elementor-widget-heading h2,
  .elementor-heading-title.elementor-size-xl {
    font-size: 30px;
  }

  h3, .elementor-widget-heading h3,
  .elementor-heading-title.elementor-size-large {
    font-size: 24px;
  }

  h4, .elementor-widget-heading h4 {
    font-size: 20px;
  }

  .elementor-section-wrap > .elementor-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

/* ============================================
   MOBILE (max-width: 767px)
   ============================================ */
@media (max-width: 767px) {
  body {
    font-size: 15px;
  }

  h1, .elementor-widget-heading h1,
  .elementor-heading-title.elementor-size-xxl {
    font-size: 30px;
    line-height: 1.2;
  }

  h2, .elementor-widget-heading h2,
  .elementor-heading-title.elementor-size-xl {
    font-size: 24px;
    line-height: 1.25;
  }

  h3, .elementor-widget-heading h3,
  .elementor-heading-title.elementor-size-large {
    font-size: 20px;
  }

  h4, .elementor-widget-heading h4 {
    font-size: 18px;
  }

  h5, .elementor-widget-heading h5 {
    font-size: 16px;
  }

  h6, .elementor-widget-heading h6 {
    font-size: 14px;
  }

  p, .elementor-widget-text-editor p {
    font-size: 15px;
    line-height: 1.55;
  }

  .elementor-button,
  .elementor-widget-button .elementor-button {
    font-size: 15px !important;
    padding: 12px 24px !important;
    width: 100% !important;
    text-align: center !important;
  }

  .elementor-section-wrap > .elementor-section {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .elementor-section .elementor-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ============================================
   KOREAN TEXT SUPPORT
   ============================================ */
:lang(ko),
.khs-korean {
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Noto Sans KR", sans-serif;
  word-break: keep-all;
}/* End custom CSS */