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

:root{
    --black-color: #000000;
    --white-color: #ffffff;
    --midGrey-color: #858585;
    --lightGrey-color: #D8D8D8;
    --nude-color: #F6F4EF;
}

h1{font-size: clamp(2.125rem, calc(1.6rem + 5.2vw), 3.5rem);line-height: 1.2;font-weight: 300;}
h2{font-size: clamp(1.875rem, calc(1.4rem + 1.6vw), 2.5rem);line-height: 1.2;font-weight: 300;}
h3{font-size: 1.875rem;line-height: 1.2;font-weight: 300;}
h4{font-size: 1.5rem;line-height: 1.2;font-weight: 300;}
h5{font-size: 1.25rem;line-height: 1.2;font-weight: 500;}
h6{font-size: 1.125rem;line-height: 1.2;font-weight: 500;}
p, a, ul li{font-size: 1.25rem;line-height: 1.2;font-weight: 300;}

.text14px{font-size: 0.875rem;line-height: 1.2;}
.text16px{font-size: 1rem;line-height: 1.2;}

.section-inside{max-width: 100%;margin-left: auto;margin-right: auto;}
.pagewrap{width: 100%;position: relative;padding: 0px 20px;}

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

.marginTop100{position: relative;margin-top: 100px;}
.marginTop50{position: relative;margin-top: 50px;}
.marginTop25{position: relative;margin-top: 25px;}
.paddingTop80{position: relative;padding-top: 80px;}
.paddingTop50{position: relative;padding-top: 50px;}
.paddingTop25{position: relative;padding-top: 25px;}

.marginBottom100{position: relative;padding-bottom: 100px;}
.paddingBottom80{position: relative;padding-bottom: 80px;}
.paddingBottom50{position: relative;padding-bottom: 50px;}
.paddingBottom25{position: relative;padding-bottom: 25px;}

.content{width: 100%;position: relative;display: flex;flex-direction: column;gap: 20px;}
.content ul, .content ol{padding-left: 20px;}

.section-title{width: 100%;position: relative;border-top: 1px solid var(--lightGrey-color);padding: 10px 0px 0px 0px;}
.section-title p{font-size: 1rem;}

.colorBlack{background-color: var(--black-color);color: var(--white-color);}
.colorBlack .section-title p{color: var(--white-color);}
.colorTextBlack{color: var(--black-color)!important;}

.colorNude{background-color: var(--nude-color);color: var(--black-color);}

.black-border-button{width: 225px;max-width: 100%;height: 52px;display: flex;justify-content: center;align-items: center;border: 1px solid var(--black-color);font-size: 0.875rem;line-height: 1.1;font-weight: 400;border-radius: 50px;color: var(--black-color);text-decoration: none;transition: 0.2s ease;}
.black-border-button:hover{opacity: 0.7;transition: 0.2s ease;}
.white-border-button{width: 225px;max-width: 100%;height: 52px;display: flex;justify-content: center;align-items: center;border: 1px solid var(--white-color);font-size: 0.875rem;line-height: 1.1;font-weight: 400;border-radius: 50px;color: var(--white-color);text-decoration: none;transition: 0.2s ease;}
.white-border-button:hover{opacity: 0.7;transition: 0.2s ease;}
.white-border-button-404{width: fit-content;max-width: 100%;height: 52px;display: flex;justify-content: center;align-items: center;padding: 0px 30px;border: 1px solid var(--white-color);font-size: 0.875rem;line-height: 1.1;font-weight: 400;border-radius: 50px;color: var(--white-color);text-decoration: none;transition: 0.2s ease;}
.white-border-button-404:hover{opacity: 0.7;transition: 0.2s ease;}

.maxWidth550px{max-width: 550px;}
.maxWidth565px{max-width: 565px;}
.maxWidth420px{max-width: 420px;}
.maxWidth1240px{max-width: 1240px;margin-left: auto;margin-right: auto;}
.maxWidth1440px{max-width: 1440px;margin-left: auto;margin-right: auto;}

.maxImageWidth690{width: 100%;max-width: 690px;height: auto;aspect-ratio: 690/501;display: block;margin-left: auto;}
.maxImageWidth620{width: 100%;max-width: 690px;height: auto;aspect-ratio: 620/416;display: block;}

img{width: 100%;height: 100%;object-fit: cover;}

/* Header and Overlay code starts */
header{width: 100%;position: absolute;top: 0px;left: 0px;z-index: 100;}
header .header-inside{padding: 20px 0px;}
header .header-inside .pagewrap{display: grid;grid-template-columns: 0.5fr 1fr;gap: 40px;}
header .header-inside .header-left{display: flex;justify-content: start;}
header .header-inside .header-left a{display: block;}
header .header-inside .header-left a img{max-width: 531px;width: 100%;object-fit: contain;}

header .header-inside .header-right{display: flex;justify-content: end;position: relative;}
header .header-inside .header-right p a{color: var(--white-color);text-decoration: none;transition: 0.2s ease;}
header .header-inside .header-right p a:hover{opacity: 0.7;transition: 0.2s ease;}
header .header-inside .header-right .header-menu{position: relative;}
header .header-inside .header-right .header-menu .header-menu-visible{width: fit-content;height: fit-content;background-color: var(--white-color);display: flex;gap: 0px;}
header .header-inside .header-right .header-menu .element{padding: 30px 20px;display: flex;gap: 10px;justify-content: center;align-items: center;}
header .header-inside .header-right .header-menu .element.menu{background-color: var(--black-color);cursor: pointer;}
header .header-inside .header-right .header-menu .element .icon{width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;}
header .header-inside .header-right .header-menu .element .icon img{width: 100%;height: 100%;}
header .header-inside .header-right .header-menu .element.menu .icon{flex-direction: column;gap: 5px;transition: 0.2s ease;cursor: pointer;}
header .header-inside .header-right .header-menu .element.menu .icon span{width: 24px;height: 2px;background-color: var(--white-color);transition: 0.2s ease;}
header .header-inside .header-right .header-menu .element .text p,
header .header-inside .header-right .header-menu .element .text a{font-size: 0.875rem;}
header .header-inside .header-right .header-menu .element .text a{color: var(--black-color);text-decoration: none;transition: 0.2s ease;}
header .header-inside .header-right .header-menu .element .text a:hover{opacity: 0.7;transition: 0.2s ease;}
header .header-inside .header-right .header-menu .element.menu .text{color: var(--white-color);}

header #overlay{width: 100%;position: absolute;right: 0px;top: 80px;background-color: var(--black-color);opacity: 0;visibility: hidden;transition: 0.2s ease;}
header #overlay .overlay-inside{display: grid;grid-template-columns: 0.5fr 1fr;}
header #overlay .overlay-inside-left, header #overlay .overlay-inside-right{padding: 20px;}
header #overlay .overlay-inside-left{border-right: 1px solid var(--white-color);display: flex;flex-direction: column;justify-content: space-between;gap: 40px;}
header #overlay .overlay-inside-left ul li{padding-bottom: 10px;}
header #overlay .overlay-inside-left ul li a{color: var(--white-color);text-decoration: none;}
header #overlay .overlay-inside-left ul li a:hover{opacity: 0.7;transition: 0.2s ease;}
header #overlay .overlay-inside-left .social ul{display: flex;gap: 20px;}
header #overlay .overlay-inside-left .social ul li a{position: relative;width: 32px;height: 32px;transition: 0.2s ease;}
header #overlay .overlay-inside-left .social ul li a img{width: 100%;object-fit: contain;transition: 0.2s ease;}
header #overlay .overlay-inside-left .social ul li a:hover img{transform: scale(1.1);transition: 0.2s ease;}

header .services-elements{padding-top: 20px;}
header .services-elements .element-column .element{flex-direction: column;padding: 0px!important;}
header .services-elements .element-column .element p{font-size: 1rem;color: var(--white-color);}
header .services-elements .element-column .element ul{padding-left: 0px;list-style: none;transition: 0.2s ease;}
header .services-elements .element-column .element ul li a{font-size: 1rem;color: var(--midGrey-color);text-decoration: none;transition: 0.2s ease;}
header .services-elements .element-column .element ul li a:hover{color: var(--white-color);transition: 0.2s ease;}

header #overlay .overlay-inside-right p{color: var(--white-color);}

header.open .header-inside .header-right .header-menu .element.menu .icon span:nth-child(1){transform: rotate(45deg) translateX(2px) translateY(2px);transition: 0.2s ease;}
header.open .header-inside .header-right .header-menu .element.menu .icon span:nth-child(2){display: none;transition: 0.2s ease;}
header.open .header-inside .header-right .header-menu .element.menu .icon span:nth-child(3){transform: rotate(-45deg) translateX(3px) translateY(-3px);transition: 0.2s ease;}
header.open #overlay.open{opacity: 1;visibility: visible;transition: 0.2s ease;}
/* Header and Overlay code ends */


/* Main code starts */
.hero-section{width: 100%;height: 100dvh;position: relative;overflow: hidden;}
.hero-section .image{width: 100%;height: 100%;}
.hero-section .image img{width: 100%;height: 100%;object-fit: cover;}
.hero-section .absolute-title{position: absolute;bottom: 0px;left: 0px;background-color: var(--white-color);padding: 20px;max-width: 830px;width: fit-content}
.hero-section .absolute-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 20px;}
.hero-section .absolute-center p.extra-big-text{font-size: clamp(10rem, calc(1.6rem + 21vw), 20rem);color: var(--white-color);}

.hero-section .video-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.hero-section .video-container iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw; /* 100 * 9 / 16 (αναλογία 16:9) */
    min-height: 100vh;
    min-width: 177.77vh; /* 100 * 16 / 9 */
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* Όταν η οθόνη είναι πιο στενή από 16:9 (π.χ. κινητά, tablet ή κάθετα παράθυρα) */
@media (max-aspect-ratio: 16/9) {
    .hero-section .video-container iframe {
        width: 177.78vh;
        height: 100vh;
    }
}

/* Όταν η οθόνη είναι πιο πλατιά από 16:9 (π.χ. ultra-wide οθόνες) */
@media (min-aspect-ratio: 16/9) {
    .hero-section .video-container iframe {
        width: 100vw;
        height: 56.25vw;
    }
}

.breadcrumb{padding-top: 25px;}
.breadcrumb a{font-size: 1rem;color: var(--midGrey-color);text-decoration: none;}
.breadcrumb span{font-size: 1rem;color: var(--black-color);font-weight: 400;}
.breadcrumb a span{color: var(--midGrey-color);transition: 0.2s ease;}
.breadcrumb a:hover span{color: var(--black-color)!important;transition: 0.2s ease;}

.about-section .about-section-top .content{color: var(--midGrey-color);}
.about-section .about-section-top .content span, .about-section .about-section-top .content p span{color: var(--black-color);}
.about-section .about-section-bottom .buttons{display: flex;gap: 20px;}
.about-section .about-section-bottom .informations{display: flex;flex-direction: column;gap: 20px;padding-bottom: 50px;}
.about-section .about-section-bottom .informations p ul, .about-section .about-section-bottom .informations ul{list-style: none;}
.about-section .about-section-bottom .informations p ul li, .about-section .about-section-bottom .informations ul li{font-size: 0.875rem;}

.team-section .team-cards .person-card{width: 100%;padding: 20px;position: relative;border: 1px solid var(--lightGrey-color);display: flex;flex-direction: column;gap: 20px;}
.team-section .team-cards .person-card .person-card-image .image{width: 100%;height: auto;aspect-ratio: 640/427;display: block;}
.team-section .team-cards .person-card .person-card-image .image img{width: 100%;height: 100%;object-fit: cover;}
.team-section .team-cards .person-card .person-card-content p{font-size: 0.875rem;}
.team-section .team-cards .person-card .person-card-socials ul{display: flex;gap: 20px;list-style: none;}
.team-section .team-cards .person-card .person-card-socials ul li a{width: 32px;height: 32px;}
.team-section .team-cards .person-card .person-card-socials ul li a img{width: 100%;height: 100%;object-fit: contain;transition: 0.2s ease;}
.team-section .team-cards .person-card .person-card-socials ul li a img:hover{transform: scale(1.1);transition: 0.2s ease;}

.team-section .maxImageWidth620{margin-right: auto;}
.team-section .grid-team{width: 100%;position: relative;display: grid;grid-template-columns: repeat(2,1fr);border: 1px solid var(--lightGrey-color);}
.team-section .grid-team .grid-team-card{width: 100%;position: relative;padding: 40px;border-right: 1px solid var(--lightGrey-color);}
.team-section .grid-team .grid-team-card .content{padding-top: 25px;max-width: 375px;}
.team-section .grid-team .grid-team-card .content p{font-size: 0.875rem;}

.philosophy-section .philosophy-section-content .section-element{padding-bottom: 20px;max-width: 700px;}
.philosophy-section .philosophy-section-content .philosophy-elements ul{list-style: none;}
.philosophy-section .philosophy-section-content .philosophy-elements ul li{border-top: 1px solid var(--lightGrey-color);padding: 20px 0px;}
.philosophy-section .philosophy-section-content .philosophy-elements ul li:last-child{border-bottom: 1px solid var(--lightGrey-color);}

.philosophy-section .mySwiper .swiper-wrapper{-webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important;transition-timing-function:linear!important;}
.philosophy-section .mySwiper .swiper-slide{max-width: 342px;}
.philosophy-section .mySwiper .swiper-slide img{width: 100%;max-width: 100%;height: auto;aspect-ratio: 342/512;object-fit: cover;display: block;}


.appointment-section{width: 100%;position: relative;padding: 25px 0px 100px 0px;}
.appointment-section .appointment-center{padding-top: 25px;color: var(--white-color);}
.appointment-section .appointment-bottom{padding-top: 80px;}
.appointment-section .appointment-bottom .content{color: var(--white-color);}
.appointment-section .appointment-bottom .buttons{display: flex;gap: 20px;margin-top: 25px;}
.appointment-section .appointment-box{display: grid;grid-template-columns: repeat(2,1fr);}
.appointment-section .appointment-box .box-element{position: relative;display: flex;flex-direction: column;justify-content: space-between;gap: 50px;padding: 20px;border-top: 1px solid var(--white-color);border-left: 1px solid var(--white-color);border-right: 1px solid var(--white-color);}
.appointment-section .appointment-box .box-element:nth-child(3),
.appointment-section .appointment-box .box-element:nth-child(4){border-bottom: 1px solid var(--white-color);}
.appointment-section .appointment-box .box-element .icon{width: 32px;height: 32px;}
.appointment-section .appointment-box .box-element p,
.appointment-section .appointment-box .box-element p a{color: var(--white-color);text-decoration: none;transition: 0.2s ease;}
.appointment-section .appointment-box .box-element p a:hover{opacity: 0.7;transition: 0.2s ease;}
.appointment-section .appointment-box .box-element .content ul{padding-left: 0px;}
.appointment-section .appointment-box .box-element ul{list-style: none;}

.space-section .section-2-elements{margin-top: 25px;}
.space-section .section-element-left{padding-top: 50px;}
.space-section .section-element-left .button{margin-top: 30px;}
.space-section .section-element-left .content{max-width: 500px;width: 100%;}
.space-section .section-element-right{display: flex;justify-content: end;}
.space-section .section-element-right .image{width: 100%;max-width: 688px;height: auto;aspect-ratio: 688/702;display: block;}
.space-section .section-element-right .image img{width: 100%;height: 100%;object-fit: cover;}

.services-section{position: relative;}
.services-section .section-title{border-color: var(--lightGrey-color);}
.services-section .service-center .section-element-right .content{max-width: 666px;width: 100%;}
.services-section .service-bottom .service-element{width: 100%;position: relative;display: grid;grid-template-columns: 0.5fr 1fr;justify-content: center;align-items: center;gap: 40px;padding: 40px 0px;border-top: 1px solid var(--lightGrey-color);border-bottom: 1px solid var(--lightGrey-color);}
.services-section .service-bottom .service-element .service-element-left{position: relative;z-index: 1;}
.services-section .service-bottom .service-element .service-element-left a{position: relative;display: flex;justify-content: start;align-items: center;gap: 40px;color: var(--midGrey-color);text-decoration: none;}
.services-section .service-bottom .service-element .service-element-left a:hover{color: var(--black-color);}
.services-section .service-bottom .service-element .service-element-left .background-image{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;pointer-events: none;z-index: -1;transition: opacity 0.3s ease;}
.services-section .service-bottom .service-element .service-element-left .background-image img{width: 100%;max-width: 171px;height: auto;aspect-ratio: 171/256;display: block;}
.services-section .service-bottom .service-element .service-element-right{display: flex;gap: 40px;justify-content: end;align-items: center;}
.services-section .service-bottom .service-element .service-element-right .buttons{display: flex;gap: 10px;}
.services-section .service-bottom .service-element .service-element-right .buttons a{width: fit-content;max-width: 100%;padding: 15px 35px;border: 1px solid var(--lightGrey-color);border-radius: 50px;font-size: 0.875rem;color: var(--midGrey-color);text-decoration: none;}
.services-section .service-bottom .service-element .service-element-right .buttons a:hover{border-color: var(--black-color);color: var(--black-color);}

.video-section{width: 100%;height: auto;position: relative;}
.video-section .video-section-element{width: 100%;height: auto;position: relative;}
.video-section .video-section-element img, .video-section .video-section-element video{width: 100%;height: 100%;object-fit: cover;}
.video-section .video-element{position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;background: var(--black-color);}
.video-section .video-element iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}
.video-section .video-section-logo{width: 100%;position: relative;padding-top: 25px;}
.video-section .video-section-logo img{width: 100%;height: auto;object-fit: cover;}

.blog-section .blog-section-elements{width: 100%;display: flex;gap: 10px;}
.blog-section .blog-section-elements .blog-article:nth-child(1){width: 50%;}
.blog-section .blog-section-elements .blog-article:nth-child(2){width: 25%;}
.blog-section .blog-section-elements .blog-article:nth-child(3){width: 25%;}
.blog-section .blog-section-elements .blog-article .blog-article-image img{width: 100%;height: 100%;object-fit: cover;}
.blog-section .blog-section-elements .blog-article .blog-article-category{padding: 10px 0px;}
.blog-section .blog-section-elements .blog-article .blog-article-category a{width: fit-content;height: 32px;padding: 0px 20px;display: flex;justify-content: center;align-items: center;background-color: var(--nude-color);color: var(--black-color);font-size: 0.875rem;text-decoration: none;border-radius: 50px;}
.blog-section .blog-section-elements .blog-article .blog-article-content{display: flex;flex-direction: column;gap: 20px;}
.blog-section .blog-section-elements .blog-article .blog-article-content a{color: var(--black-color);text-decoration: none;}
.blog-section .blog-section-elements .blog-article .blog-article-content a:hover{opacity: 0.7;transition: 0.2s ease;}
.blog-section .blog-section-elements .blog-article .blog-article-content p{font-size: 1rem;}
.blog-section .blog-section-button{display: flex;justify-content: end;margin-top: 25px;}

.tabs-buttons{width: 100%;position: relative;display: flex;gap: 10px;flex-wrap: wrap;}
.tabs-buttons .tab-button{width: fit-content;height: 32px;padding: 0px 20px;display: flex;justify-content: center;align-items: center;border: none;background-color: var(--nude-color);color: var(--black-color);font-size: 0.875rem;text-decoration: none;border-radius: 50px;cursor: pointer;}
.tabs-buttons .tab-button.active{background-color: var(--black-color);color: var(--nude-color);}
.tabcontent{display: none;}

.blog-article{display: block;}
.blog-article .blog-article-image{width: 100%;height: auto;aspect-ratio: 342/228;display: block;overflow: hidden;transition: 0.2s ease;}
.blog-article .blog-article-image a{display: block;width: 100%;height: 100%;transition: 0.2s ease;}
.blog-article .blog-article-image a img{transition: 0.2s ease;}
.blog-article .blog-article-image a:hover img{transform: scale(1.1);transition: 0.2s ease;}
.blog-article .blog-article-category{padding: 10px 0px;}
.blog-article .blog-article-category a{width: fit-content;height: 32px;padding: 0px 20px;display: flex;justify-content: center;align-items: center;background-color: var(--nude-color);color: var(--black-color);font-size: 0.875rem;text-decoration: none;border-radius: 50px;}
.blog-article .blog-article-content{display: flex;flex-direction: column;gap: 20px;}
.blog-article .blog-article-content a{color: var(--black-color);text-decoration: none;}
.blog-article .blog-article-content a:hover{opacity: 0.7;transition: 0.2s ease;}
.blog-article .blog-article-content p{font-size: 1rem;}

.single-article-section{max-width: 1440px;margin-left: auto;margin-right: auto;}
.single-article-section .pagewrap{display: grid;grid-template-columns: 0.4fr 1fr;gap: 40px;}
.author{width: 100%;position: relative;}
.author .author-card{width: fit-content;border: 1px solid var(--lightGrey-color);padding: 20px;display: flex;flex-direction: column;gap: 10px;}
.author .author-card .author-image{max-width: 280px;aspect-ratio: 280/241;display: block;}
.single-article-right p{display: flex;flex-wrap: wrap;gap: 10px;}
.single-article-right p img{width: 49%;}

.section-contact{position: relative;}
.section-contact .element{padding-bottom: 40px;display: flex;flex-direction: column;gap: 20px;}
.section-contact .element ul{list-style: none;}
.section-contact .element.social ul{display: flex;gap: 20px;}
.section-contact .element ul li{padding-bottom: 7px;font-size: 1.125rem;}
.section-contact .element ul li a{font-size: 1.125rem;color: var(--black-color);text-decoration: none;}
.section-contact .element ul li a:hover{opacity: 0.7;transition: 0.2s ease;}
.section-contact .element.social ul li a{display: flex;}
.section-contact .element.social ul li a img{width: 32px;height: 32px;object-fit: contain;}
.section-contact .element.social ul li a img:hover{scale: 1.1;transition: 0.2s ease;}
.section-contact .ff-default .ff-el-input--label label{font-size: 1.125rem!important;font-weight: 300!important;}
.section-contact .ff-default .ff-el-form-control{font-size: 1.125rem!important;color: var(--black-color)!important;border-radius: none!important;border-color: var(--black-color)!important;}
.section-contact .ff-el-form-control::placeholder{color: var(--black-color)!important;opacity: 1;}
.section-contact .ff-default .ff_btn_style{width: 225px!important;max-width: 100%!important;height: 52px!important;display: flex!important;justify-content: center!important;align-items: center!important;border: 1px solid var(--black-color)!important;font-size: 0.875rem!important;line-height: 1.1!important;font-weight: 400!important;border-radius: 50px!important;background-color: var(--white-color)!important;color: var(--black-color)!important;text-decoration: none!important;transition: 0.2s ease!important;}
.section-contact .ff-default .ff_btn_style:hover{opacity: 0.7!important;transition: 0.2s ease!important;}

.offers-section,
.works-section{width: 100%;position: relative;border-top: 1px solid var(--lightGrey-color);padding-top: 10px;}
.offers-section .element-title p,
.works-section .element-title p{font-size: 1rem;}
.offers-section .content ul{list-style: none;padding-left: 0px;}
.offers-section .content ul li{padding: 20px 0px;border-top: 1px solid var(--lightGrey-color);}
.offers-section .content ul li:nth-child(1){border-top: 0px;}

.category-section .section-3-elements{border: 1px solid var(--lightGrey-color);}
.category-section .section-3-elements .service-item{border-right: 1px solid var(--lightGrey-color);padding: 50px;}
.category-section .section-3-elements .service-item:nth-child(3n){border-right: 0px;}
.category-section .section-3-elements .service-item .service-image{overflow: hidden;transition: 0.4s ease;}
.category-section .section-3-elements .service-item .service-image img{max-width: 366px;aspect-ratio: 366/566;display: block;transition: 0.4s ease;}
.category-section .section-3-elements .service-item .service-image img:hover{transform: scale(1.1);transition: 0.4s ease;}
.category-section .section-3-elements .service-item .service-content{display: flex;flex-direction: column;gap: 10px;padding-top: 10px;}

#single-service .gallery-section{display: none;}
#single-service .gallery-section:has(img){display: block;}
/* Main code ends */


/* Footer code starts */
.footer-center{position: relative;}
.footer-center-bottom{margin-top: 40px;}
.footer-center-bottom .section-element-left .content{max-width: 454px;}
.footer-center-bottom .section-element-left .content p{font-size: 1rem;}
.footer-center-bottom .section-element-left .button{margin: 25px 0px;}
.footer-center-bottom .section-element-left .socials ul{list-style: none;display: flex;gap: 20px;}
.footer-center-bottom .section-element-left .socials ul li a{width: 32px;height: 32px;display: flex;}
.footer-center-bottom .section-element-left .socials ul li a img{width: 100%;object-fit: contain;transition: 0.2s ease;}
.footer-center-bottom .section-element-left .socials ul li a img:hover{transform: scale(1.1);transition: 0.2s ease;}
.footer-center-bottom .section-element-right{display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;}
.footer-center-bottom .element-column .element{display: flex;flex-direction: column;gap: 10px;margin-bottom: 40px;}
.footer-center-bottom .element-column .element:last-child{margin-bottom: 0px;}
.footer-center-bottom .element-column .element .element-title p{font-size: 1rem;}
.footer-center-bottom .element-column .element .element-bottom ul{list-style: none;}
.footer-center-bottom .element-column .element .element-bottom ul li{padding-bottom: 10px;}
.footer-center-bottom .element-column .element .element-bottom ul li, .footer-center-bottom .element-column .element .element-bottom ul li a{font-size: 1rem;color: var(--black-color);text-decoration: none;transition: 0.2s ease;}
.footer-center-bottom .element-column .element .element-bottom ul li a:hover{opacity: 0.7;transition: 0.2s ease;}

.footer-bottom{position: relative;}
.footer-bottom .footer-bottom-element{margin-top: 40px;}
.footer-bottom .footer-bottom-element .element-column .element{display: flex;flex-direction: column;gap: 10px;}
.footer-bottom .footer-bottom-element .element-column .element .element-title p{font-size: 1rem;}
.footer-bottom .footer-bottom-element .element-column .element .element-bottom ul{list-style: none;}
.footer-bottom .footer-bottom-element .element-column .element .element-bottom ul li{padding-bottom: 10px;}
.footer-bottom .footer-bottom-element .element-column .element .element-bottom ul li a{font-size: 1rem;color: var(--midGrey-color);text-decoration: none;transition: 0.2s ease;}
.footer-bottom .footer-bottom-element .element-column .element .element-bottom ul li a:hover{color: var(--black-color);transition: 0.2s ease;}

.footer-bottom-bottom{position: relative;padding-bottom: 20px;}
.footer-bottom-bottom .pagewrap{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;}
.footer-bottom-bottom .footer-bottom-bottom-left{display: flex;flex-direction: column;gap: 30px;}
.footer-bottom-bottom .footer-bottom-bottom-left img{max-width: 350px;width: 100%;}
.footer-bottom-bottom p, .footer-bottom-bottom p a{color: var(--black-color);text-decoration: none;font-size: 1rem;}
.footer-bottom-bottom .footer-bottom-bottom-right{display: flex;justify-content: end;align-items: end;}
/* Footer code ends */

/* Page IDs code starts */
.page-id-7 footer .footer-top{display: none;}
/* Page IDs code ends */

/* Media Queries code starts */
@media screen and (max-width: 1198px) and (min-width: 200px){
    header #overlay{top: 64px;}
    header .header-inside .header-right .header-menu .element{padding: 20px 10px;}
    header .header-inside .header-right .header-menu .element.menu{padding: 20px;}
}
@media screen and (max-width: 954px) and (min-width: 743px){
    header .header-inside .pagewrap{grid-template-columns: 0.7fr 1fr;}
    header .header-inside .header-right .header-menu .element .text{display: none;}
    header .header-inside .header-right .header-menu .element.menu .text{display: block;}
    header #overlay{width: 600px;}
    header .header-inside .header-right .header-menu .element{padding: 20px;}
}
@media screen and (max-width: 742px) and (min-width: 200px){
    header .header-inside .pagewrap{grid-template-columns: 0.8fr 1fr;}
    header .header-inside .header-right .header-menu .element{display: none;}
    header .header-inside .header-right .header-menu .element.menu{display: flex;}

    header .header-inside .header-left{z-index: 101;}
    header .header-inside .header-right .header-menu .header-menu-visible{position: relative;z-index: 102;}
    header.open .header-inside .header-right .header-menu .element.menu{background-color: var(--white-color);}
    header.open .header-inside .header-right .header-menu .element.menu .icon span{background-color: var(--black-color);}
    header.open .header-inside .header-right .header-menu .element.menu .text{color: var(--black-color);}

    header #overlay{top: 0px;left: 0px;position: fixed;height: 100dvh;z-index: 100;overflow: auto;}
    header #overlay .overlay-inside{width: 100%;height: 100%;display: flex;flex-direction: column;padding: 120px 0px;}
    header #overlay .overlay-inside-left{border-right: 0px;}
    header.open #overlay .element{display: flex;align-items: start;}
    header.open #overlay .overlay-inside .overlay-inside-right{padding-bottom: 70px;}

    header .services-elements .element-column .element ul li{padding-bottom: 10px;}
}

@media screen and (max-width: 600px) and (min-width: 200px){
    .page-id-7 .hero-section{height: auto;}
    .page-id-7 .hero-section .video-container{height: 80dvh;}
    .page-id-7 .hero-section .absolute-title{position: relative;}
}

@media screen and (max-width: 940px) and (min-width: 811px){
    .about-section .about-section-bottom .buttons .black-border-button{width: 100%;}
}
@media screen and (max-width: 810px) and (min-width: 200px){
    .about-section-bottom .grid-2-elements, .section-2-elements .grid-2-elements{grid-template-columns: 1fr;gap: 40px;}

    .leftNone{display: none;}
    .rightNone{display: none;}

    .space-section .section-element-left{padding-top: 0px;}
    .space-section .section-element-right .image{max-width: 100%;}

    .services-section .service-center{margin-top: 25px;}
    .services-section .service-center .section-element-left{display: none;}

    .maxImageWidth690{max-width: 100%;}
}
@media screen and (max-width: 560px) and (min-width: 200px){
    .about-section .about-section-bottom .buttons .black-border-button{width: 100%;}
}

@media screen and (max-width: 720px) and (min-width: 200px){
    .team-section .team-cards .grid-2-elements{grid-template-columns: 1fr;gap: 20px;}
}

@media screen and (max-width: 1035px) and (min-width: 200px){
    .appointment-section .appointment-bottom .section-2-elements .grid-2-elements{grid-template-columns: 1fr;}
}

@media screen and (max-width: 520px) and (min-width: 200px){
    .appointment-section .appointment-bottom .buttons .white-border-button{width: 100%;}
    .appointment-section .appointment-box .box-element p, .appointment-section .appointment-box .box-element ul, .appointment-section .appointment-box .box-element ul li, .appointment-section .appointment-box .box-element p a{font-size: 0.875rem;}
}

@media screen and (max-width: 1066px) and (min-width: 200px){
    .services-section .service-bottom .service-element .service-element-left .background-image{display: none;}
}
@media screen and (max-width: 1062px) and (min-width: 200px){
    .services-section .service-bottom .service-element{grid-template-columns: 1fr;gap: 40px;}
    .services-section .service-bottom .service-element .service-element-right{justify-content: space-between;}
    .services-section .service-bottom .service-element .service-element-right .icon{display: none;}
}
@media screen and (max-width: 600px) and (min-width: 200px){
    .services-section .service-bottom .service-element .service-element-left a{color: var(--black-color);}
    .services-section .service-bottom .service-element .service-element-left a:hover{opacity: 0.7;transition: 0.2s ease;}
    .services-section .service-bottom .service-element .service-element-right .buttons{width: 100%;display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;}
    .services-section .service-bottom .service-element .service-element-right .buttons a{width: 100%;display: flex;justify-content: center;align-items: center;text-align: center;}
    /*
    .services-section .service-bottom .service-element .service-element-right .buttons{width: 100%;flex-direction: column;}
    .services-section .service-bottom .service-element .service-element-right .buttons a{width: 250px;display: flex;justify-content: center;align-items: center;}
    */
}

@media screen and (max-width: 1050px) and (min-width: 200px){
    .blog-section .blog-section-elements .blog-article:nth-child(1){width: 100%;}
    .blog-section .blog-section-elements .blog-article:nth-child(1) .blog-article-image{aspect-ratio: 342/228;}
    .blog-section .blog-section-elements .blog-article:nth-child(2){width: 100%;}
    .blog-section .blog-section-elements .blog-article:nth-child(3){display: none;width: 100%;}
    .blog-section .blog-section-button{justify-content: center;margin-top: 60px;}
}
@media screen and (max-width: 680px) and (min-width: 200px){
    .blog-section .blog-section-elements{flex-direction: column;gap: 60px;}
    .blog-section .blog-section-elements .blog-article:nth-child(3){display: block;}
}

@media screen and (max-width: 680px) and (min-width: 551px){
    .team-section .grid-team .grid-team-card{padding: 20px;}
}
@media screen and (max-width: 550px) and (min-width: 200px){
    .team-section .grid-team{grid-template-columns: 1fr;}
    .team-section .grid-team .grid-team-card{border-bottom: 1px solid var(--lightGrey-color);border-right: 0px;}
    .team-section .grid-team .grid-team-card:last-child{border-bottom: 0px;}
}

@media screen and (max-width: 1050px) and (min-width: 651px){
    .blog-section .blog-grid-elements .grid-3-elements, .more-articles .grid-3-elements{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 650px) and (min-width: 200px){
    .blog-section .blog-grid-elements .grid-3-elements, .more-articles .grid-3-elements{grid-template-columns: repeat(1,1fr);}
}

@media screen and (max-width: 830px) and (min-width: 200px){
    .single-article-section .pagewrap{grid-template-columns: 1fr;}
    .single-article-section .pagewrap .single-article-right{order: 0;}
    .single-article-section .pagewrap .single-article-left{order: 1;}
}

@media screen and (max-width: 1050px) and (min-width: 928px){
    .category-section .section-3-elements .service-item{padding: 20px;}
}
@media screen and (max-width: 927px) and (min-width: 620px){
    .category-section .section-3-elements .grid-elements-3{grid-template-columns: repeat(2,1fr);}
    .category-section .section-3-elements .service-item{padding: 20px;}
    .category-section .section-3-elements .service-item:nth-child(3n){border: 1px solid var(--lightGrey-color);}
    .category-section .section-3-elements .service-item:nth-child(2n){border-right: 0px;}
}
@media screen and (max-width: 619px) and (min-width: 200px){
    .category-section .section-3-elements .grid-elements-3{grid-template-columns: repeat(1,1fr);}
    .category-section .section-3-elements .service-item{padding: 40px 20px;}
    .category-section .section-3-elements .service-item:nth-child(n){border-right: 0px;border-bottom: 1px solid var(--lightGrey-color);}
    .category-section .section-3-elements .service-item .service-image img{margin-left: auto;margin-right: auto;max-width: 100%;}
}

@media screen and (max-width: 770px) and (min-width: 200px){
    .footer-bottom .footer-bottom-element .grid-4-elements{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 620px) and (min-width: 200px){
    .footer-bottom-bottom .pagewrap{grid-template-columns: 1fr;}
    .footer-bottom-bottom .footer-bottom-bottom-right{justify-content: start;align-items: start;}
    .footer-bottom-bottom .footer-bottom-bottom-left img{width: 100%;max-width: 100%;}
}

@media screen and (max-width: 650px) and (min-width: 200px){
    .marginTop100{position: relative;margin-top: 60px;}
    .marginTop50{position: relative;margin-top: 50px;}
    .marginTop25{position: relative;margin-top: 25px;}
    .paddingTop80{position: relative;padding-top: 60px;}
    .paddingTop50{position: relative;padding-top: 50px;}
    .paddingTop25{position: relative;padding-top: 25px;}

    .marginBottom100{position: relative;padding-bottom: 60px;}
    .paddingBottom80{position: relative;padding-bottom: 60px;}
    .paddingBottom50{position: relative;padding-bottom: 50px;}
    .paddingBottom25{position: relative;padding-bottom: 25px;}

    .single-article-right p img{width: 100%;}
}
/* Media Queries code ends */