/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');*/

/* noto-sans-100 - 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: 'Noto Sans';
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/noto-sans-v41-greek_latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-100italic - 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: 'Noto Sans';
  font-style: italic;
  font-weight: 100;
  src: url('./fonts/noto-sans-v41-greek_latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/noto-sans-v41-greek_latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-200italic - 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: 'Noto Sans';
  font-style: italic;
  font-weight: 200;
  src: url('./fonts/noto-sans-v41-greek_latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-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: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/noto-sans-v41-greek_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-300italic - 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: 'Noto Sans';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/noto-sans-v41-greek_latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-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: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/noto-sans-v41-greek_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-italic - 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: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/noto-sans-v41-greek_latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-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: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/noto-sans-v41-greek_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-500italic - 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: 'Noto Sans';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/noto-sans-v41-greek_latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-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: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/noto-sans-v41-greek_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-600italic - 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: 'Noto Sans';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/noto-sans-v41-greek_latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-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: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/noto-sans-v41-greek_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-700italic - 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: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/noto-sans-v41-greek_latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-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: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/noto-sans-v41-greek_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-800italic - 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: 'Noto Sans';
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/noto-sans-v41-greek_latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/noto-sans-v41-greek_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-900italic - 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: 'Noto Sans';
  font-style: italic;
  font-weight: 900;
  src: url('./fonts/noto-sans-v41-greek_latin-900italic.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;
    font-family: 'Noto Sans';
    background-color: var(--background-color);
}

:root{
    --white-color: #fff;
    --blue-color: #235199;
    --black-color: #000;
    --gray-color: #555;
    --background-color: #F0F7FD;
}


h1{font-size: calc(2.2rem + 1vw);font-weight: 600;}
h2{font-size: calc(1.6rem + 0.8vw);font-size: 600;}
h3{font-size: calc(1.3rem + .6vw);font-weight: 600;}
h4{font-size: calc(1.275rem + .3vw);font-weight: 600;}
h5{font-size: calc(1.25rem + .3vw);font-weight: 600;}
h6{font-size: 18px;line-height: 24px;font-weight: 700;}


.pagewrap{width: 100%;position: relative;padding: 0px 20px;}
.grid-4-elements{width: 100%;position: relative;display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;}
.grid-3-elements{width: 100%;position: relative;display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;}
.grid-3-mega-elements{width: 100%;position: relative;display: grid;grid-template-columns: repeat(3,1fr);gap: 50px;}
.grid-2-elements{width: 100%;position: relative;display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;}

.button{width: 150px;height: 45px;display: flex;justify-content: center;align-items: center;background-color: var(--blue-color);border-radius: 50px;color: var(--white-color);text-decoration: none;font-size: 14px;transition: 0.2s ease;}
.button:hover{opacity: 0.7;transition: 0.2s ease;}

.button-white-border{width: fit-content;height: 45px;display: flex;justify-content: center;align-items: center;padding: 0px 20px;border: 1px solid var(--white-color);border-radius: 50px;color: var(--white-color);text-decoration: none;font-size: 14px;transition: 0.2s ease;}
.button-white-border:hover{opacity: 0.7;transition: 0.2s ease;}

.button-big{width: fit-content;height: 45px;display: flex;justify-content: center;align-items: center;background-color: var(--blue-color);border-radius: 50px;color: var(--white-color);text-decoration: none;font-size: 14px;padding: 0px 20px;transition: 0.2s ease;}
.button-big:hover{opacity: 0.7;transition: 0.2s ease;}

main{position: relative;padding: 0px 20px;}

.content{width: 100%;display: flex;flex-direction: column;gap: 20px;}
.elementor-element .elementor-widget-container{width: 100%;display: flex;flex-direction: column;gap: 20px;}
.content ul, .content ol{width: 100%;display: flex;flex-direction: column;gap: 20px;padding-left: 20px;}
.content a{color: var(--black-color);}
.content a:hover{opacity: 0.7;}

.form-grid{padding: 0px 20px;}

/*Header code starts*/
header{width: 100%;position: relative;}
header .grid-3-elements{grid-template-columns: 0.2fr 1fr 0.2fr;}
.header-top{position: relative;margin: 0px 20px;padding: 15px;}
.header-bottom{position: relative;margin: 0px 20px;}
.header-top{background-color: var(--blue-color);border-bottom-left-radius: 24px;border-bottom-right-radius: 24px;}
.header-top p{font-size: 14px;color: var(--white-color);}
.header-top p a{color: var(--white-color);}
.header-top .social ul{display: flex;justify-content: end;gap: 20px;list-style: none;}
.header-bottom{margin-top: 20px;background-color: var(--white-color);border-radius: 24px;}
.header-bottom img{width: 200px;max-width: 100%;}
.header-bottom .header-bottom-center{width: 100%;height: 100%;}
.header-bottom .header-bottom-center .menu-main-menu-container{width: 100%;height: 100%;display: flex;justify-content: center;}
/*.header-bottom .header-bottom-center ul{display: flex;gap: 20px;list-style: none;justify-content: center;align-items: center;width: 100%;height: 100%;}*/
.header-bottom .header-bottom-center ul{position: relative;}
.header-bottom .header-bottom-center ul li{display: block;float: left;padding: 36px 20px;position: relative;}
.header-bottom .header-bottom-center ul li a{color: var(--black-color);text-decoration: none;font-weight: 500;transition: 0.2s ease;}
.header-bottom .header-bottom-center ul li a:hover{opacity: 0.7;transition: 0.2s ease;}
.header-bottom .header-bottom-right{margin: auto 0px auto auto;}
.header-bottom .header-bottom-right .menu-mobile-button{width: 30px;height: 30px;display: none;flex-direction: column;gap: 5px;justify-content: center;align-items: center;cursor: pointer;}
.header-bottom .header-bottom-right .menu-mobile-button span{width: 28px;height: 2px;background-color: var(--black-color);}

.header-bottom .header-bottom-left{padding: 15px 0px 15px 15px;}
.header-bottom .header-bottom-right{padding: 15px 15px 15px 0px;}

.header-bottom .header-bottom-center ul .has-sub .oxi::after{content: "";background-image: url(./icons/arrow-down.svg);width: 20px;display: block;height: 10px;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 45%;right: 0px;}
.header-bottom .header-bottom-center ul .has-sub ul .has-sub .oxi::after{content: "";background-image: url(./icons/arrow-down.svg);width: 20px;display: block;height: 10px;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 6px;right: 5px;transform: rotate(-90deg);}

.header-bottom .header-bottom-center ul .has-sub ul{width: 250px;height: auto;opacity: 0;visibility: hidden;position: absolute;top: 100%;z-index: 10;padding: 20px;display: flex;flex-direction: column;justify-content: start;align-items: start;gap: 10px;background-color: var(--white-color);border-top-left-radius: 12px;border-top-right-radius: 12px;border-top: 2px solid var(--blue-color);}
.header-bottom .header-bottom-center ul .has-sub ul li{padding: 0px;}
.header-bottom .header-bottom-center ul .has-sub:hover ul{opacity: 1;visibility: visible;}
.header-bottom .header-bottom-center ul .has-sub ul li{margin: 0px 55px 0px 0px;width: 110%;padding-right: 20px;}
.header-bottom .header-bottom-center ul .has-sub ul .has-sub ul{left: 100%;width: 250px;max-height: 400px;overflow: auto;opacity: 0;visibility: hidden;position: absolute;top: 0;z-index: 10;padding: 20px;margin-top: -10px;display: flex;flex-direction: column;justify-content: start;align-items: start;gap: 10px;background-color: var(--white-color);border-top-left-radius: 12px;border-top-right-radius: 12px;border-top: 2px solid var(--blue-color);}
.header-bottom .header-bottom-center ul .has-sub ul .has-sub:hover ul{opacity: 1;visibility: visible;}
.header-bottom .header-bottom-center ul .has-sub ul .has-sub ul li{margin: 0px 0px 0px 0px;width: 100%;padding-right: 0px;}


@media screen and (max-width:1074px) and (min-width:684px){
    .header-top .grid-2-elements{grid-template-columns: 1fr 0.1fr;}
}
@media screen and (max-width:683px) and (min-width:200px){
    .header-top{display: none;}
}

@media screen and (max-width:1300px) and (min-width:200px){
    .header-bottom .grid-3-elements{grid-template-columns: repeat(2,1fr);}
    .header-bottom .header-bottom-center{display: none;}
    .header-bottom .header-bottom-right .contact-element{display: none;}
    .header-bottom .header-bottom-right .menu-mobile-button{display: flex;}
}
/*Header code ends*/

/*Homepage swiper code starts*/
.homepage-swiper{width: 100%;position: relative;border-radius: 24px;overflow: hidden;margin-top: 20px;}
.homepage-swiper .swiper-slide{width: 100%!important;background-color: var(--blue-color);padding: 20px;}
.homepage-swiper .swiper-slide img{width: 100%;height: auto;object-fit: cover;aspect-ratio: 500/180;}
.homepage-swiper .swiper-button-next:after, .homepage-swiper .swiper-button-prev:after{font-size: 24px;color: var(--white-color);}

#page-section{max-width: 1400px;width: 100%;position: relative;margin: 100px auto 0px auto;}
.information-elements .information-element{width: 100%;position: relative;background-color: var(--blue-color);border-radius: 24px;padding: 30px;}
.information-elements .information-element .info-top{position: relative;padding-bottom: 20px;border-bottom: 1px solid var(--white-color);}
.information-elements .information-element .info-top h5{color: var(--white-color);}
.information-elements .information-element .info-bottom{padding: 20px 0px 0px 0px;display: flex;flex-direction: column;gap: 30px;}
.information-elements .information-element .info-bottom .element{display: flex;gap: 10px;}
.information-elements .information-element .info-bottom .element img{width: 30px;}
.information-elements .information-element .info-bottom .element a{color: var(--white-color);}
.information-elements .information-element .info-bottom p{color: var(--white-color);}

.bio-elements{width: 100%;position: relative;border-radius: 24px;overflow: hidden;background-color: var(--white-color);padding: 30px;}
.bio-elements .grid-2-elements{gap: 100px;}
.bio-elements .bio-element-left{width: 100%;position: relative;}
.bio-elements .bio-element-left img{width: 100%;height: auto;aspect-ratio: 500/470;object-fit: cover;border-radius: 24px;}
.bio-elements .bio-element-right .content{width: 90%;display: flex;flex-direction: column;gap: 20px;}
.bio-elements .bio-element-right .content ul{display: flex;flex-direction: column;gap: 10px;}

.bio-elements.reverse .bio-element-right{width: 100%;position: relative;}
.bio-elements.reverse .bio-element-right img{width: 100%;height: auto;aspect-ratio: 500/470;object-fit: cover;border-radius: 24px;}
.bio-elements.reverse .bio-element-left .content{width: 90%;display: flex;flex-direction: column;gap: 20px;}
.bio-elements.reverse .bio-element-left .content ul{display: flex;flex-direction: column;gap: 10px;}

.europe-elements{width: 100%;position: relative;border-radius: 24px;overflow: hidden;background-color: var(--white-color);padding: 30px;}
.europe-elements .grid-2-elements{gap: 100px;}
.europe-elements .europe-element-left{width: 100%;}
.europe-elements .europe-element-left img{width: 140px;}
.europe-elements .europe-element-right img{width: 100%;}

.kentro-elements{padding-bottom: 50px;}
.kentro-elements .grid-2-elements{gap: 100px;}
.kentro-elements .content{display: flex;flex-direction: column;gap: 30px;}
.kentro-elements .content ol li{position: relative;display: flex;flex-direction: column;gap: 5px;border-bottom: 1px solid rgba(28,28,80,0.1);padding: 30px 0px 30px 40px;}
.kentro-elements .content ol li:last-child{border-bottom: 0px;}
.kentro-elements .content ol li span{position: absolute;top: 50%;left: 0px;font-weight: 600;font-size: 20px;}
.kentro-elements .content ol li ::marker{position: absolute;}
.kentro-elements .button-big{margin-top: 30px;}
.kentro-elements img{width: 100%;height: auto;aspect-ratio: 500/400;object-fit: cover;border-radius: 24px;}
.kentro-elements .kentro-element-left{width: 90%;}
.kentro-elements .kentro-element-left .number{position: absolute;left: 0px;top: 50%;font-size: 20px;transform: translate(0%,-50%);font-weight: 500;color: var(--blue-color);}
.kentro-elements .kentro-element-left h1,
.kentro-elements .kentro-element-left h2,
.kentro-elements .kentro-element-left h3,
.kentro-elements .kentro-element-left h4,
.kentro-elements .kentro-element-left h5,
.kentro-elements .kentro-element-left h6{color: var(--blue-color);}
.kentro-elements .kentro-element-right{position: relative;margin: auto;}
.kentro-elements .kentro-element-right img:nth-child(2){aspect-ratio: 430/430;max-width: 430px;position: absolute;left: -15%;top: 50%;}

.services-elements{width: 100%;position: relative;margin: 100px 0px 0px 0px;}
.services-elements .service-element-inside{width: 100%;background-color: var(--blue-color);border-radius: 24px;overflow: hidden;padding: 70px 30px;}
.services-elements .service-element-inside .title{text-align: center;padding-bottom: 30px;}
.services-elements .service-element-inside .title h4{color: var(--white-color);}
.services-elements .service-element-inside .services-grid{padding: 30px;max-width: 1400px;margin: auto;background-color: var(--white-color);border-radius: 24px;}
.service{width: 100%;position: relative;padding: 10px;border-radius: 24px;}
.service .service-image img{width: 100%;height: auto;aspect-ratio: 400/230;object-fit: cover;border-radius: 24px;}
.service .service-title{text-align: left;}
.service .service-title h6{font-weight: 500;}

.news-elements .title{text-align: center;padding-bottom: 30px;}
.news{width: 100%;position:relative;display: flex;flex-direction: column;gap: 10px;}
.news-grid .grid-3-elements{row-gap: 50px;}
.news .news-image{width: 100%;height: auto;overflow: hidden;aspect-ratio: 400/250;border-radius: 24px;}
.news .news-image img{width: 100%;height: 100%;object-fit: cover;}
.news .news-title{display: flex;flex-direction: column;gap: 25px;}
.news .news-title h6{font-size: 18px;line-height: 24px;font-weight: 500;}

.davinci-section{width: 100%;position: relative;background-color: var(--blue-color);margin: 100px 0px 0px 0px;padding: 80px 20px;}
.davinci-section .grid-2-elements{gap: 100px;}
.davinci-section .subtitle{width: fit-content;padding: 5px 20px;text-transform: uppercase;background-color: var(--white-color);color: var(--blue-color);border-radius: 24px;font-weight: 500;}
.davinci-section h2{color: var(--white-color);padding-top: 20px;}
.davinci-section p{color: var(--white-color);}
.davinci-section .davinci-inside{max-width: 1400px;width: 100%;position: relative;margin: 0px auto;}
.davinci-section .davinci-top-elements{margin-bottom: 50px;}
.davinci-section .davinci-bottom-element-left img{width: 100%;height: auto;aspect-ratio: 586/650;object-fit: cover;max-width: 586px;}
.davinci-section .davinci-bottom-element-right .davinci-plus-wrapper{display: flex;flex-direction: column;gap: 20px;}
.davinci-section .davinci-bottom-element-right .davinci-plus-item{display: flex;gap: 20px;align-items: center;}
.davinci-section .davinci-bottom-element-right .davinci-plus-item .image{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;background-color: var(--white-color);border-radius: 50px;}
.davinci-section .davinci-bottom-element-right .davinci-plus-item .image img{width: 25px;}
.davinci-section .davinci-bottom-element-right .davinci-plus-item p{font-size: 18px;line-height: 24px;color: var(--white-color);font-weight: 500;}

.plagia-prostektomi-section{width: 100%;position: relative;padding: 80px 20px;background-color: var(--white-color);}
.plagia-prostektomi-section .grid-2-elements{gap: 100px;}
.plagia-prostektomi-section .plagia-prostektomi-inside{max-width: 1440px;margin: auto;}
.plagia-prostektomi-section .subtitle{width: fit-content;padding: 5px 20px;text-transform: uppercase;background-color: var(--blue-color);color: var(--background-color);border-radius: 24px;font-weight: 500;}
.plagia-prostektomi-left-top h2{margin-top: 20px;}
.plagia-prostektomi-left-bottom{margin-top: 20px;display: flex;flex-direction: column;gap: 20px;}
.plagia-prostektomi-left-bottom .video-element{display: flex;gap: 20px;align-items: center;padding-bottom: 20px;}
.plagia-prostektomi-left-bottom .video-element img{width: 70px;height: 70px;}
.plagia-prostektomi-left-bottom .video-element a{color: var(--blue-color);font-weight: 500;text-decoration: none;}
.plagia-prostektomi-left-bottom .video-element a:hover{opacity: 0.7;}
.plagia-prostektomi-right-bottom{margin-top: 40px;display: flex;flex-direction: column;gap: 20px;}

.counter-element{display: flex;gap: 20px;align-items: center;}
.counter-element p{font-size: 18px;font-weight: 500;}
.progress-container-01, .progress-container-02{position: relative;width: 150px;height: 150px;}
.progress-ring__background {fill: transparent;stroke: #e6e6e6;stroke-width: 4;}
.progress-ring__circle {fill: transparent;stroke: var(--blue-color);stroke-width: 4;stroke-linecap: round;stroke-dasharray: 440; /* 2 * π * r (περίμετρος κύκλου) */stroke-dashoffset: 440;transform: rotate(-90deg);transform-origin: 50% 50%;transition: stroke-dashoffset 0.3s linear;}
.progress-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 24px;font-weight: bold;color: var(--blue-color); width: 75%;height: 75%;background: var(--background-color);border-radius: 50%;display: flex;justify-content: center; align-items: center;}

.tomeis-exeidikeusis-inside{padding: 0px 20px;}
.tomeis-exeidikeusis-inside .subtitle{width: fit-content;padding: 5px 20px;text-transform: uppercase;background-color: var(--white-color);color: var(--blue-color);border-radius: 24px;font-weight: 500;}
.tomeis-exeidikeusis-inside .grid-2-elements{gap: 100px;}
.tomeis-exeidikeusis-inside .sticky-elements{position: sticky;top: 20px;display: flex;flex-direction: column;gap: 20px;}
.tomeis-exeidikeusis-wrapper{display: flex;flex-direction: column;gap: 20px;}
.tomeis-exeidikeusis-wrapper a{text-decoration: none;}
.tomeis-exeidikeusis-wrapper .tomeis-exeidikeusis-item{width: 100%;position: relative;background-color: var(--white-color);border-radius: 24px;padding: 30px;}
.tomeis-exeidikeusis-item .grid-2-element{width: 100%;position: relative;display: flex;gap: 30px;}
.tomeis-exeidikeusis-item .image-left{width: 100%;height: auto;aspect-ratio: 253/333;max-width: 253px;}
.tomeis-exeidikeusis-item .image{width: 100%;height: 100%;}
.tomeis-exeidikeusis-item .image img{width: 100%;height: 100%;object-fit: cover;border-radius: 12px;}
.tomeis-exeidikeusis-item .epemvaseis{padding-bottom: 10px;}
.tomeis-exeidikeusis-item .epemvaseis p{color: var(--black-color);display: flex;gap: 10px;align-items: center;}
.tomeis-exeidikeusis-item .epemvaseis span{width: 10px;height: 10px;background-color: var(--blue-color);border-radius: 10px;}
.tomeis-exeidikeusis-item p{color: var(--black-color);}

.vraveio-elements .subtitle{width: fit-content;padding: 5px 20px;text-transform: uppercase;background-color: var(--blue-color);color: var(--white-color);border-radius: 24px;font-weight: 500;margin-bottom: 30px;}
.vraveio-elements .vraveio-item{width: 100%;position: relative;background-color: var(--blue-color);border-radius: 24px;padding: 30px;}
.vraveio-elements .vraveio-item .vraveio-title{position: relative;padding-bottom: 20px;border-bottom: 1px solid var(--white-color);}
.vraveio-elements .vraveio-item .vraveio-title h5{color: var(--white-color);}
.vraveio-elements .vraveio-item .vraveio-content{color: var(--white-color);padding: 20px 0px 0px 0px;}

.reviews-title{width: 100%;position: relative;display: grid;grid-template-columns: repeat(2,1fr);padding-bottom: 50px;}
.reviews-title .subtitle{width: fit-content;padding: 5px 20px;text-transform: uppercase;background-color: var(--white-color);color: var(--blue-color);border-radius: 24px;font-weight: 500;}
.reviews-title .review-element-left{display: flex;flex-direction: column;gap: 20px;}
.reviews-title .review-element-left h3{color: var(--blue-color);}
.rpi-header .rpi-card-inner, .rpi-content .rpi-card-inner{background-color: var(--white-color)!important;}
.review-button{width: fit-content; margin: 20px auto;background: var(--white-color);border-radius: 24px;padding: 5px 10px;}

.allpages-title{text-align: center;margin-bottom: 100px;}
.allpages-title h2{font-weight: 600;}


@media screen and (max-width:1463px) and (min-width:767px){
    .homepage-swiper .swiper-slide img{aspect-ratio: 600/260;}
}
@media screen and (max-width:766px) and (min-width:200px){
    .homepage-swiper .swiper-slide img{aspect-ratio: 600/260;}
}

@media screen and (max-width:1055px) and (min-width:680px){
    .information-elements .grid-3-elements{grid-template-columns: repeat(2,1fr);}
    .information-elements{overflow: auto;padding-bottom: 20px;}
    .information-elements .information-element{max-width: 100%;}
    .information-elements .information-element:last-child{display: none;}
}
@media screen and (max-width:679px) and (min-width:200px){
    .information-elements .grid-3-elements{grid-template-columns: repeat(1,1fr);}
    .information-elements{overflow: auto;padding-bottom: 20px;}
    .information-elements .information-element{max-width: 100%;}
    .information-elements .information-element:last-child{display: none;}
}

@media screen and (max-width:1100px) and (min-width:915px){
    .bio-elements .grid-2-elements{gap: 50px;}
    .bio-elements .bio-element-right .content{width: 100%;}
}
@media screen and (max-width:914px) and (min-width:200px){
    .bio-elements .grid-2-elements{grid-template-columns: 1fr;gap: 50px;}
    .bio-elements .bio-element-right .content{width: 100%;}

    .bio-elements.reverse .bio-element-left{order: 1;}
    .bio-elements.reverse .bio-element-right{order: 0;}
    .bio-elements.reverse .bio-element-left .content{width: 100%;}
}

@media screen and (max-width:882px) and (min-width:200px){
    .europe-elements .grid-2-elements{grid-template-columns: 1fr;}
    .europe-element-right{display: none;}
    .europe-elements .europe-element-left img{width: 200px;max-width: 100%;}
}

@media screen and (max-width:1230px) and (min-width:1042px){
    .kentro-elements .kentro-element-right{margin: 0px;}
    .kentro-elements .kentro-element-right img:nth-child(2){top: 35%;}
}
@media screen and (max-width:1041px) and (min-width:875px){
    .kentro-elements .grid-2-elements{gap: 50px;}
    .kentro-elements .kentro-element-right img:nth-child(2){position: relative;top: 0px;left: 0px;aspect-ratio: 500/400;max-width: 500px;}
}
@media screen and (max-width:874px) and (min-width:200px){
    .kentro-elements .grid-2-elements{grid-template-columns: 1fr;}
    .kentro-elements .kentro-element-left{width: 100%;}
    .kentro-elements .kentro-element-right{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;}
    .kentro-elements .kentro-element-right img:nth-child(2){position: relative;top: 0px;left: 0px;aspect-ratio: 500/400;max-width: 100%;}
}
@media screen and (max-width:874px) and (min-width:200px){
    .kentro-elements .kentro-element-right{grid-template-columns: 1fr;}
    .kentro-elements .kentro-element-right img:nth-child(2){display: none;}
}

@media screen and (max-width:1215px) and (min-width:750px){
    .services-grid .grid-4-elements{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:749px) and (min-width:200px){
    .services-grid .grid-4-elements{grid-template-columns: repeat(2,1fr);}
    .services-elements .service-element-inside{padding: 70px 15px;}
    .services-elements .service-element-inside .services-grid{padding: 15px;}
}
@media screen and (max-width:651px) and (min-width:200px){
    .services-grid .grid-4-elements{grid-template-columns: 1fr;}
    .service{padding: 0px;}
}

@media screen and (max-width:1213px) and (min-width:750px){
    .news-grid .grid-3-elements{grid-template-columns: repeat(2,1fr);}
    .news-grid .grid-3-elements .news:last-child{display: none;}
}
@media screen and (max-width:749px) and (min-width:200px){
    .news-grid .grid-3-elements{grid-template-columns: repeat(1,1fr);gap: 50px;}
    .news-grid .grid-3-elements .news:last-child{display: flex;}
}

@media screen and (max-width:940px) and (min-width:200px){
    .davinci-top-elements .grid-2-elements{grid-template-columns: 1fr;gap: 20px;}
    .davinci-bottom-elements .grid-2-elements{grid-template-columns: 1fr;gap: 40px;}
    .davinci-bottom-elements .davinci-bottom-element-left{margin: auto;}
}

@media screen and (max-width:1122px) and (min-width:981px){
    .plagia-prostektomi-section .grid-2-elements{gap: 20px;}
}
@media screen and (max-width:980px) and (min-width:200px){
    .plagia-prostektomi-section .grid-2-elements{grid-template-columns: 1fr;gap: 50px;}
}

@media screen and (max-width:940px) and (min-width:200px){
    .tomeis-exeidikeusis-inside .grid-2-elements{grid-template-columns: 1fr;gap:50px;}
}

@media screen and (max-width:840px) and (min-width:541px){
    .vraveio-elements .grid-3-elements{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:540px) and (min-width:200px){
    .vraveio-elements .grid-3-elements{grid-template-columns: repeat(1,1fr);}
}

@media screen and (max-width:900px) and (min-width:200px){
    .reviews-title{grid-template-columns: 1fr;}
}
/*Homepage swiper code ends*/

/*Page inside code starts*/
.page-title{width: 100%;position: relative;background-color: var(--blue-color);border-radius: 24px;padding: 40px 15px;margin-top: 20px;}
.page-title h3{color: var(--white-color);max-width: 1440px;margin: auto;}
.page-services-content{max-width: 1400px;margin: 100px auto 0px auto;}
.page-services-content .grid-2-elements{grid-template-columns: 1fr 0.4fr;gap: 100px;}
.page-services-content .title-of-page h4{font-weight: 600;}
.page-services-content .single-image{width: 100%;position: relative;}
.page-services-content .single-image img{width: 100%;height: auto;aspect-ratio: 500/300;object-fit: cover;display: block;border-radius: 24px;}
.page-services-content .content{display: flex;flex-direction: column;gap: 20px;padding-top: 40px;}
.page-services-content .content ul, .page-services-content .content ol{gap: 10px;}
.page-services-content .content ul li ul, .page-services-content .content ol li ul, .page-services-content .content ol li ol{padding-top: 10px;}
.page-services-content .content img{width: 100%;height: auto;object-fit: cover;border-radius: 24px;}
.page-services-content .pigi-element{padding-top: 20px;}
.page-services-content .pigi-element a{color: var(--black-color);}
.page-services-content .pigi-element a:hover{opacity: 0.7;}
.faq-container{display: none;flex-direction: column;gap: 20px;margin-top: 40px;}
.faq-container:has(.faq){display: flex;}
.faq{width: 100%;position: relative;background-color: var(--white-color);padding: 15px;border-radius: 24px;cursor: pointer;}
.faq .question{display: flex;justify-content: space-between;gap: 20px;align-items: center;font-weight: 500;}
.faq .faq_answer{padding: 24px 0px 0px 0px;}
.faq .faq_answer_container{display: none;}
.faq.open .faq_answer_container{display: block;}
.faq .faq-button{width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;transition: 0.2s ease;}
.faq .faq-button span{width: 17px;height: 3px;background-color: var(--black-color);position: absolute;border-radius: 12px;transition: 0.2s ease;}
.faq .faq-button span:nth-child(2){transform: rotate(90deg);transition: 0.2s ease;}
.faq.open .faq-button span:nth-child(2){display: none;transition: 0.2s ease;}
.page-services-content .informations{display: flex;flex-direction: column;gap: 20px;margin: 40px 0px 0px 0px;}
.page-services-content .information-elements ul{padding-top: 20px;display: flex;flex-direction: column;gap: 5px;list-style: none;}
.page-services-content .information-elements ul li a{color: var(--black-color);transition: 0.2s ease;text-decoration: none;}
.page-services-content .information-elements ul li a:hover{opacity: 0.7;transition: 0.2s ease;}

.page-services-content .related-elements{width: 100%;height: auto;position: sticky;top: 20px;background-color: var(--white-color);border-radius: 24px;padding: 30px;}
.page-services-content .news{display: grid;grid-template-columns: 120px 1fr;padding: 15px 0px;border-bottom: 1px solid rgba(28,28,80,0.1);}
.page-services-content .news:last-child{border-bottom: 0px;}
.page-services-content .news .news-image{width: 120px;height: 80px;}
.page-services-content .news .news-title{margin: auto 0px;}
.page-services-content .news .news-title a{display: flex;color: var(--black-color);text-decoration: none;}
.page-services-content .news .news-title a:hover{opacity: 0.7;}

.related-elements .more-title{display: flex;gap: 20px;}
.related-elements .more-title img{width: 30px;}
.related-elements .grid-elements-more{margin-top: 20px;position: relative;}
.related-elements .grid-elements-more .more-elements{position: relative;padding: 10px 0px;border-bottom: 1px solid rgba(28,28,80,0.1);}
.related-elements .grid-elements-more .more-elements:last-child{border-bottom: 0px;}
.related-elements .grid-elements-more .more-elements .more-elements-title a{display: flex;gap: 20px;align-items: center;}
.related-elements .grid-elements-more .more-elements a{color: var(--black-color);text-decoration: none;}
.related-elements .grid-elements-more .more-elements a:hover{opacity: 0.7;}
.related-elements .grid-elements-more .more-elements span{position: absolute;display: flex;width: 10px;height: 10px;background-color: var(--blue-color);border-radius: 50px;}
.related-elements .grid-elements-more .more-elements p{padding-left: 30px;}

.appointment-section{margin-top: 60px;display: flex;flex-direction: column;gap: 20px;}
.appointment-section ul{list-style: none;display: flex;flex-direction: column;gap: 10px;}
.appointment-section ul li{display: flex;align-items: center;gap: 10px;}
.appointment-section ul li img{width: 24px;height: 24px;}
.appointment-section ul li p,
.appointment-section ul li a{color: var(--black-color);text-decoration: none;}
.appointment-section ul li a:hover{opacity: 0.7;}

@media screen and (max-width:1229px) and (min-width:851px){
    .page-services-content .grid-2-elements{gap: 20px;}
}
@media screen and (max-width:850px) and (min-width:600px){
    .page-services-content .grid-2-elements{grid-template-columns: 1fr;gap: 50px;}
    .page-services-content-right .title-more{text-align: center;padding-bottom: 30px;}
    .page-services-content-right .grid-elements{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;}
    .page-services-content .news{display: none;border-bottom: 0px;}
    .page-services-content .news .news-image{width: 100%;height: auto;}
    .page-services-content .news:nth-child(1){display: flex;}
    .page-services-content .news:nth-child(2){display: flex;}
}
@media screen and (max-width:599px) and (min-width:200px){
    .page-services-content .grid-2-elements{grid-template-columns: 1fr;gap: 50px;}
    .page-services-content-right .title-more{text-align: center;padding-bottom: 30px;}
    .page-services-content-right .grid-elements{display: grid;grid-template-columns: repeat(1,1fr);gap: 50px;}
    .page-services-content .news{display: none;border-bottom: 0px;}
    .page-services-content .news .news-image{width: 100%;height: auto;}
    .page-services-content .news:nth-child(1){display: flex;}
    .page-services-content .news:nth-child(2){display: flex;}
}
/*Page inside code ends*/

/*Group code starts*/
.group-elements{display: flex;flex-direction: column;gap: 30px;}
.group{width: 100%;position: relative;}
.group-grid .grid-4-elements{row-gap: 50px;}
.group .group-image{width: 100%;height: auto;aspect-ratio: 322/411;display: block;border-radius: 24px;overflow: hidden;}
.group .group-image img{width: 100%;height: 100%;object-fit: cover;}
.group .doctor-title{display: flex;gap: 5px;align-items: center;padding: 10px 0px;}
.group .doctor-title span{width: 8px;height: 8px;display: block;background-color: var(--blue-color);border-radius: 50px;}
.group .doctor-title p{font-size: 12px;line-height: 20px;text-transform: uppercase;}

@media screen and (max-width:1025px) and (min-width:810px){
    .group-grid .grid-4-elements{grid-template-columns: repeat(3,1fr);}
}
@media screen and (max-width:809px) and (min-width:576px){
    .group-grid .grid-4-elements{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:575px) and (min-width:200px){
    .group-grid .grid-4-elements{grid-template-columns: repeat(1,1fr);}
}
/*Group code ends*/

/*Iatreio code starts*/
.iatreio-hero .content{max-width: 550px;display: flex;flex-direction: column;gap: 20px;}
.iatreio-gallery{padding-top: 30px;}
.iatreio-gallery .tile{border-radius: 24px;}
/*Iatreio code ends*/

/*Vraveio code starts*/
.vraveio .vraveio-hero .grid-2-elements{gap: 100px;}
.vraveio .hero-image img{width: 100%;height: auto;aspect-ratio: 500/470;object-fit: cover;border-radius: 24px;}
.vraveio-grid-elements{width: 100%;position: relative;margin: 100px 0px 0px 0px;background-color: var(--blue-color);border-radius: 24px;padding: 100px 30px;}
.vraveio-grid{max-width: 1400px;width: 100%;position: relative;margin: 0px auto;}
.vraveio-grid .grid-3-elements{gap: 50px;row-gap: 100px;}
.vraveio .vraveio-image{width: 100%;height: auto;aspect-ratio: 322/451;display: block;border-radius: 24px;overflow: hidden;}
.vraveio .vraveio-image img{width: 100%;height: 100%;object-fit: cover;}
.vraveio .vraveio-title{display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 10px 0px;}
.vraveio .vraveio-title h5{order: 0;color: var(--white-color);}
.vraveio .vraveio-title span{order: 1;color: var(--white-color);}
.vraveio .vraveio-title-content{color: var(--white-color);}

@media screen and (max-width:950px) and (min-width:200px){
    .vraveio .vraveio-hero .grid-2-elements{grid-template-columns: 1fr;gap: 20px;}
}

@media screen and (max-width:1013px) and (min-width:700px){
    .vraveio-grid-elements{padding: 50px 30px;}
    .vraveio-grid .grid-3-elements{grid-template-columns: repeat(2,1fr);row-gap: 50px;}
}
@media screen and (max-width:699px) and (min-width:200px){
    .vraveio-grid-elements{padding: 30px 15px;}
    .vraveio-grid .grid-3-elements{grid-template-columns: repeat(1,1fr);row-gap: 40px;}
}
/*Vraveio code ends*/

/*Synedria code starts*/
.synedria .synedria-hero .grid-2-elements{gap: 100px;}
.synedria .hero-image img{width: 100%;height: auto;aspect-ratio: 500/470;object-fit: cover;border-radius: 24px;}

@media screen and (max-width:950px) and (min-width:200px){
    .synedria .synedria-hero .grid-2-elements{grid-template-columns: 1fr;gap: 20px;}
}
/*Synedria code ends*/

/*Video Technic code starts*/
.video-technikes .grid-3-elements{row-gap: 50px;}
.video-elements{width: 100%;position: relative;}
.video-elements .video-hero-wrapper{position: relative; cursor: pointer; max-width: 100%;aspect-ratio: 300/210;height: auto;display: block;}
.video-elements .video-hero-wrapper img{width: 100%;height: 100%;object-fit: cover;}
.video-elements .video-title{text-align: center;padding: 15px 0px;}
.video-elements .video-title p{font-weight: 600;}

@media screen and (max-width:1083px) and (min-width:680px){
    .video-technikes .grid-3-elements{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:679px) and (min-width:200px){
    .video-technikes .grid-3-elements{grid-template-columns: repeat(1,1fr);}
}
/*Video Technic code ends*/

/*Archive code starts*/
.condition-box{width: 100%;height: 600px;padding: 25px 25px 0px 25px;background-color: var(--white-color);border-radius: 24px;overflow: auto;}
.post-type-archive-symptom .condition-box{height: 700px;}
.condition-box h4{color: var(--blue-color);padding-bottom: 10px;}
.condition-box hr{color: #F0F7FD;}
.condition-grid{width: 100%;height: auto;overflow: auto;padding-top: 25px;}
.condition-grid .condition-item{padding-bottom: 10px;}
.condition-grid .condition-item a{color: var(--black-color);text-decoration: none;}
.condition-grid .condition-item a:hover{opacity: 0.7;}

@media screen and (max-width:1000px) and (min-width:711px){
    .archive-elements .grid-3-elements{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:710px) and (min-width:200px){
    .archive-elements .grid-3-elements{grid-template-columns: repeat(1,1fr);}
}
/*Archive code ends*/

/*Contact code starts*/
.element-title-contact{padding-bottom: 20px;}
.ff-el-input--content input{border-radius: 50px!important;background-color: var(--background-color)!important;border: 0px!important;}
.ff-el-input--content textarea{border-radius: 24px!important;background-color: var(--background-color)!important;border: 0px!important;}
.ff-default .ff_btn_style{width: 100%!important;border-radius: 50px!important;height: 50px!important;background-color: var(--blue-color)!important;}
.map-element{border-radius: 24px;overflow: hidden;}
/*Contact code ends*/

/*Footer code starts*/
footer{width: 100%;position: relative;padding: 100px 20px 0px 20px;margin-top: 100px;background-color: var(--white-color);}
.footer-top{padding-bottom: 100px;}
.footer-top .grid-2-elements{gap: 100px;}
.footer-top-left .logo img{width: 250px;}
.footer-top-left .content{padding-top: 20px;display: flex;flex-direction: column;gap: 20px;}
.footer-top-left .content p{font-size: 14px;font-weight: 600;}
.footer-top-left .content img{width: 120px;}
.footer-top-right .element{display: flex;flex-direction: column;gap: 20px;}
.footer-top-right .element ul{list-style: none;display: flex;flex-direction: column;gap:5px;}
.footer-top-right .element ul li, .footer-top-right .element ul li a{font-size: 14px;color: var(--black-color);}
.footer-top-right .element ul li a{text-decoration: none;transition: 0.2s ease;}
.footer-top-right .element ul li a:hover{opacity: 0.7;transition: 0.2s ease;}
.footer-bottom{border-top: 1px solid rgba(28,28,80,0.1);padding: 15px 0px;}
.footer-bottom p, .footer-bottom p a{font-size: 12px;color: var(--black-color);transition: 0.2s ease;}
.footer-bottom p a{text-decoration: none;transition: 0.2s ease;}
.footer-bottom p a:hover{opacity: 0.7;transition: 0.2s ease;}
.footer-bottom-right{text-align: right;}

@media screen and (max-width:1217px) and (min-width:961px){
    .footer-top .grid-2-elements{grid-template-columns: 0.4fr 1fr;gap: 50px;}
    .footer-top-right .grid-3-elements{gap: 50px;}
}
@media screen and (max-width:960px) and (min-width:731px){
    .footer-top .grid-2-elements{grid-template-columns: 1fr;gap: 50px;}
    .footer-top-right .grid-3-elements{gap: 20px;}
}
@media screen and (max-width:730px) and (min-width:495px){
    .footer-top .grid-2-elements{grid-template-columns: 1fr;gap: 50px;}
    .footer-top-right .grid-3-elements{grid-template-columns: repeat(2,1fr);gap: 50px;}
}
@media screen and (max-width:494px) and (min-width:200px){
    .footer-top{padding-bottom: 50px;}
    .footer-top .grid-2-elements{grid-template-columns: 1fr;gap: 50px;}
    .footer-top-right .grid-3-elements{grid-template-columns: repeat(1,1fr);gap: 50px;}
    .footer-bottom .grid-2-elements{grid-template-columns: 1fr;gap: 10px;}
    .footer-bottom-right{text-align: left;}
}
/*Footer code ends*/

/*Overlay code starts*/
#overlay{width: 0px;height: 100vh;position: fixed;top: 0px;right: 0px;background-color: rgba(0,0,0,0.4);z-index: 9;opacity: 0;visibility: hidden;transition: 0.5s ease;}
.overlay-inside{width: 100%;max-width: 400px;height: 100%;position: absolute;right: -400px;background-color: var(--white-color);padding: 20px 20px 20px 20px;overflow: auto;transition: 1s ease;}
.overlay-button{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;margin: 0px 0px 0px auto;cursor: pointer;}
.overlay-button span{width: 27px;height: 2px;background-color: var(--black-color);position: absolute;}
.overlay-button span:nth-child(1){transform: rotate(45deg);}
.overlay-button span:nth-child(2){transform: rotate(-45deg);}
.overlay-top{width: 100%;position: relative;padding: 20px 0px;}
.overlay-top ul{list-style: none;}
.overlay-top ul li{position: relative;border-bottom: 1px solid #F0F7FD;padding-bottom: 10px;margin-bottom: 10px;}
.overlay-top ul li a{font-size: 16px;line-height: 24px;color: var(--black-color);font-weight: 500;text-decoration: none;transition: 0.2s ease;}
.overlay-top ul li a:hover{opacity: 0.7;transition: 0.2s ease;}
.overlay-bottom h6{font-weight: 500;padding-bottom: 10px;}
.overlay-bottom ul{list-style: none;}
.overlay-bottom ul li{padding-bottom: 7px;}
.overlay-bottom ul li a{font-size: 16px;line-height: 24px;color: var(--black-color);text-decoration: none;}
.overlay-bottom ul li a:hover{opacity: 0.7;}
#overlay.open{width: 100%;opacity: 1;visibility: visible;transition: 0.5s ease;}
#overlay.open .overlay-inside{right: 0px;transition: 1s ease;}

.overlay-top ul .has-sub .button-overlay{width: 20px;height: 20px;position: absolute;top: 3px;right: 0px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.overlay-top ul .has-sub .button-overlay span{width: 14px;height: 2px;background-color: var(--black-color);position: absolute;}
.overlay-top ul .has-sub .button-overlay span:last-child{transform: rotate(90deg);}
.overlay-top ul .has-sub.open .button-overlay span:last-child{display: none;}

.overlay-top ul .has-sub ul{display: none;padding: 10px 0px 0px 10px;}
.overlay-top ul .has-sub ul li{border: none;}
.overlay-top ul .has-sub ul li .button-overlay{display: none;}
.overlay-top ul .has-sub ul .has-sub ul{display: none;}
.overlay-top ul .has-sub ul .has-sub .button-overlay{display: flex;}
.overlay-top ul .has-sub ul .has-sub .button-overlay span:last-child{display: flex;}

.overlay-top ul .has-sub.open ul{display: block;}
.overlay-top ul .has-sub ul .has-sub.open ul{display: block;}
.overlay-top ul .has-sub ul .has-sub.open .oxi{font-weight: 700;}
.overlay-top ul .has-sub ul .has-sub.open ul li a{font-size: 16px;line-height: 20px;color: rgba(0,0,0,0.5);margin-bottom: 0px;}
.overlay-top ul .has-sub ul .has-sub.open ul li .button-overlay{display: none;}
.overlay-top ul .has-sub ul .has-sub.open .button-overlay span:last-child{display: none;}
/*Overlay code ends*/

/*Error Page code starts*/
.error-page{text-align: center;display: flex;flex-direction: column;gap: 20px;}
.error-page .extra-big{font-size: 200px;color: var(--blue-color);}
.error-page .button-big{margin: auto;}

@media screen and (max-width:400px) and (min-width:200px){
    .error-page .extra-big{font-size: 150px;}
}
/*Error Page code ends*/

@media screen and (max-width:670px) and (min-width:200px){
    #page-section{margin: 60px auto 0px auto;}
    .kentro-elements .grid-2-elements{gap: 50px;}
    .services-elements{margin: 60px 0px 0px 0px;}
    .services-grid .grid-4-elements{gap: 30px;}
}

@media screen and (max-width:500px) and (min-width:200px){
    .bio-elements{padding: 30px 15px;}
}

@media screen and (max-width:600px) and (min-width:200px){
    #overlay.open .overlay-inside{width: 100%;max-width: 100%;}
    .allpages-title{margin-bottom: 50px;}
}