.elementor-kit-12{--e-global-color-a703e09:#F7F7F7;--e-global-color-0c322de:#ECECEC;--e-global-color-890e94e:#FFF24E;--e-global-color-2765926:#5DFF8F;--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-12 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);}@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 *//* Start custom CSS */
/* Replace .cool-hover with your custom CSS class if you used one */
.cool-hover a {
    position: relative;
    text-decoration: none !important;
    /* Add !important to ensure it takes precedence */
}

.cool-hover a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 5px;
    /* Adjust the underline thickness as needed */
    bottom: -5px;
    /* Adjust this value to move the underline further below the text */
    left: 0;
    background-color: #a941c6;
    /* Change this to your desired underline color */
    transition: width 0.3s ease-in-out;
}

.cool-hover a:hover::before {
    width: 100%;
}

/* End custom CSS *//* End custom CSS */