.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-color-dadc89e:#4F7B58;--e-global-color-1431e21:#F8F8F8;--e-global-color-631d235:#000000;--e-global-color-3055c64:#EC1D24;--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-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;}.site-footer .site-branding .site-logo img{width:0px;max-width:0px;}@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 */.elementor-button {

    transition: all 0.3s ease-in-out !important;

    border-radius: 50px !important;

}



.elementor-button:hover {

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(0, 208, 132, 0.3);

}



/* Ghost Buttons for Hero Section Branch Links */

.hero-branch-btn .elementor-button {

    background-color: rgba(255, 255, 255, 0.15) !important;

    border: 1px solid rgba(255, 255, 255, 0.4) !important;

    backdrop-filter: blur(4px);

    color: #ffffff !important;

    padding: 10px 24px !important;

}



.hero-branch-btn .elementor-button:hover {

    background-color: rgba(255, 255, 255, 0.25) !important;

    border-color: #ffffff !important;

}



/* Branch Card Elevated Hover Effects */

.branch-card {

    transition: all 0.3s ease-in-out;

    border: 1px solid #eef0f2;

    border-radius: 12px;

    background-color: #ffffff;

    overflow: hidden;

}



.branch-card:hover {

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);

    transform: translateY(-5px);

    border-color: transparent;

}



/* Medical Aid Logos - Grayscale to Color Reveal */

.medical-aid-logo img {

    filter: grayscale(100%);

    transition: all 0.4s ease;

    opacity: 0.6;

}



.medical-aid-logo img:hover {

    filter: grayscale(0%);

    opacity: 1;

}



/* Transparent to Solid Sticky Header Transition */

.klini-sticky-header {

    transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;

}



.klini-sticky-header.elementor-sticky--effects {

    background-color: #ffffff !important; 

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;

}/* End custom CSS */