.elementor-kit-6{--e-global-color-primary:#F4A261;--e-global-color-secondary:#323232;--e-global-color-text:#9A9A9A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Product Sans Font";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Product Sans Font";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Product Sans Font";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Product Sans Font", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.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);}.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-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 *//* Class untuk teks dengan gradien warna */
.gradient-text {
    background: linear-gradient(135deg, #94c6fe 25%, #fdcd97 50%, #dbb0d7 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;

    /* Tambahan solusi */
    line-height: 1.2em;  /* Sesuaikan tinggi baris */
    padding-bottom: 5px; /* Hindari teks terpotong */
    position: relative;
}

/* Class untuk teks dengan gradien bergerak */
.animated-gradient-text {
    background: linear-gradient(135deg, #94c6fe 25%, #fdcd97 50%, #dbb0d7 75%);
    background-size: 300% 300%;
    animation: gradientMove 15s infinite linear;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;

    /* Tambahan solusi */
    line-height: 1.2em;
    padding-bottom: 5px;
    position: relative;
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}



/* Style sticky header untuk keadaan normal */
.sticky-header {
   background: rgba(255, 255, 255, 0.6); /* Warna semi-transparan */
   backdrop-filter: blur(10px); /* Efek blur */
   -webkit-backdrop-filter: blur(50px); /* Untuk browser Safari */
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Border bawah tipis berwarna gelap */
}



body {
    background-color: #fff; /* Warna default body */
    transition: background-color 0.3s ease; /* Efek transisi saat perubahan background */
}

body.dark-bg {
    background-color: #141415; /* Warna saat container aktif */
}

body.dark-bg .sticky-header {
    background: #ffffff !important; /* Solid putih tanpa transparansi */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* Garis bawah tetap terlihat */
    backdrop-filter: none !important; /* Menghilangkan efek blur */
    -webkit-backdrop-filter: none !important; /* Menghilangkan efek blur untuk Safari */
    box-shadow: none !important; /* Menghilangkan shadow jika ada */
}


body, html {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Product Sans Font';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://beruangpos.com/wp-content/uploads/2025/02/ProductSans-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Product Sans Font';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://beruangpos.com/wp-content/uploads/2025/02/ProductSans-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Product Sans Font';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://beruangpos.com/wp-content/uploads/2025/02/ProductSans-Black.woff') format('woff');
}
@font-face {
	font-family: 'Product Sans Font';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://beruangpos.com/wp-content/uploads/2025/02/ProductSans-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Product Sans Font';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://beruangpos.com/wp-content/uploads/2025/02/ProductSans-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */