/* open-sans-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: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/open-sans-v40-greek_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/open-sans-v40-greek_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/open-sans-v40-greek_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/open-sans-v40-greek_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/open-sans-v40-greek_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-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: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/open-sans-v40-greek_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  

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

html,body{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
    font-family: 'Open Sans';
    background-color: #fff;
}
/*ALL PAGE CODE STARTS*/
h1{font-size: 40px;line-height: 48px;font-weight: 500;font-family: 'Open Sans';}
h2{font-size: 32px;line-height: 42px;font-weight: 500;font-family: 'Open Sans';}
h3{font-size: 28px;line-height: 38px;font-weight: 500;font-family: 'Open Sans';}
h4{font-size: 24px;line-height: 36px;font-weight: 500;font-family: 'Open Sans';}
h5{font-size: 20px;line-height: 28px;font-weight: 600;font-family: 'Open Sans';}
p,ul{font-size: 18px;line-height: 24px;font-weight: 500;font-family: 'Open Sans';}

ul{list-style: none;}
a{text-decoration: none;}

.button{position: relative;width: 120px;display: flex;justify-content: center;border: 1px solid #000;padding: 10px 12px;border-radius: 60px;font-size: 14px;color: #000;font-weight: 500;}

.pagewrap{
    position: relative;
    padding: 0px 20px;
}

.grid-2-elements{
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
}

.grid-3-elements{
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}

.grid-4-elements{
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;
}

.section-bottom{padding-top: 40px;}
/*ALL PAGE CODE ENDS*/

#menuholder{
    position:fixed;
    top: 0px;
    width: 100%;
    padding: 20px 0px;
    z-index: 10;
    background-color: #fff;
}

#menuholder .pagewrap{max-width: 1440px;margin: auto;position: relative;}
#menuholder .menu-elements{display: flex;gap: 10px;justify-content: end;margin: auto 0px;}
#menuholder ul{display: flex;gap: 20px;}
#menuholder .logo-element a p{font-size: 24px;color: #000;font-weight: 500;letter-spacing: 1px;}
#menuholder .logo-element a span{font-size: 12px;line-height: 22px;color: #000;font-weight: 500;}
#menuholder .logo-element a:hover{opacity: 0.7;}
#menuholder .menu-elements a{font-size: 16px;line-height: 26px;color: #000;font-weight: 500;}
#menuholder .menu-elements a:hover{opacity: 0.7;}
#menuholder .button-menu{position: relative;width: 30px;height: 30px;display: none;flex-direction: column;gap: 5px;justify-content: center;align-items: center;transition: 0.3s ease;cursor: pointer;}
#menuholder .button-menu span{width: 25px;height: 2px;background-color: #000;transition: 0.3s ease;}
#menuholder .button-menu.active{gap: 0px;transition: 0.3s ease;}
#menuholder .button-menu.active span{transform: rotate(45deg);position: absolute;transition: 0.3s ease;}
#menuholder .button-menu.active span:last-child{transform: rotate(-45deg);position: absolute;transition: 0.3s ease;}

/*Homepage code starts*/
.section{max-width: 1440px;position: relative;margin: 120px auto 0px auto;}

.hero-section{margin: 200px auto 0px auto;}
.hero-section h5{padding-bottom: 15px;}
.hero-section .flex-elements{display: flex;flex-direction: column;gap: 10px;}
.hero-section .flex-elements .buttons{margin-top: 30px;display: flex;gap: 20px;}
.hero-section .flex-elements .buttons .button:nth-child(2){background-color: #000;color: #fff;}

.big-image .image{width: 100%;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;padding: 25% 0%;}
.big-image .image img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0px;left: 0px;}

.bio-section .image{position: relative;width: 90%;padding: 50% 0%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.bio-section img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0px;left: 0px;}
.bio-section .element{margin: auto 0px;display: flex;flex-direction: column;gap: 20px;}
.bio-section .element p{max-width: 500px;}

#services .grid-element{border: 2px solid #dedede;padding: 20px;border-radius: 8px;}
#services .grid-element .grid-element-bottom{padding-top: 30px;}
#services .grid-element .grid-element-bottom ul{display: flex;flex-direction: column;gap: 10px;list-style: numeric;padding-left: 20px;}
#services .grid-element .grid-element-bottom ul li{font-size: 16px;line-height: 24px;}

@media screen and (max-width:900px) and (min-width:200px){
    #services .grid-2-elements{grid-template-columns: repeat(1,1fr);}
}

.faq-container{display: flex;flex-direction: column;gap: 20px;}
.faq{position: relative;border-bottom: 2px solid #000;padding-bottom: 20px;}
.faq ul{display: flex;flex-direction: column;gap: 5px;font-weight: 500;list-style: inside;}
.faq ul li ul{padding-left: 20px;}
.faq .faq_question .question{display: flex;flex-direction: row;justify-content: space-between;cursor: pointer;}
.faq .faq_question .question .image{position: relative;width: 30px;display: flex;justify-content: center;align-items: center;}
.faq .faq_question .question .image:after{content: "+";position: relative;font-size: 32px;transition: 0.2s ease;}
.faq.open .faq_question .question .image:after{content: "-";transition: 0.2s ease;}
.faq_answer_container{display: none;padding-top: 20px;}
.faq .faq_answer .element{padding-top: 30px;}
.faq .faq_answer .element:nth-child(1){padding-top: 0px;}

.iatreio-section span{font-size: 14px;}
.iatreio-section a{color: #000;}
.iatreio-section a:hover{opacity: 0.7;}
.swiper-button-next, .swiper-button-prev{width:40px!important;height: 40px!important;background-color: #fff!important;border-radius: 35px!important;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 20px!important;line-height: 20px!important;color: #000;}
.swiper-slide .image{position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;padding: 30% 0%;}
.swiper-slide .image img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0px;left: 0px;}

.sinergasia-section .section-bottom{display: flex;gap: 30px;}
.sinergasia-section .section-bottom a{height: 100%;display: flex;justify-content: center;position: relative;border: 2px solid #dedede;border-radius: 8px;width: 250px;max-width: 100%;padding: 20px;}
.sinergasia-section a:nth-child(1) img{width: 170px;height: 120px;object-fit: contain;}
.sinergasia-section img{width: 80px;height: 120px;object-fit: contain;}

@media screen and (max-width:490px) and (min-width:200px){
    .sinergasia-section .section-bottom{flex-direction: column;}
    .sinergasia-section .section-bottom a{width: 100%;}
}
/*Homepage code ends*/


#footer .section-contact{padding-top: 50px;}
#footer .section-contact .content{padding: 30px 0px 0px 0px;}
#footer .section-contact .content span{font-size: 12px;line-height: 20px;}
#footer .section-contact .content ul{display: flex;flex-direction: column;gap: 10px;}
#footer .section-contact .content ul a{color: #000;}
#footer .section-contact .content ul a:hover{opacity: 0.7;}
#footer .section-footer-bottom{border-top: 1px solid #000;margin-top: 100px;padding: 20px 0px;}
#footer .section-footer-bottom .grid-element:last-child{display: flex;justify-content: end;}
#footer .section-footer-bottom p, #footer .section-footer-bottom a{font-size: 14px;line-height: 22px;color: #000;}

#overlay{position: fixed;top: 72px;width: 100%;padding: 0px 20px;/*height: 35vh;*/height: 0vh;background-color: #fff;opacity: 0;visibility: hidden;transition: 0.4s ease;}
#overlay.open{height: 35vh;opacity: 1;visibility: visible;transition: 0.4s ease;}
#overlay .mobile-menu{width: 100%;height: 100%;}
#overlay .mobile-menu ul{width: 100%;height: 100%;}
#overlay .mobile-menu ul li{border-bottom: 2px solid #000;padding: 10px 0px;}
#overlay .mobile-menu ul li a{width: 100%;color: #000;display: flex;}
#overlay .mobile-menu ul li a:hover{opacity: 0.7;}

form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style){background-color: #000!important;}

/*MEDIA QUERIES STARTS*/
@media screen and (max-width:1120px) and (min-width:731px){
    #iatreio .grid-4-elements{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:730px) and (min-width:200px){
    #iatreio .grid-4-elements{grid-template-columns: repeat(1,1fr);gap: 15px;}
    #iatreio .element h4{font-size: 20px;line-height: 28px;}

    .swiper-slide .image{padding: 40% 0%;}
}

@media screen and (max-width:880px) and (min-width:200px){
    #menuholder .menu-elements ul{display: none;}
    #menuholder .menu-elements .button-menu{display: flex;}
}

@media screen and (max-width:800px) and (min-width:200px){
    .hero-section{margin: 150px 0px 0px 0px;}
    .hero-section h2{font-size: 24px;line-height: 32px;}
    .big-image .image{padding: 40% 0%;}
    .bio-section .image{width: 100%;}

    .sinergasia-section .grid-2-elements{grid-template-columns: repeat(1,1fr);}
}

@media screen and (max-width:730px) and (min-width:200px){
    #biography .grid-2-elements{grid-template-columns: repeat(1,1fr);}
    .bio-section .image{padding: 50% 0%;}
    .bio-section .element p{max-width: 100%;}

    .faq{padding-bottom: 10px;}
    .faq .faq_question .question h2{font-size: 24px;line-height: 32px;margin: auto 0px;}
    .faq .faq_answer{padding-bottom: 20px;}

    #footer .section-contact .grid-2-elements{grid-template-columns: repeat(1,1fr);}
}

@media screen and (max-width:600px) and (min-width:200px){
    #menuholder .grid-2-elements{grid-template-columns: 1fr 0.2fr;}
    .section{max-width: 1440px;position: relative;margin: 65px auto 0px auto;}
    .hero-section{margin: 150px 0px 0px 0px;}
    .hero-section h4{font-size: 18px;line-height: 26px;}
}
/*MEDIA QUERIES ENDS*/