.elementor-kit-3615{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-6cd2fee4:#4054B2;--e-global-color-3aec6a19:#23A455;--e-global-color-36d3307a:#000;--e-global-color-2984962c:#FFF;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;}.elementor-kit-3615 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1308px;}.e-con{--container-max-width:1308px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}.sc_layouts_title_caption{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 *//* ==========================================================================
   ΓΕΝΙΚΗ ΔΙΑΤΑΞΗ ΓΙΑ ΤΟ ΚΟΥΤΑΚΙ (Εφαρμόζεται αυτόματα και στις δύο παραλλαγές)
   ========================================================================== */
.title-with-number, .title-with-number-dark {
    position: relative !important;
    display: block !important;
    width: max-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.title-with-number::before, .title-with-number-dark::before {
    content: attr(data-number) !important; /* Τραβάει τον αριθμό δυναμικά από τα Attributes */
    position: absolute !important;
    top: -22px !important;
    left: -35px !important;
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 1.20rem !important;
    font-weight: bold !important;
    line-height: 1 !important;
    padding: 5px 5px !important;
    border-radius: 0px !important;
    z-index: 10 !important;
}

/* ==========================================================================
   ΠΑΡΑΛΛΑΓΗ Α: ΓΙΑ ΑΝΟΙΧΤΟ ΦΟΝΤΟ (Πορτοκαλί κουτάκι με λευκό περίγραμμα)
   ========================================================================== */
.title-with-number::before {
    background-color: #ff5a3c !important;
    color: #ffffff !important;
    border: 0px solid #ffffff !important;
    box-shadow: 0px 4px 10px rgba(255, 90, 60, 0.2) !important;
}

/* ==========================================================================
   ΠΑΡΑΛΛΑΓΗ Β: ΓΙΑ ΣΚΟΥΡΟ ΦΟΝΤΟ (Λευκό κουτάκι με σκούρο περίγραμμα/γράμματα)
   ========================================================================== */
.title-with-number-dark::before {
    background-color: #ffffff !important;   /* Λευκό φόντο στο κουτάκι */
    color: #ff5a3c !important;              /* Σκούρα γράμματα */
    border: 0px solid #111111 !important;    /* Σκούρο περίγραμμα (ή το χρώμα του background σας) */
   /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;  Σκούρη σκιά */
}/* End custom CSS */