/*
Theme Name: 3 Corners Interior Design
Theme URI: https://3corners.gr
Author: 3 Corners
Description: Custom WordPress theme for 3 Corners Interior Design
Version: 1.0
*/

:root{
      --beige: #DABFAC;
      --dark: #2C2B29;
      --light: #F8F6F3;
      --white: #ffffff;
    }

    body{
      font-family: 'Manrope', sans-serif;
      background-color: var(--dark);
      color: var(--light);
    }

    a {
    color: var(--dark);
    text-decoration: none;
    }
#menu-main-menu {
  font-size: 18px;

}
  
    .contact-section{
      padding-top:180px;
       background-color: var(--dark);
    }

    .contact-wrapper{
      background-color: var(--white);
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    }

    .contact-image{
      position: relative;
      min-height: 100%;
      background-image: url('/assets/img/kitchen/kitchen-5.webp');
      background-size: cover;
      background-position: center;
    }

    .contact-image-overlay{
      position: absolute;
      inset: 0;
      background: linear-gradient(
        to bottom,
        rgba(44,43,41,0.65),
        rgba(44,43,41,0.2)
      );
    }

    .contact-image-content{
      position: relative;
      z-index: 2;
      color: var(--light);
      padding: 20px 40px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }

    .contact-image-content h2{
      font-size: 2rem;
      font-weight: 600;
      margin-bottom: 15px;
    }

    .contact-form-side{
      padding: 60px 45px;
    }
    
    .contact-page .section-title{
         color: var(--dark);
    }

    .section-subtitle{
      color: var(--beige);
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 0.85rem;
      font-weight: 600;
      margin-bottom: 10px;
    }

    .section-title{
      font-size: 2.2rem;
      font-weight: 600;
      margin-bottom: 20px;
      color: var(--beige);
    }

    .section-text{
      color: #6f6f6f;
      margin-bottom: 35px;
      line-height: 1.8;
    }

    .form-control{
      border-radius: 8px;
      border: 1px solid #ddd;
      padding: 14px 16px;
      min-height: 52px;
      box-shadow: none !important;
      transition: 0.3s ease;
    }

    textarea.form-control{
      min-height: 140px;
      resize: none;
    }

    .form-control:focus{
      border-color: var(--beige);
    }

    .form-label{
      font-weight: 500;
      margin-bottom: 8px;
      color: var(--dark);
    }

    .contact-btn{
      background-color: var(--dark);
      color: white;
      border: none;
      border-radius: 8px;
      padding: 14px 30px;
      font-weight: 500;
      transition: 0.3s ease;
    }

    .contact-btn:hover{
      background-color: var(--beige);
      color: var(--dark);
    }

    .contact-info{
      margin-top: 40px;
      padding-top: 30px;
      border-top: 1px solid #eaeaea;
    }

    .info-item{
      margin-bottom: 18px;
    }

    .info-title{
      font-size: 0.9rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--beige);
      margin-bottom: 5px;
      font-weight: 600;
    }

    .info-text{
      color: var(--dark);
      margin: 0;
    }

    @media(max-width: 991px){

      .contact-image{
        min-height: 350px;
      }

      .contact-form-side{
        padding: 45px 25px;
      }

      .section-title{
        font-size: 2rem;
      }

    }

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

.trp-menu-ls-label img {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: 'EB Garamond', serif;
  font-weight: 600;
  margin-bottom:10px;
  line-height:1.5;
}
.elementor-heading-title {
  line-height: 1.3!important;
}
.about-hero,
.story-section,
.values-section,
.gallery-section,
.cta-section {
  background: var(--dark);
}

.hero-content,
.story-card,
.value-card,
.cta-card,
.mini-stat {
  border-radius: 8px;
}

.hero-content {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  position:relative;
    z-index:2;
    max-width:750px;
padding: 30px;
}

.hero-image,
.section-image,
.carousel-img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.hero-image {
  height: 650px;
}

.section-image {
  height: 100%;
  min-height: 500px;
}

.carousel-img {
  height: 650px;
}

.section-tag {
  color: var(--beige);
  letter-spacing: 2px;
  font-size: 0.8rem;
  font-weight: 600;
}



.hero-text,
p {
  color: rgba(248, 246, 243, 0.8);
  line-height: 1.8;
}

.custom-btn {
  background: var(--beige);
  color: var(--dark);
  border-radius: 8px;
  padding: 14px 28px;
  border: none;
  transition: 0.3s ease;
  font-weight: 600;
}

.custom-btn:hover {
  background: var(--light);
  transform: translateY(-2px);
  color: var(--dark);
}



.story-card,
.value-card,
.cta-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}

.mini-stat {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
}

.mini-stat h3 {
  color: var(--beige);
  font-size: 2rem;
  margin-bottom: 5px;
}

.mini-stat span {
  font-size: 0.9rem;
  color: rgba(248,246,243,0.75);
}

.value-number {
  color: var(--beige);
  font-size: 2rem;
  font-family: 'EB Garamond', serif;
}

.value-card h4 {
  margin-bottom: 15px;
  font-size: 1.8rem;
}

.gallery-section {
  padding-bottom: 0;
}

.carousel-inner {
  border-radius: 8px;
  overflow: hidden;
}



.marquee-track {
  display: inline-flex;
  gap: 40px;
  animation: marquee 20s linear infinite;
  color: var(--dark);
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 2px;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.cta-card {
  max-width: 900px;
  margin: auto;
}

@media (max-width: 991px) {
   .menu-item-29 .sub-menu{
        display:none!important;
    }
    
     .navbar-collapse {
    background: var(--light);
    margin-top: 20px;
    padding: 20px;
    border-radius: 8px;
    margin: 0 auto;
    text-align: center;
    max-width: 200px;
    font-size:18px;
  }

  

  .insta-icon {
    margin: 0 auto;
  }

  .footer-section {
    padding-top: 30px;
  }
   
 .footer-img{
    text-align:center;
    width:150px;
  border-radius:8px;
  margin: 0 auto;
  margin-bottom: 30px;
 }
  .hero-image,
  .carousel-img {
    height: 500px;
  }

  .section-image {
    min-height: auto;
    height: 450px;
  }
}







.mini-stat {
  border-radius: 8px;
}



.hero-image,
.section-image,
.carousel-img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.hero-image {
  height: 650px;
}

.section-image {
  height: 100%;
  min-height: 500px;
}

.carousel-img {
  height: 650px;
}

.section-tag {
  color: var(--beige);
  letter-spacing: 2px;
  font-size: 0.8rem;
  font-weight: 600;
}



.hero-text,
p {
  color: rgba(248, 246, 243, 0.8);
  line-height: 1.8;
}



.custom-btn-outline {
  border: 1px solid rgba(255,255,255,0.15);
  color: var(--light);
  border-radius: 8px;
  padding: 14px 28px;
}

.custom-btn-outline:hover {
  background: rgba(255,255,255,0.08);
}

.story-card,
.value-card,
.cta-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}

.mini-stat {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
}

.mini-stat h3 {
  color: var(--beige);
  font-size: 2rem;
  margin-bottom: 5px;
}






.carousel-inner {
  border-radius: 8px;
  overflow: hidden;
}

.marquee-wrapper {
  background: var(--beige);
  overflow: hidden;
  white-space: nowrap;
}


.marquee-wrapper {
    width: 100%;
    overflow: hidden;
}

.marquee-track {
    display: flex;
    width: max-content;
    align-items: center;
    gap: 30px;
    white-space: nowrap;
    animation: marquee 35s linear infinite;
}

.marquee-track span {
    flex-shrink: 0;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}




@media (max-width: 767px) {
    
 

  .hero-content,
  .story-card,
  .value-card,
  .cta-card {
    padding: 24px !important;
    border-radius: 8px;
  }

  .hero-image,
  .carousel-img,
  .section-image {
    height: 350px;
  }

  .section-title {
    line-height: 1.1;
  }

 
}
/* ========================================
   HEADER
======================================== */
#header{
        margin-bottom: 100px;
}
.custom-navbar {
  background:var(--beige);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #2C2B29;
  
}

.logo-text {
  color: var(--beige);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 3px;
}

.logo-text:hover {
  color: var(--dark);
}

.nav-link {
  color: var(--dark);
  font-weight: 500;
  transition: 0.3s ease;
  position: relative;
}

.nav-link:hover {
  color: var(--white);
}
.nav-link.active {
  color: var(--dark);
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 1px;
  background: var(--white);
  transition: 0.3s ease;
}

.nav-link:hover::after {
  width: 100%;
}

.language-switch {
  color: var(--dark);
}

.lang {
  color: var(--dark);
  text-decoration: none;
  transition: 0.3s ease;
}

.lang:hover,
.active-lang {
  color: var(--white);
}

.tutorial_link{
     color: var(--dark)!important;
}

.info-text a{
    color: var(--dark);
    text-decoration:none;
}

.info-text a:hover{
    color: var(--dark);
    font-weight:bold;
}
.bi-instagram{
    margin-right:3px;
}
.insta-icon {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
   color: var(--dark);
 
  text-decoration: none;
  transition: 0.3s ease;
}

.insta-icon:hover {
  color: var(--light);
}

.navbar-toggler {
  background: var(--beige);
  border-radius: 8px;
  padding: 8px 10px;
}



/* ========================================
   FOOTER
======================================== */

.footer-section {
  background: var(--dark);
  padding: 50px 0 30px;
  color: var(--light);
}

.navbar .logo img{
  width:120px;
  border-radius:8px;
}

.footer-wrapper {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 50px;
}

.footer-card {
  background: rgba(255,255,255,0.04);
  padding: 30px;
  border-radius: 8px;
  transition: 0.3s ease;
}

.footer-card:hover {
  background: rgba(255,255,255,0.07);
  transform: translateY(-4px);
}

.footer-logo {
  color: var(--beige);
  font-size: 1.6rem;
  margin-bottom: 20px;
  letter-spacing: 3px;
}

.footer-description {
  color: rgba(255,255,255,0.7);
  line-height: 1.8;
}



.category-details ol{
    list-style-type: circle; 
    list-style-position: inside; 
}

.category-details h4 {
    font-family: 'EB Garamond',serif;
  font-weight: 400;
  color:#dabfac;
  line-height: 1.3;
  font-size: 2.3rem;
}
.category-details p {
color:  #bfbdbb;
  line-height: 1.8;
  font-family:Sans-serif;
}

.footer-title {
  color: var(--beige);
  margin-bottom: 20px;
  font-size: 1.3rem;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 12px;
}

.footer-wrapper a {
  text-decoration: none;
  color: var(--white);
  transition: 0.3s ease;
}

.footer-links a:hover {
  color: var(--beige);
  padding-left: 4px;
}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 25px;
}

.footer-bottom p {
  margin: 0;
  color: rgba(255,255,255,0.5);
}

/* ========================================
   RESPONSIVE
======================================== */



/*FLOORPLAN*/
.floor-plan{

    padding:50px 0;

    background:var(--dark);

}



.floorplan-heading-top{

    margin-top:150px;

}

.floorplan-heading{
    text-align:center;
}

.floorplan-heading span{

    display:block;

    color:var(--beige);

    font-family:'Manrope', sans-serif;

    font-size:12px;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:15px;

}



.floorplan-heading h3{

    margin:0;


    font-family:'EB Garamond', serif;

    font-size:clamp(2rem,4vw,3rem);


    font-weight:500;


    color:var(--light);


    line-height:1;


}
.plan-image{

    position:relative;

    width:100%;

    max-width:1200px;

    margin:auto;


    aspect-ratio: 16 / 8;


    background-image:url("/assets/img/floorplan-transparent.png");

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center;

}



/* όλα τα δωμάτια */

.room{

    position:absolute;

    display:flex;

    align-items:center;

    justify-content:center;


    text-decoration:none;


    background:rgba(44,43,41,0.3);


    transition:.4s ease;


}



.room div{

    opacity:0.7;

    text-align:center;

    transition:.4s;

}



.room h4{

    font-family:'EB Garamond',serif;
color:var(--dark);
    font-size:2rem;
line-height: 1;
}



.room span{

    letter-spacing:2px;
color:var(--dark);
    font-size:12px;

}





.room:hover{


    background:
    rgba(44,43,41,0);


}

.hall:hover{
  background:rgba(44,43,41,0.3);
}

.room:hover div{

    opacity:1;

}

.bedroom{

    top:3%;

    left:6.5%;

    width:21.5%;

    height:49%;

}



.bathroom{

    top:11%;

    left:27.5%;

    width:25%;

    height:26%;

}

.hall{

    top:37%;

    left:28%;

    width:28.5%;

    height:13.5%;

}

.entry-hall{

    top:11%;

    left:52.5%;

    width:41.5%;

    height:26%;
    
clip-path: polygon(
        0 0,
        68% 0,
        100% 100%,
        100% 100%,
        0 100%
    );
}



.kids-bedroom{

    bottom:5%;

    left:13%;

    width:22%;

    height:44.5%;

}

.kitchen{

    bottom:5%;

    left:10%;

    width:22%;
left: 34.5%;
    height:44.5%;

}



.living-room{

    bottom:5%;

    right:6%;

    width:37.5%;

    height:58%;

}

.text-living {
    margin-right: 20%;
}

.text-bedroom {
    margin-left: 18%;
    margin-top:10%;
}

.text-entry {
    margin-right: 30%;
    margin-top:7%;
}

.text-kids-room {
    margin-left: 22%;
   margin-bottom:10%;
}

.text-bathroom {
    margin-top:10%;
}

.s-floor{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:20px;

    padding:20px;
   
    margin: 0 auto;

}


.s-floor img{

    max-width: 335px;

    height:100%;

    aspect-ratio:1 / 1;

    object-fit:cover;

    border-radius:10px;

    display:block;

}



 @media(min-width: 991px){
    
  .small-floorplan{
    display:none;
  }
 }
 @media(max-width: 990px){
  .big-floorplan{
    display:none;
  }
 }

/*FLOORPLAN END*/


.required{
  color: #c0392b;
}

.form-control:not(:placeholder-shown):invalid{
  border-color: #c0392b;
}

.form-control:not(:placeholder-shown):valid{
  border-color: #198754;
}



@media(max-width:768px){

    .hero-home h1{
        font-size:3.5rem;
    }

    .hero-home p{
        font-size:1rem;
    }

    .hero-buttons{
        flex-direction:column;
    }

}

.about-editorial{

    background:var(--dark);

    padding:150px 0;

}



.about-title{

    margin-bottom:80px;

}



.about-title span{

    color:var(--beige);

    letter-spacing:4px;

    font-size:12px;

}



.about-title h2{

    margin-top:25px;


    max-width:900px;


    font-family:
    'EB Garamond',
    serif;


    font-size:
    clamp(3.5rem,7vw,6rem);


    line-height:.95;


    color:var(--light);

}



.about-main-image{

    height:750px;

    overflow:hidden;

    border-radius:8px;

}



.about-main-image img{

    width:100%;

    height:100%;

    object-fit:cover;


    transition:1s ease;

}



.about-main-image:hover img{

    transform:scale(1.04);

}



.about-text{

    padding-left:50px;

}



.about-small-image{


    width:100%;


    height:300px;


    margin-bottom:40px;


    overflow:hidden;


    border-radius:8px;

}



.about-small-image img{


    width:100%;

    height:100%;


    object-fit:cover;

}



.about-text p{


    color:
    rgba(248,246,243,.75);


    line-height:1.9;


    font-size:1.05rem;


    margin-bottom:25px;

}



.text-link{

    color:var(--beige);

    text-decoration:none;


    letter-spacing:2px;

}



@media(max-width:991px){
.footer-card{
    text-align:center;
}

.about-editorial{

    padding:90px 0;

}


.about-main-image{

    height:500px;

}



.about-text{

    padding-left:0;

    margin-top:40px;

}


}.hero-video{

    position:relative;

    height:100vh;

    min-height:700px;

    overflow:hidden;

    display:flex;

    align-items:center;

}



.hero-background{

    position:absolute;

    inset:0;


    width:100%;

    height:100%;


    object-fit:cover;


    z-index:0;

}



.hero-overlay{

    position:absolute;

    inset:0;


    background:
    linear-gradient(
        90deg,
        rgba(44,43,41,.85),
        rgba(44,43,41,.35)
    );


    z-index:1;

}






.hero-tag{

    color:var(--beige);

    letter-spacing:4px;

    font-size:13px;

}



.hero-video h1{

    color:var(--light);

    font-family:'EB Garamond',serif;


    font-size:
    clamp(3.5rem,7vw,6rem);


    line-height:1.1;

    margin:25px 0;

}



.hero-video p{

    color:rgba(248,246,243,.85);

    max-width:500px;

    font-size:1.1rem;

    line-height:1.8;

}



.hero-buttons{

    display:flex;

    gap:15px;

    margin-top:40px;

}



.btn-main{

    background:var(--beige);

    color:var(--dark);

    padding:15px 35px;

    border-radius:8px;

    text-decoration:none;
text-align:center;
}
.btn-main:hover{

    background:var(--light);
 transition: 0.5s;
    color:var(--dark);
}



.btn-outline{
    border:1px solid rgba(255,255,255,.4);

    color:white;

    padding:15px 35px;

    border-radius:8px;

    text-decoration:none;
text-align:center;
}

.btn-outline:hover{
    border:1px solid rgba(255,255,255,.4);
 background:rgba(255,255,255,.8);
    color:var(--dark);

    padding:15px 35px;

    border-radius:8px;
 transition: 0.5s;
    text-decoration:none;

}



@media(max-width:768px){

.hero-video{

    min-height:850px;

}


.hero-buttons{

    flex-direction:column;

}

}

/*PORTFOLIO*/


    /* HERO */

    .portfolio-hero{
      padding-top: 150px;
      text-align: center;
   
    }

    .portfolio-subtitle{
      color: var(--beige);
      text-transform: uppercase;
      letter-spacing: 3px;
      font-size: 0.85rem;
      font-weight: 600;
      margin-bottom: 15px;
      display: inline-block;
    }

    .selected-card img:hover{
      filter: brightness(50%);
      transition: all 0.5s ease-in;
    }

    .portfolio-title{
      font-size: 3rem;
      font-weight: 700;
      margin-bottom: 20px;
    }

    .portfolio-text{
      max-width: 700px;
      margin: auto;
      color:var(--beige);
      line-height: 1.9;
    }

    /* CATEGORY */

    .portfolio-section{
      padding: 80px 0;
    }

    .category-card{
      position: relative;
      overflow: hidden;
      border-radius: 20px;
      height: 420px;
      cursor: pointer;
    }

    .category-card img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.5s ease;
    }

    .category-card:hover img{
      transform: scale(1.08);
    }

    .category-overlay{
      position: absolute;
      inset: 0;
      background: linear-gradient(
        to top,
        rgba(44,43,41,0.9),
        rgba(44,43,41,0.15)
      );
    }

    .category-content{
      position: absolute;
      bottom: 30px;
      left: 30px;
      z-index: 2;
      color: white;
    }

    .category-content span{
      color: var(--beige);
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 0.8rem;
      font-weight: 600;
    }

    .category-content h3{
      margin-top: 10px;
      font-size: 2rem;
      font-weight: 600;
    }

    /* MODAL */

    .custom-modal{
      background: transparent;
      border: none;
      position: relative;
    }

    .slider-image{
      width: 100%;
      height: 85vh;
      object-fit: cover;
      border-radius: 18px;
    }

    .custom-close{
      position: absolute;
      top: -10px;
      right: -10px;
      z-index: 100;
      background-color: white;
      opacity: 1;
      border-radius: 50%;
      padding: 12px;
    }

    .carousel-control-prev,
    .carousel-control-next{
      width: 10%;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon{
      background-color: rgba(0,0,0,0.45);
      border-radius: 50%;
      padding: 24px;
    }

    @media(max-width: 991px){
        .service-card{
            text-align:center;
        }

      .portfolio-title{
        font-size: 2.3rem;
      }

      .category-card{
        height: 340px;
      }

    }

    @media(max-width: 768px){

      .slider-image{
        height: 60vh;
      }

      .portfolio-title{
        font-size: 2rem;
      }

    }

    /* SERVICES SECTION */

.services-home{

    background:var(--dark);

    padding:120px 0;

}



/* TITLE */

.section-heading span{

    color:var(--beige);

    font-size:13px;

    letter-spacing:4px;

    text-transform:uppercase;

}



.section-heading h3, .services-home h4{

    color:var(--light);

    font-family:'EB Garamond', serif;

    font-size:clamp(2rem,4vw,3rem);

    margin-top:15px;

}



/* SERVICE CARD */


.service-card{

    position:relative;

    height:100%;

    padding:45px 35px;


    background:
    rgba(248,246,243,0.04);


    border:1px solid rgba(218,191,172,.15);


    border-radius:8px;


    overflow:hidden;


    transition:.5s ease;

}




/* beige line */

.service-card::before{

    content:"";

    position:absolute;


    left:0;

    top:0;


    width:3px;

    height:0;


    background:var(--beige);


    transition:.5s ease;

}




/* ICON */


.service-card i{

    display:flex;


    width:60px;

    height:60px;


    align-items:center;

    justify-content:center;


    border-radius:50%;


    background:rgba(218,191,172,.12);


    color:var(--beige);


    font-size:28px;


    margin-bottom:30px;


    transition:.4s ease;

}




/* TITLE */


.service-card h4{


    color:var(--light);


    font-family:'EB Garamond',serif;


    font-size:2rem;


    margin-bottom:15px;


}




/* TEXT */


.service-card p{


    color:rgba(248,246,243,.65);


    line-height:1.8;


    margin:0;


}



/* HOVER */


.service-card:hover{


    transform:translateY(-10px);


    background:

    rgba(218,191,172,.08);


    border-color:rgba(218,191,172,.35);


}



.service-card:hover::before{

    height:100%;

}



.service-card:hover i{


    background:var(--beige);


    color:var(--dark);


    transform:rotate(8deg);


}




/* MOBILE */

@media(max-width:768px){


.services-home{

    padding:80px 0;

}


.service-card{

    padding:35px 25px;

}


}

.projects-home{

    background:var(--dark);

    padding:120px 0;

}



.projects-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}



.project-card{

    position:relative;

    height:450px;

    overflow:hidden;

    border-radius:8px;

    text-decoration:none;

}



.project-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:1s ease;

}



.project-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        transparent,
        rgba(44,43,41,.8)
    );

}



.project-overlay{

    position:absolute;

    bottom:35px;

    left:35px;

    z-index:2;

}



.project-overlay span{

    color:var(--beige);

    letter-spacing:3px;

    font-size:12px;

}



.project-overlay h4{

    color:white;

    font-family:'EB Garamond',serif;

    font-size:2rem;

    margin-top:10px;

}



.project-card:hover img{

    transform:scale(1.08);

}






@media(max-width:768px){


.projects-grid{

    grid-template-columns:1fr;

}


.project-card,
.project-big{

    height:450px;

}


}

.philosophy-section{

    background:var(--beige);

    padding:150px 0;

    overflow:hidden;

}



.philosophy-content{

    text-align:center;

    max-width:1000px;

    margin:auto;

}



.philosophy-content span{

    color:var(--dark);

    font-size:12px;

    letter-spacing:4px;

}



.philosophy-content h4{


    margin-top:35px;


    font-family:'EB Garamond',serif;


    font-size:
    clamp(3rem,5vw,6rem);


    line-height:1;


    color:var(--dark);
max-width: 900px;


}



.philosophy-content p{


    max-width:500px;


    margin:40px auto 0;


    color:rgba(44,43,41,.75);


    font-size:1.1rem;


    line-height:1.8;


}
@media(max-width:768px){


.philosophy-section{

    padding:90px 0;

}


.philosophy-content h2{

    font-size:3rem;

}


}

/*TESTIMONIALS*/

/* TESTIMONIALS */

.testimonials{

    background:var(--dark);

    padding:120px 0;

}



.testimonial-card{


    height:100%;


    padding:45px 35px;


    background:

    rgba(248,246,243,.04);


    border:1px solid rgba(218,191,172,.15);


    border-radius:8px;


    position:relative;


    transition:.4s ease;


}



/* quote icon */

.testimonial-card::before{


    content:"“";


    position:absolute;


    top:20px;


    right:30px;


    font-family:'EB Garamond',serif;


    font-size:90px;


    color:var(--beige);


    opacity:.5;


}



.testimonial-card:hover{


    transform:translateY(-8px);


    border-color:var(--beige);


}





.testimonial-card .stars{


    color:var(--beige);

}

/*CTA*/
.cta-section{


    background:var(--beige);

    padding:120px 0;


}



.cta-wrapper{


    display:grid;


    grid-template-columns:1fr 1fr;


    gap:70px;


    align-items:center;


}



.cta-text span{


    color:var(--dark);


    font-size:12px;


    letter-spacing:4px;


}



.cta-text h4{


    color:var(--dark);


    font-family:'EB Garamond',serif;


    font-size:
    clamp(3rem,5vw,5rem);


    line-height:.95;


    margin:30px 0;


}



.cta-text p{


    color:rgba(44,43,41,.75);


    max-width:450px;


    line-height:1.8;


    font-size:1.05rem;


}



.cta-btn{


    display:inline-block;


    margin-top:35px;


    padding:15px 40px;


    background:var(--dark);


    color:var(--light);


    text-decoration:none;


    border-radius:8px;


    transition:.3s;


}



.cta-btn:hover{


    transform:translateY(-4px);


    background:#000;


}




.cta-image{


    height:600px;


    overflow:hidden;


    border-radius:8px;


}



.cta-image img{


    width:100%;


    height:100%;


    object-fit:cover;


    transition:1s;


}



.cta-image:hover img{


    transform:scale(1.05);


}



@media(max-width:991px){
.rooms .floorplan-heading{

    margin-top:200px;

}
.gallery-section {
  padding: 0 15px;
}
.service-card i{
    margin:0 auto;
}



.cta-wrapper{

    grid-template-columns:1fr;

}



.cta-image{

    height:450px;

}



}

.dark-card{
    background-color:var(--dark);
    border-radius:10px;
}