:root {
    --blue-dark:    #0f2d6b;
    --blue-main:    #1a4db8;
    --blue-light:   #2563eb;
    --blue-pale:    #e8f0fe;
    --yellow:       #f59e0b;
    --yellow-dark:  #d97706;
    --gray-bg:      #f4f7fb;
    --gray-text:    #64748b;
    --dark-text:    #1e293b;
    --border:       #e2e8f0;
    --dark-section: #0b1e4f;
    --white:        #ffffff;
    --white-06: rgba(255,255,255,.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);
    /*--font:         'Inter', system-ui, sans-serif;*/
    --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;
}


/*#1a4db8 -> blue main */
/*#f59e0b -> yellow*/
/*#f9fafb -> header background*/
/*#64748b -> header text on scroll*/
/*#ffffff -> header text on top */
/*rgba(255, 255, 255, 0.15) -> header link bg hover on top */
/*#e8f0fe -> header link bg hover on scroll */
/*#e8f0fe -> icon circle */
/*rgba(255, 255, 255, 0.7) -> card bg (ΤΑ ΠΡΟΓΡΑΜΜΑΤΑ ΜΑΣ)*/
/*rgba(10, 28, 80, 0.82) -> card overlay blue (ΤΡΟΠΟΣ ΠΑΡΑΚΟΛΟΥΘΗΣΗΣ)*/
/*rgba(255, 255, 255, 0.85) -> card p (ΤΡΟΠΟΣ ΠΑΡΑΚΟΛΟΥΘΗΣΗΣ)*/
/*#f4f7fb -> pods (Γιατί να μας επιλέξετε) background */
/*rgba(255, 255, 255, 0.88) -> pods (Τι κερδίζει ο μαθητής μας)background */
/*#0c2155 -> background cta section */
/*#2563eb -> contact icons */
/*#64748b -> body text*/
/*#000000 -> Headers text*/
/*rgba(255,255,255,.6) -> footer text*/
/*#ffffff -> footer headers*/
/*linear-gradient( 100deg, rgba(10, 28, 80, 0.82) 0%, rgba(10, 28, 80, 0.65) 50%, rgba(10, 28, 80, 0.25) 100% ) -> banner overlay Desktop */
/*linear-gradient( 100deg, rgba(155, 160, 175, 0.82) 0%, rgba(31, 51, 111, 0.65) 50%, rgba(10, 28, 80, 0.25) 100% ) -> banner over Mobile*/
/*rgba(255, 255, 255, 0.82) -> banner text*/

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

.section-title-h2 h2.heading::after {
    content: '';
    display: block;
    width: 52px;
    height: 4px;
    background: var(--blue-main);
    border-radius: 2px;
    margin: 14px 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;
}




body.body-bg {
    background-image: url('/media/xxsmexy2/medistudies_body_bg.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/megjc5d4/medistudies_body_bg_mobile.png');
        background-size:cover!important;
        background-position:center top!important;
        background-attachment:fixed!important;
    }
}

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

/* <-- Header --> */
@media (min-width:992px) {
    html.nav-up body.header-01-lg nav.main ul li span a,
    html.nav-down body.header-01-lg nav.main ul li span a{
        color:var(--gray-text)!important;
    }
    
    html.reached-top.nav-down body.header-01-lg nav.main ul li span a {
        color:var(--white)!important;
    }
    
    html.no-touch.nav-up body.header-01-lg header#site-header nav.main ul li:not(.active):hover > span::before,
    html.no-touch.nav-down body.header-01-lg header#site-header nav.main ul li:not(.active):hover > span::before {
        background:var(--blue-pale)!important;
    }
    
    html.no-touch body.header-01-lg header#site-header nav.main ul li:not(.active):hover > span::before,
    html.no-touch.reached-top body.header-01-lg header#site-header nav.main ul li:not(.active):hover > span::before{
        background:rgba(255, 255, 255, 0.15)!important;
    }
    
    
}

@media (max-width:991px) {
    #burgerNavStyle span,
    #burgerNavStyle span::before,
    #burgerNavStyle span::after
    {
        background-color:var(--blue-main)!important;
    }
}

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

/* <-- Footer --> */

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

/* <-- Welcome Banner --> */ 

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

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

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

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

.welcomeBanner ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--white-088);
    margin-bottom: 10px;
}

.welcomeBanner ul li span {
    color: var(--yellow);
    flex-shrink: 0;
    margin-top: 4px;
}

.welcomeBanner p{
    color:var(--white-082)!important;
}


.welcomeBanner .image::before {
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(
        100deg,
        rgba(10, 28, 80, 0.82) 0%,
        rgba(10, 28, 80, 0.65) 50%,
        rgba(10, 28, 80, 0.25) 100%
    );
}

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

@media (max-width:480px) {
    .welcomeBanner .image::before {
        background:linear-gradient( 
        100deg, 
        rgba(155, 160, 175, 0.82) 0%, 
        rgba(31, 51, 111, 0.65) 50%, 
        rgba(10, 28, 80, 0.25) 100% );
    }
    
    .welcomeBanner {
        text-shadow:0px 2px 2px rgba(0,0,0,0.6);
    }
}


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

.card-program-icon {
    position: absolute;
    bottom: 250px;
    left: 24px;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background: var(--blue-main);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 4px 14px rgba(26,77,184,.35);
}

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

.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;
}

/* <-- Γιατί εμάς 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;
    /*overflow:visible!important;*/
}

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

/*.student-gains > .component-background-image {*/
/*    position: absolute;*/
/*    inset: 0;*/

/*    background-size: cover !important;*/
/*    background-position: center 38% !important;*/
/*    background-repeat: no-repeat;*/
/*}*/

.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);
}

.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:480px) {
    .student-gains .image.background-image.component-background-image {
        background-image:url("/media/g2yfhbvf/student_gains_background_mobile.png")!important;
    }
    
    .student-gains .component-introduction h2 {
        color:#ffffff!important;
    }
}

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

.testimonial-card .item .inner {
    background: var(--white);
    border-radius: var(--radius);
    padding: 28px;
    box-shadow: var(--shadow);
    border: 1px solid var(--border);
    transition: var(--transition);
}
.testimonial-card .item .inner:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }

.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 {
    font-size: 12px;
    color: var(--gray-text);
}

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

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

.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);
}

/* <-- Contents --> */

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