/* manrope-200 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200;
    src: url('./font/manrope-v15-greek_latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-300 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    src: url('./font/manrope-v15-greek_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-regular - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('./font/manrope-v15-greek_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-500 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    src: url('./font/manrope-v15-greek_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-600 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    src: url('./font/manrope-v15-greek_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-700 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    src: url('./font/manrope-v15-greek_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-800 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    src: url('./font/manrope-v15-greek_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Code for all site starts */
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html{
    padding: 0px;
    margin: 0px;
}

body{
    padding: 0px;
    margin: 0px;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    background: #f9f9f9;
    scroll-behavior: smooth;
}

body.single-brandings, body.post-type-archive-webdesigns, body.page-id-512, body.page-id-870, body.page-id-1153{background: #f9f9f9;}

h1{font-size: clamp(2.6rem, 4vw, 3rem);line-height: clamp(3.2rem, 4.5vw, 3.5rem);font-weight: 600;}
h2{font-size: clamp(1.75rem, 4vw, 2rem);/*line-height: clamp(2.75rem, 4.5vw, 2rem);*/line-height: 1.2;font-weight: 600;}
h3{font-size: clamp(1.125rem, 4vw, 1.5rem);line-height: clamp(2.25rem, 4.5vw, 2.625rem);font-weight: 600;}
h4{font-size: 1.5rem;line-height: 2rem;font-weight: 600;}
h5{font-size: 20px;line-height: 28px;font-weight: 500;}
p, ul, ul li, ol li{font-size: 20px;line-height: 28px;font-weight: 400;}
.body-bold{font-size: 18px;line-height: 32px;font-weight: 600;}
.small-text{font-size: 14px;line-height: 18px;font-weight: 400;}
.menu{font-size: 16px;line-height: 24px;font-weight: 600;}
.bold{font-weight: 600;}
p.text-40px{font-size: 40px;line-height: 48px;font-weight: 500;}
strong{font-weight: 600!important;}

.pagewrap, .pagewrap-project{width: 100%;position: relative;padding: 0px 50px 0px 50px;}


.btn{background: #FFF500;color: #1e1e1e;width: 250px;max-width: 100%;height: 60px;text-align: center;display: flex;justify-content: center;align-items: center;font-size: 12px;font-weight: 700;text-transform: uppercase;border: none;position: relative;text-decoration: none;transition: 0.3s ease;}
/*.btn:before{content: "->";position: relative;}*/
.btn:hover{padding-left: 8px!important;transition: 0.3s ease;}
.button-circle{transition: all 0.5s ease;position: relative;right: 0px;width: 140px;height: 140px;border-radius: 50%;background: #FFF500;z-index: 1;display: flex;justify-content: center;align-items: center;color: #1e1e1e;text-decoration: none;font-size: 12px;font-weight: 700;text-transform: uppercase;}
.button-circle:hover{scale: 1.1;transition: all 0.5s ease;}

.cursor{position: fixed;top: 0;left: 0;border-radius: 50%;pointer-events: none;transform: translate(-100px, -100px);opacity: 0;z-index: 10;}
#cursor-out{width: 0px;height: 0px;opacity: 0;}
#cursor-in{width: 70px;height: 70px;background-color: #FFF500;font-size: 12px;font-weight: 700;display: flex;justify-content: center;align-items: center;opacity: 0;}

.flex-section-elements, .flex-elements{width: 100%;display: flex;gap: 30px;}
.flex-section-elements .flex-left, .flex-elements .flex-left{width: 20%;font-weight: 500;}
.flex-elements .flex-left p{font-weight: 700;}
.flex-section-elements .flex-right, .flex-elements .flex-right{width: 80%;}
.flex-section-elements-updown{width: 100%;position: relative;display: flex;flex-direction: column;gap: 30px;}

.grid-2-elements{width: 100%;position:relative;display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;row-gap:100px;}
.grid-3-elements{width: 100%;position:relative;display: grid;grid-template-columns: repeat(3,1fr);gap: 6px;row-gap:80px;}
.grid-4-elements{width: 100%;max-width: 1816px;position:relative;display: grid;grid-template-columns: repeat(4,1fr);gap: 30px;margin: auto;row-gap: 50px;}

.post{width: 100%;height: 100%;position: relative;overflow: hidden;}
.post a{width: 100%;height: 100%;display: flex;flex-direction: column;gap: 20px;text-decoration: none;}
.post .post-image{width: 100%;height: auto;position: relative;overflow: hidden;display: block;}
.post .post-image img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;}
.post .post-image .image{position: relative;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;padding: 35% 0%;transition: 0.5s ease;}
.post .post-image .image:hover{scale: 1.1;transition: 0.5s ease;}

.post .post-image .video-element{width: 100%;position: relative;padding: 35% 0px;isolation: isolate;overflow: hidden;position: relative;}
.post .post-image .video-element video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0px;left: 0px;}

.post .post-title{text-align: center;}
.post .post-title p{line-height: 13px;}
.post .post-title p{font-size: 18px;font-weight: 500;text-decoration: none;text-transform: uppercase;text-decoration: none;color: #1e1e1e;text-align: left;}
.post a:hover .post-title p{opacity: 0.5;}
.post .post-title span{color: #8f8f8f;text-align: center;text-transform: uppercase;font-size: 12px;font-weight: 400;text-align: right;}
#projects-page .post .post-title{display: flex;justify-content: space-between;gap: 20px;}
#projects-page .post .post-title p, #projects-page .post .post-title span{font-size: 16px;margin: auto 0px;line-height: 22px;}
#projects-page  .post .post-image .image{padding: 35% 0%;}
#projects-page{padding-bottom: 100px;}

.swiper-slide .post a{gap: 10px;}
.swiper-slide .post .post-title{display: flex;justify-content: space-between;text-align: left;}
.swiper-slide .post .post-title p{margin: auto 0px;font-size: 16px;line-height: 20px;}

.section .btn{margin: 100px auto 0px auto;}

.content-page{width: 100%;position: relative;display: flex;flex-direction: column;gap: 20px;}
.content-page ul{padding-left: 20px;}
/* Code for all site ends */

/*Menu Elemenets starts*/
#menuholder{width: 100%;position: relative;color: #1e1e1e;mix-blend-mode: difference;z-index: 100;}
.flex-menu-elements{width: 100%;display: flex;justify-content: space-between;padding: 0px 50px;position: fixed;top: 10px;}
.flex-menu-elements-bottom{width: 100%;display: flex;justify-content: space-between;padding: 0px 50px;position: fixed;bottom: 10px;}
.flex-menu-elements .element-logo{width: 100%;}
.flex-menu-elements .element-logo .menu{color: #fff;text-decoration: none;font-weight: 600;}
.flex-menu-elements .element-logo a:nth-child(2){display: none;}

.flex-menu-elements .element-center{width: 100%;display: flex;justify-content: space-between;transition: 0.4s ease;}
.flex-menu-elements .element-center ul{list-style: none;}
.flex-menu-elements .element-center ul li a{color: #fff;text-decoration: none;font-size: 16px;line-height: 24px;font-weight: 500;text-transform: uppercase;}
.flex-menu-elements .element-center.hide{display: none;transition: 0.4s ease;}

.flex-menu-elements .element-right{width: 100%;text-align: right;}
.flex-menu-elements .element-right .element-menu{display: none;}
.flex-menu-elements .element-right .element-menu p{color: #fff;cursor: pointer;font-weight: 500;}
.flex-menu-elements .element-right .menu{color: #fff;text-decoration: none;font-weight: 600;cursor: pointer;}
.flex-menu-elements .element-center ul li a:hover{color:#fff;opacity: 0.7;}

.flex-menu-elements-bottom{display: none;}
.page-id-7 .flex-menu-elements-bottom{display: flex;}
.flex-menu-elements-bottom .menu{color: #fff;text-decoration: none;}
.flex-menu-elements-bottom .menu:hover{color: #fff;opacity: 0.7;}
.flex-menu-elements-bottom .element-center .body-bold{color: #fff;text-decoration: none;}
.flex-menu-elements-bottom .element-center .body-bold:hover{opacity: 0.7;}
.flex-menu-elements-bottom .element-right{display: flex;gap: 20px;margin: auto 0px;}

#nav .menu.open{display: none;}
#nav_mobile .menu.open{display: none;}

#nav.open .menu{display: none;}
#nav_mobile.active .menu{display: none;}

#nav.open .menu.open{display: block;}
#nav_mobile.active .menu.open{display: block;}

#overlay{width: 100%;height: 100vh;position: fixed;top: 0px;left: -100%;display: flex;opacity: 1;visibility: hidden;z-index: 99;background-color: #f9f9f9;}
#overlay .overlay-menu-1{width: 100%;left: -100%;position: relative;background-color: #fff;}
#overlay .overlay-menu-2{width: 600px;padding: 100px 60px 40px 60px;left: -100%;position: relative;}

#overlay .overlay-menu-1{position: relative;padding: 100px 0px 30px 50px;overflow-x: scroll;}
#overlay .overlay-menu-1 ul{list-style: none;}
#overlay .overlay-menu-1 ul li{overflow: hidden;}
#overlay .overlay-menu-1 ul li a{position:relative;font-size: 42px;line-height: 72px;color: #1e1e1e;text-decoration: none;opacity: 0;bottom: -50px;display: block;}
#overlay .overlay-menu-1 ul li a:hover{color: #8F8F8F!important;}
#overlay .overlay-menu-1 .menu-desktop-bottom{padding-top: 60px;}
#overlay .overlay-menu-1 .menu-desktop-bottom ul{display: flex;flex-direction: column;justify-content: none;}
#overlay .overlay-menu-1 .menu-desktop-bottom ul li a{font-size: 24px;line-height: 52px;font-weight: 400;}

.language-elements{width: fit-content;padding-bottom: 10px;}
.language-elements ul{display: flex;gap: 10px;}

#overlay .overlay-menu-1 .language-elements ul li a{font-size: 20px;line-height: 24px;font-weight: 600;padding: 0px 10px 0px 0px!important;text-transform: uppercase;}
.wpml-ls-legacy-list-horizontal{padding: 0px!important;}

#overlay .overlay-menu-2{display: flex;flex-direction: column;justify-content: space-between;overflow-x: scroll;}
#overlay .overlay-menu-2 .top-element{position: relative;display: flex;flex-direction: column;gap: 30px;opacity: 0;bottom: -20%;}
#overlay .overlay-menu-2 .middle-element{position:relative;padding: 60px 0px 0px 0px;opacity: 0;bottom: -20%;}
#overlay .overlay-menu-2 .middle-element ul{list-style: none;display: flex;flex-direction: column;gap: 20px;}
#overlay .overlay-menu-2 .middle-element ul:nth-child(2){padding-top: 20px;gap: 0px;}
#overlay .overlay-menu-2 .middle-element ul:nth-child(2) li{display: flex;flex-direction: column;gap: 5px;}
#overlay .overlay-menu-2 .middle-element ul:nth-child(2) li a{text-decoration: none;color: #1e1e1e;font-size: 28px;line-height: 38px;font-weight: 500;}
#overlay .overlay-menu-2 .middle-element ul:nth-child(2) li a:hover{opacity: 0.7;}
#overlay .overlay-menu-2 .middle-element ul li span{font-size: 14px;color: #1e1e1e;}
#overlay .overlay-menu-2 .middle-element ul li h3 a{color: #1e1e1e;text-decoration: none;}
#overlay .overlay-menu-2 .middle-element ul li h3 a:hover{opacity: 0.7;}
#overlay .overlay-menu-2 .bottom-element{position: relative;opacity: 0;}
#overlay .overlay-menu-2 .bottom-element ul{display: flex;flex-direction: row;padding-top: 5px;gap: 20px;list-style: none;}
#overlay .overlay-menu-2 .bottom-element ul li a{width: 18px;height: 18px;object-fit: cover;}

#overlay-mobile{width: 100%;height: 100vh;position: fixed;top: 0px;left: -100%;opacity: 1;visibility: hidden;z-index: 99;background-color: #fff;padding: 70px 20px 70px 20px;}
#overlay-mobile .overlay-menu-mobile{width: 100%;height: 100%;overflow-x: scroll;display: flex;flex-direction: column;justify-content: start;gap: 0px;padding-bottom: 30px;}
#overlay-mobile .element{bottom:-10%;opacity: 0;position: relative;}
#overlay-mobile .overlay-menu-mobile .mobile-top #menu-overlay-desktop-1{list-style: none;display: flex;flex-direction: column;gap: 10px;}
#overlay-mobile .overlay-menu-mobile .mobile-top ul li{overflow: hidden;}
#overlay-mobile .overlay-menu-mobile .mobile-top ul li a{position: relative;font-size: 28px;line-height: 52px;color: #1e1e1e;text-decoration: none;font-weight: 500;opacity: 0;bottom: -50%;display: block;}
#overlay-mobile .overlay-menu-mobile .mobile-top .element .top-element{display: flex;flex-direction: column;gap: 20px;}
#overlay-mobile .overlay-menu-mobile .menu-desktop-bottom{padding: 40px 0px;}
#overlay-mobile .overlay-menu-mobile .menu-desktop-bottom ul li a{font-size: 28px;color: #1e1e1e;text-decoration: none;}
#overlay-mobile .overlay-menu-mobile .mobile-bottom ul{list-style: none;padding-top: 20px;display: flex;flex-direction: column;}
#overlay-mobile .overlay-menu-mobile .mobile-bottom ul li a{font-size: 28px;line-height: 40px;color: #1e1e1e;text-decoration: none;}

.menu-overlay-mobile-container{padding-bottom: 50px;}

#overlay-mobile .language-elements ul li a{font-size: 20px!important;line-height: 24px!important;font-weight: 600;padding: 0px 10px 0px 0px!important;text-transform: uppercase;}
#overlay-mobile .mobile-top .element{padding-top: 0px;}

#nav_mobile{display: none;}
/*Menu Elemenets ends*/

/*Homepage Code starts*/
#landing-page{position: relative;}
#landing-page .element-background{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #1e1e1e;
    display: flex;
    z-index: 101;
    padding: 250px 0px 0px 50px;
}
#landing-page .header-text-element{width:100%;position: absolute;top:0px;left: 0px;z-index: 102;}
#landing-page .header-text-element .elements{display: flex;gap: 6px;max-width: 748px;margin: auto;padding: 250px 0px 0px 0px;}
#landing-page .header-text-element .elements h3{font-weight: 500;}

#landing-page .header-text-element h3 {
    color: #fff;
    opacity: 1; /* Ξεκινάμε με τα H1 κρυμμένα */
}

#homepage{width: 100%;height: 100%;position: relative;}
#homepage .section-big-title .grid-element-left{width: 50%;}
#homepage .section-big-title .grid-element-right{width: 100%;}
#homepage .section-big-title{padding: 170px 50px 100px 50px;display: flex;gap: 1px;}
#homepage .section-big-title h3{/*text-align:center;*/max-width:780px;/*margin:auto;*/color: #1e1e1e;font-size: 24px;line-height: 32px;}

#homepage .spitText{opacity: 0;}



#homepage .post .post-title{display: flex;flex-direction: column;gap: 0px;}
#homepage .post .post-title p{font-size: 16px;line-height: 20px;text-align: left;}
#homepage .post .post-title span{font-size: 12px;line-height: 18px;text-align: left;}

.section-show{width: 100%;height: 100%;}

#homepage .section-show .section-title-new{padding: 0px 50px; display: flex;gap: 3px;}
#homepage .section-show .section-title-new .grid-element-left{width: 50%;}
#homepage .section-show .section-title-new .grid-element-right{width: 100%;}
#homepage .section-show .section-title-new .grid-element-right p{font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;}

.show-headers{position: sticky;width: 100%;text-align: center;top: 100px;height: 75px;overflow: hidden;z-index: 2;mix-blend-mode: difference;color: #1e1e1e;padding-bottom: 40px;}
.show-headers a{text-decoration: none;}
.section-show .section-title{display: flex;flex-direction: column;gap: 10px;align-items: center;justify-content: center;text-align: center;padding-bottom: 100px;}
.section-show .section-title p{display: none;}
.text-item{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;transform: translateY(100%);color: #fff;font-size: 64px;line-height: 72px;}
.text-item.active {opacity: 1;transform: translateY(0);}
.section-show .section{width: 100%;margin-top: 10px;position: relative;}
.section-branding{width: 100%;margin-top: 200px;position: relative;}
.section-webdesign, .section-packaging{width: 100%;margin-top: 200px;position: relative;}
/*.section-packaging{padding-bottom: 200px;}*/
.section-packaging .button-section{padding-top: 80px;display: flex;justify-content: center;}

.marquee {position: relative;padding: 200px 0px 200px 0px;width: 100vw;max-width: 100%;height: 320px;overflow: hidden;font-size: 180px;font-family: 'Manrope';font-weight: 200;}
.track {position: absolute;white-space: nowrap;will-change: transform;animation: marquee 32s linear infinite;}  
.marquee span:before{content: "->";}
.marquee span{font-size: 150px;position: relative;top: -28px;margin: 0px 100px;}

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.section-about{max-width: 1440px;margin: 150px auto 150px auto;}
.section-about .element-top h1:before{content: "iFDS®";position: relative;font-size: 20px;line-height: 28px;padding-right: 40px;}
.section-about .element-top{padding-bottom: 100px;}
.section-about .element-bottom{display: grid;grid-template-columns: repeat(3,1fr);gap: 0px;}
.section-about .element-bottom .about-element{display: flex;flex-direction: column;gap: 30px;padding: 0px 40px;border-left: 1px solid #1e1e1e;}
.section-about .element-bottom .about-element:last-child{border-right: 1px solid #1e1e1e;}
.section-about .element-bottom .about-element-top a{display: flex;justify-content: space-between;position: relative;transition: all 1s ease;text-decoration: none;}
.section-about .element-bottom .about-element-top a:hover{text-decoration: none;}
.section-about .element-bottom .about-element-top span{margin: auto 0px;transition: all 1s ease;}
.section-about .element-bottom .about-element-top span:after{content: "->";font-size: 25px;color: #000;transition: all 1s ease;}
.section-about .element-bottom .about-element-top a:hover span{position: relative;transform: translateX(10px);top:0px;bottom: 0px;transition: all 1s ease;}
.section-about .element-bottom .about-element h3{font-weight: 500;color: #000;}
.section-about .element-bottom .about-element-top a:hover h3{opacity: 0.7;}
.section-about .element-bottom .about-element ul{list-style: none;}
.section-about .element-bottom .about-element ul li{color: #6a6a6a;font-size: 16px;line-height: 26px;}

.section-services, .section-awards{max-width: 1440px;margin: 150px auto 150px auto;}
.section-services .flex-right{display: flex;flex-direction: column;gap: 30px;}
.section-services ul{position: relative;list-style: none;}
.section-services ul:before{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 1px;background-color: #8f8f8f;}
.section-services ul li{position: relative;padding: 10px 0px;}
.section-services ul li:after{content: "";position: absolute;bottom: 0px;width: 100%;height: 1px;background-color: #8f8f8f;}
.section-services ul li a{display: flex;justify-content: space-between;text-decoration: none;}
.section-services .flex{display: flex;flex-direction: column;gap:10px;}
.section-services ul li a div:last-child{display: flex;align-items: center;width: 140px;}
.section-services ul li a div:last-child:after{content: "->";font-size: 28px;color: #8f8f8f;transition: 0.5s ease;}
.section-services ul li a:hover div:last-child:after{padding-left: 20px;transition: 0.5s ease;}
.section-services .flex-right ul li a:before{content: "";background: #FFF500;position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;transform: scaleY(0);transform-origin: center top;transition: transform 0.5s ease;z-index: -1;}
.section-services .flex-right ul li a:hover:before{transform: scaleY(100%);transition: transform 0.5s ease;}
.section-services ul h3{color: #1e1e1e;}
.section-services ul p{color: #8f8f8f;}

.section-awards{margin-bottom: 150px;}
.section-awards .element{padding: 10px 0px 40px 0px;border-top: 1px solid #6a6a6a;display: flex;flex-direction: column;gap: 10px;}
.section-awards .award{width: 100%;position: relative;display: flex;}
.section-awards .award .award-left{width: 33%;font-size: 20px;line-height: 18px;font-weight: 500;}
.section-awards .award:nth-child(1) .award-left{opacity: 1;}
.section-awards .award .award-left{opacity: 0;}
.section-awards .award .award-right{width: 66%;display: flex;gap: 20px;}
.section-awards .award .award-right div{width: 100%;font-size: 14px;line-height: 16px;color: #6a6a6a;}
/*Homepage Code ends*/


/*Aboutpage Code starts*/
#aboutpage .about-section{max-width: 1440px;margin: 100px auto 0px auto;}
#aboutpage .about-section .section-content{padding: 60px 0px;display: flex;gap:30px;}
#aboutpage .about-section .section-content .content-left, #aboutpage .about-section .section-content .content-right{width: 100%;}
#aboutpage .about-section .section-content .content-left{display: flex;flex-direction: column;gap: 40px;}
#aboutpage .about-section .section-content .content-right h2{text-align: right;}
.section-about-services .element-bottom{display: grid;grid-template-columns: repeat(3,1fr);gap: 30px;}
.section-about-services .element-bottom .about-element{display: flex;flex-direction: column;gap: 30px;padding: 0px 40px;border-left: 1px solid #1e1e1e;}
.section-about-services .element-bottom .about-element:last-child{border-right: 1px solid #1e1e1e;}
.section-about-services .element-bottom .about-element h3{font-weight: 500;}
.section-about-services .element-bottom .about-element ul{list-style: none;}
.section-about-services .element-bottom .about-element ul li{color: #6a6a6a;font-size: 18px;line-height: 28px;}
#aboutpage .section-philosophy{padding-top: 60px;}
#aboutpage .section-philosophy .section-title{padding-bottom: 30px;}
#aboutpage .section-philosophy .section-text{max-width:655px;display: flex;flex-direction: column;gap: 20px;}

#aboutpage .section-awards{margin: 0px auto 150px auto;}
/*Aboutpage Code ends*/

/*Servicespage Code starts*/
#servicespage .section-services{margin: 100px auto 0px auto;}
#servicespage .section-content{padding: 60px 0px;}
#servicespage .section-content h1{max-width: 810px;}
#servicespage .section-services ul li a:before{content: "";background: #FFF500;position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;transform: scaleY(0);transform-origin: center top;transition: transform 0.5s ease;z-index: -1;}
#servicespage .section-services ul li a:hover:before{transform: scaleY(100%);transition: transform 0.5s ease;}

.wp-caption{width: 100%!important;display: block!important;}
.wp-caption-text{opacity: 0;}
/*Servicespage Code ends*/

/*Projects Page starts*/
#projects-page .projects-show{padding: 0px 0px;}
.tab-projects{padding: 200px 0px;}
.tabcontent{display: none;}
#projects-page .show-headers{display: flex;justify-content: center;gap: 50px;height: auto;position: relative;}
#projects-page .show-headers h3{color: #fff;opacity: 0.7;cursor: pointer;text-transform: uppercase;}
#projects-page .show-headers .tab-button.active h3{color: #fff;opacity: 1;}

#projects-page .show-headers{top: 0px;padding: 200px 0px 40px 0px;justify-content: start;gap: 20px;}
#projects-page .show-headers h3{font-size: 20px;line-height: 28px;}
#projects-page .tab-button.active h3{font-weight: 600;}
#projects-page .tab-projects{padding: 0px 0px 200px 0px;}
/*Projects Page ends*/

/*Project Page Inside starts*/
.demo{height: 100vh;}
.demo .image{background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;position: fixed;top: 0px;z-index: -1;;/*padding: 24% 0%;*/height: 100vh;width: 100%;}
.demo .image img{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;visibility: hidden;object-fit: cover;}
.project-inside-element{background-color: #f9f9f9;z-index: 1;position: relative;}
.project-inside-element .pagewrap-project{max-width: 1920px;margin: 20px auto 0px auto;padding-top: 20px;}
.project-inside-element .post-title{width: 100%;position: relative;text-align: left;display: flex;flex-direction: column;gap: 80px;}
.project-inside-element .post-title h1{font-size: clamp(60px, 10vw, 142px)!important; line-height: clamp(70px, 10vw, 158px)!important;}
.project-inside-element .post-title p, .project-inside-element .post-title h5{font-weight: 400;text-transform: uppercase;}
.project-inside-element .post-title a{color: #000;text-decoration: none;font-weight: 600;}
.project-inside-element .post-title a:hover{opacity: 0.7;}
.project-inside-element .post-title .super-big-title{font-size: 7vw;line-height: 100%;}
.project-inside-element .post-image{width: 100%;height: auto;padding: 50px 0px 0px 0px;position: relative;}
.project-inside-element .content-top .row-top{position: relative;width: 100%;margin-bottom: 50px;padding: 50px 0px;}
.project-inside-element .content-top .row-top:before{width: 100%;content: "";position: absolute;top: 0px;height: 1px ;background-color: #8F8F8F;}
.project-inside-element .content-top .row-top:after{width: 100%;content: "";position: absolute;bottom: 0px;height: 1px ;background-color: #8F8F8F;}

.project-inside-element .post-image:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;height: 1px;background-color: #8F8F8F;opacity: 0;transform:translateY(40);}
.project-inside-element .post-image img{width: 100%;height: 500px;object-fit: contain;}
.project-inside-element .weblink{position: relative;margin: 40px 0px 0px 0px;}
.project-inside-element .weblink .button{max-width:250px;position: relative;display: flex;justify-content: center;padding: 10px;background-color: #FFF500;border: 1px solid #FFF500;font-size: 12px;font-weight: 700;color: #1e1e1e;text-decoration: none;}
.project-inside-element .weblink .button:hover{opacity: 0.7;}
.project-inside-element .weblink .button p{font-size: 14px;color: #1e1e1e;font-weight: 500;text-decoration: none;}
/*.project-inside-element .weblink .button p:before{content: "->";position: relative;font-size: 14px;}*/
.project-inside-element .post-content{padding: 80px 0px 0px 0px;}
.project-inside-element .post-content .row .weblink{display: none;}
.project-inside-element .post-content .row:last-child .weblink{display: block;}
.project-inside-element .post-content a{text-decoration: none;color: #000;}
.project-inside-element .post-content a:hover{opacity: 0.7;}
.project-inside-element .post-content .row{border-bottom: 1px solid #8F8F8F;padding: 0px 0px 50px 0px;margin-bottom: 50px;}
.project-inside-element .flex-left{width: 20%;}
.project-inside-element .flex-right{width: 80%;display: flex;flex-direction: column;gap: 20px;}
.project-inside-element .flex-right ul{padding-left:20px;}
.post-gallery .image{overflow: hidden;}

.project-inside-element .border{width: 100%;position: relative;height: 1px ;background-color: #8F8F8F;}

.two_images {width: 100%; margin: 0px auto;padding: 50px 0px 0px 0px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.two_images > div {width: calc(50% - 15px);}
.two_images IMG {max-width: 100%;width: 100% ;height: auto ;}
.one_image {width: 100%;margin: 0px auto;padding: 50px 0px 0px 0px;}
.one_image:nth-child(1){padding: 7px;}
.one_image IMG {max-width: 100% ;width: 100%;height: auto;}
.one_image_full {width: 100%;margin: 0px auto;padding: 50px 0px 0px 0px;}
.one_image_full IMG {max-width: 100%;width: 100%;height: auto;}

#project-inside .video{overflow: hidden;padding-top: 50px;}
#project-inside .video video{width: 100%;height: auto;max-width: 100%;}

.project-inside-element .text{max-width:960px;margin:auto;display: flex;flex-direction: column;gap: 20px;padding-top:40px;}
.project-inside-element .text-14px{max-width:720px;margin:auto;display: flex;flex-direction: column;gap: 20px;padding-top:40px;}
.project-inside-element .text-14px p, .project-inside-element .text-14px ul li, .project-inside-element .text-14px ol li{font-size: 14px!important;line-height: 20px!important;}

.next-project{padding: 100px 0px 100px 0px;background-color: #f9f9f9;position: relative;z-index: 1;}
.next-project .next-title{padding-bottom: 50px;}
.next-project .post-image{padding: 0px;}
.next-project .post-title{gap: 10px;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.next-project .post .post-title span{text-align: center;}

/*Project Page Inside ends*/

/*Blog Page starts*/
#blogpage .element-title{padding: 100px 0px;}
#blogpage .element-title h1{text-align: center;}
#blogpage .post .post-title p{font-size: 18px;line-height: 24px;font-weight: 500;text-transform: none;text-align: left;}
#blogpage .section-blog{padding-bottom: 100px;}
/*Blog Page ends*/

/*Blog Page Inside starts*/
#blog-inside .blog-inside-element{padding: 150px 0px;max-width: 1440px;margin: auto;}
#blog-inside .blog-inside-element .pagewrap .flex-right{display: flex;flex-direction: column;gap: 40px;}
#blog-inside .blog-content-image{width: 100%;height: 500px;}
#blog-inside .blog-content-image img{width: 100%;height: 100%;object-fit: cover;}
#blog-inside .blog-content img{width: 100%;height: 100%;}
/*Blog Page Inside ends*/

/*Service Page Inside starts*/
#service-inside{width: 100%;position: relative;margin: 150px 0px;}
#service-inside .service-hero-elements{display: flex;flex-direction: column;gap: 20px;max-width: 920px;margin: auto;}
#service-inside .section-service-inside .pagewrap-project{display: flex;flex-direction: column;gap: 30px;}
#service-inside .section-service-inside .service-image{width: 100%;height: 620px;max-width: 1020px;margin: auto;}
#service-inside .section-service-inside .service-image img{width: 100%;height: 100%;object-fit: cover;}
#service-inside .section-service-inside .row-top{max-width: 920px;margin: auto;display: flex;flex-direction: column;gap: 20px;}
#service-inside .section-service-inside .row-top img{width: 100%;height: 100%;object-fit: cover;}
#service-inside .section-service-inside .row-top ol, #service-inside .section-service-inside .row-top ul{padding: 0px 0px 0px 20px;}

#service-inside .section-service-inside .row-faq{width: 100%;max-width: 920px;margin-left: auto;margin-right: auto;padding-top: 10px;}
#service-inside .section-service-inside .row-faq .row-faq-title{padding-bottom: 30px;}
#service-inside .section-service-inside .row-center{max-width: 920px;margin-left: auto;margin-right: auto;display: flex;flex-direction: column;gap: 20px;}
#service-inside .section-service-inside .row-center a{color: #000;}
#service-inside .section-service-inside .row-center ol, #service-inside .section-service-inside .row-center ul{padding: 0px 0px 0px 20px;}
#service-inside .section-service-inside .row-center img{width: 100%;height: 100%;object-fit: cover;}

#service-inside .section-service-inside .row-bottom{position:relative;width: 920px;margin: auto;max-width: 100%;}
#service-inside .section-service-inside .row-bottom .row{position: relative;padding: 20px 0px 40px 0px;}
#service-inside .section-service-inside .row-bottom .row:before{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 1px;background-color: #8f8f8f;}
#service-inside .section-service-inside .row-bottom .row .flex-right{display: flex;flex-direction: column;gap: 20px;}
#service-inside .section-service-inside .row-bottom .row .flex-right ul{padding-left: 20px;}
#service-inside .section-service-inside .service-header a,
#service-inside .section-service-inside .row-top a,
#service-inside .section-service-inside .row-bottom a{color: #000;text-decoration: underline;}

#service-inside .section-show-projects{padding:100px 0px;max-width: 1440px;margin: auto;}
#service-inside .section-show-projects .section-top-elements{display: flex;gap: 0px;}
#service-inside .section-show-projects .section-top-elements .section-left{width: 0%;}
#service-inside .section-show-projects .section-top-elements .section-right{width: 100%;padding-bottom: 10px;border-bottom: 1px solid #8f8f8f;}
#service-inside .section-show-projects .element-bottom{padding: 50px 0px 0px 0px;}

#service-inside .post .post-image .image{padding: 35% 0%;}
#service-inside .section-show-projects .element-bottom .btn{margin: 100px auto 0px auto;}
#service-inside .swiper-wrapper{margin: 0px 0px 80px 0px;}

@media screen and (max-width:730px) and (min-width:200px){
    #service-inside .section-service-inside .service-image{height: 400px;}
}

/*Service Page Inside ends*/

/*Form Offer Page starts*/
#formpage{max-width: 1440px;margin: 150px auto 100px auto;}
#formpage .flex-form-elements{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;}
#formpage .form-element-left{display: flex;gap: 50px;flex-direction: column;}
#formpage .form-element-left .element-top{display: flex;flex-direction: column;gap: 40px;}
#formpage .form-element-left h4,#formpage .form-element-left p{color: #1e1e1e;max-width: 400px;}
#formpage .form-element-left .element-top p:nth-child(1){font-weight: 500;}
#formpage .form-element-left h4:before{content: "->";}

#formpage .form-element-right{padding: 40px;/*background-color: #f7f7f7;*/border-radius: 8px;}
#formpage .form-element-right .element-top{border-bottom: 1px solid #6a6a6a;display: none;margin-bottom: 30px;padding-bottom: 5px;}
#formpage .form-element-right .element-top p{font-weight: 600;}
#formpage .form-element-right .one, #formpage .form-element-right .two{display: flex;gap: 20px;}
#formpage .form-element-right .one{padding-bottom: 30px;}
#formpage .form-element-right .one .btn_wrap, #formpage .form-element-right .two .btn_wrap{display: none;}
#formpage .form-element-right .btn_wrap .btn{width: 24px;height: 24px;color: #1e1e1e;border-radius: 50%;font-size: 20px;font-weight: 400;}
#formpage .form-element-right .form_title p{color: #1e1e1e;}



.frm-fluent-form .ff-t-container{display: flex;flex-direction: column;gap: 10px;}
.ff-column-container{padding-bottom: 40px;}
.ff_cn_id_1{display: flex;flex-direction: column;gap: 10px;}
.ff-el-group{display: flex;flex-direction: column;gap: 10px;margin-bottom: 0px!important;}
.fluentform .ff-el-form-left .ff-el-input--content, .fluentform .ff-el-form-right .ff-el-input--content{margin: 0px!important;}
.frm-fluent-form .ff-column-container .ff-el-input--content{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;}
.fluentform .ff-el-form-left .ff-el-input--label, .fluentform .ff-el-form-right .ff-el-input--label{padding: 0px!important;}

.fluentform h4{display: flex;gap: 10px;}
.fluentform h4 span{position: relative;border-radius: 100%;background-color: #FFF500;display: flex;width: 40px;height: 40px;justify-content: center;align-items: center;font-size: 16px;margin: auto 0px;}


.ff-t-container .ff-el-form-check-label{position: relative;}
.ff-t-container .ff-el-form-check-label input{position: absolute!important;top:0px;left: 0px;width: 100%;height: 100%;visibility: hidden;}
.ff-t-container .ff-el-form-check-label input ~ span{display: flex;max-width: 100%;justify-content: center;color: #1e1e1e!important;padding: 12px!important;background-color: #fff;border-radius: 4px!important;font-size: 14px;text-transform: uppercase;font-weight: 500;border: 1px solid #dadbdd;}
.ff-t-container .ff-el-form-check-label input:hover{background-color: #FFF500;}
.ff-t-container .ff-el-form-check-label input:hover{background-color: #FFF500;color: #1e1e1e;}
.ff-t-container .ff-el-form-check-label input:checked ~ span{background-color: #FFF500!important;}
.fluentform .ff-el-form-check-label .ff-el-form-check-input{background-color: #FFF500!important;}

.ff-default .ff-el-form-check label.ff-el-form-check-label{font-size: 12px;}
.ff-default .ff-el-form-control{height:50px!important;color: #1e1e1e!important;font-size: 18px;}

.ff-default .ff_btn_style{background-color: #FFF500!important;color: #1e1e1e!important;transition: 0.3s ease;height: 55px;}
.ff-default .ff_btn_style:before{content: "→";position: relative;margin: 0px 10px 0px 0px;}
.ff-default .ff_btn_style:hover{opacity: 1!important;padding-right: 8px!important;transition: 0.3s ease;}

.fluentform .ff-el-form-check-label .ff-el-form-check-input{margin-right: 10px;}
.ff-message-success{border: none!important;background-color: #FFF500!important;display: flex;flex-direction: column;gap: 25px;}
.fluentform .ff-el-group.ff-el-form-top .ff-el-input--content{margin: 0px!important;}

/*Form Offer Page ends*/

/*Footer starts*/
#footer{position: relative;width: 100%;background-color: #fff;padding: 150px 0px 0px 0px;}
#footer h2, #footer p{color: #1e1e1e;}

.footer-top .flex-left, .footer-top .flex-right{width: 100%;}
.footer-top .flex-left{display: flex;flex-direction: column;gap: 20px;}
.footer-top .flex-left span{font-size: 40px;line-height: 48px;font-weight: 500;}
.footer-top .flex-right span{text-align: right;font-size: 40px;line-height: 48px;font-weight: 500;}
.footer-top .flex-right{display: flex;flex-direction: column;gap: 30px;}
.footer-top p{max-width: 513px;}

.footer-center{margin: 170px 0px 0px 0px;}
.footer-center .flex-left{display: none;}
.footer-element:nth-child(4) .flex-left{display: block;}
.footer-center .element-top{width: 100%;display: grid;grid-template-columns: repeat(3,1fr);gap: 30px;row-gap: 50px;}
.footer-center .element-center{padding: 50px 0px;}
.footer-element{display: flex;flex-direction: column;gap: 10px;}
.footer-element .span{font-size: 14px;color: #1e1e1e;font-weight: 400;}
.footer-element h3{font-weight: 500;}
.footer-element h3 a{text-decoration: none;color: #1e1e1e;}
.footer-element ul{list-style: none;}
.footer-element ul li{font-size: 28px;line-height: 38px;padding-bottom: 5px;}
.footer-element ul li a{color: #1e1e1e;text-decoration: none;font-weight: 500;}
.footer-element ul li a:hover{opacity: 0.7;}
.footer-element p{max-width:300px;}
.footer-element p a{font-weight: 500;color: #1e1e1e;text-decoration: none;}


.footer-bottom{padding: 50px 0px 20px 0px;}
.footer-bottom .flex-section-elements{justify-content: space-between;}
.footer-bottom .flex-section-elements a{color: #1e1e1e;text-decoration: none;cursor: pointer;font-size: 14px;position: relative;}
.footer-bottom .flex-section-elements p{font-size: 14px;color: #1e1e1e;}
/*.footer-bottom .flex-section-elements a:before{content: "|";position: relative;margin: 0px 5px;}*/
.footer-bottom .flex-section-elements a:hover{opacity: 0.7;position: relative;z-index: 12;}
.footer-bottom .flex-section-elements .element-left{margin: auto 0px;}
.footer-bottom .flex-section-elements .element-right a{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: #1e1e1e;}
.footer-bottom .flex-section-elements .element-right a:after{content: "->";color: #fff;transform: rotate(-90deg);font-size: 20px;padding-bottom: 2px;transition: 0.3s ease;}
.footer-bottom .flex-section-elements .element-right a:hover:after{padding-left: 8px;transition: 0.3s ease;opacity: 1;}
/*Footer ends*/

/*Contact-page starts*/
.page-id-1155 #footer, .page-id-3203 #footer{min-height: 100vh;padding: 25vh 0px 32vh 0px;}
.page-id-1155 .pagewrap-project, .page-id-3203 .pagewrap-project{position: static;}
.page-id-1155 #footer .footer-center, .page-id-3203 #footer .footer-center{margin: 0px;}
.page-id-1155 .footer-top, .page-id-3203 .footer-top{display: none;}
.page-id-1155 .flex-section-elements-updown, .page-id-3203 .flex-section-elements-updown{flex-direction: row;}
.page-id-1155 .footer-center .flex-left, .page-id-3203 .footer-center .flex-left{display: flex;width: 20%;}
.page-id-1155 .footer-element:nth-child(1), .page-id-1155 .footer-element:nth-child(2), .page-id-1155 .footer-element:nth-child(3), 
.page-id-3203 .footer-element:nth-child(1), .page-id-3203 .footer-element:nth-child(2), .page-id-3203 .footer-element:nth-child(3){display: none;}
.page-id-1155 .footer-element:last-child, .page-id-3203 .footer-element:last-child{display: none;}
.page-id-1155 .footer-bottom, .page-id-3203 .footer-bottom{width: 100%;position: absolute;bottom: 0px;left: 0px;padding: 0px 50px 20px 50px;}
.footer-element.collaboration{opacity: 0;}
.page-id-1155 .footer-element.collaboration, .page-id-3203 .footer-element.collaboration{opacity: 1!important;display: flex!important;}

@media screen and (max-width:1027px) and (min-width:200px){
    .page-id-1155 .flex-section-elements-updown, .page-id-3203 .flex-section-elements-updown{flex-direction: column;}
}

@media screen and (max-width:1004px) and (min-width:987px){
    .page-id-1155 #footer, .page-id-3203 #footer{min-height: 100vh;padding: 25vh 0px 26vh 0px;}
    .page-id-1155 .footer-bottom, .page-id-3203 .footer-bottom{padding: 0px 24px 20px 24px;}
}

@media screen and (max-width:986px) and (min-width:601px){
    .page-id-1155 #footer,.page-id-3203 #footer{min-height: 100vh;padding: 100px 0 0 0;}
    .page-id-1155 .pagewrap-project, .page-id-3203 .pagewrap-project{position: static;}
    .page-id-1155 .footer-bottom, .page-id-3203 .footer-bottom{position: absolute;}
}

@media screen and (max-width:600px) and (min-width:200px){
    .page-id-1155 #footer, .page-id-3203 #footer{height: 100%;padding: 100px 0 0 0;}
    .page-id-1155 .pagewrap-project, .page-id-3203 .pagewrap-project{position: relative;}
    .page-id-1155 .footer-bottom, .page-id-3203 .footer-bottom{position: relative;padding: 50px 0px 20px 0px;}
    .page-id-1155 .footer-element.collaboration .footer-element-bottom .btn, 
    .page-id-3203 .footer-element.collaboration .footer-element-bottom .btn{margin-top: 10px;width: 250px!important;}
}
/*Contact-page ends*/

/*Blog page code starts*/
.blog-content{display:flex;flex-direction:column;gap:20px;}
.blog-content ul{padding-left:20px;}
.blog-content p a{color: #000;}
/*Blog page code ends*/

/*Other page code starts*/
#other-pages{max-width: 1440px;margin: 150px auto;}
#other-pages .flex-top{padding-bottom: 30px;}
#other-pages .flex-top h5{text-transform: uppercase;}
#other-pages .flex-bottom{display: flex;flex-direction: column;gap: 20px;}
/*Other page code ends*/

/*404 page code starts*/
#error-page{max-width: 1440px;margin: 150px auto;}
#error-page .super-big-text{font-size: 120px;height: 120px;}
#error-page .text{padding: 40px 0px 10px 0px;}
#error-page a{background: #FFF500;
    color: #1e1e1e;
    width: 250px;
    max-width: 100%;
    height: 60px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    position: relative;
    text-decoration: none;
    transition: 0.3s ease;}

#error-page a:before{content: "->";position: relative;}
#error-page a:hover{padding-left: 8px!important;transition: 0.3s ease;}
/*404 page code ends*/

/*other code starts*/
.cky-notice-des *{font-size: 14px;line-height: 20px;}
/*other code ends*/

/* Sxediasmos Syskeuasias code starts */
/*#page-syskeuasia h1{font-size: clamp(3rem, 10vw, 6rem)!important; line-height: clamp(3.2rem, 10vw, 6.75rem)!important;}*/
#page-syskeuasia h1{font-size: clamp(3rem, 6vw, 6rem)!important; line-height: clamp(3.2rem, 6vw, 6.75rem)!important;}

.hero-section-syskeuasia{width: 100%;height: 100vh;position: relative;display: flex;justify-content: center;align-items: center;}
.hero-section-syskeuasia-image{width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.hero-section-syskeuasia-image img{width: 100%;height: 100%;object-fit: cover;}
.hero-section-syskeuasia-content{width: 1400px;max-width: 100%;position: absolute;padding: 0px 20px;bottom: 80px;left: auto;margin: auto;}
.hero-section-syskeuasia-content .content{max-width: 902px;}
.hero-section-syskeuasia-content.websites{color: #fff;}
.about-section-syskeuasia{max-width: 1440px;margin: 150px auto 0px auto;padding: 0px 20px;display: flex;flex-direction: column;gap: 70px;}
.about-section-syskeuasia h2::before{content: "iFDS®";position: relative;font-size: 20px;line-height: 28px;padding-right: 40px;}
.about-section-syskeuasia .width680{max-width: 680px;display: flex;flex-direction: column;gap: 30px;}
.about-section-syskeuasia .btn p{font-size: 12px;font-weight: 700;text-transform: uppercase;}
.flex-elements{width: 100%;position: relative;display: flex;gap: 40px;}

.sxediasmos-section{max-width: 1440px;margin: 150px auto 0px auto;padding: 0px 20px;}
.sxediasmos-section-left, .sxediasmos-section-right{width: 100%;position: relative;}
.sxediasmos-section-image{width: 100%;height: auto;aspect-ratio: 680/520;display: block;padding-bottom: 20px;}
.sxediasmos-section-image img{width: 100%;height: 100%;object-fit: cover;}

.approach-section{width: 100%;position: relative;background-color: #1e1e1e;margin-top: 150px;padding: 80px 0px;}
.approach-title{color: #fff;padding: 0px 20px;text-align: center;padding-bottom: 80px;}
.approach-grid{max-width: 1440px;margin: auto;padding: 0px 20px;display: grid;grid-template-columns: repeat(3,1fr);gap: 0px;row-gap: 40px;}
.approach-element{display: flex;flex-direction: column;gap: 20px;border-left: 1px solid #8f8f8f;padding: 0px 30px 40px 30px;color: #fff;}
.approach-element p, .approach-element ul li, .approach-element ol li{font-size: 14px!important;line-height: 20px!important;color: #d6d6d6;}
.approach-element:last-child,
.approach-element:nth-child(3n){border-right: 1px solid #8f8f8f;}

.projects-section{max-width: 1440px;margin: 150px auto 0px auto;padding: 0px 20px;}
.projects-title{max-width: 400px;padding-bottom: 40px;text-align: center;margin: auto;}
.projects-grid{width: 100%;position: relative;display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;row-gap: 100px;}
.projects-grid .post a{gap: 10px;}
.projects-grid .post .post-title{display: flex;gap: 50px;align-items: center;}
.projects-grid .post .post-title p{font-weight: 700;line-height: normal;}

.collaboration-section{max-width: 1440px;margin: 150px auto 0px auto;padding: 0px 20px;position: relative;}
.collaboration-grid{width: 100%;position: relative;display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;}
.collaboration-element{width: 100%;position: relative;border-radius: 12px;padding: 30px;}
.collaboration-element ul{padding-left: 20px;}
.collaboration-element ul li{padding-bottom: 5px;}
.collaboration-element .collaboration-element-title{padding-bottom: 30px;}
.collaboration-element.element1{background-color: #4368EC;}
.collaboration-element.element2{background-color: #e5e5e5;}
.collaboration-element.element1 .collaboration-element-title h3,
.collaboration-element.element1 .collaboration-element-content{color: #fff;}
.collaboration-element.element2 .collaboration-element-content,
.collaboration-element.element2 .collaboration-element-content{color: #000;}

.faq-section{max-width: 1440px;margin: 150px auto 0px auto;padding: 0px 20px;position: relative;}
.faq-section-grid{width: 100%;position: relative;display: grid;grid-template-columns: 0.4fr 1fr;gap: 40px;}
.faq-grid-left{display: flex;flex-direction: column;gap: 10px;}
.faq-elements{display: flex;flex-direction: column;gap: 10px;}
.faq{width: 100%;position: relative;padding: 20px;border-radius: 12px;background-color: #fff;}
.faq .question{display: flex;justify-content: space-between;gap: 20px;cursor: pointer;}
.faq-button{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;}
.faq-button span{width: 17px;height: 2px;position: absolute;background-color: #000;}
.faq-button span:last-child{transform: rotate(90deg);}
.faq.open .faq-button span:last-child{display: none;}
.faq .faq_answer_container{display: none;padding-top: 20px;}

.form-section{max-width: 1440px;margin: 150px auto;padding: 0px 20px;position: relative;}
.form-grid{width: 100%;position: relative;display: grid;grid-template-columns: 0.4fr 1fr;gap: 40px;}
.form-grid-left p, .form-grid-left ul li, .form-grid-left ol li{font-size: 16px;line-height: 22px;}
.form-grid-left, .form-grid-left .form-content{display: flex;flex-direction: column;gap: 20px;}
.form-grid-right{background-color: #e5e5e5;border-radius: 12px;overflow: hidden;}
.form-element{width: 100%;position: relative;}
.form-inside-elements{max-width: 500px;margin: auto;padding: 100px 20px;}
.form-element-title{padding-bottom: 10px;}

.super-big-button{position: fixed;bottom: 30px;right: 20px;z-index: 98;width: 100px;height: 100px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 100px;background-color: #FFF500;color: #000;font-weight: 500;text-decoration: none;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;transition: 0.2s ease;}
.super-big-button p{font-size: 12px;line-height: 16px;font-weight: 700;text-transform: uppercase;text-align: center;transition: 0.2s ease;}
.super-big-button:hover{transform: scale(1.1);transition: 0.2s ease;}

@media screen and (max-width: 600px) and (min-width: 200px){
    .hero-section-syskeuasia{height: auto;flex-direction: column;gap: 40px;}
    .hero-section-syskeuasia-image{height: 40vh;}
    .hero-section-syskeuasia-content{position: relative;bottom: 0px;}
}

@media screen and (max-width: 1030px) and (min-width: 761px){
    .approach-grid{grid-template-columns: repeat(2,1fr);}
    .approach-element:nth-child(2n){border-right: 1px solid #8f8f8f;}
}
@media screen and (max-width: 760px) and (min-width: 200px){
    .approach-grid{grid-template-columns: repeat(1,1fr);}
    .approach-element{padding: 0px 10px 40px 10px;}
    .approach-element, .approach-element:last-child{border-left: 0px;border-right: 0px;border-bottom: 1px solid #8f8f8f;}
    .approach-element:nth-child(3n){border-left: 0px;border-right: 0px;border-bottom: 0px;}
}

@media screen and (max-width: 800px) and (min-width: 200px){
    .projects-grid{grid-template-columns: 1fr;row-gap: 40px;}
}
@media screen and (max-width: 900px) and (min-width: 200px){
    .collaboration-grid,
    .faq-section-grid,
    .form-grid{grid-template-columns: 1fr;}
}

@media screen and (max-width: 700px) and (min-width: 200px){
    .about-section-syskeuasia,
    .sxediasmos-section,
    .approach-section,
    .projects-section,
    .collaboration-section,
    .faq-section{margin: 70px auto 0px auto;}
    .form-section{margin: 70px auto;}
}
/* Sxediasmos Syskeuasias code ends */

/*Media screen queries starts*/
@media screen and (max-width:500px) and (min-width:200px){
    #homepage .section-show .section-title-new .grid-element-right p{display: none;}
}

@media screen and (max-width:870px) and (min-width:200px){
    #homepage .section-big-title{padding: 170px 20px 100px 20px;}
    #homepage .section-big-title .grid-element-left{display: none;}
    #homepage .section-show .section-title-new{padding: 0px 20px 20px 20px;}
    #homepage .section-show .section-title-new .grid-element-left{display: none;}
} 

@media screen and (max-width:1280px) and (min-width:1024px){
    .pagewrap, .pagewrap-project, .flex-menu-elements, .flex-menu-elements-bottoms{padding: 0px 40px;}
}
@media screen and (max-width:1023px) and (min-width:601px){
    .pagewrap, .pagewrap-project, .flex-menu-elements, .flex-menu-elements-bottoms{padding: 0px 24px;}
}
@media screen and (max-width:600px) and (min-width:200px){
    .pagewrap, .pagewrap-project, .flex-menu-elements, .flex-menu-elements-bottoms{padding: 0px 16px;}
}

@media screen and (max-width:1512px) and (min-width:1171px){
    .grid-4-elements{grid-template-columns: repeat(3,1fr);}
}

@media screen and (max-width:1170px) and (min-width:768px){
    .grid-3-elements, .grid-4-elements{grid-template-columns: repeat(2,1fr);}
    .grid-3-elements .post:last-child{display: none;}
}

@media screen and (max-width:1320px) and (min-width:768px){
    .section-show .section .grid-3-elements{grid-template-columns: repeat(2,1fr)!important;}
}

@media screen and (max-width:767px) and (min-width:200px){
    .grid-3-elements, .grid-4-elements{grid-template-columns: repeat(1,1fr);}
}

@media screen and (max-width:921px) and (min-width:200px){
    .flex-menu-elements .element-center{display: none;}
}

@media screen and (max-width:660px) and (min-width:200px){
    #overlay{display: none;}
    #nav{display: none;}
    #nav_mobile{display: block;}
}

@media screen and (max-width:500px) and (min-width:200px){
    .flex-menu-elements-bottom a{font-size: 12px;}
}

@media screen and (max-width:1000px) and (min-width:200px){
    .flex-section-elements, .flex-elements{flex-direction: column;}
    .flex-section-elements .flex-left, .flex-section-elements .flex-right, .flex-elements .flex-left, .flex-elements .flex-right{width: 100%;}

    .footer-bottom .flex-section-elements{flex-direction: row;}
}

@media screen and (max-width:870px) and (min-width:200px){
    .section-awards .award{flex-direction: column;gap: 10px;}
    #service-inside .section-service-inside .row-top{flex-direction: column;gap: 30px;}
    #service-inside .section-service-inside .row-top .element-left,
    #service-inside .section-service-inside .row-top .element-right,
    #service-inside .section-service-inside .row-top .the-content{max-width: 100%;}
}

@media screen and (max-width:820px) and (min-width:752px){
    #projects-page .show-headers{gap: 25px;}
}
@media screen and (max-width:751px) and (min-width:200px){
    #projects-page .show-headers{flex-direction: column;gap: 10px;text-align: left;position: relative;top: 0px;padding: 100px 0px 40px 0px;}
    .tab-projects{padding: 100px 0px;}
}

@media screen and (max-width:766px) and (min-width:648px){
    .project-inside-element .post-image img{width: 100%;height: 400px;object-fit: contain;}
    #blog-inside .blog-content-image{width: 100%;height: 400px;}
}
@media screen and (max-width:648px) and (min-width:570px){
    .project-inside-element .post-image img{width: 100%;height: 350px;object-fit: contain;}
    #blog-inside .blog-content-image{width: 100%;height: 350px;}
}
@media screen and (max-width:569px) and (min-width:200px){
    .project-inside-element .post-image img{width: 100%;height: 300px;object-fit: contain;}
    #blog-inside .blog-content-image{width: 100%;height: 300px;}
}
@media screen and (max-width:582px) and (min-width:200px){
    .project-inside-element .post-title .super-big-title{font-size: 14vw;}
}
@media screen and (max-width:1100px) and (min-width: 601px){
    .one_image, .two_images{padding: 40px 0px 0px 0px;}
}
@media screen and (max-width: 600px) and (min-width: 200px){
    .one_image, .two_images {padding: 25px 0px 0px 0px;}
    .project-inside-element .text, .project-inside-element .text-14px{padding-top: 25px;padding-bottom: 7px;}
}

@media screen and (max-width:1100px) and (min-width:200px){
    #formpage .flex-form-elements{grid-template-columns: auto;}
    #formpage .flex-form-elements .form-element-left,  #formpage .flex-form-elements .form-element-right{width: 100%;}
    #formpage .flex-form-elements .form-element-left p,  #formpage .flex-form-elements .form-element-left h4{max-width: 100%;}
    #formpage .form-element-right{margin-top: 40px;}
}
@media screen and (max-width:710px) and (min-width:200px){
    #formpage .form-element-right .one, #formpage .form-element-right .two{flex-direction: column;}
    #formpage .form-element-right{padding: 0px;}
    .checkboxes .wpcf7-checkbox{grid-template-columns: auto;}
}

@media screen and (max-width:1022px) and (min-width:739px){
    .footer-top .flex-section-elements{flex-direction: row;row-gap: 50px;}
}
@media screen and (max-width:738px) and (min-width:200px){
    .footer-top .flex-section-elements{flex-direction: column;}
    .flex-section-elements .flex-left{order: 1;}
    .flex-section-elements .flex-right{order: 0;}
    .footer-top .flex-right h1{text-align: left;}
    #service-inside .flex-section-elements .flex-left{order: 0;}
    #service-inside .flex-section-elements .flex-right{order: 1;}
}

@media screen and (max-width:733px) and (min-width:200px){
    .footer-center .element-top{grid-template-columns: repeat(2,1fr);}
    .footer-center .element-top .footer-element:nth-child(3){display: none;}
    .footer-center .element-top .footer-element:nth-child(1){order: 0;}
    .footer-center .element-top .footer-element:nth-child(2){order: 1;}
    .footer-center .element-top .footer-element:nth-child(4){order: 2;}
    .footer-center .element-top .footer-element:nth-child(5){order: 3;}
    .footer-center .element-top .footer-element:nth-child(6){order: 6;}
    .footer-center .element-top .footer-element:nth-child(7){order: 4;}
    .footer-center .element-top .footer-element:nth-child(8){order: 5;}
    .footer-center .element-top .footer-element:nth-child(9){order: 7;}

    .footer-bottom{padding-top: 50px;}
    .footer-bottom .flex-section-elements{flex-direction: column;}

    .footer-bottom .flex-section-elements{flex-direction: row;}
}

@media screen and (max-width:600px) and (min-width:200px){
    .flex-menu-elements .element-logo a:nth-child(1){display: none;}
    .flex-menu-elements .element-logo a:nth-child(2){display: block;}
    #menuholder .element-logo .menu{font-size: 18px;}
    .page-id-7 .flex-menu-elements-bottom{display: none;}
    .section-big-title h1{font-size: 28px;line-height: 38px;font-weight: 400;}

    .section-big-title{padding: 120px 0px 80px 0px;}
    .section-show .section-title p{display: block;text-align: center;color: #8F8F8F;font-weight: 400;padding-bottom: 10px;}
    .section-show .section-title h1{display: block;text-align: center;padding-bottom: 30px;}
    .section-show .section,
    .section-branding,
    .section-webdesign{padding: 0px 0px 80px 0px;}
    .section-packaging{padding: 0px 0px 0px 0px;}
    .section-packaging .element-button{display: flex;justify-content: center;align-items: center;}
    .section-packaging .element-button .btn{background-color: #1e1e1e;color: #fff;width: 200px;margin-top: 40px;}

    .post .post-image .image{padding: 35% 0%;}

    #homepage .section-services{margin: 40px auto 0px auto;}
    #homepage .section-awards{margin: 80px auto 80px auto;}

    #aboutpage .section-services .elements-inside{grid-template-columns:auto;}
    #aboutpage .section-services .elements-inside .element-service-left{border-bottom: 1px solid #000;}
    #aboutpage .section-services .elements-inside .element-service-right ul{columns:2;}
    #aboutpage .section-about .flex-right .element-bottom .button-circle{top: 0px;}

    #footer{padding: 80px 0px 0px 0px;}
}

@media screen and (max-width:786px) and (min-width:200px){
    .section-services ul li a div:last-child{display: none;}
}

@media screen and (max-width:900px) and (min-width:200px){
    .section-about .element-bottom{grid-template-columns: auto;}
    .section-about .element-bottom .about-element{border-top: 1px solid #1e1e1e;border-left: 0px;padding: 10px 0px 40px 0px;gap: 25px;}
    .section-about .element-bottom .about-element:last-child{border-right: 0px;border-bottom: 1px solid #1e1e1e;padding: 10px 0px 40px 0px;}
    .section-about .element-bottom .about-element h3{font-size: 20px;line-height: 18px;}
    .section-about .element-bottom .about-element ul{columns: 2;}
    .section-about .element-bottom .about-element ul li{font-size: 14px;line-height: 16px;color: #6a6a6a;padding-bottom: 16px;}
    .section-about .element-bottom .about-element-bottom{padding-bottom: 10px;}

    .section-about-services .element-bottom{grid-template-columns: auto;}
    .section-about-services .element-bottom .about-element{border-top: 1px solid #1e1e1e;border-left: 0px;padding: 10px 0px 0px 0px;gap: 25px;}
    .section-about-services .element-bottom .about-element:last-child{border-right: 0px;border-bottom: 1px solid #1e1e1e;padding: 10px 0px 40px 0px;}
    .section-about-services .element-bottom .about-element h3{font-size: 20px;line-height: 18px;}
    .section-about-services .element-bottom .about-element ul{columns: 2;}
    .section-about-services .element-bottom .about-element ul li{font-size: 14px;line-height: 16px;color: #6a6a6a;padding-bottom: 16px;}

    .section-awards .element{gap: 0px;}
    .section-awards .award{flex-direction: column;gap: 25px;padding-bottom: 16px;}
    .section-awards .award .award-left{display: none;}
    .section-awards .award:nth-child(1) .award-left{display: block;font-weight: 600;}
    .section-awards .award .award-left, .section-awards .award .award-right{width: 100%;}

    #aboutpage .about-section .section-content .content-right{display: none;}
    #aboutpage .section-philosophy .section-text{max-width: 100%;}
}

@media screen and (max-width:500px) and (min-width:200px){
    .footer-top .flex-right span{display: none;}
    .footer-top .flex-left span{font-size: 34px;line-height: 44px;}
}

@media screen and (max-width:600px) and (min-width:200px){
    #homepage .post a{gap: 10px;}
    #homepage .post .post-title{width: 100%;display: flex;justify-content: space-between;text-align: left;flex-direction: row;}
    #homepage .post .post-title p{margin: auto 0px;font-size: 14px;line-height: 22px;}
    #homepage .post .post-title span{font-size: 14px;font-weight: 500;text-align: right;line-height: 22px;}

    .section-about{margin: 150px 0px 80px 0px;}
    .section-about .element-top h1:before{display: none;}
    .section-about .element-top h1, #servicespage .section-content h1, #aboutpage .section-content h1{font-size: 28px;line-height: 38px;}

    .section-services ul li{padding: 10px 0px 40px 0px;}    
    .section-services ul li h3{font-size: 20px;line-height: 28px;font-weight: 500;}
    .section-services ul p{font-size: 14px;line-height: 16px;color: #6a6a6a;}

    #projects-page .grid-2-elements{grid-template-columns: auto;gap: 15px;row-gap: 15px;padding-top: 15px;margin-top: 60px;}
    #projects-page .grid-2-elements:before{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 1px;background-color: #8F8F8F;}
    #projects-page .post{padding: 0px 0px 15px 0px;}
    #projects-page .post:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;height: 1px;background-color: #8F8F8F;}
    #projects-page .post a{flex-direction: row;}
    #projects-page .post a .post-image{width: 60%;order: 1;}
    #projects-page .post a .post-title{width: 40%;order: 0;}
    #projects-page .post .post-title{justify-content: end;flex-direction: column;gap: 4px;}
    #projects-page .post .post-title p, #projects-page .post .post-title span{margin: 0px;text-align: left;}
    #projects-page .post .post-title span{font-size: 12px;line-height: 16px;}

    .section-webdesign, .section-packaging{margin-top: 8vh;}
    .section-show .section-title{padding-bottom: 25px;}
    .grid-3-elements{row-gap:50px;}

    /*.project-inside-element .post-title a{display: none;}*/

    .demo, .demo .image{height: 70vw;}

    .project-inside-element{margin: 12px auto 0px auto;}
    .project-inside-element .content-top .row-top{padding: 20px 0px 40px 0px;}
    .project-inside-element .content-top .row-top{margin-bottom: 25px;}
    .project-inside-element .post-content .row{margin-bottom: 25px;}
    .row-top .flex-elements{gap: 25px;}
    .row-top .flex-left p{font-size: 20px;line-height: 18px;}
    .row-top .flex-right h5{font-size: 14px;line-height: 16px;color: #6a6a6a;}
    .project-inside-element .row .flex-elements .flex-left p{font-size: 20px;line-height: 18px;}

    .project-inside-element .weblink .button{max-width: 100%;}


    .two_images{flex-direction: column;row-gap: 25px;}
    .two_images > div{width: 100%;}

    #footer .btn{width: 100%;}
    .footer-top .flex-right h1{display: none;}
    .flex-section-elements .flex-left h1{font-size: 32px;line-height: 42px;}
    .flex-section-elements .flex-left p{font-size: 14px;line-height: 20px;color: #6a6a6a!important;}

    .footer-center{margin: 80px 0px 0px 0px;}
    .footer-center .element-top{grid-template-columns: repeat(1,1fr);gap: 0px;}
    .footer-center .element-top .footer-element:nth-child(1), .footer-center .element-top .footer-element:nth-child(2){display: none;}

    .footer-center .element-top{line-height: 16px;}
    .footer-center .element-top .footer-element{border-top: 1px solid #8f8f8f;}
    .footer-center .element-top .footer-element:nth-child(9){order: 6;}
    .footer-center .element-top .footer-element:nth-child(6){order: 7;}

    .footer-element{padding: 10px 0px 40px 0px;gap: 3px;}
    .footer-center .element-top .footer-element .footer-element-top span{font-size: 14px;line-height: 16px;color: #6a6a6a;}
    .footer-element h3{font-size: 20px;line-height: 28px;}
    .footer-element h3 a{font-size: 20px;line-height: 28px;}
    .footer-element h3 br{display: none;}
    .footer-element p{font-size: 20px;line-height: 28px;}
    .footer-element ul li{font-size: 20px;line-height: 28px;}

    .footer-center .element-top .footer-element:nth-child(7) p{padding-top: 5px;font-weight: 500;}
    .footer-bottom p{display: flex;flex-direction: column;}
    .footer-bottom p a:before{display: none;}
    .footer-element p{max-width: 100%;}

    #formpage .form-element-right .element-top{display: block;}
    .fluentform h4{font-size: 20px;line-height: 32px;}
    .fluentform h4 span{margin: 0px;}

    .overlay-menu-mobile .btn{width: 100%;}

    .project-inside-element .post-title{gap: 40px;}
    .project-inside-element .post-content{padding: 40px 0px 0px 0px;}
}

@media screen and (max-width:430px) and (min-width:200px){
    .fluentform h4 span{width: 44px;}
}
/*Media screen queries ends*/