.elementor-kit-6{--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:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#005596;}.elementor-kit-6 h2{color:#272B2E;font-size:26px;font-weight:700;}.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-kit-6 h2{font-size:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h2{font-size:20px;line-height:26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== COLUMN SPACING ===== */
.hover-column {
    padding: 10px; /* this creates the 10px gap */
}

/* ===== HOVER BACKGROUND BOX ===== */
.hover-box {
    border-radius: 10px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* ===== BACKGROUND ON HOVER ===== */
.hover-column:hover .hover-box {
    background-color: #005596;
}

/* ===== TEXT & ICON COLOR ===== */
.hover-column:hover .hover-box *,
.hover-column:hover .hover-box h1,
.hover-column:hover .hover-box h2,
.hover-column:hover .hover-box h3,
.hover-column:hover .hover-box h4,
.hover-column:hover .hover-box h5,
.hover-column:hover .hover-box h6,
.hover-column:hover .hover-box p,
.hover-column:hover .hover-box span,
.hover-column:hover .hover-box i {
    color: #ffffff !important;
}

/* ===== SVG ICON FIX ===== */
.hover-column:hover .hover-box svg,
.hover-column:hover .hover-box svg * {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* ===== SMOOTH COLOR TRANSITION ===== */
.hover-box * {
    transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease;
}/* End custom CSS */