:root {
    --blue-dark:    #0f2d6b;
    /*--blue-main:    #1a4db8;*/
    --blue-light:   #2563eb;
    --blue-main:    #215c9b;
    --blue-pale:    #e8f0fe;
    /*--yellow-light: #f59e0b;*/
    --yellow-light: #FF8533;
    --yellow:       #ff5e00;
    /*--yellow-dark:  #d97706;*/
    --yellow-dark:  #D94F00;
    --gray-bg:      #f4f7fb;
    --gray-text:    #64748b;
    --dark-text:    #1e293b;
    --border:       #e2e8f0;
    --dark-section: #0b1e4f;
    --white:        #ffffff;
    --white-012:    rgba(255, 255, 255, 0.12);
    --white-06:     rgba(255, 255, 255, 0.6);
    --white-07:     rgba(255, 255, 255, 0.7);
    --white-088:    rgba(255, 255, 255, 0.88);
    --white-082:    rgba(255, 255, 255, 0.82);
    --white-092:    rgba(255, 255, 255, 0.92);
    --radius:       12px;
    --radius-sm:    8px;
    --shadow:       0 4px 24px rgba(15, 45, 107, .10);
    --shadow-md:    0 8px 40px rgba(15, 45, 107, .15);
    --transition:   .25s ease;
    --fb-icon-size: 25px;
    --dif-font: calc(var(--fb-icon-size) - var(--btn-typography_font-size_xl))
}

/* <-- Section Shared --> */

.title-blue h1 {
    color:var(--blue-main)!important;
}

.title-yellow h1 {
    color:var(--yellow)!important;
}

.cta-section-h2 h2 {
    color:var(--yellow)!important;
}

.banner-title .heading h1,
.banner-title .heading.c1-heading h1 {
    font-size:clamp(28px, 4vw, 48px)!important;
    text-shadow: 0 2px 12px rgba(0,0,0,.2)!important;
}

.title-sep-blue h1::after,
.title-sep-blue h1.heading::after,
.title-h2-sep-blue h2::after,
.title-h2-sep-blue h2.heading::after{
    content: '';
    display: block;
    width: 20%;
    height: 4px;
    background: var(--blue-main)!important;
    border-radius: 2px;
}

.title-sep-yellow h1::after,
.title-sep-yellow h1.heading::after,
.title-h2-sep-yellow h2::after,
.title-h2-sep-yellow h2.heading::after{
    content: '';
    display: block;
    width: 20%;
    height: 4px;
    background: var(--yellow)!important;
    border-radius: 2px;
}

.section-title-h2 h2.heading::after {
    content: '';
    display: block;
    width: 52px;
    height: 4px;
    background: var(--blue-main);
    border-radius: 2px;
    margin: 14px auto 0;
}

.info-title-h4 .component-main .item h4::after {
    content: '';
    display: block;
    width: 52px;
    height: 4px;
    background: var(--yellow);
    border-radius: 2px;
    margin: 10px auto 0;
}

.section-sec-head-sep-yel .secondary-heading::after {
    content: '';
    display: block;
    width: 52px;
    height: 4px;
    background: var(--yellow);
    border-radius: 2px;
    margin: 14px auto 0;
}

.sec-head-yel .secondary-heading {
    color:var(--yellow)!important;
}

.sec-head-blue .secondary-heading {
    color:var(--blue-main)!important;
}

.center-pods .component-main {
    justify-content:center;
}

.inner-shadows .item .inner {
    box-shadow:var(--shadow);
}

.posts-info-pad .item .inner .info {
    padding:10px 15px!important;
}

.pod-link-bot .listing-pods .item .inner .link {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.pod-link-bot .listing-pods .item .inner:has(.link) {
    padding-bottom:50px;
}

.c-crsl-arrows .slick-track{
    padding-top:20px;
    padding-bottom:20px;
}

.c-crsl-arrows .slick-arrow {
    background:transparent!important;
}

.c-crsl-arrows .slick-arrow:hover {
    background:var(--blue-pale)!important;
}

.c-crsl-arrows .slick-autoplay-toggle-button{
    display:none!important;
}


body.body-bg {
    background-image: url('/media/uzzecchi/background.png')!important;
    background-size:cover!important;
    background-position:center top!important;
    background-attachment:fixed!important;
}

@media (max-width:480px) {
    body.body-bg {
        background-image:url('/media/cfgn33cp/background-mobile.png')!important;
        background-size:cover!important;
        background-position:center top!important;
        background-attachment:fixed!important;
    }
}

.content.base-bg {
    background:transparent!important;
}

/* <-- Header --> */

html.nav-down:not(.reached-top ) header#site-header,
html.nav-up header#site-header {
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.05)!important;
}

header#site-header .icon.usn_ion-md-open.after {
    display:none!important;
}

@media (min-width:992px) {
    html.nav-up body.header-10-lg nav.main ul li span a,
    html.nav-down body.header-10-lg nav.main ul li span a,
    html.no-touch body.c-solid-header.header-10-lg nav.main ul li span a,
    html.no-touch.reached-top.nav-down body.c-solid-header.header-10-lg nav.main ul li span a{
        color:var(--gray-text)!important;
    }
    
    body.c-solid-header.header-10-lg header#site-header {
        background:rgba(var(--header-bg-color1),1)!important;
    }
    
    
    
    html.reached-top.nav-down body.header-10-lg nav.main ul li span a {
        color:var(--white)!important;
    }
    
    html.no-touch.nav-up body.header-10-lg header#site-header nav.main ul li:not(.active):hover > span::before,
    html.no-touch.nav-down:not(.reached-top) body.header-10-lg header#site-header nav.main ul li:not(.active):hover > span::before,
    html.no-touch.nav-down:not(.reached-top) body.header-10-lg header#site-header nav.main > ul > li.active > span::before,
    html.no-touch.nav-down:not(.reached-top) body.header-10-lg nav.main.navigation-dropdown-bg-solid ul > li > ul,
    html.no-touch.nav-up body.c-solid-header.header-10-lg nav.main.navigation-dropdown-bg-solid ul > li > ul,
    html.no-touch.nav-down body.c-solid-header.header-10-lg header#site-header nav.main ul li:not(.active):hover > span::before,
    html.no-touch body.c-solid-header.header-10-lg header#site-header nav.main ul li:not(.active):hover > span::before,
    html.no-touch body.c-solid-header.header-10-lg header#site-header nav.main > ul > li.active > span::before
    {
        background:var(--blue-pale)!important;
        text-shadow:none!important;
    }
    
    html.no-touch body.header-10-lg header#site-header nav.main ul li:not(.active):hover > span::before,
    html.no-touch.reached-top body.header-10-lg header#site-header nav.main ul li:not(.active):hover > span::before,
    body.header-10-lg header#site-header nav.main > ul > li.active > span::before {
        background:rgba(255, 255, 255, 0.15)!important;
        height:90%!important;
        width:90%!important;
        top:5%!important;
        left:5%!important;
        right:0!important;
    }
    
    html.no-touch body.header-10-lg nav.main ul > li > ul, 
    html.no-touch.reached-top body.header-10-lg nav.main.navigation-dropdown-bg-solid ul > li > ul {
        
        /*background:rgba(255, 255, 255, 0.15)!important;*/
        /*text-shadow:2px 2px 3px #424242!important;*/
        /*backdrop-filter:blur(20px)!important;*/
        /*-webkit-backdrop-filter:blur(20px)!important;*/
    }
    
    html.no-touch body.c-solid-header.header-10-lg nav.main ul > li > ul, 
    html.no-touch.reached-top body.c-solid-header.header-10-lg nav.main.navigation-dropdown-bg-solid ul > li > ul,
    html.no-touch.nav-up body.header-10-lg nav.main ul > li > ul{
        background:var(--blue-pale)!important;
        text-shadow:none!important;
    }
    
    html.no-touch body.header-10-lg nav.main ul ul > li > span > a,
    html.no-touch.reached-top body.header-10-lg nav.main ul ul > li > span > a{
        color:var(--gray-text)!important;
    }
    
    html.no-touch.nav-up body.header-10-lg nav.main ul ul > li > span > a,
    html.no-touch.nav-down:not(.reached-top) body.header-10-lg nav.main ul ul > li > span > a,
    html.no-touch.nav-down.reached-top body.c-solid-header.header-10-lg nav.main ul ul > li > span > a{
        color:var(--grey-text)!important;
    }
    
    html.no-touch body.header-10-lg header#site-header #logo img,
    html.no-touch.reached-top body.header-10-lg header#site-header #logo img{
        filter: brightness(0) invert(1)!important;
        transition:top 0.3s ease-in-out 0s,padding 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,opacity 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,max-height 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,background-color 0.3s ease-in-out 0s,
        filter 0.3s ease-in-out!important;
    }
    
    html.no-touch.nav-up body.header-10-lg header#site-header #logo img,
    html.no-touch.nav-down:not(.reached-top) body.header-10-lg header#site-header #logo img,
    html.no-touch body.c-solid-header.header-10-lg header#site-header #logo img{
        filter: none !important;
    }
    
    
    
    /* CTA BUTTONS */
    
    header#site-header .cta-links a.btn {
        border:none!important;
        background:rgba(255, 255, 255, 0.15)!important;
    }
    
    html.no-touch.nav-up body.header-10-lg header#site-header .cta-links a.btn,
    html.no-touch.nav-down:not(.reached-top) body.header-10-lg header#site-header .cta-links a.btn,
    html.no-touch body.c-solid-header.header-10-lg header#site-header .cta-links a.btn{
        color:var(--blue-main)!important;
        background:transparent!important;
    }
    
    html.no-touch.nav-up body.header-10-lg header#site-header .cta-links a.btn:hover,
    html.no-touch.nav-down:not(.reached-top) body.header-10-lg header#site-header .cta-links a.btn:hover,
    html.no-touch.nav-down.reached-top body.c-solid-header.header-10-lg header#site-header .cta-links a.btn:hover,
    html.no-touch body.c-solid-header.header-10-lg header#site-header .cta-links a.btn:hover{
        color:#fff!important;
    }
    
    html.reached-top body.c-solid-header.transparent-header-lg header#site-header {
        background: rgba(var(--header-bg-color1),1) !important;
    }
    
    header#site-header .cta-links a .icon.usn_ion-logo-facebook.before,
    header#site-header .cta-links a .icon.usn_ion-logo-instagram.before{
        margin:0!important;
    }
    
    header#site-header .cta-links a .icon.usn_ion-logo-facebook.before::before,
    header#site-header .cta-links a .icon.usn_ion-logo-instagram.before::before{
        font-size: 30px;
        line-height: 1;
    }
    
    header#site-header .cta-links a:has(.icon.usn_ion-logo-facebook.before),
    header#site-header .cta-links a:has(.icon.usn_ion-logo-instagram.before){
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 5px 8px !important;
        line-height: 1;
    }
    
}

@media (max-width:991px) {
    #burgerNavStyle span,
    #burgerNavStyle span::before,
    #burgerNavStyle span::after
    {
        background-color:var(--blue-main)!important;
    }
    
    header#site-header nav.main ul,
    header#site-header nav.main ul li{
        border:none!important;
    }
    
    header#site-header nav.main ul ul > li > span > a,
    header#site-header nav.main ul li span a{
        color:var(--grey-text)!important;
    }
    
    nav.main ul li.active > span::before {
        background:var(--blue-main)!important;
    }
    
    nav.main ul li.has-child > span::after {
        color:var(--blue-main)!important;
    }
    
    /* CTA BUTTONS */
    
    header#site-header .cta-links a.btn:not(:has(.icon.usn_ion-logo-facebook.before)):not(:has(.icon.usn_ion-logo-instagram.before)) {
        /*background:transparent!important;*/
        /*color:var(--blue-main)!important;*/
        border-color:var(--blue-main)!important;
        background:var(--blue-main)!important;
    }
    
    header#site-header .cta-links a.btn:hover,
    header#site-header .cta-links a.btn:active,
    header#site-header .cta-links a.btn:focus{
        color:var(--white)!important;
        
    }
    
    header#site-header .cta-links {
        display:grid;
        grid-template-columns: repeat(2, max-content);
        justify-content: center;
        column-gap: 10px;
    }
    
    header#site-header .cta-links a .icon.usn_ion-logo-facebook.before,
    header#site-header .cta-links a .icon.usn_ion-logo-instagram.before
    {
        margin:0!important;
    }
    
    header#site-header .cta-links a .icon.usn_ion-logo-facebook.before::before,
    header#site-header .cta-links a .icon.usn_ion-logo-instagram.before::before{
        font-size: 50px;
        line-height: 1;
    }
    
    header#site-header .cta-links a.btn:has(
        .icon.usn_ion-logo-facebook.before,
        .icon.usn_ion-logo-instagram.before
    ){
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 5px 8px !important;
        line-height: 1;
        justify-self:center;
        border:none;
        background:transparent!important;
        color:var(--blue-main)!important;
    }
    
    header#site-header .cta-links a:has(.icon.usn_ion-logo-facebook.before):hover,
    header#site-header .cta-links a:has(.icon.usn_ion-logo-facebook.before):active,
    header#site-header .cta-links a:has(.icon.usn_ion-logo-facebook.before):focus,
    header#site-header .cta-links a:has(.icon.usn_ion-logo-instagram.before):hover,
    header#site-header .cta-links a:has(.icon.usn_ion-logo-instagram.before):active,
    header#site-header .cta-links a:has(.icon.usn_ion-logo-instagram.before):focus{
        color:var(--white)!important;
    }
    
    header#site-header .cta-links a.btn:has(.usn_ion-logo-facebook) {
        grid-column: 1;
        grid-row: 1;
        justify-self: end!important;
    }
    
    header#site-header .cta-links a.btn:has(.usn_ion-logo-instagram) {
        grid-column: 2;
        grid-row: 1;
        justify-self: start!important;
    }
    
    header#site-header .cta-links a.btn:not(:has(.usn_ion-logo-facebook)):not(:has(.usn_ion-logo-instagram)) {
        grid-column: 1 / -1;
    }
    
}

.form.site-search-form.site-search {
    display:none;
}

/* <-- Footer --> */

footer#site-footer p:not(.heading),
footer#site-footer .item .inner,
footer#site-footer .item .inner a{
    color:var(--white-07)!important;
}

footer#site-footer .item .inner a:hover {
    color:var(--yellow)!important;
}


.footer-logo .image img {
    filter: brightness(0) invert(1)!important;
}

.footer-contact .icon {
    color: var(--blue-main)!important;
}

.opening-hours {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

footer#site-footer .site-credit span a {
    color:#eaac01!important;
}

footer#site-footer .footer-social-icons-container {
    display:flex;
    gap:10px;
}

footer#site-footer .footer-social-icons {
    width:15%!important;
}

/* <-- Banner --> */ 

.banner-info .info {
    max-width:900px!important;
}

.banner-info .info .link {
    flex-direction:column!important;
    align-items:start!important;
}

.banner-info .info .link a.btn:nth-child(2) {
    margin-left:0!important;
}

.banner-info ul {
    list-style:none!important;
    margin-left:0!important;
}

.banner-info ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

.banner-info ul li span {
    
    flex-shrink: 0;
    margin-top: 4px;
}

.banner-info-col-wh ul li span {
    color: var(--yellow);
}

.banner-info-col-bl ul li span {
    color: var(--blue-main);
}

.banner-info-col-wh p,
.banner-info-col-wh ul li{
    color:var(--white-082)!important;
}

.banner-info-col-bl p,
.banner-info-col-bl ul li{
    color:var(--dark-text)!important;
}

@media (min-width:1400px) {
    .banner-info .inner .container {
        margin-left:80px;
    }
}

@media (min-width:992px) {
    .gen-banner {
        padding-top:var(--large-header)!important;
    }
    
    .arxiki-banner .info {
        padding-top:var(--large-header)!important;
    }
    
    .banner-info-pad-top .info {
        padding-top:calc(var(--large-header) + 20px)!important;
    }
}



.hero-float {
    position: absolute;
    z-index: 2;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: var(--shadow-md);
    animation: floatBounce 3s ease-in-out infinite;
}

.hero-float-heart {
    top: 18%;
    right: 12%;
    background: #fff0f0;    
    color: #e74c3c;
    animation-delay: 0s;
}
.hero-float-dna {
    bottom: 22%;
    right: 22%;
    background: var(--blue-pale);
    color: var(--blue-main);
    animation-delay: 1.5s;
}

@keyframes floatBounce {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-10px); }
}


/* <-- Τα προγράμματα μας --> */

.our-programs-section .item .inner {
    box-shadow:var(--shadow);
    border: 1px solid var(--border);
    transition: var(--transition);
    padding-bottom:70px;
}

.our-programs-section .item .inner:hover {
    transform: translateY(-4px); 
    box-shadow: var(--shadow-md);
}

.our-programs-section .listing-pods .item .info {
    padding-top:0!important;
}

.our-programs-section .listing-pods .item .text {
    position: relative;
    padding-top: 0 !important;
}

.our-programs-section .listing-pods .item .inner .link {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.our-programs-section .listing-pods .item h3 {
    margin-top:0!important;
}

.our-programs-section .listing-pods .item .card-program-icon {
    position: relative;
    bottom: auto;
    left: auto;
    top: auto;
    transform: translateY(-50%);
    margin-bottom: -10px;
    width: 64px;
    height: 64px;
    border-radius: 14px;
    background: var(--blue-main);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 4px 14px rgba(26, 77, 184, 0.35);
    z-index: 2;
}

/* <-- Πώς λειτουργούμε --> */

.step-icon-wrap {
    width: 68px;
    height: 68px;
    background: var(--blue-pale);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: var(--blue-main);
    margin: 0 auto 16px;
    transition: var(--transition);
}
.how-it-works .item .inner:hover .step-icon-wrap {
    background: var(--blue-main);
    color: var(--white);
    transform: scale(1.08);
}

/* <-- Τρόποι Παρακολούθησης --> */

.tropoi-section .item .inner {
    transition: var(--transition);
}


.tropoi-section .item .inner:hover {
    transform: translateY(-4px); 
    box-shadow: 0 16px 48px rgba(15,45,107,.22); 
}

.tropoi-section .item .inner .info {
    position:relative;
    z-index:1;
}

.tropoi-section .item.sygxroni-ekp-image .inner {
    background-image:url('/media/5fxfljch/sygxroni-card-image.png');
    background-size:cover;
    background-position:center center;
}

.tropoi-section .item.asygxroni-ekp-image .inner {
    background-image:url('/media/1nznpn5u/asygxroni-card-image.png');
    background-size:cover;
    background-position:center center;
}

.tropoi-section .component-main .item .inner::before {
    content:"";
    position: absolute;
    inset: 0;
    background: rgba(10, 28, 80, 0.82)!important;
    z-index: 1;
    border-radius:var(--base-border-radius);
}

.tropoi-section .item .info .text hr {
    border: 1.5px solid var(--yellow-dark);
    margin-bottom: 10px;
    width:50px;
    padding-top:0 !important;
    line-height:0;
    opacity:1;
}

.tropoi-section .item .info .text .tropoi-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    /*font-size: 13.5px;*/
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    margin-bottom:10px!important;
}

.tropoi-section .item .info .text span {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.15);
    color: var(--white);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*font-size: 14px;*/
    flex-shrink: 0;
    flex-shrink: 0;
}

.tropoi-section .component-outro {
    padding-top:0!important;
}

.tropoi-section .component-outro .info {
    flex:100%!important;
    max-width:100%!important;
}

.tropoi-section .component-outro .info .text {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: var(--radius);
    padding: 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: var(--shadow);
    gap: 20px;
}

.tropoi-infobar-left {
    display: flex;
    align-items: center;
    gap: 18px;
}

.tropoi-infobar-icon {
    width: 52px;
    height: 52px;
    background: var(--blue-main);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--white);
    flex-shrink: 0;
}

.tropoi-infobar-left strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--dark-text);
    margin-bottom: 4px;
}

.tropoi-infobar-left p {
    font-size: 13.5px;
    color: var(--gray-text);
    margin: 0;
    line-height: 1.6;
}

.tropoi-infobar-pin {
    width: 44px;
    height: 44px;
    background: var(--yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--white);
    flex-shrink: 0;
}

@media (max-width:768px) {
    .tropoi-section .component-outro .info .text { flex-direction: column; text-align: center; }
    .tropoi-infobar-left { flex-direction: column; text-align: center; }
    .tropoi-infobar-pin { display: none; }

}

/* <-- Γιατί εμάς --> */

.why-stat-card .item .inner {
    background: var(--white-092)!important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: var(--radius);
    padding: 22px 20px 18px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.why-stat-card .item .inner:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }

.why-stat-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 8px;
}
.why-stat-num {
    font-size: 44px;
    font-weight: 800;
    color: var(--blue-main);
    line-height: 1;
}
.why-stat-icon {
    width: 40px;
    height: 40px;
    background: var(--blue-pale);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: var(--blue-main);
    flex-shrink: 0;
}
.why-stat-divider {
    width: 32px;
    height: 3px;
    background: var(--yellow);
    border-radius: 2px;
    margin-bottom: 12px;
}
.why-stat-card h4 {
    font-weight: 700;
    margin-bottom: 6px;
}

/* <-- Γιατί εμάς PODS --> */

.why-card .inner {
    background: var(--gray-bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 28px 28px 24px;
}

.why-card-head {
    display: flex!important;
    align-items: center!important;
    gap: 16px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border);
}

/* Mini steps inside left card */
.why-mini-steps {
    display: flex;
    gap: 8px;
    margin-top: auto;
}
.why-mini-step {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    text-align: left;
    font-size: 12px;
    color: var(--dark-text);
    font-weight: 500;
    line-height: 1.4;
    position: relative;
}
.why-mini-num {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 18px;
    height: 18px;
    background: var(--blue-main);
    color: var(--white);
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.why-mini-icon {
    width: 48px;
    height: 48px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--blue-main);
    flex-shrink: 0;
    position: relative;
}

@media (max-width: 991px) {
    .why-mini-steps {
        flex-wrap: wrap;
        gap: 16px 12px;
    }

    .why-mini-step {
        flex: 0 0 calc(50% - 6px);
    }
}

@media (max-width: 575px) {
    .why-mini-step {
        flex: 0 0 100%;
    }

    .why-mini-step:nth-child(3) {
        margin-inline: 0;
    }
}

/* <-- Γιατί εμάς Small PODS --> */

.why-features .component-inner .container {
    gap: 0;
    border: 1px solid var(--border)!important;
    border-radius: var(--radius)!important;
    overflow: hidden!important;
    background: var(--white)!important;
}

.why-features .item {
    padding:0!important;
}
.why-feature {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 22px 24px;
    border-right: 1px solid var(--border)!important;
    font-weight: 600;
    color: var(--dark-text);
}
.why-feature:last-child { border-right: none; }

@media (max-width:768px) {
    
    .why-features {
        grid-template-columns: 1fr 1fr!important;
    }
    
    .why-feature {
        border-bottom: 1px solid var(--border);
    }
    
    .why-feature:nth-child(even) { border-right: none; }
}

.why-feature-icon {
    width: 44px;
    height: 44px;
    background: var(--blue-pale);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--blue-main);
    flex-shrink: 0;
}

/* <-- Τι κερδίζει ο μαθητής --> */

.student-gains {
    padding-top:300px!important;
}

@media (min-width: 1920px) {
    .student-gains > .component-background-image {
        background-size: 1920px auto !important;
    }
}

.student-gains .gain-item {
    text-align: center;
    padding: 28px 20px;
    background: rgba(255, 255, 255, 0.88)!important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: var(--radius);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 4px 20px rgba(15, 45, 107, 0.08)!important;
    transition: var(--transition);
    min-height:320px;
}

.student-gains .gain-item:hover {
    background: rgba(255, 255, 255, 0.97);
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.gain-item .icon-box { margin: 0 auto 16px; }
.gain-item h4 {
    /*font-size: 15px;*/
    /*font-weight: 700;*/
    margin-bottom: 8px;
}

@media (max-width:767px) {
    .student-gains .image.background-image.component-background-image {
        background-image:url("/media/zkppijuo/proetoimasia-bg-img-mobile.png")!important;
    }
    
    .student-gains .component-introduction h2 {
        color:#ffffff!important;
        text-shadow:0px 2px 2px rgba(0,0,0,0.6);
    }
}

/* <-- Τι λένε οι μαθητές μας --> */

.testimonial-card .item .inner {
    background: var(--white);
    border-radius: var(--radius);
    padding: 28px;
    box-shadow: 0 4px 10px rgba(15, 45, 107, .10);
    border: 1px solid var(--border);
    transition: var(--transition);
    background:transparent!important;
}

.testimonial-card .item .inner:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 15px rgba(15, 45, 107, .15);

}

.testimonial-top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.testimonial-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: var(--blue-pale);
}

.testimonial-info strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--dark-text);
}

.testimonial-info span {
    display: block;
    font-size: 12px;
    color: var(--gray-text);
}

.testimonial-card .stars {
    display: flex;
    gap: 2px;
    margin-bottom: 12px;
    color: var(--yellow);
    font-size: 14px;
}

.testimonial-text {
    margin: 0 0 10px;
    line-height: 1.6;
    max-height: 78px;
    overflow: hidden;
}

.testimonial-more {
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    color: var(--blue-main);
}

.testimonial-more:hover {
    text-decoration: underline;
}

/* <-- CTA Section --> */

.home-cta-btns .info .link {
    flex-direction:column;
}


/* <--|| //|\\ ||--> */
/* <--|| Pages ||--> */
/* <--|| \\|// ||--> */

/* <--|| Διατροφολογία Page ||--> */

.check-bull-yel .info .text p {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.check-bull-yel .info .text p .fas {
    flex: 0 0 auto;
    margin-top: 0.2em;
    color:var(--yellow);
}

/* <--|| Επιτυχόντες Page ||--> */

.diatrofi-main-info .info {
    position:relative;
    z-index:1;
}

.diatrofi-main-info {
    background-image:url('/media/cwyfg43y/diatrofi-image.png')!important;
    background-size:cover!important;
    background-position:center center!important;
    /*z-index:2;*/
}

.diatrofi-main-info::before {
    content:"";
    position: absolute;
    inset: 0;
    background: rgba(10, 28, 80, 0.7)!important;
    z-index: 1;
    /*border-radius:var(--base-border-radius);*/
}

/* <--|| Πώς λειτουργούμε Page ||--> */

.ti-perilamvanei-pods .item .inner {
    background:transparent!important;
    /*z-index:2!important;*/
}

.ti-perilamvanei-pods .item .inner .info .text {
    color:#000!important;
}

.ti-perilamvanei-pods .what-include-num {
    color:var(--yellow);
    font-size:25px;
    font-weight:700;
}

.didask-pros-anagkes-text  hr {
    border: 1.5px solid var(--yellow-dark);
    margin-bottom: 10px;
    width:200px;
    padding-top:0 !important;
    line-height:0;
    opacity:1;
}

.didask-pros-anagkes-section .component-main {
    background:var(--blue-pale)!important;
    padding:15px!important;
    border-radius:var(--radius);
}

.didask-pros-anagkes-pods .step-icon-wrap {
    background:var(--blue-dark);
    color:var(--blue-pale);
}

.didask-pros-anagkes-pods .item {
    border-right:1px solid var(--yellow);
}
.didask-pros-anagkes-pods .item:last-child { border-right: none; }

@media (max-width:991px) {
    .didask-pros-anagkes-pods .item {
        border:none;
    }
}

.pws-leitourgei-cta-section {
    background:url('/media/m1rnhund/pws-leitourgei-cta-image.png')!important;
    background-size:cover!important;
    background-position:center center!important;
}

/* <--|| Γιατί Medistudies Page ||--> */

.ti-ksexwrizei-cards {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 14px;
    align-items: start;
}

.ti-ksexwrizei-cards > .fas {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
    margin-top: 3px;
    font-size: 40px;
    color: var(--yellow);
}

.ti-ksexwrizei-cards > h4,
.ti-ksexwrizei-cards > p {
    grid-column: 2;
}

.ti-ksexwrizei-cards > h4 {
    margin-top: 0;
    margin-bottom: 8px;
}

.ti-ksexwrizei-cards > p {
    margin-bottom: 0;
}

/* <--|| Επικοινωνία Page ||--> */

.contact-pods .item .inner {
    background:#fff!important;
    padding-top:30px!important;
    box-shadow:var(--shadow);
}

.c-form .form .inner {
    background:#fff!important;
    box-shadow:var(--shadow)!important;
}

.c-form .form .buttons .btn {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 10px!important;
    width:100%!important;
}

.c-form .form .buttons .btn .icon {
    font-size: 1.1em;
    line-height: 1;
}

.c-form .form .form-control {
    border-radius:var(--radius)!important;
    box-shadow:var(--shadow-md)!important;
}  

.c-form .form .form-control:active,
.c-form .form .form-control:focus,
.c-form .form .form-control:focus-visible {
    outline:none!important;
}

.c-form .form .form-inner .alert.alert-success {
    background:transparent!important;
    border:none!important;
    color:#64748b!important;
}

@media (max-width:575px) {
    .contact-pods .component-main {
        display: flex;
        flex-wrap: wrap;
    }

    .contact-pods .component-main > .item {
        width: 50%;
    }
    
    .contact-pods .contact-email-pod {
        font-size:10px!important;
    }
}


/* <--|| Επιτυχόντες Page ||--> */

.epitixontes-pods .component-main {
    display:flex!important;
    justify-content:center;
}

.epitixontes-pods .item .inner {
    background:var(--white-07);
    padding:15px!important;
    box-shadow:var(--shadow);
}


/* <--|| FAQ Page ||--> */

.c-accordion .repeatable.accordion .tab .nav-link::after {
    content: "\2b" !important;
    font: var(--fa-font-solid);
    font-style: normal;
    line-height: 1;
    margin-left: auto;
    transition: transform 0.2s ease-in-out;
}

.c-accordion .repeatable.accordion .tab .nav-link[aria-expanded="true"]::after {
    content: "\f068" !important;
}

.c-accordion .repeatable.accordion .tab {
    background:var(--blue-pale);
    border-radius:var(--radius);
}


/* <-- Modal Form --> */

#modal_1602 .modal-dialog .modal-content {
    background:transparent!important;
}

/* <-- ICONS Settings --> */

.icon.usn_ion-md-link {
    display:none!important;
}

.icon-box {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

.icon-blue {
    background: var(--blue-pale);
    color: var(--blue-main);
}


/* <--|| //|\\ ||--> */
/* <--|| Σχολές ||--> */
/* <--|| \\|// ||--> */

.lessons-container .icon.usn_ion-md-open,
.lessons-container-v2 .icon.usn_ion-md-open{
    display:none!important;
}

.lessons-info .info .link {
    margin-top:10px!important;
}

.lesson-time-box {
    display:flex;
    gap:40px;
    color:var(--white-07);
    font-size:1.15rem;
    font-weight:600;
    background:var(--blue-main);
    margin:0 20px!important;
    border-radius:var(--radius);
    padding:10px;
    justify-content:center;
}

.lessons-container .component-main {
    align-items: stretch !important;
}

.lessons-container .lessons-info,
.lessons-container .lessons-additional {
    align-self: stretch !important;
}

.lessons-additional .info .text{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.lessons-container .item {
    background:var(--blue-pale)!important;
    border-radius:var(--radius);
    padding:20px;
}

.lesson-time-box .fa {
    color:var(--yellow-dark)!important;
    margin-right:5px;
}

.lesson-time-box > span {
    display: flex;
    align-items: flex-start;
}

.lesson-time-box > span > .fa {
    width: 22px;
    flex: 0 0 22px;
    text-align: center;
    margin-top: 3px;
}

.lessons-voithimata {
    display: flex;
    gap: 20px;
    align-items: stretch;
    width:70%;
    justify-content:center;
}

.lessons-voithimata a {
    width: 50%;
    display: block;
}

.lessons-voithimata img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width:766px) {
    .lessons-additional {
        margin-top:0!important;
    }
}


/* <--|| //|\\ ||--> */
/* <--|| Σχολές V2 ||--> */
/* <--|| \\|// ||--> */

/* =========================================
   LESSONS COMPONENT V2
========================================= */

/* Link spacing */
.lessons-info-v2 .info .link {
    margin-top: 10px !important;
}

/* Lesson time box */
.lesson-time-box {
    display: flex;
    gap: 40px;
    color: var(--white-07);
    font-size: 1.15rem;
    font-weight: 600;
    background: var(--blue-main);
    margin: 0 20px !important;
    border-radius: var(--radius);
    padding: 10px;
    justify-content: center;
}

.lesson-time-box .fa {
    color: var(--yellow-dark) !important;
    margin-right: 5px;
}

.lesson-time-box > span {
    display: flex;
    align-items: flex-start;
}

.lesson-time-box > span > .fa {
    width: 22px;
    flex: 0 0 22px;
    text-align: center;
    margin-top: 3px;
}

/* =========================================
   CARDS APPEARANCE
========================================= */

.lessons-container-v2 .component-main {
    align-items: stretch !important;
}

.lessons-container-v2 .lessons-info-v2,
.lessons-container-v2 .lessons-additional-v2 {
    align-self: stretch !important;
}

.lessons-container-v2 .item {
    background: var(--blue-pale) !important;
    border-radius: var(--radius);
    padding: 20px;
    width: 48% !important;
}

/* =========================================
   DESKTOP - DYNAMIC ALIGNMENT
========================================= */

@media (min-width: 768px) {

    .lessons-container-v2 .component-main {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(6, auto);
        column-gap: 4%;
        align-items: stretch !important;
    }
    
    

    .lessons-container-v2:not(.no-helper) .component-main > .item {
        display: grid;
        grid-row: 1 / 7;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: subgrid;
        width: 100% !important;
        max-width: none !important;
        min-width: 0;
    }
    
    .lessons-container-v2 .component-main > .item:only-child {
        grid-column: 1 / -1;
        width: 48% !important;
        max-width: 48% !important;
        justify-self: center;
    }

    .lessons-container-v2 .item > .info,
    .lessons-container-v2 .item .text {
        display: contents;
    }

    .lessons-container-v2 .item .heading {
        grid-row: 1;
        align-self: start;
    }

    .lessons-container-v2 .item .lesson-time-box {
        grid-row: 2;
        align-self: start;
    }

    .lessons-container-v2 .item .text > p:first-of-type {
        grid-row: 3;
        align-self: start;
    }

    .lessons-container-v2 .item .text > hr {
        grid-row: 4;
        width: 100%;
        align-self: start;
    }

    .lessons-container-v2 .item .text > p:last-of-type {
        grid-row: 5;
        align-self: start;
    }

    .lessons-container-v2 .item .link {
        grid-row: 6;
        align-self: start;
        margin-top: 10px !important;
    }
}

/* =========================================
   MOBILE - ORIGINAL STACKED LAYOUT
========================================= */

@media (max-width: 767px) {

    .lessons-container-v2 .component-main {
        display: flex !important;
        flex-direction: column;
        align-items: stretch !important;
    }

    .lessons-container-v2 .item {
        width: 100% !important;
        max-width: 100% !important;
    }

    .lessons-container-v2 .item > .info {
        display: block;
    }

    .lesson-time-box {
        gap: 15px;
        margin: 0 !important;
        flex-wrap: wrap;
    }
}

.lessons-voithimata {
    display: flex;
    gap: 20px;
    align-items: stretch;
    width:70%;
}

.lessons-voithimata a {
    width: 50%;
    display: block;
}

.lessons-voithimata img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.voithimata-pods .component-main {
    display:flex;
    justify-content:center;
    background:var(--blue-pale);
    border-radius:var(--radius);
}

.voithimata-pods .component-main .item {
    padding-top:var(--base-spacing);
}

/* <--|| //|\\ ||--> */
/* <--|| Contents ||--> */
/* <--|| \\|// ||--> */

.c2-bg {
    background:var(--white-07)!important;
    box-shadow:var(--shadow);
}


/* <--|| //|\\ ||--> */
/* <--|| Buttons ||--> */
/* <--|| \\|// ||--> */

.btn.c1-btn-bg:focus-visible,
.btn.c2-btn-bg:focus-visible,
.btn.c3-btn-bg:focus-visible,
.btn.c4-btn-bg:focus-visible,
.btn.c5-btn-bg:focus-visible {
    outline:none!important;
}

.btn.c1-btn-bg,
.btn.c3-btn-bg,
.btn.c4-btn-bg{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px;
    overflow: hidden !important;
    position: relative;
}

.btn.c1-btn-bg > span,
.btn.c3-btn-bg > span,
.btn.c4-btn-bg > span{
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.btn.c1-btn-bg i,
.btn.c3-btn-bg i,
.btn.c4-btn-bg i{
    font-size: 30px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 5px !important;
}

/* <--|| BTN-C1 + BTN-C3 ||--> */

.btn.c1-btn-bg,
.btn.c3-btn-bg {
  position: relative;
  border-color: transparent;
  color: var(--white);
  overflow: hidden;
}

.btn.c1-btn-bg {
    background-color:var(--blue-main);
}

.btn.c3-btn-bg {
    background-color: var(--yellow);
}

.btn.c1-btn-bg span,
.btn.c3-btn-bg span {
  position: relative;
  z-index: 2;
}

.btn.c1-btn-bg::before, .btn.c1-btn-bg::after,
.btn.c3-btn-bg::before, .btn.c3-btn-bg::after {
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  transition: all 0.5s;
  content: "";
  z-index: -1;
}

.btn.c1-btn-bg::before, .btn.c1-btn-bg::after{
    background-color: var(--blue-light);
}

.btn.c3-btn-bg::before, .btn.c3-btn-bg::after {
    background-color: var(--yellow-light);
}

.btn.c1-btn-bg::before,
.btn.c3-btn-bg::before {
  top: 0;
  transform: translate(-100%, 0);
}

.btn.c1-btn-bg::after,
.btn.c3-btn-bg::after {
  bottom: 0;
  transform: translate(100%, 0);
}

.btn.c1-btn-bg:hover::before, .btn.c1-btn-bg:hover::after,
.btn.c3-btn-bg:hover::before, .btn.c3-btn-bg:hover::after,
.inner a:hover .btn.c1-btn-bg::before, .inner a:hover .btn.c1-btn-bg::after,
.inner a:hover .btn.c3-btn-bg::before, .inner a:hover .btn.c3-btn-bg::after{
  transform: translate(0, 0);
}

/* <--|| BTN-C4 ||--> */

.btn.c4-btn-bg {
    background:transparent!important;
    border-color:transparent!important;
}

.inner a:hover .btn.c4-btn-bg span {
    background:transparent!important;
    border-color:transparent!important;
}

.inner .btn.c4-btn-bg i.icon::before {
    transition:transform 0.3s ease!important;
}

.inner a:hover .btn.c4-btn-bg i.icon::before {`
    transform:translateX(10px)!important;
}

/* <--|| BTN-C5 ||--> */

.btn.c5-btn-bg:active span,
.btn.c5-btn-bg:focus span {
    background:transparent!important;
}


.btn.c5-btn-bg {
  border-color: var(--white-06)!important;
  background:transparent!important;
  box-shadow:0px 0px 3px 0px var(--white-06);
}

.btn.c5-btn-bg::before, .btn.c5-btn-bg::after {
  position: absolute;
  top: 0;
  left: 0;
  border-color: var(--white);
  border-radius: 5px;
  border-style: solid;
  transition: all 0.5s;
  content: "";
  z-index: 1;
}

.btn.c5-btn-bg::before {
  width: 0;
  height: 100%;
  border-width: 1px 0 1px 0;
}

.btn.c5-btn-bg::after {
  width: 100%;
  height: 0;
  border-width: 0 1px 0 1px;
}

.btn.c5-btn-bg:hover {
  border-color: var(--white);
  color: var(--white);
  
}

.btn.c5-btn-bg:hover span {
    background:transparent!important;
}

.btn.c5-btn-bg:hover::before {
  width: 100%;
  border-width: 1px 0 1px 0;
}

.btn.c5-btn-bg:hover::after {
  height: 100%;
  border-width: 0 1px 0 1px;
}

/* -----------------------
   MODAL
----------------------- */

.testimonial-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
}

.testimonial-modal-dialog {
    width: 100%;
    max-width: 650px;
    max-height: 85vh;
    overflow-y: auto;
}

.testimonial-modal-card .inner {
    position: relative;
    background: var(--white);
    border-radius: var(--radius);
    padding: 32px;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--border);
}

.testimonial-modal-card .stars {
    color:var(--yellow);
}

.testimonial-modal-card .testimonial-text {
    max-height: none;
    overflow: visible;
}

.testimonial-modal-card .testimonial-more {
    display: none;
}

.testimonial-modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 22px;
    line-height: 30px;
}




/* <--|| //|\\ ||--> */
/* <--|| Ιατρικές Σχολές ||--> */
/* <--|| \\|// ||--> */

.sxoles-pods .component-main .item .info {
    background:rgba(33,92,155,0.7);
    padding-top:15px;
    padding-bottom:15px;
    border-radius:12px;
}


/* <--|| //|\\ ||--> */
/* <--|| POSTS ||--> */
/* <--|| \\|// ||--> */

.hide-from-sub {
    display:none!important;
}

@media (min-width:992px) {
    body.post-header #site-content > .content {
        padding-top:calc(var(--large-header) + 20px)!important;
    }
}

body.post-header .content .meta,
body.enimerosi-page .content .meta,
body.post-header .content .date,
.no-meta-post .item .meta{
    display:none!important;
}

.enimerosi-banner {
    padding-top:0!important;
}

body.post-header .right-col,
body.enimerosi-page .right-col{
    display:flex!important;
    flex-direction:column;
    height:fit-content;
    background:var(--blue-pale);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
}

body.post-header .right-col .sub,
body.enimerosi-page .right-col .sub
{
    order:2!important;
}

body.post-header .right-col .sub-menu-image .image,
body.enimerosi-page .right-col .sub-menu-image .image{
    margin-left:auto;
    margin-right:auto;
}

body.post-header .right-col .sub-menu-image .info a,
body.enimerosi-page .right-col .sub-menu-image .info a{
    color:var(--gray-text)!important;
}

body.post-header .right-col .sub-menu-image .info a:hover,
body.enimerosi-page .right-col .sub-menu-image .info a:hover{
    color:var(--yellow)!important;
}

/* <--|| //|\\ ||--> */
/* <--|| Sitemap ||--> */
/* <--|| \\|// ||--> */

.usn_cmp_sitemap nav.sitemap ul li::before, nav.sitemap ul li::after {
    background-color:var(--blue-main)!important;
}