.elementor-kit-4{--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:"Plus Jakarta Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:300;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:transparent;font-family:"DM Sans", Sans-serif;font-size:13px;font-weight:600;background-image:linear-gradient(107deg, #0C1F12 0%, var( --e-global-color-blocksy_palette_2 ) 100%);border-radius:5px 5px 5px 5px;padding:10px 20px 10px 20px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:#159243;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-kit-4 h1{font-family:"Playfair Display", Sans-serif;font-size:72px;}.elementor-kit-4 h2{font-family:"Cormorant Garamond", Sans-serif;font-size:64px;font-weight:700;}.elementor-kit-4 h3{font-family:"Cormorant Garamond", Sans-serif;font-weight:700;}.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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* LOKU Digital - Premium Minimalist Box System */

/* 1. Standard Clean Box Effect */
.loku-box {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important; /* සිහින් Bolt.new ස්ටයිල් බෝඩර් එක */
    border-radius: 12px !important;
    padding: 30px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

/* Box Hover Animation - Smooth scale & border color change */
.loku-box:hover {
    transform: translateY(-5px) !important;
    border-color: #2563eb !important; /* Hover කරද්දී Royal Blue වෙනවා */
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.06) !important;
}

/* 2. Most Popular / Featured Box Effect (මැද පැකේජ් එකට) */
.loku-box-popular {
    background-color: #ffffff !important;
    border: 2px solid #2563eb !important; /* තද නිල් පාට බෝඩර් එක */
    border-radius: 12px !important;
    padding: 30px !important;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.05) !important;
}

.loku-box-popular:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 32px rgba(37, 99, 235, 0.1) !important;
}

/* 3. Modern Minimalist Badge (MOST POPULAR tag එකට) */
.loku-badge {
    display: inline-block !important;
    background-color: #2563eb !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    margin-bottom: 15px !important;
}

/* 4. Working Process Step Numbers (01, 02, 03...) */
.loku-step-num {
    font-size: 36px !important;
    font-weight: 800 !important;
    color: #2563eb !important;
    opacity: 0.15 !important;
    line-height: 1 !important;
    margin-bottom: 15px !important;
    transition: opacity 0.3s ease !important;
}

/* Hover කරද්දී නොම්මරය තද පැහැ වීම */
.loku-box:hover .loku-step-num,
.loku-box-popular:hover .loku-step-num {
    opacity: 1 !important;
}

/* 5. Clean Premium CTA Button Inside Box */
.loku-btn {
    background-color: #2563eb !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    transition: background-color 0.2s ease !important;
    text-align: center !important;
}

.loku-btn:hover {
    background-color: #1d4ed8 !important;
}

html {
  scroll-behavior: smooth;
}/* End custom CSS */