.elementor-29762 .elementor-element.elementor-element-c17d6e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29762 .elementor-element.elementor-element-6775e67{text-align:center;}.elementor-29762 .elementor-element.elementor-element-6775e67 .elementor-heading-title{font-size:var( --e-global-typography-8a5fc26-font-size );font-weight:var( --e-global-typography-8a5fc26-font-weight );text-transform:var( --e-global-typography-8a5fc26-text-transform );line-height:var( --e-global-typography-8a5fc26-line-height );color:var( --e-global-color-primary );}.elementor-29762 .elementor-element.elementor-element-8bd761c{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:5px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;}.elementor-29762 .elementor-element.elementor-element-8bd761c .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-29762 .elementor-element.elementor-element-8bd761c .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-29762 .elementor-element.elementor-element-23f9d85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29762 .elementor-element.elementor-element-f17525b{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-29762 .elementor-element.elementor-element-f17525b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-29762 .elementor-element.elementor-element-f17525b:after{content:"0.66";}.elementor-29762 .elementor-element.elementor-element-f17525b .elementor-post__thumbnail__link{width:100%;}.elementor-29762 .elementor-element.elementor-element-f17525b .elementor-post__meta-data span + span:before{content:"•";}.elementor-29762 .elementor-element.elementor-element-f17525b .elementor-post__card{border-radius:25px;}.elementor-29762 .elementor-element.elementor-element-f17525b .elementor-post__text{margin-top:20px;}.elementor-29762 .elementor-element.elementor-element-f17525b .elementor-post__badge{right:0;}.elementor-29762 .elementor-element.elementor-element-f17525b .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-29762 .elementor-element.elementor-element-f17525b .elementor-post__title, .elementor-29762 .elementor-element.elementor-element-f17525b .elementor-post__title a{line-height:1.3em;}.elementor-29762 .elementor-element.elementor-element-b8ad9a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:576px){.elementor-29762 .elementor-element.elementor-element-23f9d85{--content-width:1282px;}.elementor-29762 .elementor-element.elementor-element-b8ad9a9{--content-width:1350px;}}@media(max-width:1399px){.elementor-29762 .elementor-element.elementor-element-6775e67 .elementor-heading-title{font-size:var( --e-global-typography-8a5fc26-font-size );line-height:var( --e-global-typography-8a5fc26-line-height );}}@media(max-width:991px){.elementor-29762 .elementor-element.elementor-element-6775e67 .elementor-heading-title{font-size:var( --e-global-typography-8a5fc26-font-size );line-height:var( --e-global-typography-8a5fc26-line-height );}}@media(max-width:575px){.elementor-29762 .elementor-element.elementor-element-6775e67{text-align:start;}.elementor-29762 .elementor-element.elementor-element-6775e67 .elementor-heading-title{font-size:var( --e-global-typography-8a5fc26-font-size );line-height:var( --e-global-typography-8a5fc26-line-height );}.elementor-29762 .elementor-element.elementor-element-8bd761c .elementor-divider-separator{width:25%;margin:0 auto;margin-left:0;}.elementor-29762 .elementor-element.elementor-element-8bd761c .elementor-divider{text-align:left;}.elementor-29762 .elementor-element.elementor-element-f17525b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-29762 .elementor-element.elementor-element-f17525b:after{content:"0.5";}.elementor-29762 .elementor-element.elementor-element-f17525b .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-c17d6e9 *//* ==================================================
   EOPPEP BLOG ARTICLE - GLOBAL
================================================== */

.eoppep-blog-article,
.eoppep-blog-article *{
    font-family: "Geologica", Arial, sans-serif;
    box-sizing: border-box;
}

/* Κεντρικό wrapper του άρθρου */
.eoppep-blog-article{
    max-width: 1350px;
    margin: 0 auto;
    padding: 40px 20px 80px;
    color: #07105f;
}


/* ==================================================
   ARTICLE HERO
================================================== */

/* Hero εισαγωγής άρθρου */
.article-hero{
    position: relative;
    padding: 70px 60px;
    margin-bottom: 45px;
    border-radius: 34px;
    background: linear-gradient(135deg, rgba(45,69,230,.08), rgba(255,178,43,.13));
    overflow: hidden;
}

/* Διακοσμητικό πορτοκαλί σχήμα στο hero */
.article-hero:before{
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: -110px;
    top: -120px;
    background: #f3bb0b54;
    border-radius: 50%;
    z-index: 0;
}

/* Κρατάει το περιεχόμενο πάνω από το διακοσμητικό σχήμα */
.article-hero > *{
    position: relative;
    z-index: 2;
}

/* Μικρό badge πάνω από τον τίτλο */
.article-badge{
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 999px;
    background: #fff0d4;
    border: 1px solid rgba(255,178,43,.35);
    color: #07105f;
    font-weight: 800;
    font-size: 15px;
    line-height: 1;
}

/* Κεντρικός τίτλος άρθρου */
.article-hero h1{
    max-width: 900px;
    margin: 0 0 20px;
    font-size: clamp(36px, 5vw, 62px);
    line-height: 1.08;
    font-weight: 900;
    color: #07105f;
}

/* Περιγραφή κάτω από τον τίτλο */
.article-hero p{
    max-width: 780px;
    margin: 0;
    font-size: 20px;
    line-height: 1.7;
    color: #555b73;
    font-weight: 500;
}


/* ==================================================
   ARTICLE SECTIONS
================================================== */

/* Κάθε βασική ενότητα του άρθρου */
.article-section{
    position: relative;
    padding: 35px 0;
    border-bottom: 1px solid rgba(7,16,95,.08);
    font-size: 18px;
}

/* Τίτλοι H2 */
.article-section h2{
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.15;
    font-weight: 900;
    color: #07105f;
}

/* Υπότιτλοι H3 */
.article-section h3{
    margin: 28px 0 14px;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 800;
    color: #07105f;
}

/* Μικροί τίτλοι H4 */
.article-section h4{
    margin: 0 0 14px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 800;
    color: #07105f;
}

/* Παράγραφοι άρθρου */
.article-section p{
    margin: 0 0 18px;
    font-size: 18px !important;
    line-height: 1.85;
    color: #4f556b;
    font-weight: 400;
}


/* ==================================================
   CUSTOM LISTS
================================================== */

/* Λίστα με custom bullets */
.styled-list{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin: 22px 0 26px;
    padding: 0;
    list-style: none;
}

/* Κάθε bullet item πιάνει μόνο όσο είναι το κείμενο */
.styled-list li{
    position: relative;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 13px 18px 13px 52px;
    border-radius: 999px;
    background: rgba(45,69,230,.055);
    color: #44495d;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.45;
    transition: .25s ease;
}

/* Μπλε check icon πριν από κάθε bullet */
.styled-list li:before{
    content: "✓";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #2D45E6;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 900;
}

/* Διακριτικό hover effect στα bullets */
.styled-list li:hover{
    transform: translateX(6px);
    background: rgba(45,69,230,.09);
}


/* ==================================================
   TIP BOX
================================================== */

/* Highlight box για παραδείγματα ή σημαντικές πληροφορίες */
.tip-box{
    position: relative;
    margin: 30px 0;
    padding: 30px;
    border-radius: 28px;
    background: #07105f;
    color: #fff;
    overflow: hidden;
}

/* Διακοσμητικό πορτοκαλί shape μέσα στο tip box */
.tip-box:before{
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -80px;
    top: -90px;
    background: rgba(255,178,43,.22);
    border-radius: 50%;
}

/* Κρατάει το περιεχόμενο του tip box πάνω από το shape */
.tip-box h4,
.tip-box ul{
    position: relative;
    z-index: 2;
}

/* Τίτλος μέσα στο tip box */
.tip-box h4{
    color: #fff;
}

/* Λίστα μέσα στο tip box */
.tip-box ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}

/* Items λίστας μέσα στο tip box */
.tip-box li{
    position: relative;
    padding-left: 28px;
    color: rgba(255,255,255,.9);
    font-weight: 600;
}

/* Πορτοκαλί κουκκίδα στο tip box */
.tip-box li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 10px;
    height: 10px;
    background: #ffb22b;
    border-radius: 50%;
}


/* ==================================================
   HIGHLIGHT SECTION
================================================== */

/* Ενότητα που θέλουμε να ξεχωρίζει περισσότερο */
.highlight-section{
    margin: 35px 0;
    padding: 45px;
    border-radius: 34px;
    border-bottom: 0;
    background: linear-gradient(135deg, rgba(45,69,230,.08), rgba(255,178,43,.10));
}


/* ==================================================
   ARTICLE CTA
================================================== */

/* Τελικό CTA section */
.article-cta{
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    align-items: center;
    gap: 60px;
    margin-top: 60px;
    padding: 55px;
    border-radius: 34px;
    background: linear-gradient(135deg, #07105f 0%, #1321a0 55%, #2D45E6 100%);
    color: #fff;
    overflow: hidden;
}

/* Grid pattern πάνω στο CTA background */
.article-cta:before{
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 68px 68px;
    opacity: .35;
}

/* Όλα τα παιδιά του CTA μένουν πάνω από το background pattern */
.article-cta > *{
    position: relative;
    z-index: 2;
}

/* Περιεχόμενο CTA */
.article-cta-content{
    max-width: 780px;
}

/* Τίτλος CTA */
.article-cta h2{
    max-width: 760px;
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.14;
    font-weight: 900;
}

/* Κείμενο CTA */
.article-cta p{
    max-width: 760px;
    margin: 0 0 28px;
    color: rgba(255,255,255,.88);
    font-size: 18px;
    line-height: 1.75;
    font-weight: 500;
}

/* Κουμπί CTA */
.article-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 16px 28px;
    border-radius: 14px;
    background: #ffb22b;
    color: #07105f;
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    transition: .25s ease;
}

/* Hover στο κουμπί CTA */
.article-button:hover{
    transform: translateY(-3px);
    background: #ffc04d;
    color: #07105f;
}


/* ==================================================
   CTA TRUST VISUAL
================================================== */

/* Κυκλικό visual δεξιά στο CTA */
.cta-trust-visual{
    position: relative;
    width: 260px;
    height: 260px;
    justify-self: center;
}

/* Εξωτερικοί κύκλοι */
.trust-orbit{
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.25);
}

/* Πρώτος κύκλος περιστροφής */
.orbit-one{
    animation: trustRotate 14s linear infinite;
}

/* Δεύτερος μικρότερος κύκλος περιστροφής */
.orbit-two{
    inset: 28px;
    border-color: rgba(255,178,43,.45);
    animation: trustRotateReverse 10s linear infinite;
}

/* Πορτοκαλί dot πάνω στους κύκλους */
.trust-orbit:before{
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 20px;
    left: 45px;
    border-radius: 50%;
    background: #ffb22b;
    box-shadow: 0 0 24px rgba(255,178,43,.65);
}

/* Κεντρικός γυάλινος κύκλος */
.trust-center{
    position: absolute;
    inset: 58px;
    border-radius: 50%;
    background: rgba(255,255,255,.13);
    border: 1px solid rgba(255,255,255,.22);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

/* Icon μέσα στο κέντρο */
.trust-center span{
    width: 44px;
    height: 44px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #ffb22b;
    color: #07105f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

/* Κείμενο μέσα στο κέντρο */
.trust-center strong{
    max-width: 125px;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 800;
}


/* ==================================================
   ANIMATIONS
================================================== */

/* Animations μόνο για laptop και desktop */
@media (min-width: 1025px){
    .article-hero,
    .article-section,
    .article-cta{
        animation: fadeUpArticle .7s ease both;
    }

    .article-section:nth-of-type(2){ animation-delay: .08s; }
    .article-section:nth-of-type(3){ animation-delay: .16s; }
    .article-section:nth-of-type(4){ animation-delay: .24s; }
    .article-section:nth-of-type(5){ animation-delay: .32s; }

    .article-hero:before{
        animation: articleBlob 8s ease-in-out infinite alternate;
    }
}

/* Fade up animation για sections */
@keyframes fadeUpArticle{
    from{
        opacity: 0;
        transform: translateY(28px);
    }

    to{
        opacity: 1;
        transform: translateY(0);
    }
}

/* Απαλή κίνηση στο διακοσμητικό shape του hero */
@keyframes articleBlob{
    from{
        transform: scale(1) translate(0,0);
    }

    to{
        transform: scale(1.08) translate(-18px,18px);
    }
}

/* Περιστροφή κύκλων */
@keyframes trustRotate{
    from{ transform: rotate(0deg); }
    to{ transform: rotate(360deg); }
}

/* Αντίστροφη περιστροφή κύκλων */
@keyframes trustRotateReverse{
    from{ transform: rotate(360deg); }
    to{ transform: rotate(0deg); }
}


/* ==================================================
   RESPONSIVE
================================================== */

/* Tablet και μικρά laptop */
@media(max-width: 1200px){
    .article-cta{
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .cta-trust-visual{
        display: none;
    }

    .article-cta h2,
    .article-cta p{
        max-width: 100%;
    }
}

/* Tablets και κινητά */
@media(max-width: 768px){
    .eoppep-blog-article{
        padding: 30px 16px 60px;
    }

    .article-hero,
    .highlight-section,
    .article-cta{
        padding: 35px 24px;
        border-radius: 26px;
    }

    .article-hero h1{
        font-size: 34px;
    }

    .article-hero p{
        font-size: 17px;
    }

    .article-section h2{
        font-size: 28px;
    }

    .article-section h3{
        font-size: 21px;
    }

    .article-section p{
        font-size: 16px !important;
    }

    .styled-list li{
        width: 100%;
        border-radius: 16px;
        font-size: 15px;
    }
}

/* Απενεργοποίηση animations κάτω από laptop */
@media(max-width: 1024px){
    .article-hero,
    .article-section,
    .article-cta,
    .article-hero:before,
    .orbit-one,
    .orbit-two{
        animation: none !important;
        transition: none !important;
    }
}/* End custom CSS */