@font-face{font-display:swap;font-family:'Ubuntu';font-style:normal;font-weight:300;src:url(../fonts/ubuntu-v21-greek_latin-300.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Ubuntu';font-style:italic;font-weight:300;src:url(../fonts/ubuntu-v21-greek_latin-300italic.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Ubuntu';font-style:normal;font-weight:400;src:url(../fonts/ubuntu-v21-greek_latin-regular.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Ubuntu';font-style:italic;font-weight:400;src:url(../fonts/ubuntu-v21-greek_latin-italic.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Ubuntu';font-style:normal;font-weight:500;src:url(../fonts/ubuntu-v21-greek_latin-500.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Ubuntu';font-style:italic;font-weight:500;src:url(../fonts/ubuntu-v21-greek_latin-500italic.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Ubuntu';font-style:normal;font-weight:700;src:url(../fonts/ubuntu-v21-greek_latin-700.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Ubuntu';font-style:italic;font-weight:700;src:url(../fonts/ubuntu-v21-greek_latin-700italic.woff2) format('woff2')}
html{font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Cantarell, Arial, sans-serif;}


/* html{font-family:Arial, Helvetica, sans-serif} */





:root {
  --font-primary:Ubuntu;
  --font-secondary:sans-serif;


  --color-background:#F5F2EA;
  --color-gold:#D19F68;
  --color-white:#FFFFFF;


  --color-gold-hover:#bc8f5e;
  --color-gold-hover2:#926f49;
  --color-gold-hover3:#d6ad60;

  --color-font-white:#FFFFFF;
  --color-font-darkBlue:#1D2434;
  --color-font-darkgrey:#292C37;
  --color-font-darkgreyV2:#252832;
  





/* Πάνω τα καινούργια */
  --size-h1:4.6rem;
  --size-h2:4.4rem;
  --size-p:1.5rem;
  --size-span: 1.8rem;
  --size-h2-footer:2rem;
  --size-span-footer:1.6rem;
  /* --color-background:#ffffff; */
  --color-background-navigation-bar:#1e1e1e;
  --color-background2:#f5f2ea;
  --color-h1:#ffffff;
  --color-h2:#1D2434;
  --color-p:#292C37;
  --color-p-darker:#252832;
  --color-p-black:#000;
  --color-primary:#D19F68;
  --color-primary-hover:#bc8f5e;
  --color-primary-hover2:#926f49;
  --color-primary-hover3:#d6ad60;
  --color-secondary:#1e1e1e;
  --color-third:#361f14;
  --color-third-hover:#311c12;
  --color-fourth:#ffffff;
  --color-Footer:#ffffff;
  --color-faq:#fbf8f1;
  --color-titles-h2: #1D2434;
  --color-subtitles:rgb(128, 128, 128);
  --color-section-background:#f5f2ea;

  
}














/* Hero Section */
.heroContainer{height:100%;transform:translateY(100vh);opacity:0;visibility:hidden;}
.hero{color:#ffffff;width:100%;max-width:90.5rem;margin:0 auto;text-align:center;}
.heroTitle{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;padding-bottom:4.5rem;}
.heroTitle::after{position:absolute;content:"";bottom:0px;background:#D19F68;width:15rem;height:0.6rem;border-radius:0.5rem;}
.brand{order:2;text-transform:uppercase;font-size:7rem;font-family:"roboto", Arial, sans-serif;}
.keyword{order:1;text-transform:capitalize;font-size:3rem;font-style:italic;letter-spacing:0.6rem;color:#D19F68;font-family:"roboto", Arial, sans-serif;padding-bottom:2.5rem;}
.hero p{font-size:1.8rem;font-weight:400;letter-spacing:0;line-height:1.2;max-width:50ch;margin:0 auto;padding-top:2.5rem;}
/* CTA Button */
.CTAButtonHero{display:flex;justify-content:center;padding:4rem 0;}
.CTAButtonHero__Container{display:flex;justify-content:center;align-items:center;gap:0.5rem;background-color:#bc8f5e;cursor:pointer;padding:2rem 3.1rem;transition:all 0.3s ease-in-out;transform:skew(0deg);}
.CTAButtonHero__Container a{text-transform:uppercase;text-decoration:none;color:#1e1e1e;font-size:1.6rem;font-weight:600;font-family:inherit;line-height:100%;letter-spacing:0.05em;user-select:none;}
.CTAButtonHero__Container::before{content:'';position:absolute;inset:0;right:100%;background:#926f49;opacity:0;z-index:-1;transition:all 0.5s;}
.CTAButtonHero__Container:hover::before{left:0;right:0;opacity:1;}
.CTAButtonHero__Container:hover a{color:#ffffff;}
.CTAButtonHero__Container:hover img{filter:invert(1);}
@media(max-width:96em){.navigationLinks ul{gap:3.8rem;}.navigationBar{padding:2rem 5rem;}.brand{font-size:6rem;}.keyword{font-size:2.8rem;}}
@media(max-width:84em){.navigationLinks ul{gap:3.5rem;}.navigationBar{padding:2rem 4rem;}.buttonCTA a:link,.buttonCTA a:visited{padding:1.5rem 2.5rem;}.brand{font-size:5.5rem;}.keyword{font-size:2.6rem;}}
@media(max-width:75em){html{font-size:56.25%;}.navigationBar{padding:2rem 3.5rem;}.navigationLinks ul{gap:2rem;}.navigationLinks ul li a{font-size:1.9rem;}.buttonCTA a:link,.buttonCTA a:visited{font-size:1.7rem;padding:1.5rem 2.3rem;}.sticky{padding:0 4rem;}.heroTitle{padding-bottom:4rem;}.brand{font-size:6rem;}.keyword{font-size:2.9rem;letter-spacing:0.5rem;padding-bottom:2.3rem;}.hero p{font-size:1.8rem;max-width:50ch;padding-top:2.5rem;}}




@media(max-width:59em){html{font-size:50%;}.logo{width:20rem;height:10rem;}.navigationBar{padding:2rem 4.5rem;}.navigationLinks{background-color:#1e1e1e;position:fixed;top:0;left:0;width:100%;height:100vh;transform:translateX(100%);transition:all 0.5s ease-in;display:flex;align-items:center;justify-content:center;z-index:1;opacity:0;pointer-events:none;visibility:hidden;}.navigationLinks ul{flex-direction:column;gap:3.4rem;}.navigationLinks ul li a{font-weight:400;font-size:2.5rem;}.navigationLinks ul li:nth-last-child(1),.navigationLinks ul li:nth-last-child(2){display:flex;}.navigationLinks ul li .contactBTN{font-size:2rem;}.navigationLinks .contactInfo ul.noShow{display:flex;flex-direction:row;gap:2rem;list-style:none;}.navigationLinks .contactInfo ul li a::before, .navigationLinks .contactInfo ul li a::after{display:none;}.btnNav__Mobile{display:block;z-index:1;}.nav-open .navigationLinks{opacity:1;pointer-events:auto;visibility:visible;transform:translateX(0);}.navIcon__Mobile{width:4rem;height:4rem;filter:invert(1);}.close-icon{display:none;}.nav-open .menu-icon{display:none;}.nav-open .close-icon{display:block;}.buttonCTA{display:none;}.sticky{padding:0 6rem;}.heroTitle{padding-bottom:3.7rem;}.brand{font-size:5.5rem;}.keyword{font-size:2.8rem;padding-bottom:2rem;}.hero p{font-size:1.9em;}}
@media(max-width:44em){.navigationBar{padding:2rem 3.5rem;}.navIcon__Mobile{width:3.5rem;height:3.5rem;}.heroTitle{padding-bottom:3.5rem;}.brand{font-size:5rem;}.keyword{font-size:2.6rem;}.hero p{font-size:1.85rem;max-width:40ch;}}




@media(max-width:34em){.navigationBar{padding:0.5rem 3rem;}.heroTitle{padding-bottom:3.5rem;}
.brand{font-size:5.5rem;max-width:13ch;}


.keyword{font-size:2.4rem;letter-spacing:0.4rem;padding-bottom:1.5rem;}


}







@media(max-width:25.2em){
.navigationBar{padding:0.5rem 2rem 0.5rem 0rem;}.logo{width:12rem;height:6rem;}.brand{font-size:5.5rem;max-width:13ch;color:#F5F5DC;line-height:1.2;}
.keyword{font-size:2.4rem;letter-spacing:0.15rem;padding-bottom:0.5rem;}.heroTitle{padding-bottom:1.5rem;}.heroTitle::after{width:23rem;height:0.4rem;}


  

.hero{max-width:40.5rem;}


  
  .hero p{color:#F5F5DC;font-size:2rem;line-height:1.6;letter-spacing:0.2rem;
    max-width:fit-content;
    
    margin-top:16rem;
    margin-bottom: 0rem;
    padding:0rem;
    /* max-width:34ch; */
    /
    
    
  }






}











@media(max-width:24.2em){.hero{max-width:37rem;}.hero h1{font-size:2.65rem;}.brand{font-size:2.8rem;}.keyword{font-size:2.2rem;letter-spacing:0.2rem;}}   



















/**********************************************/
/*           Page Nagigation Section          */
/**********************************************/
.pageNavigation{background-color:var(--color-background);padding:5rem 0;}
.pageNavigation__Container{display:flex;justify-content:center;align-items:center;gap:1.5rem;}
.pageNavigation__Card{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out, transform 0.6s ease-out;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 1.2rem;border:0.2rem solid #1D2434;border-radius:2rem;box-shadow:0.1rem 0.1rem 0rem #292C37;transition:transform 0.25s ease-in-out;}
.pageNavigation__Card:hover{background-color:var(--color-font-darkBlue);transition:background-color 0.3s ease;color:var(--color-font-white);transform:translateY(-0.2rem);}
.pageNavigation__Card h3{user-select:none;text-decoration:none;font-size:1.7rem;color:var(--color-font-darkBlue);font-weight:400;font-style:normal;letter-spacing:-0.5px;transition:color 0.3s ease;}
.pageNavigation__Card:hover h3 {color:var(--color-font-white);}
.pageNavigation__Card.animateIn {opacity:1;transform:translateY(0);}
.pageNavigation__Card.animateIn{animation:cardEntrance 0.6s ease-out forwards;}
@keyframes cardEntrance{0% {opacity:0;transform:translateY(30px) scale(0.95);}100% {opacity:1;transform:translateY(0) scale(1);}}
@media (max-width: 59em){.pageNavigation__Container{width:max-content;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.2rem;}}
@media (max-width: 44em){.pageNavigation__Container{grid-template-columns:1fr 1fr 1fr;}}
@media (max-width: 34em){.pageNavigation__Container{gap:1rem;}.pageNavigation__Card{padding:1rem 1rem;}.pageNavigation__Card h3{font-size:1.6rem;}}
@media (max-width: 25.2em){.pageNavigation__Card{padding:1rem 0.8rem;}}
@media (max-width: 24.2em){.pageNavigation__Container{grid-template-columns:1fr 1fr;gap:2rem;}.pageNavigation__Card{padding:1rem 1.2rem;}}
  
/**********************************************/
/*              About Us Section              */
/**********************************************/
.aboutUs{background-color:var(--color-background);
  /* background-color: red; */
}

.aboutUs__Container{width:100%;max-width:150rem;margin:0 auto;
  /* padding: 10rem 0; */
  /* background-color: #1D2434; */
}
.aboutUs__Grid{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;}
.aboutUs__ImageContainer{position:relative;width:100%;max-width:50rem;height:65rem;margin:0 auto;border-radius:0.6rem;opacity:0.99;}
.aboutUs__Background,.aboutUs__Border,.aboutUs__Image{position:absolute;width:100%;max-width:50rem;margin:0 auto;height:100%;border-radius:0.6rem;}
.aboutUs__Background{z-index:-1;top:-2.8rem;left:-2.8rem;background:var(--color-gold);}
.aboutUs__Border{border:0.3rem solid var(--color-background);top:2.8rem;left:2.8rem;}
.aboutUs__Image{z-index:-1;overflow:hidden;top:2.8rem;left:2.8rem;}
.aboutUs__Image::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));pointer-events:none;z-index:1;border-radius:0.6rem;}
.aboutUs__Image img{width:100%;height:100%;object-fit:cover;}
.aboutUs__ContentContainer{width:100%;max-width:60rem;margin:0 auto;}
.aboutUs__Τitle{position:relative;}
.aboutUs__Τitle::after{position:absolute;content:"";width:18rem;height:0.4rem;background:var(--color-gold);bottom:0px;}
.aboutUs__Τitle span{text-transform:uppercase;font-style:normal;font-weight:600;font-size:1.8rem;color:var(--color-gold);line-height:1.8;letter-spacing:0.08rem;}
.aboutUs__Τitle h2{font-size:4.4rem;font-weight:700;font-style:normal;letter-spacing:2%;line-height:1.3;color:var(--color-font-darkBlue);margin-bottom:3rem;padding-bottom:1rem;}
.aboutUs__Context{font-size:1.8rem;font-weight:400;font-style:normal;color:var(--color-font-darkgrey);line-height:1.8;padding:0rem 0 2rem 0;}
.highlightText{font-size:1.8rem;font-weight:500;color:var(--color-font-darkBlue);text-decoration-line:underline;text-decoration-style:dotted;}
.highlight {text-decoration:none;font-weight:500;color:var(--color-font-darkgreyV2);}
.aboutUs__Button{display:flex;justify-content:center;align-items:center;padding-top:3rem;}



.aboutUs__Button button{position:relative;cursor:pointer;background-color:transparent;border:0.3rem solid var(--color-gold);padding:1.5rem 3rem;display:inline-block;transition:0.3s;}

/* .paddingSection{padding: 4rem 0;}
.containerSection{width: 100%;max-width: 150rem;margin: 0 auto;padding: 10rem 0;}
.spanText{color:#d6ad60;font-size:1.8rem;font-style: normal;font-weight: 500;line-height: 1.5;text-transform: uppercase;}
.h2Text{color:#1D2434;font-size:4.4rem;font-weight: 700;font-style: normal;letter-spacing: 2%;line-height: 1.3;}
.contextText{color:#292C37;font-size:1.5rem;font-weight: 400;font-style: normal;line-height: 1.9;}
.contextText h3{font-weight: normal;font-size: 1.8rem;}
.highlightText{color:#1D2434;font-weight: 500;font-size:1.5rem;text-decoration-line: underline;text-decoration-style: dotted;}
.highlight {color:#252832;font-weight: 500;text-decoration: none;} */


.aboutUs__ContentImages{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);place-items:center;}



/* 
.btn__AboutUs{
  
}
.btn__AboutUs::before {
  content: "";
  position: absolute;
  top: -0.4rem;
  left: -0.3rem;
  width: calc(100% + 0.6rem);
  height: calc(100% + 0.4rem);
  background-color: var(--color-fourth);
  transition: 0.3s ease-out;
  transform: scaleY(1);
}
.btn__AboutUs:hover::before {
  transform: translateY(0);
  height: 0;
}
.btn__AboutUs::after {
  content: "";
  position: absolute;
  top: -0.4rem;
  left: -0.3rem;
  width: calc(100% + 0.6rem);
  height: calc(100% - 4rem);
  background-color: var(--color-fourth);
  transition: 0.3s ease-out;
  transform: scaleY(1);
}
.btn__AboutUs:hover::after {
  transform: scaleX(0);
  transition-delay: 0.15s;
}
.btn__AboutUs:hover {border: 0.3rem solid var(--color-primary-hover3);}
.btn__AboutUs .link__AboutUs {
  color: var(--color-primary-hover3);
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.6rem;
  position: relative;
  z-index: 3;
} */















































.footer{
  background-color: var(--color-background-navigation-bar);
  padding: 8rem 0 0 0;
}
.footer__Top--container{
  width: 100%;
  max-width: 150rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  padding-bottom: 6rem;
}
.footerTitle{
  max-width: fit-content;
  padding: 1rem;
  color: var(--color-Footer);
  font-size: var(--size-h2-footer);
  font-style: normal;
  letter-spacing: 2%;
  margin-bottom: 3rem;
  background:
  linear-gradient(to right, var(--color-primary) 0.4rem, transparent 0.4rem) 0 0,
  linear-gradient(to left, var(--color-primary) 0.4rem, transparent 0.4rem) 100% 100%,
  linear-gradient(to bottom, var(--color-primary) 0.4rem, transparent 0.4rem) 0 0,
  linear-gradient(to top, var(--color-primary) 0.4rem, transparent 0.4rem) 100% 100%;
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
}
.footer__logo__column{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footerLogo {height: 8rem;}
.footerSocialMedia{
  margin-top: 2.5rem;
  text-align: center;
  width: fit-content;
}
.footerSocialMedia span{
  color: var(--color-primary-hover3);
  text-transform: uppercase;
  line-height: 1.5;
  font-size: var(--size-span-footer);
  font-style: normal;
  font-weight: 400;
}
.footerSocialMedia ul{
  list-style: none;
  display: flex;
  justify-content: space-evenly;
  padding-top: 1.5rem;
}
.socialIcon{
  height: 3.5rem;
  width: 3.5rem;  
}
.footerAddress a{
  text-decoration: none;
  color: var(--color-Footer);
  font-size: var(--size-span-footer);
  font-style: normal;
} 
.footer__contact__column a{
  text-decoration: none;
  color: var(--color-Footer);
  font-size: var(--size-span-footer);
  font-style: normal;
}
.footer__contact__column ul{list-style: none;}
.footer__contact__column ul li:last-child {padding-top: 2rem;}
.footer__siteMap__column ul{
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-left: 2rem;
}
.footer__siteMap__column ul li a{
  text-decoration: none;
  color: var(--color-Footer);
  font-size: var(--size-span-footer);
  font-style: normal;
}
.footerOpenHours ul {
  list-style: none;
  color: var(--color-Footer);
  font-size: var(--size-span-footer);
  font-style: normal;
  padding-left: 0.5rem;
}
.footerOpenHours ul li {padding-top: 1.5rem;}
.footerOpenHours ul li:first-child {padding-top: 0rem;}
.footerOpenHours{display: flex;}
.days{padding-right: 2rem;}
.hours{text-align: center;}
.copyright{
  width: 100%;
  max-width: 50rem;
  margin: 0 auto;
  text-align: center;
  color: var(--color-Footer);
  font-size: var(--size-p);
  font-style: normal;
  font-weight: 400;
  padding: 2rem 0;
}
.copyright a{
  text-decoration: none;
  color: var(--color-primary);
  text-decoration-line: underline;
  text-decoration-style: dotted;
}
.copyright a:hover{color: var(--color-primary-hover);}

.section {transition: transform 1s, opacity 1s;}
.section--hidden {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(8rem);
}
.lazyImg{filter: blur(10px);}
.sectionAboutUs{transition: transform 1.5s, opacity 1s;}
.serviceSection{transition: transform 1.5s, opacity 1s;}
.service__Container:nth-child(2){transition-delay: 400ms;}
.service__Container:nth-child(3){transition-delay: 500ms;}
.service__Container:nth-child(4){transition-delay: 600ms;}
.ctaSection{transition: transform 2s, opacity 1s;}
.faqAppear{
  opacity: 0;
  filter: blur(5px);
  transform: translateY(100%);
  transition: all 1s;
}
.showFAQ{
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}
.faqΙtem:nth-child(2){transition-delay: 300ms;}
.faqΙtem:nth-child(3){transition-delay: 500ms;}
.faqΙtem:nth-child(4){transition-delay: 700ms;}


























/*************************************/
/*           Section Header          */
/*************************************/
/* .header{position:relative;height:100vh;display:flex;flex-direction:column;overflow:hidden;}
.header::after{content:"";position:absolute;inset:0;background:linear-gradient(rgb(0 0 0 / .8),rgb(0 0 0 / .5));z-index:-1} */

/* Navigation Bar */
/* .navigationBar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:2rem 6rem;}
.logo{width:27rem}
.navigationLinks ul{display:flex;align-items:center;justify-content:center;gap:5rem;list-style:none;}
.navigationLinks ul li a{color:#ffffff;font-weight:500;font-size:1.8rem;text-decoration:none;position:relative;display:inline-block;padding:0.7rem 0;transition:color 0.3s ease}
.navigationLinks ul li a::before,.navigationLinks ul li a::after{content:'';position:absolute;width:2rem;height:0.2rem;background-color:#D19F68;opacity:0;transform:scaleX(0)rotate(45deg);transition:transform 0.4s ease,opacity 0.3s ease}
.navigationLinks ul li a::before{left:-1rem;top:100%;transform:scaleX(0)rotate(-35deg)}
.navigationLinks ul li a::after{right:-1rem;top:0%;transform:scaleX(0)rotate(-35deg)}
.navigationLinks ul li a:hover::before,.navigationLinks ul li a:hover::after,.navigationLinks ul li .highlighted::before,.navigationLinks ul li .highlighted::after{opacity:1;transform:scaleX(1)rotate(var(--rotate,-35deg))}
.navigationLinks ul li a:hover::before{--rotate:-35deg}.navigationLinks ul li a:hover::after{--rotate:-35deg}
.navigationLink:hover{color:#bc8f5e;transition:0.5s}
.navigationLinks ul .highlighted{color:#bc8f5e;}
.navigationLinks ul li:nth-last-child(1),.navigationLinks ul li:nth-last-child(2){display:none;}
.buttonCTA a:link,.buttonCTA a:visited,.contactBTN:link,.contactBTN:visited{text-decoration:none;text-transform:uppercase;font-weight:500;font-size:1.6rem;color:#ffffff;letter-spacing:0px;padding:1.8rem 2.9rem;border:0.2rem solid #bc8f5e;}
.buttonCTA a:hover,.buttonCTA a:active,.contactBTN:hover,.contactBTN:active{background-color:#bc8f5e;transition:0.5s;color:#361f14;}
.contactBTN::before,.contactBTN::after{display:none}
.buttonCTA:hover,.contactBTN:hover{animation:rotateAnimation 0.7s ease-in-out both}
@keyframes rotateAnimation{0%{transform:rotate(0deg)translate3d(0,0,0)}
25%{transform:rotate(3deg)translate3d(0,0,0)}
50%{transform:rotate(-3deg)translate3d(0,0,0)}
75%{transform:rotate(1deg)translate3d(0,0,0)}
100%{transform:rotate(0deg)translate3d(0,0,0)}}
.btnNav__Mobile{cursor:pointer;border:none;background:none;display:none}
.navIcon__Mobile{height:4.8rem;width:4.8rem;color:#ffffff;}
.navIcon__Mobile[name="close-outline"]{display:none}
.sticky{position:fixed;background-color:#1e1e1e;z-index:999;height:10rem;opacity:0.99;padding:1rem 6rem} */

/* Background Image */
/* .headerBackground{position:absolute;width:100%;height:100%;inset:0;z-index:-1;}
.headerBackground img{width:100%;height:100%;object-fit:cover;object-position:55% 70%;} */

/* Hero Section */
/* .heroContainer{height:100%;transform:translateY(100vh);opacity:0;visibility:hidden;}
.hero{color:#ffffff;width:100%;max-width:70.5rem;margin:0 auto;text-align:center;}
.hero h1{text-transform:uppercase;font-size:4.6rem;line-height:1.3;letter-spacing:-2%;}
.hero p{font-size:1.8rem;font-weight:400;letter-spacing:0;line-height:1.6;max-width:62ch;margin:0 auto;padding-top:2rem;}
.h1Strong{font-weight:500} */

/* CTA Button */
/* .CTAButtonHero{padding:4rem 0;display:flex;justify-content:center;}
.CTAButtonHero a{cursor:pointer;text-transform:uppercase;text-decoration:none;color:#1e1e1e;background-color:#bc8f5e;font-size:1.6rem;font-weight:600;font-family:inherit;line-height:100%;letter-spacing:0.05em;transition:all 0.3s ease-in-out;padding:2rem 3.1rem;user-select:none;transform:skew(0deg);}
.CTAButtonHero a::before{content:'';position:absolute;inset:0;right:100%;background:#926f49;opacity:0;z-index:-1;transition:all 0.5s;}
.CTAButtonHero a:hover::before{left:0;right:0;opacity:1;}
.CTAButtonHero a:hover{color:#ffffff;}     */




      
















.services__cards--container{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background-color: var(--color-background2);
  padding-bottom: 11.2rem;
}
.service__card--men,
.service__card--women {
  display: flex;
  justify-content: center;
  align-items: center; 
  width: 100%;
  height: 64.4rem;
  position: relative;
}
.serviceBackground{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.serviceBackground img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
  z-index: 1;
}
.service__card--title{
  position: relative;
  z-index: 1;
  width: 80%;
  max-width: 60rem;
  height: 50rem;
  margin: auto;
  border: 0.3rem solid var(--color-primary);
  color: var(--color-h1);
}
.service__card--title h2{
  display: flex;
  justify-content: center;
  align-items: center; 
  width: 100%;
  height: 100%;
  font-weight: 500;
  font-size: 2.4rem;
} 
.service__card--box{
  height: 100%;
  width: 100%;
  max-width: 65rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:center;
}
.service__card--box--container{
  width: 90%;
  margin: 0 auto;
}
.logo__in__section{
  height: 8rem;
  width: 8rem;
}
.service__card--box span{
  color: var(--color-p-black);
  font-style: normal;
  font-weight: 700;
  line-height: 2;
  font-size: 2.7rem;
}
.service__card--box h2{
  color: var(--color-h2);
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 2%;
  line-height: 1.3;
  border-bottom: 0.3rem solid var(--color-primary-hover);
  font-size: 2.8rem;
  font-weight: 400;
  margin-bottom: 4rem;
  margin-top: 1.5rem;
}
.service__card--box--container--paragraph{
  width: 90%;
  margin: 0 auto;
}
.btn__VisitServices a {
  position: relative;
  display: inline-block;
  padding: 1.7rem 2.8rem;
  font-size: 18px;
  background: transparent;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  color: var(--color-primary-hover);
  font-family: inherit;
  font-weight: 500;
  text-decoration: none;
  z-index: 1;
  border: none;
  margin-top: 2.5rem;
}
.btn__VisitServices a span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: -1;
  border: 4px solid var(--color-primary-hover);
}
.btn__VisitServices a span::before {
  content: "";
  display: block;
  position: absolute;
  width: 8%;
  height: 500%;
  background: var(--color-background2);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-60deg);
  transition: all 0.3s;
}
.btn__VisitServices a:hover span::before {
  transform: translate(-50%, -50%) rotate(-180deg);
  width: 100%;
  background: var(--color-primary-hover3);
  border: 4px solid var(--color-primary-hover3);
}
.btn__VisitServices a:hover {color: var(--color-fourth);}
.btn__VisitServices a:active span::before {
  background: var(--color-primary-hover);
  border: 4px solid var(--color-primary-hover);
}
.services__bottom--container{
  width: 100%;
  background-color: var(--color-background2);
  padding: 4rem 0 8rem 0;
}
.title__Container--Row{width: 100%;}
.services__Title--Container{
  width: 100%;
  max-width: 52rem;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 4rem 0;
}
.services__Title--Container h2{padding-bottom: 1.7rem;}
.services__container{width: 100%;}
.cards__Grid{
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.service__Container{
  text-align: center;
  padding: 4rem 2.5rem;
}
.service__Icon span img{width: 8rem;}
.service__Description{padding: 2.5rem 0;}
.service__Description h3{
  color: var(--color-h2);
  font-weight: 700;
  font-size: var(--size-span);
  line-height: 1.8;
  margin-bottom: 1.6rem;  
}
.service__Description p{line-height: 1.6;}
.service__MoreText {
  display: none;
  margin-top: 1rem;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-top: 0.3rem solid var(--color-primary-hover3);
}
.service__MoreText.show {
  display: block;
  opacity: 1;
}
.btn__seeAboutService{
  cursor: pointer;
  background-color: var(--color-primary-hover3);
  color: var(--color-h2);
  border: 0.3rem solid var(--color-primary-hover3);
  font-size: var(--size-p);
  font-style: normal;
  font-weight: 400;
  padding: 0 0.5rem 0.5rem 0.5rem;
  padding: 1.4rem 2.8rem;
} 
.btn__seeAboutService:hover{
  background-color: var(--color-primary);
  color: var(--color-h1);
  border: 0.3rem solid var(--color-primary);
} 
.title__Container--Parteners{width: 100%;}
.Parteners__Title--Container{
  width: 100%;
  max-width: 50rem;
  margin: 0 auto;
  text-align: center;
}
.Parteners__Title--Container h2{padding-bottom: 1.7rem;}
.partners {
  width: 100%;
  height: 20rem;
  padding: 2rem 0;
}
.partners__container {
  height: 100%;
  width: 100%;
  max-width: 130rem;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  display: flex;
}
.partners__carousel1 {
  display: flex;
  white-space: nowrap;
  animation: scroll 60s linear infinite;
  animation-delay: calc(60s*-1);
  margin-top: 2rem;
}
.partners__carousel2 {
  display: flex;
  white-space: nowrap;
  animation: scroll2 60s linear infinite;
  animation-delay: calc(60s/-2);
  margin-top: 2rem;
}
.partners__carousel--card {list-style: none;}
.partner{
  cursor: pointer;
  transition: transform 0.3s;
  margin: 0 4rem;
}
.partner:hover {transform: translateY(-2rem);}
.partner img{
  object-fit: cover;
  border: 0.4rem solid var(--color-fourth);
  width: 24rem;
  height: 13.5rem;
  background-color: var(--color-fourth);
}
@keyframes scroll {
  0%{transform: translateX(100%);}
  100%{transform: translateX(-100%);}
}
@keyframes scroll2 {
  0%{transform: translateX(0);}
  100%{transform: translateX(-200%);}
}
.gallery__background{
  width: 100%;
  height: 50rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.galleryBackground {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.galleryBackground img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery__background::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  z-index: -1;
}
.galleryHeader{
  width: 100%;
  max-width: fit-content;
  margin: 0 auto;
}
.galleryHeader h2{color: var(--color-h1);}
.gallery__Container{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 160rem;
}
.galleryAbsolute{
  width: 100%;
  max-width: fit-content;
  position: absolute;
  top: -15rem; 
  border: 0.8rem solid var(--color-fourth);
  background-color: var(--color-p-black);
}
.galleryItems{
  width: 100%;
  max-width: 110rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background-color: var(--color-fourth);
  gap: 1.6rem;
  padding: 1rem;
}
.galleryItem{
  margin: 0 auto;
  aspect-ratio: 3 / 4;
  max-width: 30rem;
  overflow: hidden;
  cursor: pointer;
  border-radius: 0.8rem;
}
.galleryItem img {
  display: block;
  width: 100%;
  transition: all 0.4s;
}
.galleryItem img:hover {transform: scale(1.1);}
.imgGallery{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
} 
.modal {
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modalDimensions {
  width: 50rem;
  height: 55rem;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.modalContent {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hidden {
  visibility: hidden;
  opacity: 0;
}
.close {
  position: absolute;
  top: 20px;
  right: 35px;
  color: var(--color-fourth);
  font-size: 5rem;
  font-weight: bold;
  cursor: pointer;
}
.close:hover {color: var(--color-subtitles);}
.blockContainer{display: block;}
.navButtons{
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-top: 2rem;
}
.prev, .next {
  background-color: var(--color-primary-hover);
  border-radius: 5%;
  cursor: pointer;
  font-weight: bold;
  padding: 1.6rem 6rem;
}
.prevButton,
.nextButton{
  height: auto;
  width: auto;
  filter: invert(1);
  user-select: none;
}
.prev:hover, 
.next:hover {color: var(--color-subtitles);}
.testimonies{
  padding: 8rem 0;
  background-color: var(--color-background2);
}
.testimonies__Container{
  width: 100%;
  max-width: 140rem;
  margin: 0 auto;
  display: flex;
}
.testimonies__LeftSide{flex: 1;}
.testimoniesImgContainer{
  width: 100%;
  max-width: 40rem;
  height: 40rem;
  margin: 0 auto;
  position: relative;
}
.testimoniesImgContainer img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimoniesImgContainer::before{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20rem;
  height: 1.5rem;
  background: var(--color-primary-hover3);
  clip-path: polygon(calc(0% + 3.5rem) 0, 100% 0, 100% 100%, 0 100%);
}
.testimoniesImgContainer::after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 20rem; 
  width: 1.5rem;
  background: var(--color-primary-hover3);
  clip-path: polygon(0 calc(0% + 3.5rem), 100% 0, 100% 100%, 0 100%);
}
.quote-card::before{
  content: "❝";
  position: absolute;
  top: -4rem;
  left: 1rem;
  font-size: 15rem;
  font-weight: normal;
  color: var(--color-primary-hover3);
  line-height: 1;
}
.testimonies__RightSide{
  flex: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.testimonial__slider{
  position: relative;
  height: 35rem;
  width: 100%;
  max-width: 70rem;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 1rem;
}
.testimonialSlide{
  position: absolute;
  top: 0;
  width: 100%;
  height: 35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 1s; 
}
.testimony{
  width: 100%;
  max-width: 60rem;
  position: relative;
  padding-left: 2rem; 
}
.testimony::before {
  content: '\201C'; 
  position: absolute;
  top: -3rem;
  left: -3rem;
  font-size: 15rem;
  font-family: inherit;
  line-height: 1;
  color: var(--color-primary-hover3);
}
.testimony p{
  color: var(--color-primary-hover3);
  text-transform: uppercase;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
}
.testimony span{
  color: var(--color--card-testimony);
  color: var(--color-h2);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 2%;
  line-height: 1.8;
  text-transform: uppercase;
}
.testimonyText{
  font-size: var(--size-p);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  color: var(--color-p);
}
.testimonyAuthor{
  width: 100%;
  text-align: center;
  padding: 2rem 0 1rem 0;
}
.testimonyAuthor h3{
  color: var(--color-primary-hover2);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
} 
.testimonyStartReview{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonyStartReview img{width: 2rem;}
.dots__dot {
  border: none;
  background-color: #b9b9b9;
  opacity: 0.6;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  margin-right: 1.5rem;
  cursor: pointer;
  transition: all 0.5s;
}
.dots__dot:last-child {margin: 0;}
.dots__dot--active {
  background-color: var(--color-primary-hover3);
  opacity: 1; 
}
.CTA__Video--section{padding: 0 0 6rem 0;}
.video__background{
  width: 100%;
  height: 50rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
.videoBackground{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.videoBackground img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video__background::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  z-index: -1;
} 
.videoHeader{
  width: 100%;
  max-width: fit-content;
  margin: 0 auto;
}
.videoHeader h2{color: var(--color-h1);}
.CTA__background{
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.videoContainer{
  width: 100%;
  max-width: fit-content;
  position: absolute;
  top: -15rem; 
  border: 0.8rem solid var(--color-fourth);
  background-color: var(--color-p-black);
}
.videoContainer video{
  width: 64rem;
  height: 36rem;
}
.CTAContainer{
  padding-top: 28rem;
  text-align: center;
  width: 100%;
  max-width: 60rem;
  margin-top: 4rem;
}
.CTAContainer h2{
  font-weight: 500;
  margin-bottom: 3rem;
}
.CTAContainer p{margin-bottom: 2rem;}
.aUnderline{
  color: var(--color-h2);
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-style: dotted;
}
.btn__CTA--container{padding: 4rem 0 8rem 0;}
.btn__CTA--container a{
  cursor: pointer;
  text-decoration: none;
  padding: 2rem 3.1rem;
  background-color: var(--color-primary-hover);
  color: var(--color-secondary);
  transition: all 0.3s ease-in-out;
}
.btn__CTA--container span{
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: inherit;
  line-height: 100%;
  letter-spacing: 0.05em;
  transition: all 0.3s ease-in-out;
}
.btn__CTA--container a:hover {background-color: var(--color-primary-hover2);}
.btn__CTA--container a:hover span{color: var(--color-h1);}
.before__And__After{
  padding: 8rem 0;
  background-color: var(--color-background2);
  width: 100%;
}
.before__And__After--container{
  width: 100%;
  max-width: 140rem;
  margin: 0 auto;
  display: flex;
}
.leftSide__container,
.rightSide__container{
  flex: 1;
  box-sizing: border-box;
}
.leftSide__container{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.CTA__social ul{list-style: none;
  display: flex;
  justify-content:center;
  align-items: center;
  gap: 3rem;  
}
.leftSide h2{
  font-size: 8rem;
  color: var(--color-primary-hover);
  letter-spacing: 1rem;
  line-height: 1.5;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 3rem;
  text-align: left;
}
.rightSide{
  height: 70rem;
  display: flex;
  justify-content: space-around;
  position: relative;
}
.before,
.after{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-background2);
  width: 100%;
  max-width: 35rem;
  aspect-ratio: 3 / 4;
  border: 1.5rem solid var(--color-background2);
  border-bottom: none;
  box-shadow: 0.5rem 0.5rem 2rem var(--color-h2);
  position: absolute;   
  transform-origin: center;
}
.before{
  top: 0;
  left: 0;
  transform: rotate(-5deg);
}
.after{
  bottom: 0;
  right: 10%;
  transform: rotate(5deg);
}
.beforeImage img,
.afterImage img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.before span,
.after span{
  font-size: 4rem;
  font-style: normal;
  font-weight: 500;
  color: var(--color-h2);
  line-height: 1.5;
}
.faqs{padding: 8rem 0;}
.faq__Container{
  width: 100%;
  max-width: 140rem;
  margin: 0 auto;
  display: flex;
}
.faq__LeftSide{flex: 1;}
.faqTitle {
  border-bottom: 0.3rem solid var(--color-primary-hover3);
  padding: 0 0 0.5rem 0;
  width: 20rem;
  margin: 2rem 0 4rem 0;
}
.faqTitle h2{
  color: var(--color-primary-hover3);
  line-height: 1.5;
}
.faqΙtem{
  background-color: var(--color-faq);
  box-shadow: 0.05rem 0.05rem 1rem var(--color-h2);
  border: 0.3rem solid var(--color-primary-hover3);
  margin-bottom: 4rem;
  width: 100%;
  max-width: 60rem;
}
.faqQuestion{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: none;
  width: 100%;
  cursor: pointer;
  text-align: left;
  font-size: 1.8rem;
  font-weight: 400;
  font-style: normal;
  padding: 1.5rem;
}
.plus img{width: 2rem;}
.faqAnswer{
  border-top: 0.1rem solid var(--color-primary-hover3);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.faqAnswer p{
  line-height: 1.5;
  padding: 2rem;
}
.faq__RightSide{flex: 1;}
.faq__background{
  width: 100%;
  max-width: 57rem;
  margin: 0 auto;
  height: 65rem;
  position: relative;
}
.faq__border{
  width: 100%;
  max-width: 57rem;
  height: 50%;
  margin: 0 auto;
  background-color: var(--color-primary-hover3);
  position: absolute;
  bottom: 0;
}
.faqImgContainer{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 50rem;
  height: 95%;
  z-index: 1;
}
.faqImgContainer img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mapContainer {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12rem 0;
  position: relative;
}
.mapBackground{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.mapBackground img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mapContainer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  z-index: -1;
}

/* ************************************************** */
/* ************************************************** */
/*                    Media Queries                   */
/* ************************************************** */
/* ************************************************** */
@media(max-width: 96em){
  .containerSection{max-width: 130rem;}
  .footer__Top--container{max-width: 130rem;}
  .call__to__action__button{padding: 3.8rem 0;}
  .aboutUs__info {width: 90%;}
  .aboutUs__background{max-width: 45rem;height: 60rem;}
  .service__card--box span{font-size: 2.5rem;}
  .service__card--box h2{font-size: 2.6rem;margin-top: 1rem;margin-bottom: 3.5rem;}
  .testimonies__Container{max-width: 130rem;}
  .before__And__After--container{max-width: 130rem;}
  .after{right: 5%;}
  .leftSide h2{font-size: 7rem;letter-spacing: 0.8rem;line-height: 1.2;}
  .faq__Container{max-width: 125rem;}
  .faq__border{max-width: 47rem;}
  .faqImgContainer{max-width: 40rem;}
  .faq__background{max-width: 47rem;height: 60rem;}
  .faqΙtem{margin-bottom: 3.8rem;max-width: 55rem;}
  .faqQuestion{font-size: 1.7rem;padding: 1.3rem;}



  /* .h2Text{font-size: 4.2rem;}
  .contextText,.highlightText{font-size: 1.4rem;} */
}


@media (max-width: 84em) {
  .containerSection{max-width: 117rem;}
  .footer__Top--container{max-width: 115rem;}
  .aboutUs__text{padding: 0 0 1.2rem 0;}
  .aboutUs__background{max-width: 40rem;height: 55rem;}
  .service__card--box span{font-size: 2.3rem;}
  .service__card--box h2{font-size: 2.4rem;margin-top: 0.5rem;margin-bottom: 3.2rem;}
  .cards__Grid{max-width: 105rem;}
  .Parteners__Title--Container{max-width: 48rem;}
  .galleryItems {grid-template-columns: repeat(2, 1fr);}  
  .gallery__Container{height: 245rem;}
  .testimonies__Container{max-width: 115rem;}
  .before__And__After--container{max-width: 115rem;}
  .leftSide__container{flex:1;}
  .rightSide__container{flex:1.5;} 
  .after{right: 2%;}
  .leftSide h2{font-size: 6rem;letter-spacing: 0.7rem;} 
  .faq__Container{max-width: 115rem;}
  .faqQuestion{padding: 1.1rem;}
  .faqΙtem{margin-bottom: 3.5rem;max-width: 50rem;}

    /* .h2Text{font-size: 4rem;} */

}



@media (max-width: 75em) {
  .containerSection{max-width: 102rem;}
  .footerSocialMedia span{font-size: 1.67rem;}
  .footerTitle{font-size: 2rem;}
  .footer__address__column a,
  .footer__contact__column a,
  .footer__siteMap__column ul li a,
  .footer__openHours__column li{font-size: 1.67rem;}
  .footer__Top--container > :nth-child(4){grid-column-start: 2;}
  .footer__address__column a,
  .footer__contact__column ul li a,
  .footer__siteMap__column ul li a,
  .footerOpenHours ul li{font-size: 1.78rem;}
  .footer__Top--container{grid-template-columns: 1.5fr 1fr 1fr;max-width: 100rem;row-gap: 4rem;}
  .service__card--box h2{font-size: 2.3rem;margin-bottom: 3rem;}
  .services__Title--Container{max-width: 44rem;}
  .service__Description h3{font-size: 2rem;}
  .cards__Grid{grid-template-columns: repeat(2, 1fr);} 
  .service__Container{padding: 4rem 3.5rem;}
  .service__Icon span img{width: 8rem;}
  .Parteners__Title--Container h2{margin: 0 auto;width: 45rem;}
  .testimonies__Container{max-width: 100rem;}
  .testimony{max-width: 55rem;}
  .before__And__After--container{max-width: 100rem;}
  .rightSide__container{flex:2;} 
  .after{right: 1%;}
  .leftSide h2{font-size: 5rem;letter-spacing: 0.5rem;margin-bottom: 2rem;}
  .faq__Container{max-width: 100rem;}
  .faqΙtem{max-width: 45rem;}  


   /* .spanText{font-size: 2rem;}
  .h2Text{font-size: 3.8rem;}
  .contextText,.highlightText{font-size: 1.56rem;}
 */
}



@media (max-width: 59em) {
  .containerSection{max-width: 84rem;}
  .footerSocialMedia span{font-size: 1.88rem;}
  .footerTitle{font-size: 2.3rem;}
  .footer__address__column a,
  .footer__contact__column ul li a,
  .footer__siteMap__column ul li a,
  .footerOpenHours ul li{font-size: 1.88rem;}
  .footer__Top--container{max-width: 85rem;}
  .aboutUs__title--bottom{text-align: left;}
  .aboutUs__title--bottom::after{left: 0px;}
  .aboutUs__text__left{text-align: left;}
  .aboutUs__container--grid {grid-template-columns: repeat(1, 1fr);width: 80%;margin:  0 auto;}
  .aboutUs__container--grid {grid-template-columns: repeat(1, 1fr);}
  .aboutUs__background{order: 1;max-width: 50rem;height: 65rem;}
  .aboutUs__info{order: 2;width: 85%;margin-top: 8rem;}
  .aboutUs__text{padding: 0rem 0 2rem 0;}
  .PLus30Years{width: 10rem;height: 10rem;}
  .signature{width: 25rem;height: 10rem;}
  .service__card--box h2{font-size: 1.9rem;margin-bottom: 2.8rem;}
  .services__Title--Container{max-width: 50rem;}
  .service__Description h3{font-size: 2.25rem;}
  .service__card--box--container--paragraph{width: 98%;}
  .cards__Grid{max-width: 85rem;} 
  .service__Container{padding: 4rem 2.5rem;}
  .service__Icon span img{width: 7rem;} 
  .Parteners__Title--Container{max-width: 55rem;}
  .testimonies__Container{max-width: 100%;}
  .testimonies__LeftSide{display: none;}
  .testimonial__slider{max-width:90%;}
  .CTAContainer h2{margin-bottom: 2.5rem;}
  .CTAContainer{padding-top: 32rem;max-width: 70rem;}
  .before__And__After--container{max-width: 82rem;flex-direction: column;}
  .leftSide__container{order: 2;flex:1;}
  .rightSide__container{order: 1;flex:1;}
  .before{left: 5%;}
  .after{bottom: 15%;}
  .leftSide h2{font-size: 6rem;letter-spacing: 0.8rem;line-height: 1.3;margin-bottom: 3rem;text-align: center;} 
  .faq__RightSide{display: none;}
  .faq__Container{max-width: 100%;}
  .faqΙtem{max-width: 60rem;}
  .faq__LeftSide{max-width: fit-content;margin: 0 auto;}
  .faqQuestion{font-size: 1.9rem;padding: 1.5rem;}
  .mapContainer{padding: 8rem 0;}
  .map iframe{max-width: 80rem;height: 45rem;}

  /*
  .spanText{font-size: 2.25rem;}
  .h2Text{font-size: 4.4rem;}
  .contextText,.highlightText{font-size: 1.75rem;}
*/
}



@media (max-width: 44em) {
  .containerSection{max-width: 65rem;}  
  .footer__Top--container{grid-template-columns: 1fr 1fr;max-width: 65rem;grid-auto-flow: row dense;row-gap: 8rem;}
  .footer__Top--container > :nth-child(1) {grid-column: 1 / -1;}
  .footer__openHours__column, .footer__address__column, .footer__contact__column, .footer__siteMap__column{max-width: max-content;margin: 0 auto;display: flex;flex-direction: column;align-items: left;}
  .aboutUs__info {width: 95%;}
  .aboutUs__text{padding: 0rem 0 2.5rem 0;}
  .aboutUs__background{max-width: 45rem;height: 60rem;}
  .PLus30Years{width: 9rem;height: 9rem;}
  .signature{width: 23rem;height: 8rem;}
  .services__cards--container{grid-template-columns: repeat(1, 1fr);}
  .logo__in__section{height: 9.5rem;width: 9.5rem;}
  .service__card--title{max-width: 70rem;height: 28rem;}
  .service__card--box{max-width: 90rem;height:fit-content;padding: 8rem 0;}
  .service__card--men,.service__card--women{height: 40rem;}
  .service__card--box span{font-size: 4.2rem;}
  .service__card--box h2{font-size: 3.5rem;margin-bottom: 3.5rem;}
  .service__card--box--container--paragraph{width: 90%;}
  .services__Title--Container{max-width: 48rem;}
  .cards__Grid{max-width: 50rem;grid-template-columns: repeat(1, 1fr);} 
  .service__Container{padding: 4rem 3.5rem;}
  .service__Icon span img{width: 8rem;}
  .btn__seeAboutService{font-size: var(--size-p);}
  .Parteners__Title--Container{max-width: 54rem;}
  .galleryItem {max-width: 30rem;}
  .testimonial__slider{max-width:100%;}
  .CTAContainer h2{margin-bottom: 2.3rem;}
  .CTAContainer{padding-top: 25rem;max-width: 60rem;}
  .before{transform: rotate(-3deg);}
  .before{left: 3%;}
  .after{right: 3%;transform: rotate(3deg);}
  .faqΙtem{max-width: 55rem;}
  .faqQuestion{padding: 1.4rem;}
  .map iframe{ max-width: 60rem;height: 40rem;}


    .h2Text{font-size: 4rem;}

}




@media (max-width: 34em) {  
  .containerSection{max-width: 100%;}
  .footer__Top--container{max-width: 48rem;}
  .aboutUs__background{max-width: 40rem;height: 55rem;}
  .aboutUs__info {width: 95%;}
  .aboutUs__text{padding: 0rem 0 2rem 0;}
  .service__card--box span{font-size: 3.2rem;}
  .service__card--box h2{font-size: 3rem;}
  .services__Title--Container{max-width: 38rem;}
  .cards__Grid{max-width: 45rem;} 
  .service__Icon span img{width: 8.5rem;}
  .Parteners__Title--Container{max-width: 45rem;}
  .Parteners__Title--Container h2{width: 35rem;}
  .galleryItem {max-width: 25rem;}
  .gallery__Container{height: 205rem;}
  .testimonial__slider{height: 38rem;}
  .testimonialSlide{height: 38rem;}
  .testimony{max-width: 48rem;}
  .testimony p{padding-bottom: 0rem;padding-left: 4rem;}
  .testimony::before {left: 0rem;}
  .testimonyText{line-height: 1.6;} 
  .CTAContainer{max-width: 55rem;}
  .CTAContainer h2{margin-bottom: 2.3rem;}
  .videoContainer video{width: 58rem;}
  .before,.after{max-width: 27rem;}
  .before{text-align: left;}
  .before span, .after span{font-size: 3.6rem;}
  .before span{width: 70%;} 
  .before{left: 5%;}
  .after{right: 5%;}
  .map iframe{max-width: 100%;height: 40rem;}


    .h2Text{font-size: 3.2rem;}

}



@media (max-width: 25.2em) {
  .containerSection{max-width: 100%;}
  .footer__address__column, .footer__contact__column, .footer__siteMap__column, .footer__openHours__column{padding-bottom: 4rem;}
  .footer__Top--container{grid-template-columns: 1fr;max-width: 37rem;}
  .footer__Top--container > * {grid-column: auto !important;grid-column-start: auto !important;grid-column-end: auto !important;grid-row: auto !important;}
  .socialIcon{height: 3.5rem;width: 3.5rem;} 

  .aboutUs__info {width: 100%;}
  .aboutUs__text{padding: 0rem 0 2.5rem 0;}
  .aboutUs__background{max-width: 35rem;height: 50rem;}
  .service__card--box--container--paragraph{width: 85%;}  
  .services__Title--Container{padding: 0 0 2rem 0;}
  .service__Icon span img{width: 9rem;}
  .cards__Grid{max-width: 42rem;} 
  .btn__seeAboutService{font-size: 1.8rem;} 
  .service__MoreText {margin-top: 2.5rem;}
  .galleryItems {padding: 0;}
  .gallery__Container{height: 180rem;}
  .modalDimensions{width: 40rem;height: 45rem;}
  .testimonial__slider{height: 40rem;}
  .testimonialSlide{height: 40rem;}
  .testimony{max-width: 43rem;}
  .CTAContainer{max-width: 44rem;padding-top: 15.5rem;}
  .videoContainer video{width: 45rem;height: 25.31rem;}
  .before,.after{max-width: 26rem;}
  .before{left: 5%;}
  .after{right: 5%;}
  .leftSide h2{font-size: 4.8rem;letter-spacing: 0.5rem;} 
  .faq__Container{max-width: 45rem;}
  .mapContainer {padding: 0;}
  .map iframe{height: 30rem;}



  .h1Strong{font-weight:500}
  .h2Text{font-size: 3.3rem;}.contextText,.highlightText{font-size: 1.625rem;}
}



@media (max-width: 24.2em) {
  .aboutUs__background{max-width: 30rem;height: 45rem;}
  .service__card--box span{font-size: 2.8rem;}
  .service__card--box h2{font-size: 2.5rem;}
  .service__card--box{padding: 6.5rem 0;}
  .service__card--box--container--paragraph{width: 93%;}
  .services__Title--Container h2{padding-bottom: 1rem;}
  .Parteners__Title--Container{max-width: 38rem;}
  .Parteners__Title--Container h2{width: 32rem;}
  .gallery__Container{height: 145rem;}
  .testimonial__slider{height: 42rem;}
  .testimonialSlide{height: 42rem;}
  .dots{margin-bottom: 2.5rem;}
  .CTAContainer{max-width: 35rem;}
  .videoContainer video{width: 38rem;height: 21.375rem;}
  .before,.after{max-width: 24rem;}
  .before span{width: 100%;}
  .before{top: 5%;left: 2%;}
  .after{bottom: 15%;right: 2%;}
  .leftSide h2{font-size: 4.5rem;letter-spacing: 0.3rem;} 
  .faq__Container{max-width: 37rem;}
  .faqQuestion{padding: 1.4rem 1rem;}
  .map iframe{height: 25rem;} 


  /* .h2Text{font-size: 2.75rem;} */
}