/*@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*/
/* nunito-sans-300 - 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: 'Nunito Sans';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/nunito-sans-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-sans-regular - 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: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/nunito-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-sans-500 - 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: 'Nunito Sans';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/nunito-sans-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-sans-600 - 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: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/nunito-sans-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-sans-700 - 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: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/nunito-sans-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-sans-800 - 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: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/nunito-sans-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-sans-900 - 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: 'Nunito Sans';
    font-style: normal;
    font-weight: 900;
    src: url('./fonts/nunito-sans-v15-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-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: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/roboto-v32-greek_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-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: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/roboto-v32-greek_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-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: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/roboto-v32-greek_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-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: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/roboto-v32-greek_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-900 - 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: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('./fonts/roboto-v32-greek_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

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

h1,h2,h3,h4,h5,h6,span,p,a{font-family: "Roboto", sans-serif;}
h1{font-size: 64px;line-height: 70px;font-weight: 300;}
h2{font-size: 48px;line-height: 52px;font-weight: 300;}
h3{font-size: 36px;line-height: 36px;font-weight: 300;}
h4{font-size: 28px;line-height: 32px;font-weight: 400;}
h5{font-size: 24px;line-height: 28px;font-weight: 400;}

p{font-family: "Roboto", sans-serif;margin: 0px;padding: 0px 0px 5px 0px;line-height: 26px;font-size: 20px;font-weight: 300;}
ul{line-height: 26px;font-size: 20px;font-weight: 300;}
ul, a, span{font-family: "Roboto";}

@media screen and (max-width:550px) and (min-width:200px){
    h1{font-size: 48px;line-height: 56px;}
    h2{font-size: 36px;line-height: 48px;}
    h3{font-size: 28px;line-height: 36px;}
}

.wrapper{width: 100%;height: 100%;}

.transition{
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    pointer-events: none;
    background-color: #000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.button-hover {
    width: 170px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #000;
    border-radius: 100px;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    text-align: center;
    padding: 20px;
    transition: all 0.3s ease;
}

.button-hover:hover{
    background-color: #000;
    color: #fff;
    transition: all 0.3s ease;
}

.button-hover span {
    position: absolute;
    width: 100%;
    left: 0;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.text-original {
    top: 50%;
    transform: translateY(-50%);
}

.text-hover {
    top: 100%;
    transform: translateY(0);
    opacity: 0;
}

.button-hover:hover .text-original {
    top: 0;
    transform: translateY(-100%);
    opacity: 0;
}

.button-hover:hover .text-hover {
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}

  

.button{display: block;;width: 127px;max-width: 100%;position:relative;font-family: "Nunito Sans", sans-serif;font-weight: 400;letter-spacing: 2px;font-size: 14px!important;color: #000;text-decoration: none;overflow: hidden;}
.button p{padding-bottom: 5px;margin: 0px;font-size: 18px;line-height: 20px;}
.button .underline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    opacity: 0.3; /* Βασική γραμμή με χαμηλή ορατότητα */
}

.button .underline-hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    transform-origin: left;
    transform: scaleX(0);
    opacity: 1;
}
.button:hover{color: #000;}
.pagewrap-menu{position: relative;width: 100%;display: flex;justify-content: space-between;padding: 10px 20px;}
.pagewrap{position: relative;padding: 0px 20px;}
.button-bottom{width: 100%;text-align: center;padding-top: 60px;}
.button-bottom .button{margin: auto;}

/*Site Menu code starts*/
#menuholder{position: relative;top: 0px;width: 100%;z-index: 101;}
#menuholder .element-left, #menuholder .element-center, #menuholder .element-right{width: 100%;}
#menuholder .element-center a{text-decoration: none;}
.button-menu{position: relative;width: 40px;height: 40px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 7px;cursor: pointer;}
.button-menu .span{width: 30px;height: 2px;background-color: #000;}
.logo{position: relative;text-align: center;width: 200px;margin: auto;}
.logo h2{font-size: 30px;line-height: 30px;letter-spacing: 6px;padding-bottom: 0px;margin: 0px;color: #000;font-family: "Nunito Sans", sans-serif;}
.logo p{letter-spacing: 3px;font-size: 13px;color: #000;font-family: "Nunito Sans", sans-serif;}
.element-right{float: right;text-align: right;}
.element-right ul{margin: 0px;padding: 0px;list-style: none;}
.element-right ul li a{margin: 0px 0px 0px auto;}

.button-menu.active{gap: 0px;transition: all 0.3s ease;}
.button-menu.active .span{position: absolute;top: 50%;}
.button-menu.active .span:nth-child(1){transform: rotate(45deg);}
.button-menu.active .span:nth-child(2){transform: rotate(-45deg);}
/*Site Menu code ends*/

/*Pages code starts*/
#page{position: relative;}
.section-title{position: relative;overflow: hidden;padding: 15px 0px;}

.home-hero{position: relative;width: 100%;}
.home-hero .image-block{position: relative;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.home-hero .block-text:before{position: absolute;top: 0px;left: 0px;content: "";z-index: 3;width: 100%;height: 100%;background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .3));}
.home-hero .block-text{padding: 18% 20px;position: relative;z-index: 4;display: flex;justify-content: space-between;gap: 20px;}
.home-hero .block-text .elements-inside{display: flex;flex-direction: column;gap: 20px;position: relative;z-index: 4;color: #fff;}
.home-hero .block-text .elements-inside .button-hover{border: 1px solid #fff;color: #fff;}
.home-hero .block-text .elements-inside .button-hover:hover{background: #fff;color: #000;}
.home-hero .block-text .social-inside{position: relative;margin: auto 0px;position: relative;z-index: 4;}
.home-hero .block-text .social-inside ul{list-style: none;display: flex;flex-direction: column;gap: 15px;}
.home-hero .block-text-mobile{display: none;}

@media screen and (max-width:920px) and (min-width:671px){
    .home-hero .block-text .elements-inside h1{font-size: 50px;}
}
@media screen and (max-width:670px) and (min-width:200px){
    .home-hero .block-text .elements-inside h1{font-size: 44px;}
    .home-hero .block-text .social-inside ul{flex-direction: row;}
}
@media screen and (max-width:800px) and (min-width:200px){
    .home-hero .block-text{padding: 20;}
}

@media screen and (max-width:600px) and (min-width:200px){
    .home-hero .block-text-mobile{display: block;padding: 50px 20px 0px 20px;}
    .home-hero .block-text-mobile .social-inside{display: none;}
    .home-hero .block-text{display: none;}
    .home-hero .image-block{height: 440px;}
    .home-hero .image-block:before{position: absolute;content: "";width: 100%;height: 100%;top: 0px;left: 0px;background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .3));}
    .home-hero .block-text-mobile .elements-inside{display: flex;flex-direction: column;gap: 20px;}
    .home-hero .block-text-mobile .elements-inside h1{font-size: 40px;line-height: 50px;}
}

.section-about{position: relative;padding: 100px 0px;}
.section-about .pagewrap{display: flex;gap: 50px;}
.section-about .element-left, .section-about .element-right{width: 100%;}
.section-about .pagewrap .element-left{display: flex;flex-direction: column;gap: 40px;margin: auto;}
.section-about .element-bottom{width: 550px;max-width: 100%;}
.section-about .element-bottom .content{margin-bottom: 30px;}
.section-about .element-right img{width: 100%;}

.section-projects{position: relative;padding-bottom: 100px;}
.section-projects .section-title{display: flex;justify-content: space-between;border-bottom: 1px solid #000;}
.section-projects .element-left{margin: auto 0px;width: 100%;}
.section-projects .element-right{width: 230px;text-align: left;}
.section-projects .element-right p{color: #000;text-decoration: none;font-size: 14px;line-height: 22px;}
.section-projects .element-right p a{color: #000;text-decoration: none;font-size: 14px;border-bottom: 1px solid #000;}

.section-projects .section-center{width: 100%;position:relative;display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;padding-top: 45px;}
.project-card{position: relative;width: 100%;height: 100%;overflow: hidden;transition: all 0.3s ease;}
.project-card a{width: 100%;height: 100%;position:relative;display: flex;flex-direction: column;gap: 15px;text-decoration: none;overflow: hidden;transition: 0.3s ease;}
.project-card-image{position: relative;width: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;position: relative;padding: 30% 0%;transition: all 0.3s ease;overflow: hidden;}
.project-card-image img{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;visibility: hidden;}
.project-card-text{position: relative;width: 100%;height: 100%;display: flex;flex-direction: column;}
.project-card-text .card-button{font-family: "Nunito Sans", sans-serif;font-size: 14px;color: #000;}
.project-card-text h4{color: #000;}
.project-card a:hover .project-card-text .card-button, .project-card a:hover h4{opacity: 0.7;}
.project-card a:hover .project-card-image{width: 110%;transition: 0.3s ease;}

.section-projects .button-bottom .button{width: fit-content;}

.section-goal{margin-bottom: 100px;}
.section-goal .pagewrap{display: flex;flex-direction: column;gap: 20px;}
.section-goals-bottom{display: flex;gap: 20px;}
.section-goal .element-left{width: 50%;}
.section-goal .element-right{width: 50%;}
.section-goals-bottom .element-right h5, .section-goals-bottom .element-right p{text-align: left;}
.section-goals-bottom .element-right h5{text-transform: uppercase;}
.section-goals-bottom .element-right ul{margin-top: 30px;}
.section-goals-bottom .element-right ul li:nth-child(1){border-top: 1px solid #000;}
.section-goals-bottom .element-right ul li{border-bottom: 1px solid #000;padding: 10px 0px;}
.section-goals-bottom .element-right ul li h5{padding-bottom: 10px;}

/*
.section-goals-bottom .element-right h5:nth-child(1){border-top: 1px solid rgba(0, 0, 0, .3);}
.section-goals-bottom .element-right h5{text-align: left;border-bottom: 1px solid rgba(0, 0, 0, .3);padding: 10px 0px;}
.section-goals-bottom .element-right ul{text-align: left;display: flex;flex-direction: column;gap: 5px;padding-top: 12px;}
.section-goals-bottom .element-right ul li:nth-child(1){font-size: 20px;line-height: 24px;font-weight: 400;padding-bottom: 10px;}
*/

.faq-container{display: flex;flex-direction: column;gap: 20px;width: 100%;}
.faq{position: relative;width: 100%;}
.faq img{width: 20px;height: 20px;}
.faq_question{margin: 0px;padding:15px 0px;display: inline-block;cursor: pointer;font-weight: 500;width: 100%;border-radius: 20px;}
.faq_question .question{display: flex;width: 100%;justify-content: space-between;text-align: left;}
.faq_question .question h4{max-width: 90%;}
.faq.open .faq_question .question img{transform: rotate(180deg);}
.faq_answer_container {display: none;}
.faq_answer{margin: 10px 0px;font-size: 16px;font-weight:400;text-align: left;}
.faq_answer ul{padding: 0px 0px 0px 20px!important;}
.faq_answer ul li{list-style-type: circle;padding-bottom: 10px;font-family: 'Roboto';}
.underline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    opacity: 0.3; /* Βασική γραμμή με χαμηλή ορατότητα */
}
.underline-hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    transform-origin: left;
    transform: scaleX(0);
    opacity: 1;
}

@media screen and (max-width:1000px) and (min-width:200px){
    .section-about .pagewrap{flex-direction: column;}
    .section-projects .tabcontent{grid-template-columns: repeat(1, 1fr);}
}

@media screen and (max-width:1138px) and (min-width:200px){
    .title-tabs .element-right{display: none;}
}

@media screen and (max-width:960px) and (min-width:200px){
    .section-goals-bottom{flex-direction: column;gap: 30px;}
    .section-goal .element-left{width: 0%;}
    .section-goal .element-right{width: 100%;}
}

@media screen and (max-width:695px) and (min-width:516px){
    .block-text h1{font-size: 50px;}
}

@media screen and (max-width:600px) and (min-width:200px){
    #menuholder .element-right{display: none;}
    #menuholder .element-left{order: 1;}
    .button-menu{margin: auto 0px auto auto;}
    #menuholder .logo{margin: 0px;}
    #menuholder .logo h2{font-size: 26px;text-align: left;}
    #menuholder .logo p{font-size: 11px;text-align: left;}
    .tabs-buttons{display:grid;grid-template-columns: repeat(2, 1fr);}
    .tab-button{font-size: 14px;padding: 10px;}
}

@media screen and (max-width:760px) and (min-width:200px){
    .block-text{justify-content: center;flex-direction: column;gap: 30px;}
    .elements-inside{order: 1;}
    .social-inside{width: 100%;}
    .social-inside ul{flex-direction: row;}
}

/*Page-inside code starts*/
#page-inside{margin: 100px 0px;}
.big-inside-section .pagewrap{width: 100%;display: flex;flex-direction: column;gap: 20px;}
.big-inside-section .pagewrap ul{padding-left: 20px;padding-top: 10px;}
.big-inside-section .pagewrap ul li{padding-bottom: 10px;}
.big-inside-section .pagewrap h1,
.big-inside-section .pagewrap h2,
.big-inside-section .pagewrap h3,
.big-inside-section .pagewrap h4,
.big-inside-section .pagewrap h5,
.big-inside-section .pagewrap h6{padding-bottom: 10px;}
.big-inside-section .pagewrap p{padding-bottom: 10px;}
.big-title-inside{width: 70%;max-width: 100%;}
.big-text-inside{width: 100%;}
.big-text-inside .elements-grid{width: 100%;display: grid;gap:30px;grid-template-columns: repeat(4, 1fr);}
.big-text-inside .elements-grid p{font-size: 18px;line-height: 28px;padding: 0px;margin: 0px;}
.big-image-inside-about{width: 100%;margin: 70px 0px 100px 0px;background-position: 50%;background-repeat: no-repeat;background-size: cover;height: 50vw;}
.big-image-inside-about img{width: 100%;height: 100%;object-fit: cover;}

.content-element{max-width: 100%;position: relative;width: 900px;margin: auto;}

#page-inside .section-goal{margin-top: 100px;}

@media screen and (max-width:1246px) and (min-width:800px){
    .big-text-inside .elements-grid{width: 100%;display: grid;gap:30px;grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width:799px) and (min-width:200px){
    .big-title-inside{width: 100%;}
    .big-text-inside .elements-grid{width: 100%;display: grid;gap:30px;grid-template-columns: repeat(1, 1fr);}
}
/*Page-inside code ends*/

/*Page projects code starts*/
#page-projects{position: relative;width: 100%;padding-top: 100px;}
#page-projects .section-projects .section-grid{width: 100%;position: relative;display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;row-gap: 50px;}


@media screen and (max-width:700px) and (min-width:200px){
    #page-projects .section-projects .section-grid{grid-template-columns: repeat(1,1fr);}
    .section-projects .section-center{grid-template-columns: repeat(1,1fr);}
    .section-projects .section-title{flex-direction: column;gap: 25px;}
    .section-projects .element-right{width: 100%;}
}
/*Page projects code ends*/

/*Page-inside project code starts*/
#page-inside-project{margin: 150px 0px 70px 0px;}
.project-3-details{margin: 45px 0px;}
.project-3-details .pagewrap{display: flex;gap: 100px;}
.project-3-details .title p{font-size: 12px;font-weight: 300;padding: 0px;margin: 0px;letter-spacing: 2px;}
#page-inside-project .project-image{height: 40vw;overflow: hidden;}
#page-inside-project .project-image .image{background-position: 50%;background-repeat: no-repeat;width: 100%;height: 100%;background-size: cover;}
.project-more-details{margin: 70px 0px 50px 0px;}

#page-inside-project .content-section{max-width: 880px;margin: auto;}
#page-inside-project .content-section p{font-size: 16px;}

#page-inside-project .gallholdergall{padding: 100px 0px 0px 0px;display: flex;flex-direction: column;gap: 20px;}

#page-inside-project .button-bottom .button{width: 180px;}
/*Page-inside project code ends*/

/*Page services code starts*/
.gallholdergall-services{margin-top: 100px;}
/*Page services code ends*/

/*Page contact code starts*/
.contact-section{margin-top: 50px;margin-bottom: 50px;}
.contact-section .pagewrap{display: flex;gap: 20px;width: 100%;}
.contact-left, .contact-right{width: 100%;}
.contact-section .section-bottom{padding-top: 25px;}
.contact-left ul{padding: 0px;margin: 0px;list-style: none;}
.contact-left ul li{display: flex;flex-direction: column;padding-bottom: 20px;gap: 7px;}
.contact-left ul li span{font-weight: 500;font-size: 20px;}
.contact-left ul li a{font-size: 16px;color: #000;text-decoration: none;}
.contact-left ul li a:hover{opacity: 0.5;}
.contact-left ul .media .icons{display: flex;gap: 15px;}

.section-map{margin-bottom: 100px;}
.section-map-element{height: 40vw;overflow: hidden;}
.section-map-element .map{width: 100%;height: 100%;background-position: 50%;background-repeat: no-repeat;background-size: cover;}

@media screen and (max-width:820px) and (min-width:200px){
    .contact-section .pagewrap{flex-direction: column;}
    .section-map-element{height: 70vw;overflow: hidden;}
    .section-map{margin-bottom: 70px;}
}
/*Page contact code ends*/

/*Page 404 error code starts*/
#page-error{margin: 150px 0px 70px 0px;}
.section-error{margin-top: 150px;text-align: center;}
.section-error p{font-size: 250px;}
#page-error .button-bottom .button{width: 150px;}
/*Page 404 error code ends*/

/*Page all code starts*/
.content-inside-section{margin: 50px 0px 100px 0px;}
.content-inside-section h2{padding: 25px 0px 10px 0px;}
/*Page all code ends*/

/*Contact page starts*/
.ff-default .ff-el-input--label label{font-family: 'Roboto';font-weight: 400!important;}
form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style){background-color: #000!important;font-family: 'Roboto'!important;font-weight: 400;}
/*Contact page ends*/

/*Footer code starts*/
#footer{position: relative;}
#footer .pagewrap{display: flex;flex-direction: column;}
.footer-top{position: relative;width: 100%;display: flex;border-top: 1px solid rgba(0,0,0,0.3);border-bottom: 1px solid rgba(0,0,0,0.3);padding: 100px 0px;}
.footer-top .element-left{width: 30%;}
.footer-top .element-left a{text-decoration: none;}
.footer-top .element-right{width: 70%;display: flex;justify-content: space-between;}
.footer-top .logo{width: 200px;margin: 0 auto 0 0;}
.footer-top .logo h2, .footer-top .logo p{color: #000;}
.element-footer{width: 100%;position: relative;display: flex;flex-direction: column;text-align: left;gap: 15px;}
.element-footer .element-bottom ul li{padding-bottom: 5px;font-size: 16px;}
.element-footer .element-bottom ul li a{font-size: 16px;color: #000;text-decoration: none;}
.element-footer .element-bottom ul li a:hover{color: #000;opacity: 0.7;}

.footer-bottom{display: flex;width: 100%;justify-content: space-between;padding: 20px 0px;}
.footer-bottom .element{width: 100%;}
.footer-bottom .element:nth-child(2){text-align: center;}
.footer-bottom .element:last-child{text-align: right;}
.footer-bottom .element p, .footer-bottom .element a{font-size: 12px;color: #000;text-decoration: none;margin-bottom: 0px;padding-bottom: 0px;}
.footer-bottom .element a:hover{color: rgba(0, 0, 0, .5);}

@media screen and (max-width:760px) and (min-width:625px){
    .footer-top{flex-direction: column;padding: 50px 0px;gap: 30px;}
    .footer-top .element-right, .footer-top .element-left{width: 100%;}
    .footer-top .element-left .logo{margin: auto;}
}
@media screen and (max-width:624px) and (min-width:200px){
    .footer-top{flex-direction: column;padding: 50px 0px;gap: 30px;}
    .footer-top .element-left{width: 100%;}
    .footer-top .element-left .logo{margin: auto;}
    .footer-top .element-right{width: 100%;flex-direction: column;gap: 30px;}
    .element-footer{gap: 20px;}
    .element-footer:last-child ul{display: flex;gap: 20px;}
}
/*Footer code ends*/

/*Overlay code starts*/
#overlay-menu{width:100%;position: fixed;z-index:100;top: 0px;left: 0px;height: 0vh;background-color: #fff;opacity: 0;transition: all 0.4s ease;display: flex;flex-direction: column;justify-content: center;padding: 30px;}
#overlay-menu a{text-decoration: none;}

#overlay-menu .menu-mobile{display: flex;gap: 30px;flex-direction: column;}
#overlay-menu .language-inside ul{position:relative;display: flex;gap: 20px;opacity: 0;left: -60%;transition: 1s;padding: 0px;margin: 0px;list-style: none;}
#overlay-menu .language-inside ul{transition-delay: .05s;}
#overlay-menu .language-inside a{padding: 0px!important;font-size: 16px;text-transform: uppercase;color: #000;font-weight: 500;}
#overlay-menu .language-inside a:hover{color: #949292;}

#overlay-menu .menu-inside ul li{display: block;padding: 0px 0px 15px 0px;opacity: 0;position: relative;left: -60%;transition: 1s ease;}
#overlay-menu .menu-inside ul li:nth-child(1){transition-delay: .1s ease;}
#overlay-menu .menu-inside ul li:nth-child(2){transition-delay: .15s ease;}
#overlay-menu .menu-inside ul li:nth-child(3){transition-delay: .20s ease;}
#overlay-menu .menu-inside ul li:nth-child(4){transition-delay: .25s ease;}
#overlay-menu .menu-inside ul li:nth-child(5){transition-delay: .30s ease;}
#overlay-menu .menu-inside ul li:nth-child(6){transition-delay: .35s ease;}
#overlay-menu .menu-inside ul li:nth-child(7){transition-delay: .40s ease;}
#overlay-menu .menu-inside ul li:nth-child(8){transition-delay: .45s ease;}
#overlay-menu .menu-inside ul li a{color: #000;font-size: 24px;}
#overlay-menu .menu-inside ul li a:hover{color: #949292;padding-left: 7px;transition: 0.4s ease;}


#overlay-menu .menu-social li{display: block;opacity: 0;position: relative;left: -70%;transition: 1s ease;}
#overlay-menu .menu-social li:nth-child(1){transition-delay: .50s ease;}
#overlay-menu .menu-social li a{color: #000;font-size: 16px!important;font-weight: 500!important;}
#overlay-menu .menu-social li a:hover{color: #949292;}

#overlay-menu.open{height: 100vh;opacity: 1;transition: all 0.4s ease;}

#overlay-menu.open .language-inside ul, #overlay-menu.open .menu-inside ul li, #overlay-menu.open .menu-social li, #overlay-menu.open .language-inside .wpml-ls-legacy-list-horizontal ul{opacity: 1;position: relative;left: 0%;}
/*Overlay code ends*/

@media screen and (max-width:600px) and (min-width:200px){
    .big-image-inside-about{height: 80vw;}
}