.elementor-kit-827{--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:"Conthrax";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Inter Tight";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;color:#000000;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:23px;}.elementor-kit-827 e-page-transition{background-color:#FFBC7D;}.elementor-kit-827 a{color:#539BDD;font-family:"Inter", Sans-serif;}.elementor-kit-827 h1{color:#000000;font-family:"Inter", Sans-serif;font-size:31px;font-weight:700;line-height:47px;letter-spacing:0.3px;}.elementor-kit-827 h2{color:#000000;font-family:"Inter", Sans-serif;font-size:23px;line-height:20px;letter-spacing:0.1px;}.elementor-kit-827 h3{font-family:"Inter", Sans-serif;}.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;}}/* Start custom CSS *//* =========================================
   GEELY SM GROUP
   BRIGHT FUTURE BACKGROUND
   Nyambung halus ke dark footer
========================================= */

body {
  background:
    linear-gradient(
      180deg,
      #f7f3ee 0%,
      #f3f7f8 38%,
      #eef5f7 72%,
      #e7eff2 100%
    ) !important;

  color: #101820;
}


/* =========================================
   FUTURISTIC AMBIENT GLOW
========================================= */

body::before {
  content: "";

  position: fixed;
  inset: 0;

  z-index: -2;

  pointer-events: none;

  background:

    /* cyan glow kiri atas */
    radial-gradient(
      circle at 8% 10%,
      rgba(77, 210, 238, 0.14) 0%,
      rgba(77, 210, 238, 0.06) 18%,
      transparent 38%
    ),

    /* soft blue kanan */
    radial-gradient(
      circle at 92% 20%,
      rgba(102, 137, 255, 0.10) 0%,
      rgba(102, 137, 255, 0.04) 20%,
      transparent 40%
    ),

    /* pearl glow tengah */
    radial-gradient(
      circle at 50% 50%,
      rgba(255,255,255,0.75) 0%,
      transparent 45%
    );
}


/* =========================================
   VERY SUBTLE FUTURE GRID
========================================= */

body::after {
  content: "";

  position: fixed;
  inset: 0;

  z-index: -1;

  pointer-events: none;

  opacity: 0.28;

  background-image:
    linear-gradient(
      rgba(15, 45, 60, 0.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(15, 45, 60, 0.025) 1px,
      transparent 1px
    );

  background-size:
    64px 64px;

  -webkit-mask-image:
    linear-gradient(
      to bottom,
      black 0%,
      rgba(0,0,0,.6) 65%,
      transparent 100%
    );

  mask-image:
    linear-gradient(
      to bottom,
      black 0%,
      rgba(0,0,0,.6) 65%,
      transparent 100%
    );
}


/* =========================================
   ELEMENTOR TRANSPARENT
   Agar background body terlihat
========================================= */

.elementor,
.elementor-page,
.elementor-location-single,
.elementor-location-archive {
  background: transparent !important;
}


/* =========================================
   OPTIONAL:
   SECTION DEFAULT TRANSPARENT
========================================= */

.elementor-element.e-con {
  background-color: transparent;
}


/* =========================================
   TEXT DEFAULT FOR LIGHT AREA
========================================= */

body:not(.elementor-editor-active) {
  --geely-dark: #101820;
  --geely-muted: #667680;
  --geely-cyan: #2eaed0;
}


/* =========================================
   SMOOTH TRANSITION TO DARK FOOTER
========================================= */

.gcf-footer {
  position: relative;
}

.gcf-footer::before {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  top: -110px;

  height: 110px;

  pointer-events: none;

  background:
    linear-gradient(
      to bottom,
      rgba(231, 239, 242, 0) 0%,
      rgba(20, 29, 35, 0.18) 38%,
      rgba(5, 8, 11, 0.72) 78%,
      #05080b 100%
    );
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

  body {
    background:
      linear-gradient(
        180deg,
        #f8f4ef 0%,
        #f2f7f8 45%,
        #eaf2f4 100%
      ) !important;
  }

  body::before {
    background:

      radial-gradient(
        circle at 0% 8%,
        rgba(77, 210, 238, 0.13),
        transparent 32%
      ),

      radial-gradient(
        circle at 100% 30%,
        rgba(102, 137, 255, 0.08),
        transparent 35%
      );
  }

  body::after {
    background-size:
      42px 42px;

    opacity: 0.20;
  }

  .gcf-footer::before {
    top: -70px;
    height: 70px;
  }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Conthrax';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://geelysmcibubur.com/wp-content/uploads/2025/08/conthrax-sb.ttf') format('truetype');
}
/* End Custom Fonts CSS */