@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
}

html, body{
    margin: 0px;
    padding: 0px;
    background-color: #fdfbf5;
}

ul{margin: 0px;padding: 0px;list-style: none;}

h1, h2, h3, h4, h5, p, a{font-family: 'Inter';}
h1{font-size: 62px;font-weight: 400;color: #1b3258;}
h2{font-size: 40px;line-height: 56px;font-weight: 400;color: #1b3258;}
h3{font-size: 32px;font-weight: 500;color: #1b3258;}
h4{font-size: 28px;font-weight: 500;color: #1b3258;}
h5{font-size: 20px;font-weight: 500;color: #1b3258;line-height: 28px;}

.text-24px{font-size: 24px;line-height: 34px;color: #1b3258;}
.text-20px{font-size: 20px;line-height: 24px;color: #1b3258;text-transform: uppercase;}
.text-18px{font-size: 18px;line-height: 24px;color: #1b3258;text-transform: uppercase;}
.text-16px{font-size: 16px;line-height: 22px;color: #1b3258;text-transform: uppercase;}
.text-14px{font-size: 14px;line-height: 22px;color: #1b3258;text-transform: uppercase;}

.pagewrap{width: 1440px;max-width: 100%;padding: 0px 20px;margin: auto;}

.swiper{width: 100%;height: 100%;}
.swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*MENUHOLDER CODE STARTS*/
#menuholder{position: sticky;top: 0px;background-color: #fdfbf5;z-index: 12;}
.flex-elements{display: flex;width: 100%;border-bottom: 2px solid #1b3258;padding:0px;}
.menuholder-left{width: 30%;display: flex;}
.logo img{width: 230px;}

.menuholder-right{width: 70%;display: flex;justify-content: end;}
.menu-menu-main-container{height: 100%;}
.page-menu{margin: auto 0px;}
.page-menu ul{display: flex;gap: 20px;height: 100%;align-items: center;}
.page-menu ul li a{color: #1b3258;font-size: 16px;font-weight: 500;text-decoration: none;text-transform: uppercase;padding: 0 0px 40px 0;}
/*.page-menu ul li:last-child{width: 120px;position: relative;display: block;text-align: center;border: 2px solid #1b3258;border-radius: 30px;padding: 10px 15px;text-decoration: none;font-size: 14px;font-weight: 500;color: #1b3258;}
.page-menu ul li:last-child:hover{background-color: #1b3258;}
.page-menu ul li:last-child:hover a{color: #fdfbf5!important;}*/

.page-menu .has-sub ul{position:absolute;top:64px;display: none;flex-direction: column;gap: 20px;align-items: start;background-color: #1b3258;padding: 15px 15px 20px 15px;width:150px;height: 135px;justify-content: space-between;}
.page-menu .has-sub ul li a{font-size: 14px;}
.page-menu .has-sub:hover ul{display: flex;}
.page-menu .has-sub ul li a{color: #fdfbf5;}
.page-menu .has-sub ul li:nth-child(1){border-bottom: 1px solid #3e6097;padding: 0 0 10px 0;}
.page-menu .has-sub ul .has-sub ul{height: auto;left: 150px;width: auto;top: 67px;display: none;padding: 0px;background-color: #3e6097;}
.page-menu .has-sub ul .has-sub a{padding: 0 70px 0 0;}
.page-menu .has-sub ul .has-sub:hover ul{display: block;}
.page-menu .has-sub ul .has-sub ul{height: 68px;width: 100px;}
.page-menu .has-sub ul .has-sub ul li{border-bottom: none;position: relative;top: 29%;padding: 0px 10px;}
.page-id-178 .page-menu .has-sub ul{height: 155px!important;}
.page-id-178 .page-menu .has-sub ul .has-sub ul{height: 88px!important;}
.page-menu #menu-item-273 a{padding: 0px;}
.page-menu #menu-item-482 a{padding: 0px;}


.language-menu{padding: 0px 20px;}
.wpml-ls-legacy-list-horizontal{height: 100%;padding: 0px!important;}
.language-menu ul{padding: 0px;margin: 0px;display: flex;gap: 10px;height: 100%;align-items: center;}
.wpml-ls-legacy-list-horizontal .wpml-ls-item, .language-menu .lang{position:relative;display:flex;width: 30px;height: 30px;border: 2px solid #1b3258;border-radius: 35px;overflow: hidden;}
.wpml-ls-legacy-list-horizontal a{color: #000;font-size: 14px;font-weight: 500;text-decoration: none;display:flex!important;justify-content: center;align-items: center;padding: 0px!important;height: 100%!important;text-transform: uppercase!important;}
.language-menu ul li a:hover{background-color: #1b3258;color: #fdfbf5;}

.contact-element{padding-left: 20px;margin: auto 0px;}
.contact-element .page-menu{border-right: 0px;}
.contact-element ul{padding: 0px;margin: 0px;display: flex;gap: 20px;height: 100%;align-items: center;}
.contact-element .button{width: 120px;position: relative;display: block;text-align: center;border: 2px solid #1b3258;border-radius: 30px;padding: 10px 15px;text-decoration: none;font-size: 14px;font-weight: 500;color: #1b3258;}
.contact-element .button:hover{background-color: #1b3258;color: #fdfbf5;}


.button-menu{width: 40px;height: 40px;position: relative;display: none;flex-direction: column;justify-content: center;align-items: center;gap: 7px;cursor: pointer;transition: all 0.3s ease;}
.button-menu span{position: relative;width: 30px;height: 2px; background-color: #1b3258;transition: all 0.3s ease;}
.button-menu.active{gap: 0px;transition: all 0.3s ease;}
.button-menu.active span:nth-child(1){transform: rotate(45deg);transition: all 0.3s ease;}
.button-menu.active span:nth-child(2){transform: rotate(-45deg);top: -2px;transition: all 0.3s ease;}

@media screen and (max-width:891px) and (min-width:200px){
    .page-menu, .language-menu{display: none;}
    .button-menu{display: flex;}
}
/*MENUHOLDER CODE ENDS*/

/*OVERLAY MENU CODE STARTS*/
#overlay-menu{position: fixed;top: 55px;width: 100%;height: 0vh;opacity: 0;visibility: hidden;background-color: #fdfbf5;transition: all 0.3s ease;z-index: 11;}
#overlay-menu .elements-inside{width: 100%;height: 100%;padding: 30px 20px 20px 20px;display: flex;flex-direction: column;gap: 20px;}
#overlay-menu .elements-language{padding: 0px;margin: 0px;}
#overlay-menu .elements-language ul{display: flex;gap: 10px;}
#overlay-menu .elements-language .lang{position: relative;display: flex;width: 30px;height: 30px;border: 2px solid #1b3258;border-radius: 35px;}
#overlay-menu .elements-language ul li{display: block;opacity: 01;position: relative;transition: 1s;}

#overlay-menu .elements-language ul li a{color: #1b3258;font-size: 14px;font-weight: 500;text-decoration: none;justify-content: center;align-items: center;}
#overlay-menu .elements-language .lang:hover{color: #fdfbf5;background-color: #1b3258;}
#overlay-menu .elements-menu{width: 100%;height: 100%;position: relative;}
#overlay-menu .elements-menu ul li{padding: 20px 0px;border-bottom: 2px solid #1b3258;}
#overlay-menu .elements-menu ul li a{color: #1b3258;text-decoration: none;opacity: 0;position: relative;left: -60%;transition: 1s;text-transform: uppercase;}

#overlay-menu .elements-menu ul li:nth-child(1) a{transition-delay: .1s;}
#overlay-menu .elements-menu ul li:nth-child(2) a{transition-delay: .15s;}
#overlay-menu .elements-menu ul li:nth-child(3) a{transition-delay: .2s;}
#overlay-menu .elements-menu ul li:nth-child(4) a{transition-delay: .25s;}
#overlay-menu.open .elements-menu ul li a{opacity: 1;left: 0%;position: relative;}


#overlay-menu.open{height: 55vh;opacity: 1;visibility: visible;transition: all 0.3s ease;}
/*OVERLAY MENU CODE ENDS*/

/*FRONT PAGE CODE STARTS*/

#epirus, #services, #creation, #about{height: 40px;}
.page-id-52 .section-blog .flex-top-bottom{padding: 45px 0px;}
.page-id-139 .section-contact .flex-elements{padding: 50px 0px;}

.section-hero .elements-flex{display: flex;border-bottom: 2px solid #1b3258;padding: 90px 0px 90px 0px;gap: 30px;}
.section-hero .elements-flex .hero-left{width: 60%;}
.section-hero .elements-flex .hero-right{width: 40%;}
.section-hero .elements-flex .hero-right .image-block{overflow: hidden;}
.section-hero .elements-flex .hero-right .image-block img{width: 100%;height: 100%;object-fit: cover;border-radius: 16px;}
.section-hero .bottom-text{margin-top: 50px;}
.section-hero .text-24px{margin-top: 40px;width: 600px;max-width: 100%;}

.section-clients .elements-flex{width: 100%;border-bottom: 2px solid #1b3258;padding: 90px 0px;}
.section-clients .clients-left{width: 20%;float: left;border-right: 2px solid #1b3258;display: flex;height: 50px;}
.section-clients .clients-left .text-18px{margin: auto 0px;}
.section-clients .clients-right{width: 80%;float: left;padding-left: 30px;}
.section-clients .swiper-slide{width: auto;height: 50px;}
.section-clients .swiper-wrapper{
    -webkit-transition-timing-function:linear!important;    
    transition-timing-function:linear!important; 
    position: relative;
}

.section-fields .elements-flex{display: flex;gap: 30px;padding: 50px 0px 90px 0px;border-bottom: 2px solid #1b3258;}
.section-fields .fields-left{width: 20%;border-right: 2px solid #1b3258;}
.section-fields .fields-right{width: 80%;}
.section-fields .service-elements{display: flex;flex-direction: column;gap: 30px;}
.section-fields .elements-top, .section-fields .elements-bottom{display: flex;gap: 30px;}
.section-fields .elements-top{border-bottom: 2px solid #1b3258;padding-bottom: 30px;}
.section-fields .service{padding-right: 20px;display: flex;flex-direction: column;gap: 20px;width: 100%;}
.section-fields .service:nth-child(odd){border-right: 2px solid #1b3258;}
.section-fields .service .image img{width: 70px;}
.section-fields .service .title{height: 78px;}
.page-id-178 .section-fields .service .title{height: 150px;}
.page-id-148 .section-fields .service .title{height: 150px;}
.section-fields .service .title h2{letter-spacing: 2px;}
.section-fields .service p{font-size: 16px;line-height: 24px;color: #1b3258;}

.section-about .flex-elements{display: flex;gap: 30px;padding: 50px 0px 90px 0px;border-bottom: 2px solid #1b3258;}
.section-about .about-left{width: 20%;border-right: 2px solid #1b3258;}
.section-about .about-right{width: 80%;}
.section-about .about-right .image{height: 30vw;}
.section-about .about-right .image img{width: 100%;height: 100%;object-fit: cover;border-radius: 16px;}
.section-about .about-right .element-bottom{margin-top: 50px;display: flex;flex-direction: column;gap: 25px;}
.section-about .about-right .element-bottom p{font-size: 20px;line-height: 32px;color: #1b3258;}


.section-epirus .flex-elements{display: flex;gap: 30px;padding: 50px 0px 90px 0px;border-bottom: 2px solid #1b3258;flex-direction: column;}
 

.section-contact .flex-elements{display: flex;gap: 50px;padding: 50px 0px 100px 0px;border-bottom: 0px;flex-direction: column;}
.section-contact .element-content{display: flex;gap: 30px;}
.section-contact .contact-left, .section-contact .contact-right{width: 100%;}
.section-contact .text-16px{font-weight: 500;padding-bottom: 30px;}
.section-contact .details-bottom{padding-bottom: 15px;}
.section-contact ul li{padding-bottom: 8px;}
.section-contact ul li a{color: #1b3258;text-decoration: none;}

.section-volunteering .flex-elements{width: 100%;position: relative;display: flex;flex-direction: column;gap: 40px;padding: 90px 0px 90px 0px;}
.section-volunteering .element-title .text{width: 700px;max-width: 100%;padding-top: 18px;}
.section-volunteering .element-title .text p{color: #1b3258;line-height: 24px;}
.section-volunteering .element-bottom{width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.section-volunteering .text{width: 830px;max-width: 100%;}
.volunteering-element{width: 100%;display: flex;flex-direction: column;gap: 20px;}
.volunteering-element a{text-decoration: none;width: 100%;height: 100%;display: block;}
.volunteering-image{width: 100%;height: 450px;overflow: hidden;border-radius: 16px;transition: 0.2s ease;}
.volunteering-image img{width: 100%;height: 100%;object-fit: contain;transition: 0.2s ease;background-color: #fdfbf5;}
.volunteering-title{height: 70px;}
.volunteering-title a:hover{opacity: 0.8;}
.volunteering-text p{color: #1b3258;line-height: 24px;}
.volunteering-text ul{padding: 20px 0px 0px 30px;}
.volunteering-text ul li{list-style: circle;padding-bottom: 10px;color: #1b3258;font-family: 'Inter';font-size: 16px;}

#cioannina .swiper-slide{height: 65vh;overflow: hidden;border-radius: 16px;transition: all 0.3s ease!important;}
#cioannina .swiper-button-next, #cioannina .swiper-button-prev{width: 40px!important;height: 40px!important;border-radius: 100%!important;background-color: rgba(0,0,0, 0.7);}
#cioannina .swiper-button-next::after, #cioannina .swiper-button-prev::after{font-size: 20px!important;color: #fdfbf5!important;}

#writing-samples-element{padding-top: 50px;}
.section-blog .flex-top-bottom{width: 100%;display: flex;flex-direction: column;gap: 50px;padding: 90px 0px;}
.section-blog .element-bottom{width: 100%;display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;}
.section-blog .text{padding-top: 18px;width: 700px;max-width: 100%;display:flex;flex-direction:column;gap:20px;}
.section-blog .text p{color: #1b3258;line-height: 24px;}
.section-blog .element-top .blog-title{margin-top:30px;width:700px;max-width:100%;display:flex;flex-direction:column;gap:20px;}
.section-blog .element-top .element-1{padding-bottom:20px;}
.section-blog .element-top .element-1, .section-blog .element-top .element-2{display:flex;flex-direction:column;gap:10px;}
.section-blog .element-top .element-1 p, .section-blog .element-top .element-2 p{color: #1b3258;line-height: 24px;}
.section-blog .element-top .element-2 .button-blog{width:215px;margin:10px 0 0 0;}
.section-blog .element-top .element-1 .button-blog{margin:10px 0 0 0;}

@media only screen and (max-width:850px) and (min-width:200px){
	.section-blog .element-top .element-1 h5, .section-blog .element-top .element-2 h5{text-align:left;}
	.section-blog .element-top .element-1 p, .section-blog .element-top .element-2 p{text-align:left;}
}

.blog-element{width: 100%;padding-bottom: 20px;}
.blog-image{width: 100%;height: 300px;overflow: hidden;border-radius: 16px;}
.blog-image a{width: 100%;height: 100%;display: block;}
.blog-image img{width:100%;height: 100%;object-fit: cover;}
.blog-image img:hover{width: 110%;height: 110%;transition: 0.2s ease;}
.blog-title{padding-top: 15px;}
.blog-title a{text-decoration: none;}
.blog-title a:hover{opacity: 0.8;}

.button-blog{width: 170px;max-width:100%;position: relative;display: block;text-align: center;border: 2px solid #1b3258;border-radius: 30px;padding: 15px 15px;text-decoration: none;font-size: 14px;font-weight: 500;color: #1b3258;margin: auto;}
.button-blog:hover{background-color: #1b3258;color: #fdfbf5;}

.section-creation{width: 100%;position: relative;}
.section-creation .elements-flex{width: 100%;display: flex;gap: 30px;padding: 50px 0px 90px 0px;border-bottom: 2px solid #1b3258;}
.section-creation .fields-left{width: 20%;border-right: 2px solid #1b3258;}
.section-creation .fields-right{width: 80%;}
.section-creation .fields-right p{font-size: 20px;color: #1b3258;}
.section-creation .fields-right ul{list-style: circle;display: flex;flex-direction: column;gap: 10px;padding: 40px 0px 40px 20px;}
.section-creation .fields-right ul li{font-size: 20px;font-family: 'Inter';color: #1b3258;}
.section-creation .buttons{display: flex;gap: 30px;margin: auto;padding: 40px 0 0 0;}
.section-creation .buttons .button-blog{margin: 0px;}

.project-inside .elements-inside{width: 100%;height: 100%;display: flex;gap: 30px;padding: 50px 0px;}
.project-inside .elements-inside .element-left, .project-inside .elements-inside .element-right{width: 100%;}
.project-inside .section-image{width: 100%;height: 450px;position: sticky;top: 130px;}
.project-inside .section-image img{width: 100%;height: 100%;object-fit: cover;border-radius: 16px;}
.project-inside .section-content-text{padding-top: 50px;}
.project-inside .section-content-text p{color: #1b3258;line-height: 24px;padding-bottom: 15px;}
.project-inside h4{padding-bottom: 20px;}
.project-inside ul{list-style: circle;padding-left: 30px;}
.project-inside ul li{padding-bottom: 15px;}
.project-inside ul li, .project-inside ul li a{font-family: 'Inter';color: #1b3258;}
.project-inside ul li a, .project-inside ul li a:hover{color: #1b3258;}

#blog-page .element-title .element-blog{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}
#blog-page .element-title .element-blog:last-child{margin-bottom: 30px;}
#blog-page .element-title .element-blog a{    
    width: 160px;
    position: relative;
    display: block;
    text-align: center;
    border: 2px solid #1b3258;
    border-radius: 30px;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #1b3258;
}
#blog-page .element-title .element-blog:last-child a{width: 220px;}
#blog-page .element-title .element-blog a:hover{
    background-color: #1b3258;
    color: #fdfbf5;
}

#footer .footer-flex{width: 100%;display: flex;justify-content: space-between;border-top: 2px solid #1b3258;padding: 20px 0px;}
#footer .footer-flex p, #footer .footer-flex a{color: #1b3258;text-decoration: none;font-size: 14px;}

.fluentform *{font-family: 'Inter';color: #1b3258;}
.ff-default .ff-el-form-control{border: 1px solid #1b3258!important;background-color: #fdfbf5!important;}
form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style){background-color: #1b3258!important;color: #fdfbf5!important;}


.page-inside-elements{width: 100%;display: flex;flex-direction: column;gap: 50px;padding: 50px 0px;}
.page-inside-element-content h3:nth-child(1){padding: 0px 0px 30px 0px;}
.page-inside-element-content h3{padding: 30px 0px;}
.page-inside-element-content p, .page-inside-element-content ul li{color: #1b3258;font-size: 16px;line-height: 24px;}


.pre-footer{width: 100%;padding: 90px 0px;display: flex;flex-direction: column;gap: 50px;border-top: 2px solid #1b3258;}
.pre-footer .element-bottom{display: flex;width: 100%;gap: 30px;}
.pre-footer .element-bottom .element{width: 100%;display: flex;flex-direction: column;gap: 25px;}
.pre-footer .element-bottom .element ul{display: flex;flex-direction: column;gap: 10px;}
.pre-footer .element-bottom .element ul li a{font-size: 14px;color: #1b3258;text-decoration: none;text-transform: uppercase;font-weight: 500;}
.pre-footer .element-bottom .element ul li a:hover{border-bottom: 1px solid #1b3258;}

.error-elements{width: 100%;padding: 50px 0px;display: flex;flex-direction: column;gap: 50px;}
.error-elements .error-top p{font-size: 350px;text-align: center;color: #1b3258;}
.error-elements .error-bottom{text-align: center;display: flex;flex-direction: column;gap: 30px;}
.error-elements .button{display: flex;border: 2px solid #1b3258;width: 150px;justify-content: center;padding: 13px;border-radius: 30px;text-decoration: none;color: #1b3258;background-color: #fdfbf5;margin: auto;}
.error-elements .button:hover{background-color: #1b3258;color: #fdfbf5;}

.mySwiper1 .testimorials-element{width: 100%;}
.section-testimorial .text p{color: #1b3258;line-height: 24px;}
.section-testimorial .flex-top-bottom{width: 100%;display: flex;flex-direction: column;gap: 50px;padding: 90px 0px;border-top: 2px solid #1b3258;}
.section-testimorial .text{padding-top: 18px;width: 700px;max-width: 100%;display: flex;flex-direction: column;gap: 20px;}
.testimorials-image{width: 100px;height: 100px;overflow: hidden;border-radius: 100px;margin: auto;}
.testimorials-image img{object-fit: cover;}
.testimorials-title h5{padding-top: 10px;}
.testimorials-title h5:nth-child(2){padding-top: 0px;}
.testimorials-title p{padding-top: 30px;color: #1b3258;font-size: 16px;width: 350px;max-width:100%;margin: auto;}

.swiper-button-prev::after, .swiper-button-next::after{color: #1b3258;}
.mySwiper1 .swiper-wrapper{padding: 100px 0px;}
.mySwiper1 .swiper-pagination-bullet-active{background-color: #1b3258!important;}

.button-writing-sample a{width: 230px;position: relative;display: block;text-align: center;border: 2px solid #1b3258;border-radius: 30px;padding: 10px 15px;text-decoration: none;font-size: 14px;font-weight: 500;color: #1b3258;}
.button-writing-sample a:hover{background-color: #1b3258;color: #fdfbf5;}

@media screen and (max-width:1380px) and (min-width:1010px){
    h1{font-size: 40px;}
}

@media screen and (max-width:820px) and (min-width:550px){
    h1{font-size: 40px;}
}

@media screen and (max-width:549px) and (min-width:200px){
    h1{font-size: 40px;}
    h2{font-size: 30px;line-height: 40px;}
}

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

@media screen and (max-width:850px) and (min-width:200px){
    .section-clients .clients-left{width: 100%;height: auto;padding-bottom: 40px;justify-content: center;border-right: 0px;}
    .section-clients .clients-right{width: 100%;height: auto;padding: 0px;}
    .element-title{text-align: center;}
}

@media screen and (max-width:1212px) and (min-width:1000px){
    .section-fields .service .title{height: 100px;}
    .page-id-178 .section-fields .service .title{height: 150px;}
    .page-id-148 .section-fields .service .title{height: 180px;}
}

@media screen and (max-width:1440px) and (min-width:1000px){
    .section-about .about-right .image{height: 40vw;}
}

@media screen and (max-width:999px) and (min-width:501px){
    .section-fields .elements-flex{flex-direction: column;gap: 50px;}
    .section-fields .fields-left, .section-epirus .element-title p{width: 100%;border-right: 0px;text-align: center;}
    .section-fields .fields-right{width: 100%;}
    .section-fields .elements-top, .section-fields .elements-bottom{flex-direction: column;}
    .section-fields .elements-top{border-bottom: 0px;padding: 0px;}
    .section-fields .service .image img{width: 50px;}
    .section-fields .service{border-right: 0px;border-bottom: 2px solid #1b3258;padding-bottom: 30px;}
    .section-fields .service:nth-child(odd){border-right: 0px;}
    .section-fields .service .title{height: auto;}
    .page-id-178 .section-fields .service .title{height: auto;}
    .page-id-148 .section-fields .service .title{height: auto;}
    .section-fields .elements-bottom .service:last-child{border-bottom: 0px;}

    .section-about .flex-elements{flex-direction: column;gap: 50px;}
    .section-about .about-left{width: 100%;border-right: 0px;text-align: center;}
    .section-about .about-right{width: 100%;}
    .section-about .about-right .image{height: 60vw;}

    .section-creation .elements-flex{flex-direction: column;gap: 50px;}
    .section-creation .fields-left{width: 100%;border-right: 0px;text-align: center;}
    .section-creation .fields-right{width: 100%;}

    .section-volunteering .text-20px p, .section-blog .text-20px p, .section-testimorial .text-20px p{text-align: center;padding-bottom: 30px;}
}

@media screen and (max-width:500px) and (min-width:200px){
    .section-fields .elements-flex{flex-direction: column;gap: 50px;}
    .section-fields .fields-left, .section-epirus .element-title p{width: 100%;border-right: 0px;text-align: center;}
    .section-fields .fields-right{width: 100%;}
    .section-fields .elements-top, .section-fields .elements-bottom{flex-direction: column;}
    .section-fields .elements-top{border-bottom: 0px;padding: 0px;}
    .section-fields .service .image img{width: 50px;}
    .section-fields .service{border-right: 0px;border-bottom: 2px solid #1b3258;padding-bottom: 30px;padding-right: 0px;}
    .section-fields .service:nth-child(odd){border-right: 0px;}
    .section-fields .service .title{height: auto;}
    .section-fields .elements-bottom .service:last-child{border-bottom: 0px;}

    .section-about .flex-elements{flex-direction: column;gap: 50px;}
    .section-about .about-left{width: 100%;border-right: 0px;text-align: center;}
    .section-about .about-right{width: 100%;}
    .section-about .about-right .image, .volunteering-image{height: 60vw;}

    .section-creation .elements-flex{flex-direction: column;gap: 50px;}
    .section-creation .fields-left{width: 100%;border-right: 0px;text-align: center;}
    .section-creation .fields-right{width: 100%;}

    .section-volunteering .text-20px p, .section-blog .text-20px p, .section-testimorial .text-20px p{text-align: center;padding-bottom: 30px;}
}

@media screen and (max-width:1081px) and (min-width:200px){
    #cioannina .elements-bottom{flex-direction: column;}
    #cioannina .elements-bottom .cioannina-left, #cioannina .elements-bottom .cioannina-right{width: 100%;}
    #cioannina .swiper-slide{height: 60vw;}
}

@media screen and (max-width:687px) and (min-width:200px){
    .section-contact .element-content{flex-direction: column;gap: 50px;}
}

@media screen and (max-width:970px) and (min-width:200px){
    .section-blog .text, .section-volunteering .element-title .text{text-align: left;}
    .section-blog .element-bottom{grid-template-columns: repeat(1,1fr);gap: 40px;}
    .blog-image{height: 60vw;}
}

@media screen and (max-width:810px) and (min-width:200px){
    .project-inside .elements-inside{flex-direction: column;gap: 40px;}
    .project-inside .section-image{position: relative;height: 400px;top: 0px;}
}

@media screen and (max-width:1000px) and (min-width:200px){
    .section-volunteering .element-bottom{grid-template-columns: repeat(1,1fr);gap: 50px;}
    .volunteering-title{height: auto;}
}

@media screen and (max-width:767px) and (min-width:200px){
    .logo img{width: 210px;}
}

@media screen and (max-width:500px) and (min-width:200px){
    #overlay-menu{top: 80px;}
}

@media screen and (max-width:1124px) and (min-width:200px){
    .pre-footer .element-bottom{flex-direction: column;gap: 20px;}
}
@media screen and (max-width:530px) and (min-width:200px){
    .pre-footer .element-bottom .element:nth-child(1) ul{flex-direction: column;gap: 20px;}
}

@media screen and (max-width:700px) and (min-width:200px){
    .error-elements .error-top p{font-size: 150px;}
}
/*FRONT PAGE CODE ENDS*/