body {
overflow-x: hidden;
}

:root {
--primary: #498772;
--yellow: #feecb4;
--mint: #d2efea;
--dark-mint: #70b7b3;
--bg: #fff8f1;
}


 #contenttop h1, #belowsite h1 {
font-size: clamp(1.75rem, 1.38rem + 1.481vw, 3.75rem); /*28-60*/
    line-height: 1.2em;
margin-top: 4vh !important;
position: relative;
padding-bottom: 2vh !important;
}

 #contenttop h1:before, #belowsite h1:before {
content: "";
position: absolute;
height: 8px;
width: 100px;
background-color: var(--yellow);
border-radius: 100px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}



 #contenttop h2 {
font-weight: 500 !important;
letter-spacing: 1px;
}




/* SCROLL BAR */

body::-webkit-scrollbar {
  width: 7px;
}

body::-webkit-scrollbar-track {
  background: transparent; 
}

body::-webkit-scrollbar-thumb {
  background-color: var(--dark-mint);
  border-radius: 6px;
  border: 2px solid var(--dark-mint);  
}

body::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary); 
  border: 2px solid var(--primary);
}

/* END SCROLL BAR */

a.mobile-header-startlink {
    background-image: url('/cache/files/1717eecaa90bc7591412f941c405fcd29741ef92.svg');
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    width: 95vw;
    transform: translate(-50%, 0%);
margin-top: 5px;
}

.side-nav__header {
    background-color: transparent;
    background-image: url('/cache/files/1717eecaa90bc7591412f941c405fcd29741ef92.svg') !important;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin: 10vw 2vw 5px 2vw;
}

.side-nav__header {
    height: 10%;
}.c-newsletter {
padding-top: 100px;
padding-bottom: 100px;
width: 60%;
margin: auto;
}

.c-newsletter form {
    margin: auto;
}

.c-newsletter form label {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 800;
font-family: 'Manrope', sans-serif;
}

.c-newsletter form input {
    padding: 10px;
    border: 2px solid #d3d3d3;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}


.c-newsletter form input:focus-visible {
outline: none;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.c-newsletter form input::placeholder {
color: #d1d1d5;
font-size: 14px;
}

.c-newsletter form .submit {
margin-top: 20px;
text-align: center;
}

.c-newsletter form .submit button {
    font-size: 14px;
    font-weight: 400;
    padding: 20px 25px;
    color: white;
    background-color: #595959;
    transition: 0.3s;
    letter-spacing: 1px;
    border-radius: 3px;
    border-color: transparent;
    min-width: 170px;
}

.c-newsletter form .submit button:hover {
color: white;
background-color: #e0751b;
}

@media only screen and (max-width: 768px) {
.c-newsletter {
width: 90%;
}
}.c-buttons-row {
display: flex;
gap: 15px;
}

@media (max-width: 920px) {
.c-buttons-row {
    justify-content: center;
}
}


@media (max-width: 540px) {
.c-buttons-row {
    flex-direction: column;
    align-items: center;
}
}


.c-button-1 span {
display: inline-block;
position: relative;
margin-top: 10px;
padding: 15px 20px;
border-radius: 60px;
color: #fff;
overflow: hidden;
z-index: 1;
font-size: 0.9em;
font-weight: 600;
transition: color 0.4s ease;
}

.c-button-1 span::before,
.c-button-1 span::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: inherit;
transform: scaleX(0);
transform-origin: left center;
}

/* Κύριο πράσινο background */
.c-button-1 span {
background-color: var(--primary);
}

/* Πρώτο πέρασμα - κίτρινο */
.c-button-1 span::before {
background-color: var(--yellow);
z-index: -2;
transition: transform 0.55s cubic-bezier(.65, 0, .35, 1);
}

/* Δεύτερο πέρασμα - μέντα */
.c-button-1 span::after {
background-color: var(--dark-mint);
z-index: -1;
transition: transform 0.55s cubic-bezier(.65, 0, .35, 1);
transition-delay: 0.16s;
}

.c-button-1:hover span::before {
transform: scaleX(1);
}

.c-button-1:hover span::after {
transform: scaleX(1);
}


.c-button-1 img {
filter: brightness(0) invert(1);
}




.c-button-2 span {
display: inline-block;
position: relative;
margin-top: 10px;
padding: 13px 18px;
border-radius: 60px;
color: var(--primary);
background-color: transparent;
border: 2px solid var(--primary);
overflow: hidden;
z-index: 1;
font-size: 0.9em;
font-weight: 600;
transition: color 0.4s ease, border-color 0.4s ease;
}

.c-button-2 span::before,
.c-button-2 span::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: inherit;
transform: scaleX(0);
transform-origin: left center;
}

/* Πρώτο πέρασμα - κίτρινο */
.c-button-2 span::before {
background-color: var(--yellow);
z-index: -2;
transition: transform 0.55s cubic-bezier(.65, 0, .35, 1);
}

/* Δεύτερο πέρασμα - dark mint */
.c-button-2 span::after {
background-color: var(--dark-mint);
z-index: -1;
transition: transform 0.55s cubic-bezier(.65, 0, .35, 1);
transition-delay: 0.16s;
}

.c-button-2:hover span::before {
transform: scaleX(1);
}

.c-button-2:hover span::after {
transform: scaleX(1);
}

.c-button-2:hover span {
color: #fff;
border-color: var(--dark-mint);
}

.c-button-2 img {
transition: filter 0.4s ease;
}

.c-button-2:hover img {
filter: brightness(0) invert(1);
}#topmenu ul li {
padding-right: 0;
margin-right: 10px;
background: none;
}

#topmenu ul li a {
display: inline-block;
position: relative;
border-radius: 60px;
overflow: hidden;
z-index: 1;
color: #333333;
background-color: transparent;
transition: color 0.4s ease;
}

/* Animation layers */
#topmenu ul li a::before,
#topmenu ul li a::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: inherit;
transform: scaleX(0);
transform-origin: left center;
}

/* Πρώτο πέρασμα - κίτρινο */
#topmenu ul li a::before {
background-color: var(--yellow);
z-index: -2;
transition: transform 0.55s cubic-bezier(.65, 0, .35, 1);
}

/* Δεύτερο πέρασμα - dark mint */
#topmenu ul li a::after {
background-color: var(--dark-mint);
z-index: -1;
transition: transform 0.55s cubic-bezier(.65, 0, .35, 1);
transition-delay: 0.16s;
}

/* Hover animation */
#topmenu ul li:hover a::before {
transform: scaleX(1);
}

#topmenu ul li:hover a::after {
transform: scaleX(1);
}

#topmenu ul li:hover a {
color: #fff;
}

#topmenu ul li:last-child a {
background-color: var(--primary);
color: #fff;
transform: scale(0.94);
}div.items div.date {
    padding-bottom: 10px;
    font-size: 0.8em;
color: var(--dark-mint);
}

.notloggedin div.horizontalitemsnews div.itemcontent {
border-radius: 30px;
overflow: hidden;
box-shadow: 0px 0px 20px #33333336;
}


div.items div.photos :is(img,video) {
    border-radius: 30px;
}.firstpagenews {
max-width: 90vw;
    padding-bottom: 4vw;
}

/*PRODUCT SLIDER*/
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 40px;
    height: 40px;
    opacity: 1;
top: 40%;
left: -20px;
border-radius: 50%;
    background-color: var(--dark-mint);
}

 .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 1;
margin-right: 0px;
    bottom: 0;
    width: 40px;
    height: 40px;
    opacity: 1;
top: 40%;
right: -40px;
border-radius: 50%;
    background-color: var(--dark-mint);
}

.slick-prev:hover, .slick-next:hover {
    background-color: var(--mint);
}

.slick-next:focus, .slick-prev:focus {
    background-color: var(--mint);
}


.slick-next:before {
    top: 0px;
    height: auto;
    width: 25px;
 background-image: url('/cache/files/37bd17aad3abeea283e2ab84ae0119a113704c01.svg');
    background-size: contain;
    background-position-x: 50%;
opacity: 1;
    transition: 0.4s;
filter: brightness(0) invert(1);
left: 6px;
}

.slick-prev:before {
    top: 0px;
    height: auto;
    width: 25px;
background-image: url('/cache/files/37bd17aad3abeea283e2ab84ae0119a113704c01.svg');
    background-size: contain;
    background-position-x: 50%;
opacity: 1;
    transition: 0.4s;
filter: brightness(0) invert(1);
left: 8px;
}



.slick-prev:hover:before, .slick-next:hover:before {
filter: none;
}



@media (max-width: 920px) {
.slick-prev {
left: -0px;
}

 .slick-next {
right: -20px;
}
}
#belowsite{
position: relative;
}

.notloggedin #belowsite{
width: auto;
clip-path: shape(
from 0 100%,
vline to 28px,
curve to 25% 18px
with 8% 10px,
smooth to 50% 28px,
smooth to 75% 18px,
smooth to 100% 28px,
vline to 100%,
hline to 0
);
animation: footerWave 8s ease-in-out infinite;
will-change: clip-path;
}

@keyframes footerWave {

0%, 100% {
clip-path: shape(
from 0 100%,
vline to 28px,
  curve to 25% 18px
  with 8% 10px,
  smooth to 50% 28px,
  smooth to 75% 18px,
  smooth to 100% 28px,
  vline to 100%,
  hline to 0
);
}

33% {
clip-path: shape(
from 0 100%,
vline to 25px,
  curve to 25% 22px
  with 8% 13px,
  smooth to 50% 24px,
  smooth to 75% 21px,
  smooth to 100% 25px,
  vline to 100%,
  hline to 0
);
}

66% {
clip-path: shape(
from 0 100%,
vline to 30px,
  curve to 25% 15px
  with 8% 12px,
  smooth to 50% 31px,
  smooth to 75% 16px,
  smooth to 100% 30px,
  vline to 100%,
  hline to 0
);
}
}


.notloggedin #belowsite::before{
content: '';
position: absolute;
inset: 0;
    box-shadow: 0px -18px 20px #33333354;
clip-path: inherit;
transform: translateY(-6px);
filter: blur(14px);
z-index: -1;
pointer-events: none;
}



.c-footer-call-to-action {
text-align: center;
}



.c-footer-call-to-action h1{
color: var(--primary) !important;
text-align: center !important;
}

.c-footer-call-to-action p{
padding: 20px 20px 0px 20px;
}

.c-footer-call-to-action .c-buttons-row {
justify-content: center;
}
@media (max-width: 450px) {
.c-footer-call-to-action .c-buttons-row {
flex-direction: column;
gap: 5px;
}
}



.c-footer-container {
display: flex;
gap: 4vw;
margin-top: 8vh;
align-items: flex-start;
    justify-content: space-around;
}

@media (max-width: 920px) {

.c-footer-container {
    align-items: center;
    flex-direction: column;
}
}

.c-footer-logo-content {
max-width: 400px;
}

.c-footer-logoo-content p{
font-size: 14px;
}

.c-footer-logo-content .c-button-1 span {
padding: 10px 10px !important;
}

@media (max-width: 920px) {
.c-footer-logo-content {
text-align: center;
}

.c-footer-logo-content .c-buttons-row {
    display: flex;
    justify-content: center;
}

}


.c-footer-right-content {
display: flex;
gap: 4vw;
}

@media (max-width: 560px) {
.c-footer-right-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
}

.c-footer-info-content h3 {
font-size: 18px;
line-height: 1.2;
font-weight: 500;
color: var(--primary);
margin: 8px 0 18px;
}

.c-footer-info-content p {
margin-bottom: 5px;
}

.c-footer-info-content a {
text-decoration: none;
}

.c-footer-info-content a:hover {
color: var(--dark-mint) !important;
}

.c-footer-contact > div {
display: flex;
gap: 20px;
margin-bottom: 12px;
}

.c-footer-hours {
display: flex;
flex-direction: column;
gap: 12px;
max-width: 430px;
}

.c-footer-hours > div {
display: grid;
grid-template-columns: 1fr auto;
gap: 30px;
align-items: center;
}


.c-footer-hours strong {
font-weight: 500;
white-space: nowrap;
}

.c-footer-small {
margin-top: 18px !important;
font-size: 16px !important;
color: var(--dark-mint) !important;
font-weight: 500;
}



.notloggedin #belowsite:after {
content: "";
    position: absolute;
    top: -4vw;
    left: -8vw;
    width: 25vw;
    min-height: 35vh;
    height: 35vh;
    background-image: url('/cache/files/459633eebe3e9051d64e6d61e6b681d95e7f2840.svg');
    background-size: contain;
    background-position: right;
background-repeat: no-repeat;
    z-index: 3;
opacity: 0.2;
transform: rotate(85deg);
}


#copyinfo {
position: relative;
}

#copyinfo:after {
content: "";
    position: absolute;
    bottom: 0px;
    right: -8vh;
    width: 37vh;
    height: 27vh;
    background-image: url('/cache/files/2204fc3815cdfa28adb123cc04ae1c01e9c8dbe5.svg');
    background-size: cover;
    background-position: right;
background-repeat: no-repeat;
    z-index: 3;
opacity: 0.2;
}


@media (max-width: 920px) {
#copyinfo:after {
    width: 30vw;
    height: 18vw;
}
}@keyframes morph1 {

    0%,
    100% {
        border-radius:
            100% 58% 58% 30% /
            100% 62% 44% 55%;
    }
    20% {
        border-radius:
            92% 65% 64% 36% /
            94% 68% 50% 60%;
    }
    40% {
        border-radius:
            82% 72% 70% 42% /
            88% 72% 58% 66%;
    }
    60% {
        border-radius:
            94% 62% 72% 35% /
            96% 68% 52% 62%;
    }
    80% {
        border-radius:
            105% 54% 64% 27% /
            105% 58% 48% 52%;
    }
}




@keyframes morph2 {

    0%,
    100% {
        border-radius:
            100% 58% 58% 30% /
            100% 62% 44% 55%;
    }

    20% {
        border-radius:
            75% 85% 42% 58% /
            80% 45% 72% 38%;
    }

    40% {
        border-radius:
            48% 95% 75% 32% /
            58% 82% 38% 75%;
    }

    60% {
        border-radius:
            82% 42% 92% 48% /
            44% 70% 85% 52%;
    }

    80% {
        border-radius:
            62% 78% 48% 88% /
            88% 52% 62% 42%;
    }

}


@keyframes floatShape {

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -18px, 0);
    }

}
.mobile-header {
    box-shadow: none;
display: flex;
    flex-direction: row-reverse;
min-height: 100px;
}

@media (max-width: 720px) {
.mobile-header {
min-height: 60px;
}
}

#mobile-header button {
    z-index: 100;
    font-size: 35px;
    margin-right: 5vw;
}

.side-nav__footer {
    box-shadow: none;
}

.side-nav__hide {
    left: auto;
    top: 5vw;
    border: 1.5px solid var(--primary);
    color: var(--primary);
    width: 37px;
    height: 37px;
    padding: 6px 5px;
    right: 5vw;
border-radius: 50%;
}

.side-nav--visible .side-nav__container {
    position: relative;
    width: 94%;
    max-width: 94%;
    background: var(--bg);
    height: 96%;
top: 2%;
    left: 3%;
border-radius: 30px;
}


.side-nav ul {
    width: 80vw;
    margin: 2vw auto;
}

.side-nav ul li {
text-align: center;
}

.side-nav ul li a {
padding-left: 0px;
}

.side-nav ul li a {
border-radius: 30px;
margin-top: 8px;
}

@media (max-width: 420px) {
.side-nav ul li a {
font-size: 14px;
}
}

.side-nav ul li:nth-last-child(1) a {
background-color: var(--primary);
padding: 4px 16px;
border-radius: 30px;
margin-top: 8px;
color: var(--bg);
}

.c-mobile-footer-contact {
display: flex;
gap: 15px;
    justify-content: center;
    margin-bottom: 10px;
}

.c-mobile-footer-contact a {
    padding: 10px;
    border: 1px solid;
    border-radius: 50%;
}
.pagetitle {
display: none;
}

@media (max-width: 720px) {
 #contenttop h2 {
font-size: 18px !important;
}
}


#intro {
display: flex;
gap: 4vw;
flex-direction: row-reverse;
justify-content: space-between;
align-items: flex-start;
}

@media (max-width: 920px) {
#intro {
gap: 0vw;
flex-direction: column;
    align-items: center;
}
}


.c-sticky {
position: sticky;
top: 20px;
flex: 1;
height: fit-content;
}

.c-image-container {
position: relative;
    display: flex;
    justify-content: flex-end;
}


.c-text {
padding: 4vw;
flex: 1;
    text-align: justify;
}

#intro .c-text h1, #doctor-now .c-text h1, #philosofy .c-text h1, #together .c-text h1 {
text-align: left !important;
}

#intro .c-text h1:before, #doctor-now .c-text h1:before, #philosofy .c-text h1:before, #together .c-text h1:before {
left: 0;
transform: translateX(0%);
}

#intro .c-text h2, #doctor-now .c-text h2,#philosofy .c-text h2, #together .c-text h2 {
text-align: left !important;
}

.c-intro-img {
max-height: 90vh;
    width: 34vw;
    border-radius: 58% 100% 58% 30% / 62% 90% 44% 55%;
    object-fit: cover;
}

@media (max-width: 920px) {
.c-intro-img {
max-height: 90vw;
    width: 90vw;
}
}

.c-intro-flower {
position: absolute;
    bottom: 10%;
    left: -4vw;
    height: 50vh;
    width: auto;
    opacity: 0.3;
    transform: scaleX(-1);
z-index: -1;
}

@media (max-width: 920px) {
.c-intro-flower {
    bottom: auto;
    left: auto;
    height: 42vh;
    width: auto;
    transform: scaleX(1);
    right: -3vw;
    top: 0;
}
}


.c-intro-yellow-shape {
    position: absolute;
    width: 25vw;
    height: 25vw;
    bottom: -5vw;
    left: -2vw;
    background-color: var(--yellow);
    border-radius: 100% 58% 58% 30% / 100% 62% 44% 55%;
   animation:
        morph2 12s ease-in-out infinite,
        floatShape 6s ease-in-out infinite;
    will-change: border-radius, transform;
filter: blur(6px);
opacity: 0.5;
z-index: -2;
}

@media (max-width: 920px) {
.c-intro-yellow-shape {
width: 55vw;
    height: 55vw;
    bottom: -8vw;
    left: -25vw;
}
}




.c-flex-boxes {
display: flex;
gap: 15px;
    flex-wrap: wrap;
}

.c-box {
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--bg);
    gap: 0px;
    border-radius: 30px;
    box-shadow: 0px 0px 20px #33333336;
text-align: center;
}



.c-box p {
margin-bottom: 0px;
}
.c-box img {
margin-bottom: 15px;
}

.c-box p:first-of-type {
font-weight: 900;
color: var(--dark-mint);
}

#intro .c-box {
width: 20vw;
}

@media (max-width: 920px) {
#intro .c-box {
width: 41vw;
}
}

@media (max-width: 720px) {
#intro .c-box {
width: 100%;
}
}


/*EXPERIENCE*/


#experience {
margin-top: 8vw;
position: relative;
}


#experience:before{
content: "";
    position: absolute;
    bottom: -15vh;
    right: -5vw;
    width: 45vw; 
    height: 70vh;
background-color: var(--yellow);
    border-radius: 100% 58% 58% 30% / 100% 62% 44% 55%;
   animation:
        morph2 12s ease-in-out infinite,
        floatShape 6s ease-in-out infinite;
    will-change: border-radius, transform;
filter: blur(6px);
opacity: 0.5;
z-index: -1;
}


#experience:after{
content: "";
    position: absolute;
    top: 20vh;
    left: -5vw;
    width: 45vw; 
    height: 70vh;
background-color: var(--mint);
    border-radius: 100% 58% 58% 30% / 100% 62% 44% 55%;
   animation:
        morph2 12s ease-in-out infinite,
        floatShape 6s ease-in-out infinite;
    will-change: border-radius, transform;
filter: blur(6px);
opacity: 0.8;
z-index: -1;
}



.c-experience-intro-text p{
max-width: 880px;
margin: 0 auto;
text-align: center;
}

.c-experience-container {
display: flex;
gap: 4vw;
max-width: 80vw;
margin: 4vw auto;
text-align: center;
}

@media (max-width: 920px) {
.c-experience-container {
flex-direction: column;
max-width: 95vw;
}
}


.c-experience-container h1 {
font-size: 26px !important;
color: var(--dark-mint)!important;
}


.c-experience-container h2 {
font-size: 18px !important;
color: var(--dark-mint)!important;
margin-bottom: 0px !important;
margin-top: 40px !important;
}

.c-experience-container div{
    background-color: var(--bg);
    border-radius: 30px;
    box-shadow: 0px 0px 20px #33333336;
padding: 4vw;
margin: 20px;
}



/*DOCTORS NOW*/

#doctor-now {
display: flex;
gap: 4vw;
justify-content: space-between;
align-items: flex-start;
}


@media (max-width: 920px) {
#doctor-now {
    flex-direction: column;
align-items: center;
}
}

.c-now-flower {
position: absolute;
    bottom: 10%;
    right: -1vw;
    height: 50vh;
    width: auto;
    opacity: 0.3;
z-index: -1;
transform: rotate(15deg);
}

@media (max-width: 920px) {

.c-now-flower {
position: absolute;
    bottom: auto;
    right: -5vw;
    height: 50vw;
top: 0;
}
}

.c-now-mint-shape {
    position: absolute;
    width: 25vw;
    height: 25vw;
    top: 10%;
    right: -2vw;
    background-color: var(--mint);
    border-radius: 100% 58% 58% 30% / 100% 62% 44% 55%;
   animation:
        morph2 12s ease-in-out infinite,
        floatShape 6s ease-in-out infinite;
    will-change: border-radius, transform;
filter: blur(6px);
opacity: 0.5;
z-index: -2;
}


.c-now-img {
max-height: 80vh;
    width: 34vw;
    border-radius: 100% 58% 58% 30% / 62% 90% 44% 55%;
    object-fit: cover;
}

@media (max-width: 920px) {
.c-now-img {
max-height: 80vw;
    width: 80vw;
}
}

#doctor-now .c-image-container {
    justify-content: flex-start;
}


.c-text ul {
list-style: none !important;
padding: 0 !important;
margin: 25px 0 0 0 !important;
}

.c-text ul li {
position: relative;
padding-left: 34px;
margin-bottom: 14px;
line-height: 1.4;
}

.c-text ul li::before {
content: "✓";
position: absolute;
left: 0;
top: 1px;
width: 20px;
height: 20px;
border: 2px solid var(--dark-mint);
border-radius: 50%;
color: var(--dark-mint);
font-size: 13px;
font-weight: 600;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}

#doctor-now .c-box {
margin-bottom: 20px !important;
text-align: left;
padding: 30px;
}


/*SUNEDRIA PROSFORA*/

#sunedria-prosfora {
display: flex;
gap: 4vw;
justify-content: center;
max-width: 80vw;
    margin: 6vw auto;
position: relative;
}

@media (max-width: 920px) {
#sunedria-prosfora {
flex-direction: column;
max-width: 95vw;
}
}


#sunedria-prosfora:before{
content: "";
    position: absolute;
    bottom: -15vh;
    right: -15vw;
    width: 50vw; 
    height: 40vw;
background-color: var(--mint);
    border-radius: 100% 58% 58% 30% / 100% 62% 44% 55%;
   animation:
        morph2 12s ease-in-out infinite,
        floatShape 6s ease-in-out infinite;
    will-change: border-radius, transform;
filter: blur(6px);
opacity: 0.5;
z-index: -1;
}


#sunedria-prosfora:after{
content: "";
    position: absolute;
    top: 0vh;
    left: -15vw;
    width: 50vw; 
    height: 40vw;
background-color: var(--yellow);
    border-radius: 100% 58% 58% 30% / 100% 62% 44% 55%;
   animation:
        morph2 12s ease-in-out infinite,
        floatShape 6s ease-in-out infinite;
    will-change: border-radius, transform;
filter: blur(6px);
opacity: 0.8;
z-index: -1;
}

@media (max-width: 920px) {
#sunedria-prosfora:after{
    top: -12vh;
}
}


#sunedria-prosfora div h1{
font-size: 26px !important;
color: var(--dark-mint) !important;
}

#sunedria-prosfora div {
    background-color: var(--bg);
    border-radius: 30px;
    box-shadow: 0px 0px 20px #33333336;
    padding: 4vw;
flex: 1;
}



/*PHILOSOFY - TOGETHER*/

#philosofy, #together {
display: flex;
    gap: 4vw;
    align-items: center;
margin-bottom: 4vw;
position: relative;
}


@media (max-width: 920px) {
#philosofy {
    flex-direction: column-reverse;
}

#together {
    flex-direction: column;
}
}


.c-together-flower-1 {
    position: absolute;
    top: -3vw;
    right: -4vw;
    height: 28vh;
    width: auto;
    opacity: 0.3;
}

@media (max-width: 920px) {
.c-together-flower-1 {
    height: 28vw;
}
}


#together:after{
content: "";
    position: absolute;
    top: -17vw;
    right: -20vw;
    width: 30vw; 
    height: 30vw;
background-color: var(--yellow);
    border-radius: 100% 58% 58% 30% / 100% 62% 44% 55%;
   animation:
        morph2 12s ease-in-out infinite,
        floatShape 6s ease-in-out infinite;
    will-change: border-radius, transform;
filter: blur(6px);
opacity: 0.8;
z-index: -1;
}