.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17513 .elementor-element.elementor-element-3f87ecc > .elementor-widget-container{margin:-32px 0px 0px 0px;}.elementor-17513 .elementor-element.elementor-element-3f87ecc{text-align:center;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-c0d9da0 );}@media(max-width:767px){.elementor-17513 .elementor-element.elementor-element-3f87ecc > .elementor-widget-container{margin:-27px -27px -27px -27px;}}/* Start custom CSS for text-editor, class: .elementor-element-3f87ecc *//* Style for the heading */
.elementor-heading-title {
    font-family: 'Roboto', sans-serif; /* Set the font to Roboto */
    font-size: 36px; /* Increase font size for visibility */
    font-weight: 700; /* Make the text bold for emphasis */
    color: #333; /* Dark color for high contrast and readability */
    text-align: center; /* Center-align the text */
    text-transform: uppercase; /* Make the text uppercase for emphasis */
    letter-spacing: 2px; /* Add letter spacing for clarity */
    padding: 20px 0; /* Add some padding above and below the text */
    transition: all 0.3s ease; /* Smooth transition for hover effect */
}

/* Hover effect to make the heading more dynamic */
.elementor-heading-title:hover {
    color: #FF5733; /* Change text color on hover */
    transform: scale(1.05); /* Slight zoom effect to draw attention */
}

/* Add a subtle animation to draw attention */
@keyframes headingAnimation {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply animation to the heading */
.elementor-heading-title {
    animation: headingAnimation 1s ease-out;
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */