.elementor-kit-6{--e-global-color-primary:#231F20;--e-global-color-secondary:#54595F;--e-global-color-text:#58595B;--e-global-color-accent:#58595B;--e-global-color-f9acf14:#FFFFFF;--e-global-color-c1f8645:#6BCBF3;--e-global-color-e6acaee:#479ACE;--e-global-color-2fd0443:#000000;--e-global-color-39f088b:#BBBDBFB3;--e-global-color-3bdbaec:#00000050;--e-global-color-2d70acb:#E0F3FC;--e-global-color-3614e3a:#FFFFFF00;--e-global-color-713bf26:#F6F8FA;--e-global-typography-primary-font-family:"Rubik";--e-global-typography-primary-font-size:38px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Rubik";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Arimo";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:600;}.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){--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 *//* -----------------------------
   Container: Base hover animation (shared)
   ----------------------------- */
.hover-animate {
  display: inline-block; /* make scale visible */
  transform-origin: center center; /* scale from center */
  transition: 
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.4s ease;
}

.hover-animate:hover {
  transform: scale(1.05) !important; /* force scale */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

.hover-animate:active {
  transform: scale(0.98) !important; /* press down effect */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important;
}


/*icon box*/
/* -----------------------------
   Gradient IconBox Style
   Usage: Add class "gradient-icon" in Elementor
   ----------------------------- */

/* 🔵 Normal state: gradient background */
.gradient-icon .ha-infobox-figure--icon {
  font-size: 36px;
  border-radius: 6%;
  color: #ffffff; /* icon stays white */
  transition: background 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

/* 🟢 Hover state: lighter gradient + zoom + shadow */
.gradient-icon .ha-infobox-figure--icon:hover {
  color: #414042; /* icon dark grey */
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* 🔴 Active state: darker gradient + press effect */
.gradient-icon .ha-infobox-figure--icon:active {
  color: #414042;
  transform: scale(0.97);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}/* End custom CSS */