.elementor-kit-55{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#CEA761;--e-global-color-6855b05:#FFC107;--e-global-color-2b3855b:#000000;--e-global-color-ec29866:#FFFFFF;--e-global-color-7c18f17:#469150;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:3.5rem;--e-global-typography-primary-font-weight:bold;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:1.7rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:0.9rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:1.6rem;--e-global-typography-accent-font-weight:600;--e-global-typography-85eeb89-font-family:"Inter";--e-global-typography-85eeb89-font-size:1rem;--e-global-typography-85eeb89-font-weight:600;--e-global-typography-85eeb89-line-height:1.5em;--e-global-typography-0291fdc-font-family:"Inter";--e-global-typography-0291fdc-font-size:0.8rem;--e-global-typography-0291fdc-font-weight:400;--e-global-typography-0291fdc-line-height:1.5em;--e-global-typography-d58be79-font-family:"Montserrat";--e-global-typography-d58be79-font-size:0.8rem;--e-global-typography-d58be79-font-weight:700;--e-global-typography-d58be79-line-height:1.1em;}.elementor-kit-55 e-page-transition{background-color:#FFBC7D;}.elementor-kit-55 p{margin-block-end:0px;}.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);}@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-kit-55{--e-global-typography-primary-font-size:2rem;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:1.8rem;--e-global-typography-secondary-line-height:1em;--e-global-typography-text-font-size:0.9rem;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-size:1.4rem;--e-global-typography-accent-line-height:1em;--e-global-typography-85eeb89-font-size:0.9rem;--e-global-typography-85eeb89-line-height:1.4em;--e-global-typography-0291fdc-font-size:0.8rem;--e-global-typography-0291fdc-line-height:1.4em;--e-global-typography-d58be79-font-size:1.8rem;--e-global-typography-d58be79-line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===================================================== PREMIUM MODULE CARD Use classes: premium-module-card module-01 premium-module-card module-02 premium-module-card module-03 ... ===================================================== */ .elementor-widget-icon-box.premium-module-card { position: relative !important; isolation: isolate !important; overflow: hidden !important; background: radial-gradient(circle at 0% 0%, rgba(168, 85, 247, .14), transparent 34%), radial-gradient(circle at 100% 100%, rgba(14, 165, 233, .08), transparent 36%), linear-gradient(135deg, rgba(13, 5, 35, .94), rgba(7, 2, 22, .98)) !important; border: 1px solid rgba(168, 85, 247, .52) !important; border-radius: 28px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 58px rgba(0,0,0,.30), 0 0 28px rgba(168,85,247,.10) !important; backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease; } /* inner clean */ .elementor-widget-icon-box.premium-module-card > .elementor-widget-container { position: relative !important; z-index: 5 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* animated gradient border */ .elementor-widget-icon-box.premium-module-card::before { content: ""; position: absolute; inset: 0; z-index: 1; padding: 1px; border-radius: inherit; background: linear-gradient( 135deg, rgba(216, 180, 254, .70), rgba(168, 85, 247, .40), rgba(14, 165, 233, .26), rgba(168, 85, 247, .44), rgba(216, 180, 254, .70) ); background-size: 220% 220%; opacity: .72; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; animation: moduleBorderFlow 8s ease-in-out infinite; } /* subtle ambient layer */ .elementor-widget-icon-box.premium-module-card::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(circle at 16% 12%, rgba(255,255,255,.04), transparent 14%), radial-gradient(circle at 88% 88%, rgba(14,165,233,.06), transparent 18%); opacity: .9; } /* content */ .elementor-widget-icon-box.premium-module-card .elementor-icon-box-wrapper, .elementor-widget-icon-box.premium-module-card .elementor-icon-box-content { position: relative !important; z-index: 6 !important; text-align: left !important; } /* hide icon */ .elementor-widget-icon-box.premium-module-card .elementor-icon-box-icon { display: none !important; } /* module label */ .elementor-widget-icon-box.premium-module-card .elementor-icon-box-content::before { display: block; margin-bottom: 8px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 14px; font-weight: 800; line-height: 1.1; letter-spacing: .14em; text-transform: uppercase; background: linear-gradient(90deg, #efc6ff, #c45cff, #8b5cf6); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 12px rgba(168,85,247,.24)); animation: moduleLabelGlow 4s ease-in-out infinite; } /* watermark number */ .elementor-widget-icon-box.premium-module-card .elementor-icon-box-content::after { position: absolute; top: -38px; right: -32px; z-index: -1; font-size: clamp(82px, 7vw, 118px); font-weight: 900; line-height: 1; letter-spacing: -.08em; color: rgba(168, 85, 247, .09); text-shadow: 0 0 28px rgba(168,85,247,.10); pointer-events: none; } /* title */ .elementor-widget-icon-box.premium-module-card .elementor-icon-box-title { color: #ffffff !important; text-align: left !important; text-shadow: 0 0 18px rgba(255,255,255,.05); } /* description */ .elementor-widget-icon-box.premium-module-card .elementor-icon-box-description { color: rgba(255,255,255,.64) !important; text-align: left !important; } /* hover */ .elementor-widget-icon-box.premium-module-card:hover { transform: translateY(-3px); background: radial-gradient(circle at 0% 0%, rgba(168, 85, 247, .18), transparent 34%), radial-gradient(circle at 100% 100%, rgba(14, 165, 233, .12), transparent 36%), linear-gradient(135deg, rgba(16, 6, 42, .96), rgba(7, 2, 22, .99)) !important; border-color: rgba(216, 180, 254, .72) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 22px 68px rgba(0,0,0,.36), 0 0 42px rgba(168,85,247,.16) !important; } .elementor-widget-icon-box.premium-module-card:hover::before { opacity: .9; } .elementor-widget-icon-box.premium-module-card:hover .elementor-icon-box-content::after { color: rgba(168, 85, 247, .12); } /* ========================================= MODULE LABEL + NUMBER CONTENT ========================================= */ .elementor-widget-icon-box.premium-module-card.module-01 .elementor-icon-box-content::before { content: "MODUL 01"; } .elementor-widget-icon-box.premium-module-card.module-02 .elementor-icon-box-content::before { content: "MODUL 02"; } .elementor-widget-icon-box.premium-module-card.module-03 .elementor-icon-box-content::before { content: "MODUL 03"; } .elementor-widget-icon-box.premium-module-card.module-04 .elementor-icon-box-content::before { content: "MODUL 04"; } .elementor-widget-icon-box.premium-module-card.module-05 .elementor-icon-box-content::before { content: "MODUL 05"; } .elementor-widget-icon-box.premium-module-card.module-06 .elementor-icon-box-content::before { content: "MODUL 06"; } .elementor-widget-icon-box.premium-module-card.module-07 .elementor-icon-box-content::before { content: "MODUL 07"; } .elementor-widget-icon-box.premium-module-card.module-08 .elementor-icon-box-content::before { content: "MODUL 08"; } .elementor-widget-icon-box.premium-module-card.module-09 .elementor-icon-box-content::before { content: "MODUL 09"; } .elementor-widget-icon-box.premium-module-card.module-10 .elementor-icon-box-content::before { content: "MODUL 10"; } .elementor-widget-icon-box.premium-module-card.module-01 .elementor-icon-box-content::after { content: "01"; } .elementor-widget-icon-box.premium-module-card.module-02 .elementor-icon-box-content::after { content: "02"; } .elementor-widget-icon-box.premium-module-card.module-03 .elementor-icon-box-content::after { content: "03"; } .elementor-widget-icon-box.premium-module-card.module-04 .elementor-icon-box-content::after { content: "04"; } .elementor-widget-icon-box.premium-module-card.module-05 .elementor-icon-box-content::after { content: "05"; } .elementor-widget-icon-box.premium-module-card.module-06 .elementor-icon-box-content::after { content: "06"; } .elementor-widget-icon-box.premium-module-card.module-07 .elementor-icon-box-content::after { content: "07"; } .elementor-widget-icon-box.premium-module-card.module-08 .elementor-icon-box-content::after { content: "08"; } .elementor-widget-icon-box.premium-module-card.module-09 .elementor-icon-box-content::after { content: "09"; } .elementor-widget-icon-box.premium-module-card.module-10 .elementor-icon-box-content::after { content: "10"; } /* animations */ @keyframes moduleBorderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes moduleLabelGlow { 0%, 100% { filter: drop-shadow(0 0 10px rgba(168,85,247,.18)); } 50% { filter: drop-shadow(0 0 16px rgba(168,85,247,.28)); } } /* mobile */ @media (max-width: 767px) { .elementor-widget-icon-box.premium-module-card { border-radius: 22px !important; } .elementor-widget-icon-box.premium-module-card .elementor-icon-box-content::before { font-size: 13px; margin-bottom: 6px; } .elementor-widget-icon-box.premium-module-card .elementor-icon-box-content::after { top: -28px; right: -22px; font-size: 74px; } } /* accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-widget-icon-box.premium-module-card, .elementor-widget-icon-box.premium-module-card::before, .elementor-widget-icon-box.premium-module-card .elementor-icon-box-content::before { animation: none !important; transition: none !important; } }/* End custom CSS */