*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif;}
/* body{background:#000;color:#fff;} */

.hero { position: relative; width: 100%;height: 80vh; padding-top: 50%; overflow: hidden; font-family: 'Arial', sans-serif; display: flex; align-items: center; }
.hero-slides { position: absolute; inset: 0; z-index: 0; }
.slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transform: scale(1.2); transition: opacity 1.5s ease; animation: zoomOut 8s linear infinite; }
.slide:nth-child(1) { background: linear-gradient(to right, rgba(0, 0, 0, 0.596) 40%, rgba(0, 0, 0, 0.541)), url("../img/hero\ bg\ 2.jpg") center/cover; }
.slide:nth-child(2) { background: linear-gradient(to right, rgba(0, 0, 0, 0.267) 40%, rgba(0, 0, 0, 0.541)), url("../img/hero-bg\ 1.jpg") center/cover; }
.slide:nth-child(3) { background: linear-gradient(to right, rgba(0, 0, 0, 0.623) 40%, rgba(0, 0, 0, 0.541)), url("../img/hero-bg\ 3.jpg") center/cover; }
.slide.active { opacity: 1; z-index: 1; }

@keyframes zoomOut { 0% { transform: scale(1.2); } 100% { transform: scale(1); } }

/* ================= HERO CONTENT ================= */
.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;max-width:900px;width:90%;opacity:0;animation:fadeUp 1.2s ease forwards;}
.estd{font-size:14px;letter-spacing:3px;opacity:.8;}
.hero-content h1{font-size:64px;font-weight:600;line-height:1.2;margin:20px 0;}
.designation{font-size:18px;opacity:.9;margin-bottom:35px;line-height:1.6;}
.hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}
.btn{padding:14px 28px;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;}
.primary{position:relative;display:inline-block;padding:14px 28px;color:#fff;border:1px solid #8a7b4d;background:transparent;overflow:hidden;z-index:1;transition:color .4s ease,transform .3s ease;}
.primary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#8a7b4d;z-index:-1;transition:left .4s ease;}
.primary:hover::before{left:0;}
.primary:hover{color:#fff;transform:translateY(-3px);}
.secondary{border:1px solid #fff;color:#fff;}
.secondary:hover{background:#fff;color:#000;}

/* ================= SCROLL DOWN ================= */
.scroll-down{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);}
.scroll-down span{display:block;width:18px;height:18px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);animation:scroll 1.5s infinite;}

/* ================= ANIMATIONS ================= */
@keyframes fadeUp{from{opacity:0;transform:translate(-50%,-40%);}to{opacity:1;transform:translate(-50%,-50%);}}
@keyframes scroll{0%{opacity:0;transform:rotate(45deg) translate(-5px,-5px);}50%{opacity:1;}100%{opacity:0;transform:rotate(45deg) translate(5px,5px);}}

/* ================= MOBILE < 640px ================= */
@media(max-width:639px){
.hero{height:70vh;min-height:600px;}
.hero-content{width:92%;}
.hero-content h1{font-size:30px;line-height:1.3;}
.designation{font-size:14px;}
.hero-buttons{flex-direction:column;gap:12px;}
.btn{padding:15px 10px;font-size:13px;margin-left: 2em;margin-right: 2em;}
.scroll-down{bottom:20px;}
}
/* ================= TABLET 640px - 1024px ================= */
@media(min-width:640px) and (max-width:1023px){
.hero{height:75vh;min-height:650px;}
.hero-content{width:85%;}
.hero-content h1{font-size:42px;}
.designation{font-size:16px;}
}
/* ================= DESKTOP 1024px - 1280px ================= */
@media(min-width:1024px) and (max-width:1279px){
.hero {height: 60vh; /* reduced from 80vh */}
.hero-content h1 {font-size:56px;}
.designation {font-size:17px;}}
/* ================= LARGE > 1280px ================= */
@media(min-width:1280px){
.hero {height: 50vh; /* reduced from 100vh */min-height:600px; /* reduced from 900px */}
.hero-content {max-width:1000px;}
.hero-content h1 {font-size:72px;}
.designation {font-size:20px;}}
/* ================ HEADER ================= */
header { position: fixed; top: 0; left: 0; width: 100%; background: transparent; padding: 3px 25px 0px; z-index: 9999; transition: background 0.4s ease, box-shadow 0.4s ease; }
header::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 1px; background: rgba(255,255,255,0.35); transition: background 0.4s ease; }
header.scrolled::after { background: rgba(255,255,255,0.15); }
header.scrolled { background-color: #000000; box-shadow: 0 10px 30px rgba(0,0,0,0.25); }

/* ================= HEADER INNER ================= */
.header-inner { max-width: 1300px; margin: auto; display: grid; grid-template-columns: auto 1fr auto; align-items: center; min-height: 70px; }
/* ================= NAV ================= */
nav { display: flex; justify-content: center; margin-left: 23em; margin-top: -10px; }
nav ul { list-style: none; display: flex; align-items: center; gap: 20px; }
nav ul li { position: relative; }
nav ul li a { color: #ffffff; text-decoration: none; font-weight: 500;  padding-bottom: 6px; transition: color 0.3s ease;font-size: 13px; }
nav ul li a:hover, nav ul li a.active { color: #8a7b4d; }
nav ul li a::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 0%; height: 2px; background-color: #9c8a5a; border-radius: 2px; transition: width 0.3s ease; }
nav ul li a:hover::after, nav ul li a.active::after { width: 100%; }
/* ================= LOGO ================= */
.logo img{height:3em;width:15em;filter:brightness(1.3);margin-left: -2em;}
header.scrolled .logo img{filter:brightness(1.6) contrast(1.2);}
/* ================= DROPDOWN ================= */
.dropdown-menu { display: none; position: absolute; top: 35px; left: 0; min-width: 170px; background-color: #1f2937; border-radius: 6px; overflow: hidden; z-index: 9999; }
.dropdown-menu li a { display: block; padding: 12px 15px; color: #ffffff; font-size: 13px; }
.dropdown-menu li a:hover { background-color: #ffffff; color: #1f2937; }
.dropdown.active .dropdown-menu { display: block; }
/* ================= LOGIN BUTTON ================= */
.login-btn { padding: 8px 22px; background-color: transparent; border: 1px solid #ffffff; border-radius: 0; color: #ffffff !important; font-weight: 500; text-decoration: none; transition: all 0.3s ease; }
.login-btn::after, .login-btn:hover::after, .login-btn.active::after { display: none !important; }
.login-btn:hover { background-color: #ffffff; color: #1F2933 !important; }
/* ================= HAMBURGER ================= */
.menu-toggle { display: none; flex-direction: column; cursor: pointer; }
.menu-toggle span { width: 26px; height: 3px; background: #ffffff; margin: 4px 0; }
/* ================= TABLET ================= */
@media (max-width: 768px) { .header-inner { grid-template-columns: auto auto;} 
nav { margin-left: 0; display: none; position: absolute; top: 100%; left: 0; 
width: 100%; background: #1F2933; } 
nav.active { 
display: block; } 
nav ul { flex-direction: column; padding: 25px 0; gap: 22px; align-items: center;} 
/* login button default hide */
.login-btn { display: none; } 
/* menu open aana login button show */
nav.active .login-btn { display: inline-block; margin-top: 15px; } 
.menu-toggle { display: flex; align-items: end; } }
@media (max-width: 360px) { 
  header { padding: 14px 18px; } 
  nav ul { gap: 18px; } }

/* ================= 1024 RESPONSIVE ================= */
@media (max-width: 1024px) {
  /* HEADER */
  header {padding: 8px 20px;}
  .header-inner {grid-template-columns: auto 1fr auto;min-height: 65px;}
  /* LOGO */
  .logo img {height: 50px;width: auto;margin-left: -2.5em;}
  /* NAV */
  nav {margin-left: 0;margin-top: 0;}
  nav ul {gap: 14px;}
  nav ul li a {font-size: 14px;}
  /* DROPDOWN */
  .dropdown-menu {top: 30px;min-width: 150px;}
  .dropdown-menu li a {padding: 10px 14px;font-size: 13px;}
  /* LOGIN BUTTON */
  .login-btn {padding: 7px 18px;font-size: 14px;}
}
/* CSS */
.scrolling-menu {width: 100%;background-color: #8c7d55; /* match your screenshot */overflow: hidden;white-space: nowrap;box-sizing: border-box;}
.scrolling-track {
  display: flex;       /* flex allows gap to work */
  align-items: center;
  gap: 2rem;           /* space between each span */
  animation: scroll 20s linear infinite;
}
.scrolling-track span {display: inline-block;padding: 20px 0px;color: #fff;font-weight: bold;font-family: Arial, sans-serif;}
/* Keyframes for scrolling */
@keyframes scroll {
  0% {transform: translateX(0%);}
  100% {transform: translateX(-50%);}}
/* Optional: Responsive font size */
@media(max-width: 639px) {
.scrolling-track span {font-size: 14px;padding: 20px 1rem;}}
@media(min-width: 640px) and (max-width: 1023px) {
.scrolling-track span {
font-size: 16px;}}
@media(min-width: 1024px) {
.scrolling-track span {font-size: 18px;}}
body{font-family:'Poppins',sans-serif;background:#e9e4db;}
.about-section{padding:80px 6%;}
.about-container{display:flex;align-items:center;justify-content:space-between;gap:80px;}
.about-images{position:relative;width:50%;}
.img-top{position: relative;top: -5em;   /* increase value if more up venum */}
.img-top img{ width:70%;border-radius:25px;}
.img-bottom{position:absolute;bottom:-140px;right:-40px;width:60%;  border-left:9px solid #e9e4db;border-top:9px solid #e9e4db;border-radius: 35px;}
.img-bottom img{width:100%;border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,0.15);height: 45vh;}
.vertical-text{position:absolute;top:32%;right:140px;left:auto;transform:rotate(90deg) translateY(-50%);transform-origin:right;font-size:80px;font-weight:600;letter-spacing:0px;color:rgba(0, 0, 0, 0.151);}
.about-content{width:70%;}
.about-tag{font-size:14px;font-weight:500;color:#8c7b4f;}
.about-content h1{font-size:40px;font-weight:600;margin:15px 0 20px;line-height:1.3;}
.about-content h1 span{display:block;}
.about-desc{font-size:15px;color:#555;line-height:1.7;margin-bottom:20px;}
.about-points{display:flex;gap:30px;margin-bottom:30px;font-size:14px;}
.about-points span{color:#8c7b4f;margin-right:8px;}
.about-cards{display:flex;gap:20px;margin-bottom:30px;margin-top: 40px;}
.card{background:#f5f2eb;padding:25px;border-radius:20px;width:100%;position:relative;border: 2px solid black;}
.card-icon{position:absolute;top:20px;right:20px;font-size:30px;color:#8c7b4f;}
.card h3{margin-bottom:10px;}
.card p{font-size:14px;color:#555;margin-bottom:3em;}
.card hr{border:none;height:1px;background:#ddd;margin-bottom:10px;}
.card-link{font-size:13px;color:#8c7b4f;}
.about-bottom{display:flex;align-items:center;gap:30px;}
.about-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#000000;padding:14px 28px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:400;transition:0.3s;border:2px solid #8c7b4f;background:transparent;}
.about-btn:hover{background:#6f623d;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.25);}
.quote-text{font-size:14px;color:#333;display:flex;align-items:center;gap:10px;}
.quote-text a{color:#8c7b4f;font-weight:600;text-decoration:none;margin-left:5px;}
.avatar{width:35px;height:35px;border-radius:50%;background:url('https://randomuser.me/api/portraits/women/44.jpg') center/cover no-repeat;}
@media (max-width:639px){
  .about-section{padding:60px 5%;}
  .about-container{flex-direction:column;gap:40px;}
  .about-images,.about-content{width:100%;}
  .img-top{top:0;}
  .img-top img{width:100%;}
  .img-bottom{position:relative;bottom:0;right:0;width:100%;margin-top:20px;border-width:6px;}
  .img-bottom img{height:auto;}
  .vertical-text{display:none;}
  .about-content h1{font-size:28px;line-height:1.25;}
  .about-desc{font-size:14px;}
  .about-points{flex-direction:column;gap:12px;}
  .about-cards{flex-direction:column;gap:16px;}
  .about-bottom{flex-direction:column;align-items:flex-start;gap:14px;}
}
@media (min-width:640px) and (max-width:1023px){
  .about-section{padding:70px 6%;}
  .about-container{flex-direction:column;gap:60px;}
  .about-images,.about-content{width:100%;}
  .img-top img{display: none;}
  .img-bottom{position:relative;bottom:0;right:0;width:70%;margin-top:30px;}
  .vertical-text{display:none;}
  .about-content h1{font-size:34px;}
  .about-cards{flex-direction:column;}
}
@media (min-width:1024px) and (max-width:1279px){
  .about-section{padding:80px 5%;}
  .about-container{gap:60px;}
  .about-images{width:50%;}
  .about-content{width:60%;}
  .img-top img{width:75%;}
  .img-bottom{width:65%;bottom:-100px;right:-20px;}
  .vertical-text{font-size:64px;right:100px;}
  .about-content h1{font-size:38px;}
}
@media (min-width:1280px){
  .about-section{padding:100px 8%;}
  .about-container{gap:90px;}
  .about-images{width:50%;}
  .about-content{width:70%;}
  .vertical-text{font-size:80px;right:140px;}
}

/* EXPERIENCE POSITION */
.experience-circle{position:absolute;bottom:20px;left:40%;transform:translateX(-50%);width:150px;   /* smaller size */height:150px;z-index:3;}
/* ROTATING RING */
.circle-rotate{position:absolute;top:-20%;left:50%;width:100%;height:100%;border-radius:50%;border:4px solid transparent;border-top:4px solid #8c7b4f;border-left:4px solid #8c7b4f;animation:rotateCircle 8s linear infinite;}
/* INNER CIRCLE (gap reduced) */
.circle-content{position:absolute;top:30%;left:100%;transform:translate(-50%,-50%);width:120px;   /* reduced gap */height:120px;background:#8c7b4f;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,0.2);}
.circle-content h3{font-size:24px;margin:0;}
.circle-content p{font-size:11px;margin-top:4px;}
/* ROTATION */
@keyframes rotateCircle{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
/* SECTION */
.luxury-services-section{padding:0px 6% 40px;  background:#000;padding-top: 5em;padding-bottom: 5em;}
.luxury-services-section .container{max-width:1300px;margin:auto;}
/* TOP AREA */
.luxury-services-section .services-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:60px;gap:60px;}
.luxury-services-section .services-top .left{flex:1;}
.luxury-services-section .services-top .right{flex:1;max-width:500px;}
.luxury-services-section .tag{font-size:14px;color:#8c7b4f;}
.luxury-services-section h2{font-size:42px;font-weight:600;margin-top:10px;line-height:1.3;color: #fff;}
.luxury-services-section .right p{margin-top:25px;font-size:15px;color:#ffffff;margin-bottom:20px;line-height:1.7;}
.luxury-services-section .service-btn{color:#ffffff;padding:14px 28px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:500;transition:0.3s;border:2px solid #8c7b4f;background:transparent;margin-top:13px;display:inline-block;}
.luxury-services-section .service-btn:hover{background:#6f623d;}
.luxury-services-section .services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.luxury-services-section .service-card{position:relative;background:#f5f2eb;padding:40px 30px;border-radius:20px;overflow:hidden;transition:.4s ease;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;}
.luxury-services-section .service-card .icon{font-size:30px;color:#8c7b4f;margin-bottom:20px;}
.luxury-services-section .service-card h3{font-size:18px;margin-bottom:15px;}
.luxury-services-section .service-card p{font-size:14px;color:#666;}
.luxury-services-section .arrow{width:40px;height:40px;border-radius:50%;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;transition:.3s;}
.luxury-services-section .bg-card{padding:0;color:#fff;}
.luxury-services-section .bg-card img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;}
.luxury-services-section .bg-card::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);}
.luxury-services-section .bg-card .content{position:relative;padding:40px 30px;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%;}
.luxury-services-section .white{color:#fff;}
.luxury-services-section .service-card:not(.bg-card):hover{color:#fff;}
.luxury-services-section .service-card:not(.bg-card):hover::before{content:"";position:absolute;inset:0;background:url('../img/service-1.jpg') center/cover no-repeat;z-index:0;}
.luxury-services-section .service-card:not(.bg-card){position:relative;overflow:hidden;}
.luxury-services-section .service-card:not(.bg-card)::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);transform:translateY(100%);transition:transform .5s cubic-bezier(.22,1,.36,1);z-index:1;}
.luxury-services-section .service-card:not(.bg-card):hover::after{transform:translateY(0);}
.luxury-services-section .service-card:not(.bg-card):hover *{position:relative;z-index:2;color:#fff;}
.luxury-services-section .service-card:hover .arrow{background:#8c7b4f;border:none;color:#fff;}
@media(max-width:639px){.luxury-services-section{padding:70px 5%;}.luxury-services-section .services-top{flex-direction:column;gap:30px;}.luxury-services-section h2{font-size:28px;}.luxury-services-section .services-grid{grid-template-columns:1fr;}}
@media(min-width:640px) and (max-width:1023px){.luxury-services-section .services-top{flex-direction:column;gap:40px;}.luxury-services-section .services-grid{grid-template-columns:repeat(2,1fr);}.luxury-services-section h2{font-size:34px;}}
@media(min-width:1024px) and (max-width:1279px){.luxury-services-section .services-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:1280px){.luxury-services-section .container{max-width:1400px;}}
/* ================================
   SECTION
================================ */
.luxtrust-section{padding:60px 6% 70px;}
.luxtrust-container{max-width:1300px;margin:auto;}
.luxtrust-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;}
/* ================================
   LEFT SIDE
================================ */
.luxtrust-tag{font-size:14px;color:#8c7b4f;}
.luxtrust-title{font-size:42px;font-weight:600;margin:15px 0;line-height:1.2;}
.luxtrust-desc{color:#555;font-size:15px;line-height:1.7;margin-bottom:30px;}
.luxtrust-expertise{display:flex;gap:15px;margin-bottom:25px;}
.luxtrust-icon{width:40px;height:40px;border:1px solid #8c7b4f;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#8c7b4f;}
.luxtrust-expertise h4{margin:0 0 5px;}
.luxtrust-expertise p{margin:0;font-size:14px;color:#666;}
.luxtrust-divider{height:1px;background:#ddd;margin:25px 0;}
/* ================================
   PROGRESS
================================ */
.luxtrust-progress-item{margin-bottom:25px;}
.luxtrust-progress-top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px;}
.luxtrust-progress-bar{width:100%;height:8px;background:#ddd;border-radius:10px;overflow:hidden;}
.luxtrust-progress-fill{height:8px;width:0;background:#8c7b4f;border-radius:10px;transition:width 2s ease-in-out;}
/* ================================
   BUTTON
================================ */
.luxtrust-btn{display:inline-block;margin-top:20px;background:#e9e4db;color:#000000;padding:14px 30px;border-radius:30px;text-decoration:none;font-size:14px;transition:.3s;border:2px solid #cbb26a;}
.luxtrust-btn:hover{background:#6f623d;}
/* ================================
   RIGHT SIDE
================================ */
.luxtrust-right{position:relative;height:650px;}
.luxtrust-image-main{position:absolute;bottom:0;left:0;transition:transform .4s ease;}
.luxtrust-image-main img{width:75%;height:55vh;border-top:8px solid #e9e4db;border-right:8px solid #e9e4db;object-fit:cover;border-radius:20px;}
.luxtrust-image-main:hover{transform:translateY(-8px);}
.luxtrust-image-top{position:absolute;right:0;top:10%;transition:transform .4s ease;}
.luxtrust-image-top img{width:300px;border-radius:20px;}
.luxtrust-image-top:hover{transform:translateY(-8px);}
.luxtrust-hours-box{position:absolute;right:-20px;bottom:60px;background:#8c7b4f;color:#fff;padding:30px;border-radius:20px;width:200px;text-align:center;}
.luxtrust-hours-box h3{margin:0;font-size:28px;}
.luxtrust-hours-box p{margin:5px 0 0;font-size:14px;}
/* ================================
   CONTACT CIRCLE
================================ */
.luxtrust-contact-wrapper{margin-top:5em;margin-left:3em;position:relative;width:150px;height:150px;}
.luxtrust-contact-circle{width:100%;height:100%;background:#8c7b4f;border-radius:50%;animation:luxtrust-rotate 12s linear infinite;}
.luxtrust-contact-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8c7b4f;font-size:22px;font-weight:600;}
@keyframes luxtrust-rotate{100%{transform:rotate(360deg);}}
/* =========================================
   RESPONSIVE
========================================= */
/* TABLET & MOBILE */
@media (max-width:1024px){
  .luxtrust-grid{grid-template-columns:1fr;gap:40px;}
  .luxtrust-right{height:auto;}
  .luxtrust-image-main,
  .luxtrust-image-top,
  .luxtrust-hours-box{position:relative;left:auto;right:auto;top:auto;bottom:auto;}
  .luxtrust-image-main img{width:100%;height:45vh;}
  .luxtrust-image-top img{width:100%;margin-top:20px;height: 40vh;}
  .luxtrust-hours-box{width:100%;margin-top:20px;}
  .luxtrust-contact-wrapper{margin:30px auto;}
}
/* MOBILE ONLY */
@media (max-width:639px){
  .luxtrust-section{padding:60px 20px;}
  .luxtrust-title{font-size:28px;}
}
/* LARGE DESKTOP */
@media (min-width:1280px){
  .luxtrust-title{font-size:44px;}
}
.awx-section{background:#f6f1e8;padding:70px 4em;}
.awx-container{max-width:1350px;margin:auto;padding:0 20px;font-family:"Poppins",sans-serif;}
.awx-header{display:flex;justify-content:space-between;gap:60px;margin-bottom:60px;}
.awx-subtitle{color:#9c8a5a;font-size:14px;}
.awx-title{font-size:42px;line-height:1.15;margin-top:12px;}
.awx-description{max-width:480px;margin-top:20px;color:#555;line-height:1.7;}
.awx-body{display:grid;grid-template-columns:1fr 1fr;gap:50px;}
.awx-image-card{position:relative;border-radius:26px;overflow:hidden;}
.awx-image{width:100%;height:520px;object-fit:cover;opacity:.85;transform:scale(1.05);transition:all 1s ease;}
.awx-image-card:hover .awx-image{opacity:1;transform:scale(1);}
.awx-image-cta{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-end;padding:28px;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0));}
.awx-image-cta{position:absolute;bottom:24px;left:24px;}
.awx-cta-glass{display:flex;align-items:center;gap:24px;margin-bottom:-2em;padding:22px 28px;border-radius:22px;background:rgba(255,255,255,.15);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 30px rgba(0,0,0,.25);}
.awx-cta-text{color:#fff;font-size:16px;line-height:1.4;max-width:260px;}
.awx-cta-btn{color:#000;padding:14px 26px;border-radius:30px;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;border:2px solid #cbb26a;transition:all .3s ease;display:inline-block;}
/* HOVER EFFECT */
.awx-cta-btn:hover{background:#9c8a5a;color:#fff;}
.awx-list{display:flex;flex-direction:column;}
.awx-row{display:flex;align-items:center;gap:22px;padding:28px 0;border-bottom:1px solid #ddd;}
.awx-icon img{width:6em;}
.awx-info{flex:1;}
.awx-year{font-size:13px;color:#9c8a5a;}
.awx-text{font-size:17px;margin-top:6px;line-height:1.4;}
.awx-action{width:42px;height:42px;border:1px solid #d6caa3;border-radius:50%;display:grid;place-items:center;font-size:16px;color:#000;background:transparent;transform:rotate(-45deg);transition:transform .35s ease,background-color .35s ease,border-color .35s ease;}
.awx-row:hover .awx-action{background-color:#cbb26a;border-color:#cbb26a;transform:rotate(0deg);}
/* ================= MOBILE < 640px ================= */
@media (max-width:639px){
.awx-section{padding:60px 1.2em;}
.awx-header{flex-direction:column;gap:24px;}
.awx-title{font-size:30px;}
.awx-description{max-width:100%;}
.awx-body{grid-template-columns:1fr;gap:40px;}
.awx-image{height:380px;}
.awx-cta-glass{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:0;}
.awx-icon img{width:4.5em;}
.awx-text{font-size:15px;}
}
/* ================= TABLET 640px – 1024px ================= */
@media (min-width:640px) and (max-width:1023px){
.awx-section{padding:80px 2em;}
.awx-header{flex-direction:column;gap:30px;}
.awx-title{font-size:36px;}
.awx-body{grid-template-columns:1fr;gap:45px;}
.awx-image{height:460px;}
.awx-icon img{width:5em;}
}
/* ================= DESKTOP 1024px – 1280px ================= */
@media (min-width:1024px) and (max-width:1279px){
.awx-section{padding:90px 3em;}
.awx-title{font-size:40px;}
.awx-body{grid-template-columns:1fr 1fr;gap:45px;}
}
/* ================= LARGE > 1280px ================= */
@media (min-width:1280px){
.awx-section{padding:90px 4em;}
}
.blx-section{background:#000000;padding:90px 4em;}
.blx-container{max-width:1350px;margin:auto;padding:0 20px;font-family:"Poppins",sans-serif;}
.blx-header{display:flex;justify-content:space-between;gap:60px;margin-bottom:60px;}
.blx-subtitle{color:#9c8a5a;font-size:14px;}
.blx-title{font-size:42px;line-height:1.15;margin-top:12px;color:#fff;}
.blx-header-right{max-width:420px;}
.blx-desc{color:#ffffff;line-height:1.7;margin-bottom:20px;}
.blx-btn{display:inline-block;color:#ffffff;padding:10px 26px;font-size:15px;border-radius:30px;font-weight:600;text-decoration:none;border:2px solid #8c7b4f;transition:all .3s ease;}
.blx-btn:hover{transform:translateY(-2px);background:#8c7b4f;color:#ffffff;box-shadow:0 8px 20px rgba(0,0,0,.25);}
.blx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.blx-card{display:flex;flex-direction:column;}
.blx-img-wrap{position:relative;border-radius:22px;overflow:hidden;margin-bottom:18px;}
.blx-img-wrap img{width:100%;height:280px;object-fit:cover;transition:transform 1s ease;}
.blx-card:hover img{transform:scale(1.06);}
.blx-tag{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.9);padding:6px 14px;border-radius:20px;font-size:12px;z-index:2;}
.blx-card-title{font-size:17px;line-height:1.4;font-weight:300;margin-bottom:14px;color:#fff;}
.blx-read{font-size:14px;color:#ffffff;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease;position:relative;}
.blx-read::after{content:"↗";font-size:13px;transform:translateX(0) rotate(-45deg);transition:all .3s ease;}
.blx-read:hover{color:#cbb26a;}
.blx-read:hover::after{transform:translateX(6px) rotate(0deg);}
/* ========== MOBILE < 640px ========== */
@media (max-width:639px){
.blx-section{padding:60px 1.2em;}
.blx-header{flex-direction:column;gap:24px;margin-bottom:40px;}
.blx-title{font-size:28px;}
.blx-header-right{max-width:100%;}
.blx-grid{grid-template-columns:1fr;gap:30px;}
.blx-img-wrap img{height:220px;}
}
/* ========== TABLET 640px – 1024px ========== */
@media (min-width:640px) and (max-width:1023px){
.blx-section{padding:80px 2em;}
.blx-header{flex-direction:column;gap:30px;}
.blx-title{font-size:34px;}
.blx-grid{grid-template-columns:repeat(2,1fr);gap:35px;}
.blx-img-wrap img{height:250px;}
}
/* ========== DESKTOP 1024px – 1280px ========== */
@media (min-width:1024px) and (max-width:1279px){
.blx-section{padding:90px 3em;}
.blx-title{font-size:40px;}
.blx-grid{grid-template-columns:repeat(3,1fr);}
}
/* ========== LARGE > 1280px ========== */
@media (min-width:1280px){
.blx-section{padding:90px 4em;}
}
/* ===== FOOTER BASE ===== */
.solar-footer { background:#000; color:#cbd5e1; padding:30px 0 0; font-family:"Segoe UI", sans-serif; }
/* ===== CONTAINER ===== */
.footer-container { width:90%; max-width:1200px; margin:auto; }
/* ===== GRID ===== */
.footer-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:40px; align-items:flex-start; }
/* ===== FOOTER COLUMN ===== */
.footer-col { display:flex; flex-direction:column; }
.footer-col p { font-size:15px; line-height:1.8; color:#94a3b8; margin-bottom:7px; }
/* ===== SOCIAL ICONS ===== */
.footer-social { display:flex; }
.footer-social a { width:38px; height:38px; display:flex; align-items:center; justify-content:center; text-align:center; background:#1e293b; border-radius:50%; color:#15a3a3; margin-right:10px; transition:0.3s; }
.footer-social a:hover { background:#15a3a3; color:#fff; transform:translateY(-4px); }
/* ===== TITLES ===== */
.footer-col h4 { font-size:18px; padding-top:1em; color:#fff; margin-bottom:22px; position:relative; }
.footer-col h4::after { content:""; width:40px; height:3px; background:#9c8a5a; position:absolute; left:0; bottom:-8px; }
/* ===== LINKS ===== */
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:15px; margin-top:10px; }
.footer-col ul li a { color:#94a3b8; text-decoration:none; transition:0.3s; }
.footer-col ul li a:hover { color:#a25a5a; padding-left:6px; }
/* ===== ICON ALIGN ===== */
.footer-col i { color:#fff; margin-right:10px; min-width:18px; }
/* ===== CONTACT EXTRA ===== */
.footer-contact-extra { list-style:none; margin:7px 0; }
.footer-contact-extra li { font-size:14px; margin-bottom:8px; }
/* ===== BUTTON ===== */
.footer-btn {display: inline-block;padding: 8px 18px;background: #9c8a5a;color: #ffffff;text-decoration: none;border-radius: 4px;font-size: 14px;width: max-content;

  /* Center the button */
  margin: 0 auto;       /* horizontal center */
  display: block;       /* allows margin auto to work */
  text-align: center;   /* ensures text inside button is centered */
}
.footer-btn:hover { background:#ffffff; color:#000; }
/* ===== FOOTER BOTTOM ===== */
.footer-bottom { border-top:1px solid rgba(255,255,255,0.08); margin-top:30px; padding:20px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.footer-bottom p { font-size:14px; color:#94a3b8; }
.footer-links a { margin-left:18px; color:#94a3b8; text-decoration:none; font-size:14px; }
.footer-links a:hover { color:#15a3a3; }
/* ===== RESPONSIVE ===== */
@media(max-width:992px) { .footer-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 768px) {
/* Footer grid with 2 columns per row */
.footer-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px; /* optional spacing between columns */text-align: center;}

/* Center logos, social icons, links inside each column */
.footer-social,
.footer-logo,
.footer-links {justify-content: center;}
/* Footer column underline centered */
.footer-col h4::after {left: 50%;transform: translateX(-50%);}
/* Footer bottom stacked vertically */
.footer-bottom {flex-direction: column;gap: 10px;}
/* Center last item if it’s alone in a row */
.footer-grid > *:nth-child(odd):last-child {grid-column: 1 / -1; /* span full row */justify-self: center; /* center horizontally */}
}
@media(max-width:360px) { .footer-grid { grid-template-columns:1fr; text-align:center; } .footer-social, .footer-logo, .footer-links { justify-content:center; } .footer-col h4::after { left:50%; transform:translateX(-50%); } .footer-bottom { flex-direction:column; gap:8px; } }
.home2-hero{position:relative;width:100%;height:80vh;padding-top:50%;overflow:hidden;display:flex;align-items:center;}
.home2-hero-slides{position:absolute;inset:0;z-index:0;}

.home2-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.2);transition:opacity 1.5s ease;animation:zoomOut 8s linear infinite;}
.home2-slide:nth-child(1){background:linear-gradient(to right,rgba(0,0,0,.596) 40%,rgba(0,0,0,.541)),url("../img/hero2-bg-image-metal.jpg") center/cover;}
.home2-slide:nth-child(2){background:linear-gradient(to right,rgba(0, 0, 0, 0.438) 40%,rgba(0,0,0,.541)),url("../img/hero\ 2-3.jpg") center/cover;}
.home2-slide:nth-child(3){background:linear-gradient(to right,rgba(0, 0, 0, 0.719) 40%,rgba(0, 0, 0, 0.651)),url("../img/her\ 2-2.jpg") center/cover;}
.home2-slide.active{opacity:1;z-index:1;}

.home2-hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;max-width:900px;width:90%;opacity:0;animation:fadeUp 1.2s ease forwards;}
.home2-estd{font-size:14px;letter-spacing:3px;opacity:.8;}
.home2-hero-content h1{font-size:64px;font-weight:600;line-height:1.2;margin:20px 0;}
.home2-designation{font-size:18px;opacity:.9;margin-bottom:35px;line-height:1.6;}

.home2-hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}
.home2-btn{padding:14px 28px;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;}

.home2-primary{position:relative;color:#fff;border:1px solid #8a7b4d;background:transparent;overflow:hidden;z-index:1;}
.home2-primary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#8a7b4d;z-index:-1;transition:left .4s ease;}
.home2-primary:hover::before{left:0;}
.home2-primary:hover{transform:translateY(-3px);}

.home2-secondary{border:1px solid #fff;color:#fff;}
.home2-secondary:hover{background:#fff;color:#000;}

.home2-scroll-down{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);}
.home2-scroll-down span{display:block;width:18px;height:18px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);animation:scroll 1.5s infinite;}
@media(max-width:639px){
.home2-hero{height:70vh;min-height:600px;}
.home2-hero-content h1{font-size:30px;}
.home2-designation{font-size:14px;}
.home2-hero-buttons{flex-direction:column;gap:12px;}
}

@media(min-width:640px) and (max-width:1023px){
.home2-hero{height:75vh;}
.home2-hero-content h1{font-size:42px;}
}

@media(min-width:1024px) and (max-width:1279px){
.home2-hero{height:60vh;}
.home2-hero-content h1{font-size:56px;}
}

@media(min-width:1280px){
.home2-hero{height:50vh;min-height:600px;}
.home2-hero-content h1{font-size:72px;}
}
/* ================= BASE ================= */
.abt2-section{background:#f6f1e8;padding:90px 4em;}
.abt2-container{max-width:1350px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;font-family:"Poppins",sans-serif;}
.abt2-images{position:relative;}
.abt2-img-large img{width:70%;border-radius:26px;transform:translateY(-50px);}
.abt2-img-small{position:absolute;bottom:-270px;right:5px;width:40%;height:70vh;overflow:hidden;}
.abt2-img-small img{width:100%;border-top:11px solid #f6f1e8;border-left:11px solid #f6f1e8;border-radius:26px;}
.abt2-exp{position:absolute;bottom:-85px;left:60px;background:#fff;padding:28px 32px;border-radius:18px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.15);}
.abt2-exp h3{font-size:34px;color:#cbb26a;margin:0;}
.abt2-exp p{font-size:13px;margin-top:4px;}
.abt2-subtitle{font-size:14px;color:#9c8a5a;display:block;}
.abt2-title{font-size:42px;line-height:1.15;margin:16px 0;}
.abt2-desc{color:#555;line-height:1.7;max-width:480px;margin-bottom:28px;}
.abt2-features{display:flex;gap:30px;margin-bottom:32px;}
.abt2-feature{display:flex;align-items:center;gap:10px;font-size:14px;}
.abt2-feature span{color:#cbb26a;}
.abt2-stats{display:flex;gap:40px;margin-bottom:30px;}
.abt2-award{display:flex;margin-top:20px;gap:10px;max-width:260px;font-size:13px;}
.abt2-avatars{display:flex;}
.abt2-avatars img{width:34px;height:34px;border-radius:50%;margin-left:-10px;border:2px solid #f6f1e8;}
.abt2-customers p{font-size:13px;margin-top:6px;}
.abt2-btn{display:inline-block;font-size:15px;margin-top:10px;color:#000;padding:14px 28px;border-radius:30px;text-decoration:none;font-weight:600;transition:.3s;border:2px solid #cbb26a;background:transparent;}
.abt2-btn:hover{background:#cbb26a;color:#000;transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.25);}
.abt2-line-pattern{position:absolute;top:40px;right:60px;width:70px;height:70px;background:repeating-linear-gradient(45deg,#cbb26a 0,#cbb26a 2px,transparent 2px,transparent 8px);opacity:.9;animation:abt2Float 6s ease-in-out infinite,abt2Rotate 12s linear infinite;}
@keyframes abt2Float{0%{transform:translateY(0);}50%{transform:translateY(-10px);}100%{transform:translateY(0);}}
@keyframes abt2Rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
/* ================= MOBILE < 640px ================= */
@media(max-width:639px){
.abt2-section{padding:60px 1.2em;}
.abt2-container{grid-template-columns:1fr;gap:40px;}
.abt2-img-large img{width:100%;transform:none;}
.abt2-img-small{position:relative;bottom:0;right:0;width:100%;height:auto;margin-top:20px;}
.abt2-img-small img{border-top-width:8px;border-left-width:8px;}
.abt2-exp{position:relative;bottom:0;left:0;margin-top:20px;padding:20px 22px;}
.abt2-exp h3{font-size:28px;}
.abt2-title{font-size:28px;}
.abt2-desc{max-width:100%;}
.abt2-features{flex-direction:column;gap:15px;}
.abt2-stats{flex-direction:column;gap:20px;}
.abt2-btn{font-size:14px;padding:12px 24px;}
.abt2-line-pattern{display:none;}
}
/* ================= TABLET 640px – 1024px ================= */
@media(min-width:640px) and (max-width:1023px){
.abt2-section{padding:80px 2em;}
.abt2-container{grid-template-columns:1fr;gap:60px;}
.abt2-img-large img{width:85%;transform:translateY(-30px);}
.abt2-img-small{width:55%;height:50vh;bottom:-180px;}
.abt2-exp{bottom:-60px;left:40px;}
.abt2-subtitle{margin-top:70px;}
.abt2-title{font-size:36px;}
.abt2-desc{max-width:90%;}
.abt2-features{gap:20px;}
.abt2-stats{gap:30px;}
.abt2-btn{font-size:14px;}
.abt2-line-pattern{right:20px;width:60px;height:60px;}
}
/* ================= DESKTOP 1024px – 1280px ================= */
@media(min-width:1024px) and (max-width:1279px){
.abt2-section{padding:90px 3em;}
.abt2-container{grid-template-columns:1fr 1fr;}
.abt2-img-large img{width:75%;}
.abt2-title{font-size:40px;}
.abt2-line-pattern{right:50px;}
}
/* ================= LARGE > 1280px ================= */
@media(min-width:1280px){
.abt2-section{padding:90px 4em;}
.abt2-container{gap:70px;}
.abt2-img-large img{width:70%;}
.abt2-line-pattern{right:60px;}
}
/* ================= SECTION ================= */
.prx-section{background:#000;padding:90px 4em;color:#fff;font-family:"Poppins",sans-serif;}
.prx-container{max-width:1400px;margin:auto;}

/* ================= HEADER ================= */
.prx-header{display:flex;justify-content:space-between;gap:60px;margin-bottom:60px;}
.prx-subtitle{color:#cbb26a;font-size:14px;}
.prx-title{font-size:42px;line-height:1.15;margin-top:12px;}
.prx-right{max-width:420px;}
.prx-right p{color:#bbb;line-height:1.7;margin-bottom:20px;}
.prx-btn{display:inline-block;padding:14px 26px;font-size:15px;border-radius:30px;border:2px solid #cbb26a;color:#fff;text-decoration:none;font-weight:600;transition:.3s;}
.prx-btn:hover{background:#cbb26a;color:#000;}

/* ================= SLIDER ================= */
.prx-slider{overflow:hidden;}
.prx-track{display:flex;gap:30px;width:max-content;animation:prxScroll 30s linear infinite;}

/* ================= CARD ================= */
.prx-card{min-width:300px;height:420px;position:relative;border-radius:26px;overflow:hidden;}
.prx-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease;}
.prx-card:hover img{transform:scale(1.08);}
.prx-card-text{position:absolute;bottom:0;width:100%;padding:22px;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);}
.prx-card-text h4{font-size:18px;margin-bottom:6px;}
.prx-card-text span{font-size:13px;color:#cbb26a;}

/* ================= ANIMATION ================= */
@keyframes prxScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ================= MOBILE < 640px ================= */
@media(max-width:639px){
.prx-section{padding:60px 1.2em;}
.prx-header{flex-direction:column;gap:30px;margin-bottom:40px;}
.prx-title{font-size:28px;}
.prx-right{max-width:100%;}
.prx-right p{font-size:14px;}
.prx-btn{font-size:14px;padding:12px 22px;}
.prx-track{gap:20px;animation-duration:45s;}
.prx-card{min-width:240px;height:340px;}
.prx-card-text h4{font-size:16px;}
.prx-card-text span{font-size:12px;}
}

/* ================= TABLET 640px – 1024px ================= */
@media(min-width:640px) and (max-width:1023px){
.prx-section{padding:80px 2em;}
.prx-header{flex-direction:column;gap:40px;}
.prx-title{font-size:36px;}
.prx-right{max-width:520px;}
.prx-track{gap:25px;animation-duration:40s;}
.prx-card{min-width:280px;height:380px;}
.prx-card-text h4{font-size:17px;}
}

/* ================= DESKTOP 1024px – 1280px ================= */
@media(min-width:1024px) and (max-width:1279px){
.prx-section{padding:90px 3em;}
.prx-title{font-size:40px;}
.prx-track{animation-duration:32s;}
.prx-card{min-width:300px;height:400px;}
}

/* ================= LARGE > 1280px ================= */
@media(min-width:1280px){
.prx-section{padding:90px 4em;}
.prx-title{font-size:42px;}
.prx-track{animation-duration:30s;}
.prx-card{min-width:320px;height:420px;}
}

/* ===== BASE ===== */
.wtd-section{background:#000;color:#fff;padding:70px 4em;font-family:"Poppins",sans-serif;}
.wtd-container{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;}

.wtd-subtitle{color:#cbb26a;font-size:14px;display:block;}
.wtd-left{max-width:520px;}
.wtd-title{font-size:42px;line-height:1.15;margin:18px 0;}
.wtd-desc{color:#bbb;line-height:1.7;max-width:480px;margin-bottom:28px;}

.wtd-list{list-style:none;padding:0;margin-bottom:30px;}
.wtd-list li{font-size:14px;margin-bottom:14px;padding-left:22px;position:relative;}
.wtd-list li::before{content:"✔";position:absolute;left:0;color:#cbb26a;}

.wtd-btn{display:inline-block;padding:14px 28px;border-radius:30px;background:#cbb26a;color:#000;text-decoration:none;font-weight:600;transition:.3s;}
.wtd-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 30px rgba(203,178,106,.35);}

.wtd-right{position:relative;display:flex;gap:30px;align-items:center;}
.wtd-main-img img{width:320px;height:420px;object-fit:cover;border-radius:26px;transition:.35s;}
.wtd-main-img img:hover{transform:scale(1.04);box-shadow:0 20px 40px rgba(0,0,0,.6);}

.rotating-container{position:relative;width:220px;height:150px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.15);transition:.35s;}
.rotating-container:hover{transform:scale(1.06);}

.rotating-text{width:100%;height:100%;animation:spin 10s linear infinite;}
.rotating-text text{fill:#fff;font-size:14px;letter-spacing:2px;text-transform:uppercase;}

.center-btn{position:absolute;inset:0;margin:auto;width:60px;height:60px;background:#c9a24d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;cursor:pointer;transition:.35s;}
.center-btn:hover{transform:scale(1.12);box-shadow:0 0 25px rgba(201,162,77,.7);}

@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

.wtd-cards{display:flex;flex-direction:column;gap:22px;}
.wtd-card{background:#111;border-radius:22px;padding:26px 24px;text-align:center;transition:.35s;}
.wtd-card:hover{transform:translateY(-10px);background:#161616;box-shadow:0 18px 40px rgba(0,0,0,.5);}
.wtd-card img{width:120px;margin-bottom:14px;transition:.35s;}
.wtd-card:hover img{transform:scale(1.08);}
.wtd-card h4{font-size:16px;margin-bottom:8px;}
.wtd-card p{font-size:13px;color:#bbb;line-height:1.6;}

.wtd-stats{max-width:1400px;margin:20px auto 0;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center;}
.wtd-stat h3{font-size:36px;color:#cbb26a;}
.wtd-stat p{font-size:13px;color:#bbb;margin-top:6px;}
@media(max-width:639px){
.wtd-section{padding:60px 1.5em;}
.wtd-container{grid-template-columns:1fr;gap:50px;}
.wtd-left,.wtd-desc{max-width:100%;}
.wtd-title{font-size:30px;}
.wtd-right{flex-direction:column;}
.wtd-main-img img{width:100%;height:auto;}
.rotating-container{width:180px;height:180px;}
.wtd-cards{flex-direction:column;}
.wtd-stats{grid-template-columns:1fr;gap:24px;}
}
@media(min-width:640px) and (max-width:1023px){
.wtd-section{padding:70px 3em;}
.wtd-container{grid-template-columns:1fr;}
.wtd-title{font-size:36px;}
.wtd-right{justify-content:center;}
.wtd-main-img img{width:300px;height:400px;}
.rotating-container{width:200px;height:140px;}
.wtd-stats{grid-template-columns:repeat(2,1fr);}
}
@media(min-width:1024px) and (max-width:1279px){
.wtd-title{font-size:40px;}
.wtd-main-img img{width:300px;height:420px;}
.rotating-container{width:210px;height:150px;}
}
@media(min-width:1280px){
.wtd-section{padding:100px 5em;}
.wtd-title{font-size:42px;}
.rotating-container{width:220px;height:150px;}
}
/* ===== BASE ===== */
.h2-projects-section{background:#f6f1e8;padding:100px 4em;font-family:"Poppins",sans-serif;}
.h2-projects-header{text-align:center;margin-bottom:60px;}
.h2-projects-subtitle{color:#9f8a4d;font-size:14px;display:block;margin-bottom:14px;}
.h2-projects-title{font-size:42px;line-height:1.2;font-weight:500;color:#000;}
.h2-projects-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.h2-project-card{position:relative;border-radius:24px;overflow:hidden;cursor:pointer;}
.h2-project-card img{width:100%;height:360px;object-fit:cover;transition:.6s ease;}
.h2-project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,.05));display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff;}
.h2-project-overlay h4{font-size:18px;margin-bottom:6px;}
.h2-project-overlay span{font-size:13px;opacity:.9;}
.h2-project-card:hover img{transform:scale(1.08);}
@media(max-width:639px){
.h2-projects-section{padding:70px 1.5em;}
.h2-projects-title{font-size:28px;}
.h2-projects-grid{grid-template-columns:1fr;}
.h2-project-card img{height:260px;}
}
@media(min-width:640px) and (max-width:1023px){
.h2-projects-section{padding:80px 3em;}
.h2-projects-title{font-size:34px;}
.h2-projects-grid{grid-template-columns:repeat(2,1fr);}
.h2-project-card img{height:300px;}
}
@media(min-width:1024px) and (max-width:1279px){
.h2-projects-title{font-size:38px;}
.h2-projects-grid{grid-template-columns:repeat(3,1fr);}
.h2-project-card img{height:340px;}
}
@media(min-width:1280px){
.h2-projects-title{font-size:42px;}
.h2-projects-grid{grid-template-columns:repeat(4,1fr);}
.h2-project-card img{height:360px;}
}
/* ===== BASE TRANSITIONS ===== */
.h2-project-card,.h2-project-card img,.h2-project-overlay,.h2-project-overlay h4,.h2-project-overlay span{transition:.45s ease;}
/* ===== CARD LIFT ===== */
.h2-project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.25);}
/* ===== IMAGE ZOOM ===== */
.h2-project-card:hover img{transform:scale(1.1);}
/* ===== OVERLAY DARKEN ===== */
.h2-project-card:hover .h2-project-overlay{background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.15));}
/* ===== TEXT SLIDE UP ===== */
.h2-project-overlay h4{transform:translateY(10px);}
.h2-project-overlay span{transform:translateY(14px);opacity:.85;}
.h2-project-card:hover .h2-project-overlay h4{transform:translateY(0);}
.h2-project-card:hover .h2-project-overlay span{transform:translateY(0);opacity:1;}
/* ===== SECTION ===== */
.h2p-sec{background:#f7f3eb;padding:70px 5em;font-family:"Poppins",sans-serif;}
.h2p-head{text-align:center;margin-bottom:50px;}
.h2p-sub{font-size:14px;color:#9f8a4d;display:block;margin-bottom:14px;}
.h2p-title{font-size:42px;font-weight:500;line-height:1.2;color:#000;}
/* ===== GRID ===== */
.h2p-wrap{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
/* ===== CARD ===== */
.h2p-card{background:#fff;border-radius:28px;padding:10px 10px 20px 10px;}
.h2p-card-top{background:#fbf8f3;border-radius:20px;padding:26px;margin-bottom:30px;}
.h2p-card-top h4{font-size:16px;margin-bottom:6px;color:#000;}
.h2p-card-top p{font-size:13px;color:#666;}
/* ===== ICON ===== */
.h2p-ic{width:46px;height:46px;border-radius:50%;background:#b59b5b;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.h2p-ic svg{width:22px;height:22px;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
/* ===== PRICE ===== */
.h2p-price{font-size:34px;font-weight:600;color:#000;margin-bottom:20px;margin-left: 20px;}
.h2p-price span{font-size:13px;color:#777;font-weight:400;}
/* ==== LIST ===== */
.h2p-card h5{font-size:14px;margin-bottom:14px;color:#000;margin-left: 20px;}
.h2p-list{list-style:none;padding:0;margin-bottom:30px;}
.h2p-list li{font-size:13px;color:#666;margin-bottom:12px;padding-left:22px;position:relative;margin-left: 20px;}
.h2p-list li::before{content:"✔";position:absolute;left:0;color:#b59b5b;font-size:12px;}
/* ===== BUTTON ===== */
.h2p-btn{display:inline-block;padding:12px 24px;border-radius:30px;color:#000000;text-decoration:none;font-size:13px;font-weight:500;margin-left: 20px;}
/* ===== RESPONSIVE ===== */
@media(max-width:639px){
.h2p-sec{padding:70px 1.5em;}
.h2p-title{font-size:28px;}
.h2p-wrap{grid-template-columns:1fr;}
}
@media(min-width:640px) and (max-width:1023px){
  .h2p-sec{padding:90px 3em;}
  .h2p-title{font-size:34px;}
  .h2p-wrap{grid-template-columns:repeat(2,1fr);}
  /* 3rd card center */
  .h2p-card:nth-child(3){grid-column: 1 / -1;justify-self: center;max-width: 380px;}}
@media(min-width:1024px) and (max-width:1279px){
.h2p-title{font-size:38px;}
.h2p-wrap{grid-template-columns:repeat(3,1fr);}
}
/* ===== BASE TRANSITIONS ===== */
.h2p-card,.h2p-card-top,.h2p-ic,.h2p-ic svg,.h2p-btn {transition: all .35s ease;}
/* ===== CARD HOVER (SUBTLE LIFT) ===== */
.h2p-card:hover {transform: translateY(-10px);box-shadow: 0 20px 45px rgba(0,0,0,0.12);}
/* ===== TOP BOX HOVER ===== */
.h2p-card:hover .h2p-card-top {background: #f5efe4;}
/* ===== ICON HOVER ===== */
.h2p-card:hover .h2p-ic {transform: scale(1.12) rotate(6deg);box-shadow: 0 0 0 6px rgba(181,155,91,0.25);}
.h2p-card:hover .h2p-ic svg {transform: scale(1.1);}
/* ===== BUTTON HOVER ===== */
.h2p-btn {background: #b59b5b;border-radius: 30px;}
.h2p-btn:hover {transform: translateY(-3px);box-shadow: 0 10px 25px rgba(181,155,91,0.45);}
/* ===== BUTTON SHINE EFFECT ===== */
.h2p-btn {position: relative;overflow: hidden;}
.h2p-btn::after {content: "";position: absolute;top: 0;left: -120%;width: 120%;height: 100%;background: linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);transition: .6s ease;}
.h2p-btn:hover::after {left: 120%;}
@media(max-width:1023px){
.h2p-card:hover {transform: none;box-shadow: none;}
.h2p-card:hover .h2p-ic {transform: scale(1.05);}
.h2p-btn:hover {transform: none;box-shadow: none;}}

/* ===== SECTION ===== */
.h2t-sec{background:#000;padding:70px 0;font-family:"Poppins",sans-serif;overflow:hidden;}
.h2t-head{text-align:center;margin-bottom:70px;}
.h2t-sub{color:#cbb26a;font-size:14px;display:block;margin-bottom:14px;}
.h2t-title{color:#fff;font-size:42px;font-weight:500;line-height:1.2;}
/* ===== SLIDER ===== */
.h2t-slider{overflow:hidden;width:100%;}
.h2t-track{display:flex;gap:30px;width:max-content;animation:h2t-scroll 40s linear infinite;}
/* ===== CARD ===== */
.h2t-card{width:360px;background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);border-radius:22px;padding:30px;color:#fff;flex-shrink:0;}
.h2t-stars{color:#cbb26a;margin-bottom:16px;letter-spacing:2px;}
.h2t-card h4{font-size:16px;margin-bottom:14px;}
.h2t-card p{font-size:13px;line-height:1.7;color:#ccc;margin-bottom:30px;}
/* ===== USER ===== */
.h2t-user{display:flex;align-items:center;gap:14px;border-top:1px solid rgba(255,255,255,.15);padding-top:20px;}
.h2t-user img{width:42px;height:42px;border-radius:50%;}
.h2t-user strong{font-size:14px;}
.h2t-user span{font-size:12px;color:#aaa;display:block;}
/* ===== ANIMATION ===== */
@keyframes h2t-scroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media (max-width: 639px){
  .h2t-sec{padding:70px 0;}
  .h2t-head{margin-bottom:40px;}
  .h2t-title{font-size:26px;line-height:1.25;padding:0 1em;}
  .h2t-track{gap:18px;animation-duration:28s;}
  .h2t-card{width:280px;padding:22px;border-radius:18px;}
  .h2t-card h4{font-size:14px;}
  .h2t-card p{font-size:12px;line-height:1.6;}
  .h2t-user img{width:36px;height:36px;}
}
@media (min-width:640px) and (max-width:1023px){
  .h2t-sec{padding:70px 0;}
  .h2t-title{font-size:32px;}
  .h2t-track{gap:24px;animation-duration:34s;}
  .h2t-card{width:320px;padding:26px;}
}
@media (min-width:1024px) and (max-width:1279px){
  .h2t-sec{padding:70px 0;}
  .h2t-title{font-size:38px;}
  .h2t-track{gap:28px;animation-duration:38s;}
  .h2t-card{width:340px;}
}
@media (min-width:1280px){
  .h2t-sec{padding:70px 0;}
  .h2t-title{font-size:42px;}
  .h2t-track{gap:30px;animation-duration:42s;}
  .h2t-card{width:360px;}
}
/* ================= BANNER SECTION ================= */
.about-banner { position: relative; width: 100%; padding-top: 35%; background: url('../img/about-banner.jpg') center center / cover no-repeat; display: flex; align-items: center; justify-content: center; color: #fff; font-family: 'Arial', sans-serif; }
.about-banner .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.603); }
.banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1; width: 90%; max-width: 1000px; }
.welcome-text { display: inline-block; font-size: 15px; letter-spacing: 6px; padding-left: 10px; color: #cbb26a; margin-bottom: 20px; }
/* ===== SLIDE IN UP KEYFRAMES ===== */
@keyframes slideUpSoft {
  from {opacity: 0;transform: translateY(40px);}
  to {opacity: 1;transform: translateY(0);}}
.banner-title {font-size: 48px;margin-top: 10px;margin-bottom: 20px;color: #ffffff;animation: slideUpSoft 1.6s ease-out forwards;animation-delay: 0.2s;}
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) { 
  .about-banner { padding-top: 45vh; } 
  .banner-title { font-size: 32px; line-height: 1.2; } 
  .welcome-text { font-size: 13px; letter-spacing: 3px; } 
}
@media (max-width: 360px) { 
  .about-banner { padding-top: 42vh; } 
  .banner-title { font-size: 24px; line-height: 1.1; } 
  .welcome-text { font-size: 12px; letter-spacing: 2px; } 
}
/* SECTION */
.h2luxtrust-section{padding:50px 6% 70px;background-color: #000; color: #fff;}
.h2luxtrust-container{max-width:1300px;margin:auto;}
.h2luxtrust-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;}
/* LEFT */
.h2luxtrust-tag{font-size:14px;color:#8c7b4f;}
.h2luxtrust-title{font-size:42px;font-weight:600;margin:15px 0;line-height:1.2;}
.h2luxtrust-desc{color:#ffffff;font-size:15px;line-height:1.7;margin-bottom:30px;}
.h2luxtrust-expertise{display:flex;gap:15px;margin-bottom:25px;}
.h2luxtrust-icon{width:40px;height:40px;border:1px solid #8c7b4f;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#8c7b4f;}
.h2luxtrust-expertise h4{margin:0 0 5px;}
.h2luxtrust-expertise p{margin:0;font-size:14px;color:#ffffff;}
.h2luxtrust-divider{height:1px;background:#ffffff;margin:25px 0;}
/* PROGRESS */
.h2luxtrust-progress-item{margin-bottom:25px;}
.h2luxtrust-progress-top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px;}
.h2luxtrust-progress-bar{width:100%;height:8px;background:#ffffff;border-radius:10px;overflow:hidden;margin-bottom: 20px;}
.h2luxtrust-progress-fill{height:8px;width:0;background:#8c7b4f;border-radius:10px;transition:width 2s ease-in-out;}
/* BUTTON */
.h2luxtrust-btn{display:inline-block;margin-top:20px;background:#e9e4db;color:#000;padding:14px 30px;border-radius:30px;text-decoration:none;font-size:14px;transition:.3s;border:2px solid #cbb26a;}
.h2luxtrust-btn:hover{background:#6f623d;}
/* RIGHT */
.h2luxtrust-right{position:relative;height:650px;}
.h2luxtrust-image-main{position:absolute;bottom:0;left:0;transition:transform .4s ease;}
.h2luxtrust-image-main img{width:75%;height:55vh;border-top:8px solid #e9e4db;border-right:8px solid #e9e4db;object-fit:cover;border-radius:20px;}
.h2luxtrust-image-main:hover{transform:translateY(-8px);}
.h2luxtrust-image-top{position:absolute;right:0;top:10%;transition:transform .4s ease;}
.h2luxtrust-image-top img{width:300px;border-radius:20px;}
.h2luxtrust-image-top:hover{transform:translateY(-8px);}
.h2luxtrust-hours-box{position:absolute;right:-20px;bottom:60px;background:#8c7b4f;color:#fff;padding:30px;border-radius:20px;width:200px;text-align:center;}
.h2luxtrust-hours-box h3{margin:0;font-size:28px;}
.h2luxtrust-hours-box p{margin:5px 0 0;font-size:14px;}
/* CONTACT CIRCLE */
.h2luxtrust-contact-wrapper{margin-top:5em;margin-left:3em;position:relative;width:150px;height:150px;}
.h2luxtrust-contact-circle{width:100%;height:100%;background:#8c7b4f;border-radius:50%;animation:h2luxtrust-rotate 12s linear infinite;}
.h2luxtrust-contact-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8c7b4f;font-size:22px;font-weight:600;}
@keyframes h2luxtrust-rotate{100%{transform:rotate(360deg);}}
/* RESPONSIVE */
@media (max-width:1024px){
  .h2luxtrust-grid{grid-template-columns:1fr;gap:40px;}
  .h2luxtrust-right{height:auto;}
  .h2luxtrust-image-main,
  .h2luxtrust-image-top,
  .h2luxtrust-hours-box{position:relative;left:auto;right:auto;top:auto;bottom:auto;}
  .h2luxtrust-image-main img{width:100%;height:45vh;}
  .h2luxtrust-image-top img{width:100%;margin-top:20px;height: 40vh;}
  .h2luxtrust-hours-box{width:100%;margin-top:20px;}
  .h2luxtrust-contact-wrapper{margin:30px auto;}
}
@media (max-width:639px){
  .h2luxtrust-section{padding:60px 20px;}
  .h2luxtrust-title{font-size:28px;}
}
@media (min-width:1280px){
  .h2luxtrust-title{font-size:44px;}
}
/* SECTION */
.wwd-sec{padding:70px 6%;background:#000000;font-family:"Poppins",sans-serif;text-align:center;}
.wwd-tag{display:block;font-size:14px;color:#9f8a4d;margin-bottom:16px;}
.wwd-title{font-size:42px;color: #fff;font-weight:500;line-height:1.25;margin-bottom:40px;}
/* GRID */
.wwd-wrap{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;}
/* SERVICE BLOCKS */
.wwd-col{display:flex;flex-direction:column;gap:70px;text-align:left;}
.wwd-right{text-align:right;padding-left: 4em;}
.wwd-item{transition:.4s ease;}
.wwd-item:hover{transform:translateY(-6px);}
.wwd-item h4{font-size:16px;color: #fff;margin-bottom:10px;}
.wwd-item p{font-size:13px;color:#ffffff;line-height:1.6;margin-bottom:14px;}
.wwd-item ul{list-style:none;padding:0;}
.wwd-item li{font-size:12px;color:#ffffff;padding-left:18px;position:relative;}
.wwd-item li::before{content:"✔";position:absolute;left:0;color:#9f8a4d;font-size:11px;}
/* ICON */
.wwd-icon{width:38px;height:38px;border-radius:50%;border:1px solid #9f8a4d;display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:.4s ease;}
.wwd-icon svg{width:18px;height:18px;stroke:#9f8a4d;stroke-width:1.6;fill:none;}
.wwd-item:hover .wwd-icon{background:#9f8a4d;transform:scale(1.12) rotate(6deg);}
.wwd-item:hover .wwd-icon svg{stroke:#fff;}
/* CENTER IMAGES */
.wwd-center{position:relative;align-items:flex-end;justify-content:center;padding-left: 1em;}
.wwd-arch{width:300px;height:460px;border-radius:180px 180px 20px 20px;overflow:hidden;background:#e5e1dc;}
.wwd-arch img{width:100%;height:100%;object-fit:cover;}
.wwd-main-img{position:absolute;right:10px;bottom:-8px;width:200px;border-radius:180px 180px 20px 20px;border-left: 9px solid #000000;border-top: 9px solid #000000;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.15);transition:.4s ease;}
.wwd-main-img img{width:100%;height:100%;object-fit:cover;}
.wwd-main-img:hover{transform:translateY(-10px);}
/* CONTACT ROTATING CIRCLE */
.contact-circle-wrap{position:absolute;top:88px;right:50px;width:130px;height:130px;}
.contact-circle-svg{width:80%;height:80%;background:#b59b5b;border-radius:50%;animation:circleSpin 12s linear infinite;}
.contact-circle-svg text{fill:#ffffff;font-size:13px;letter-spacing:3px;font-weight:500;text-transform:uppercase;}
.contact-circle-center{position:absolute;inset:0;margin:auto;top:-25px;width:42px;height:42px;background:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.contact-circle-center svg{width:22px;height:22px;stroke:#b59b5b;stroke-width:1.8;fill:none;}
@keyframes circleSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@media (max-width:360px){

.wwd-sec{padding:50px 5%;}
.wwd-title{font-size:26px;line-height:1.2;margin-bottom:30px;}
.wwd-wrap{grid-template-columns:1fr;gap:50px;}
.wwd-col{gap:40px;text-align:left;}
.wwd-right{text-align:left;padding-left:0;}
.wwd-item h4{font-size:15px;}
.wwd-item p{font-size:12px;}
.wwd-item li{font-size:11px;}
.wwd-center{padding-left:0;justify-content:center;}
.wwd-arch{width:240px;height:360px;margin:auto;}
.wwd-main-img{width:160px;right:-10px;bottom:-6px;}
.wwd-main-img img{display: none;}
.contact-circle-wrap{top:-20px;right:50%;transform:translateX(50%);width:110px;height:110px;}
.contact-circle-svg{width:100%;height:100%;}
.contact-circle-center{top:0;width:36px;height:36px;}
}
@media (max-width:768px){
.wwd-sec{padding:60px 6%;}
.wwd-title{font-size:34px;margin-bottom:35px;}
.wwd-wrap{grid-template-columns:1fr;gap:70px;}
.wwd-col{gap:50px;}
.wwd-right{text-align:left;padding-left:0;}
.wwd-center{padding-left:0;justify-content:center;}
.wwd-arch{display: none;}
.wwd-main-img{width:190px;right:-20px;bottom:-10px;}
.wwd-main-img img{display: none;}
.contact-circle-wrap{top:-10px;right:50%;transform:translateX(50%);}
.contact-circle-svg{width:80%;height:80%;margin-bottom: 2em;animation-duration:16s;}}

/* SECTION */
.team-sec{padding:70px 6% 60px;background:#f7f3eb;font-family:"Poppins",sans-serif;text-align:center;}
.team-tag{font-size:14px;color:#9f8a4d;display:block;margin-bottom:14px;}
.team-title{font-size:42px;font-weight:500;margin-bottom:14px;}
.team-desc{max-width:680px;margin:0 auto 40px;font-size:14px;color:#666;line-height:1.7;}
/* GRID */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
/* CARD */
.team-card{position:relative;border-radius:26px;overflow:hidden;cursor:pointer;}
.team-card img{width:100%;height:430px;object-fit:cover;transition:transform .6s ease;}
.team-card:hover img{transform:scale(1.08);}
/* NAME INFO */
.team-info{position:absolute;bottom:26px;left:26px;color:#fff;z-index:2;transition:transform .4s ease, opacity .4s ease;}
.team-info h4{font-size:16px;margin-bottom:4px;}
.team-info span{font-size:13px;opacity:.9;}
/* HOVER OVERLAY */
.team-hover{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.25));opacity:0;transition:.45s ease;}
.team-card:hover .team-hover{opacity:1;}
/* VIEW BUTTON (CENTER RIGHT) */
.team-view{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:#111;color:#fff;font-size:13px;padding:10px 18px;border-radius:30px;text-decoration:none;}
/* SOCIAL ICONS (BOTTOM LEFT) */
/* SOCIAL ICONS DEFAULT */
.team-social{position:absolute;bottom:10px;left:26px;display:flex;gap:10px;opacity:0;transform:translateY(20px); transition:.4s ease;}
.team-social a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none;transition:.3s;}
.team-social a:hover{background:#9f8a4d;}
/* RESPONSIVE */
@media(max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:639px){.team-grid{grid-template-columns:1fr;}.team-title{font-size:28px;}}
/* ON HOVER */
.team-card:hover .team-info{transform:translateY(-30px);}
.team-card:hover .team-social{opacity:1;transform:translateY(0);}

/* ================= PROJECTS BANNER SECTION ================= */
.projects-banner{position:relative;width:100%;padding-top:35%;background:url('../img/project-banner.jpg') center center / cover no-repeat;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Arial',sans-serif;}
.projects-banner-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.603);}
.projects-banner-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1;width:90%;max-width:1000px;}
.projects-banner-tagline{display:inline-block;font-size:15px;letter-spacing:6px;padding-left:10px;color:#cbb26a;margin-bottom:20px;}
@keyframes projectSlideUpSoft{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}
.projects-banner-title{font-size:48px;margin-top:10px;margin-bottom:20px;color:#ffffff;animation:projectSlideUpSoft 1.6s ease-out forwards;animation-delay:0.2s;}
@media(max-width:768px){.projects-banner{padding-top:45vh;}.projects-banner-title{font-size:32px;line-height:1.2;}.projects-banner-tagline{font-size:13px;letter-spacing:3px;}}
@media(max-width:360px){.projects-banner{padding-top:42vh;}.projects-banner-title{font-size:24px;line-height:1.1;}.projects-banner-tagline{font-size:12px;letter-spacing:2px;}}
/* ================= SECTION ================= */
.mix-gallery{padding:70px 6%;background:#faf7f2;font-family:"Poppins",sans-serif;text-align:center;}
.mix-tag{font-size:14px;color:#9f8a4d;display:block;margin-bottom:14px;}
.mix-title{font-size:42px;font-weight:500;margin-bottom:50px;}

/* ================= FILTERS ================= */
.mix-controls{display:flex;justify-content:center;gap:14px;margin-bottom:50px;flex-wrap:wrap;}
.mix-btn{padding:10px 26px;border-radius:30px;border:1px solid #cbb26a;background:transparent;font-size:13px;cursor:pointer;transition:.3s;}
.mix-btn:hover,.mix-btn.mixitup-control-active{background:#cbb26a;color:#000;}

/* ================= GRID ================= */
.mix-container{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;}

/* ================= ITEM ================= */
.mix-item{position:relative;border-radius:22px;overflow:hidden;transition:transform .6s ease,box-shadow .6s ease;}
.mix-item img{width:100%;height:340px;object-fit:cover;transition:transform .8s cubic-bezier(.19,1,.22,1);}
.mix-item:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.18);}
.mix-item:hover img{transform:scale(1.1);}

/* ================= OVERLAY ================= */
.mix-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.25));display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff;opacity:0;transition:.4s;}
.mix-item:hover .mix-overlay{opacity:1;}
.mix-overlay h4{font-size:16px;margin-bottom:4px;}
.mix-overlay span{font-size:13px;opacity:.85;}

/* ================= TEXT ANIMATION ================= */
.mix-overlay h4,.mix-overlay span{transform:translateY(20px);opacity:0;transition:.5s ease;}
.mix-item:hover .mix-overlay h4,.mix-item:hover .mix-overlay span{transform:translateY(0);opacity:1;}
.mix-item:hover .mix-overlay span{transition-delay:.2s;}

/* ================= MOBILE < 640px ================= */
@media(max-width:639px){
.mix-gallery{padding:60px 5%;}
.mix-title{font-size:28px;margin-bottom:30px;}
.mix-container{grid-template-columns:1fr;gap:30px;}
.mix-item img{height:260px;}
.mix-controls{gap:10px;margin-bottom:30px;}
.mix-btn{padding:8px 18px;font-size:12px;}
}

/* ================= TABLET 640px – 1024px ================= */
@media(min-width:640px) and (max-width:1024px){
.mix-gallery{padding:70px 6%;}
.mix-title{font-size:34px;}
.mix-container{grid-template-columns:repeat(2,1fr);gap:40px;}
.mix-item img{height:300px;}
}

/* ================= DESKTOP 1024px – 1280px ================= */
@media(min-width:1024px) and (max-width:1279px){
.mix-title{font-size:38px;}
.mix-container{grid-template-columns:repeat(3,1fr);gap:50px;}
.mix-item img{height:320px;}
}

/* ================= LARGE > 1280px ================= */
@media(min-width:1280px){
.mix-gallery{padding:90px 8%;}
.mix-title{font-size:42px;}
.mix-container{grid-template-columns:repeat(3,1fr);gap:60px;}
.mix-item img{height:340px;}
}
/* ================= PROJECT DETAIL BANNER SECTION ================= */
.project-detail-banner { position: relative; width: 100%; padding-top: 35%; background: url('../img/post-2.jpg') center center / cover no-repeat; display: flex; align-items: center; justify-content: center; color: #fff; font-family: 'Arial', sans-serif; }
.project-detail-banner-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.603); }
.project-detail-banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1; width: 90%; max-width: 1000px; }
.project-detail-banner-tagline { display: inline-block; font-size: 15px; letter-spacing: 6px; padding-left: 10px; color: #cbb26a; margin-bottom: 20px; }
/* ===== SLIDE IN UP KEYFRAMES ===== */
@keyframes slideUpSoft { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
.project-detail-banner-title { font-size: 48px; margin-top: 10px; margin-bottom: 20px; color: #ffffff; animation: slideUpSoft 1.6s ease-out forwards; animation-delay: 0.2s; }
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .project-detail-banner { padding-top: 45vh; }
  .project-detail-banner-title { font-size: 32px; line-height: 1.2; }
  .project-detail-banner-tagline { font-size: 13px; letter-spacing: 3px; }
}
@media (max-width: 360px) {
  .project-detail-banner { padding-top: 42vh; }
  .project-detail-banner-title { font-size: 24px; line-height: 1.1; }
  .project-detail-banner-tagline { font-size: 12px; letter-spacing: 2px; }
}
/* ===== SECTION ===== */
.project-detail-section { padding: 80px 60px; }
/* ===== WRAPPER ===== */
.project-detail-wrapper { display: flex; gap: 40px; align-items: flex-start; }
/* ===== SIDEBAR ===== */
.project-detail-sidebar { width: 35%; position: sticky; top: 100px; }
/* INFO CARD */
.project-info-card { background: #fbf7f2; border-radius: 14px; overflow: hidden; margin-bottom: 30px; }
.project-info-title { background: linear-gradient(90deg, #b7a36b, #8d7a45); color: #fff; padding: 16px 20px; font-size: 18px; }
.project-info-list { list-style: none; padding: 20px; }
.project-info-list li { display: flex; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid #e6ded3; font-size: 14px; }
.project-info-list li span { font-weight: 500; color: #000; }
/* CONTACT CARD */
.project-contact-card { background: url("../img/project\ details\ side.jpg") center / cover no-repeat; border-radius: 14px; padding: 30px; color: #fff; position: relative; }
.project-contact-card::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.55); border-radius: 14px; }
.project-contact-card * { position: relative; }
.project-contact-card h4 { font-size: 20px; margin-bottom: 10px; }
.project-contact-card p { font-size: 14px; margin-bottom: 15px; }
/* ===== MAIN CONTENT ===== */
.project-detail-main { width: 65%; }
/* IMAGE */
.project-main-image img { width: 100%; border-radius: 18px; margin-bottom: 30px; }
/* TEXT */
.project-description p { font-size: 15px; line-height: 1.8; margin-bottom: 20px; color: #555; }
/* OVERVIEW */
.project-overview h2 { font-size: 32px; margin: 40px 0 15px; letter-spacing: 1px; }
.project-overview p { font-size: 15px; line-height: 1.8; color: #555; margin-bottom: 15px; }
/* ===== TABLET RESPONSIVE (768px) ===== */
@media (max-width: 768px) {
  .project-detail-section { padding: 60px 30px; }
  .project-detail-wrapper { flex-direction: column; gap: 30px; }
  .project-detail-sidebar { width: 100%; position: static; }
  .project-detail-main { width: 100%; }
  .project-overview h2 { font-size: 26px; }
}
/* ===== MOBILE RESPONSIVE (360px) ===== */
@media (max-width: 360px) {
  .project-detail-section { padding: 40px 16px; }
  .project-info-title { font-size: 16px; padding: 14px 16px; }
  .project-info-list li { font-size: 13px; flex-direction: column; gap: 4px; }
  .project-contact-card { padding: 20px; }
  .project-contact-card h4 { font-size: 18px; }
  .project-description p { font-size: 14px; }
  .project-overview h2 { font-size: 22px; }
}
.project-detail-luxury { padding: 30px 70px 30px; }
.project-detail-luxury-wrapper { display: flex; gap: 60px; align-items: center; }
.project-detail-luxury-image img { width: 150%; border-radius: 26px; transform: translateX(-20%); }
/* CONTENT */
.project-detail-luxury-content { position: relative; max-width: 520px; }
.project-detail-luxury-icon { display: inline-block; width: 38px; height: 38px; margin-bottom: 12px; }
.project-detail-luxury-icon svg { width: 100%; height: 100%; }
.project-detail-luxury-title { font-size: 28px; margin-bottom: 10px; }
.project-detail-luxury-subtitle { font-size: 15px; color: #555; margin-bottom: 25px; }
/* LIST */
.project-detail-luxury-list { list-style: none; margin-bottom: 40px; }
.project-detail-luxury-list li { font-size: 15px; margin-bottom: 14px; padding-left: 28px; position: relative; color: #555; }
.project-detail-luxury-list li::before { content: "✓"; position: absolute; left: 0; color: #9a8b5c; font-weight: 600; }
/* ===== CONTACT CIRCLE ===== */
.project-detail-contact-circle { position: absolute; right: -40px; top: 270px; width: 130px; height: 130px; border-radius: 50%; background: #9a8b5c; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.35); box-shadow: 0 8px 30px rgba(0,0,0,0.15); }
.project-detail-contact-circle svg { width: 100%; height: 100%; animation: projectSpin 12s linear infinite; }
.project-detail-contact-text { font-size: 8px; letter-spacing: 3px; fill: #ffffff; text-transform: uppercase; }
.project-detail-contact-icon { position: absolute; inset: 0; margin: auto; width: 52px; height: 52px; background: rgba(154,139,92,0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 20px rgba(0,0,0,0.25); }
.project-detail-contact-icon svg { width: 22px; height: 22px; }
/* ANIMATION */
@keyframes projectSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
/* BOTTOM DESCRIPTION */
.project-detail-luxury-description { width: 100%; max-width: 100%; margin-top: 50px; font-size: 15px; color: #555; line-height: 1.8; transform: translateX(-8%); }
/* ================= TABLET (768px) ================= */
@media (max-width: 768px) {

  .project-detail-luxury { padding: 40px 30px; }
  .project-detail-luxury-wrapper { flex-direction: column; gap: 40px; }
  .project-detail-luxury-image img {
    width: 100%;
    transform: translateX(0);  
  }
  .project-detail-luxury-content { max-width: 100%; }
  .project-detail-contact-circle {
    position: relative;
    right: auto;
    top: auto;
    margin: 30px auto 0;
  }
  .project-detail-luxury-description {
    transform: translateX(0);
  }
}
/* ================= MOBILE (360px) ================= */
@media (max-width: 360px) {
  .project-detail-luxury { padding: 30px 16px; }
  .project-detail-luxury-title { font-size: 22px; }
  .project-detail-luxury-subtitle { font-size: 14px; }
  .project-detail-luxury-list li { font-size: 14px; }
  .project-detail-luxury-image img {
    width: 100%;
    transform: none;}
  .project-detail-contact-circle {
    width: 100px;
    height: 100px;}
  .project-detail-luxury-description {
    font-size: 14px;
    margin-top: 30px;
    transform: none;
  }}
.project-detail-solutions { padding: 20px 10px; }
.project-detail-solutions-container { width: 100%; margin: auto;max-width: 100%;padding-left: -80px; }
.project-detail-solutions-title { font-size: 36px; letter-spacing: 1px; margin-bottom: 20px; }
.project-detail-solutions-intro { max-width: 1200px; font-size: 15px; color: #555; line-height: 1.8; margin-bottom: 50px; }
/* CARDS */
.project-detail-solutions-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; background: #fbf7f2; padding: 40px; border-radius: 24px; margin-bottom: 50px; }
.project-detail-solution-card { text-align: left; }
.project-detail-solution-icon { width: 42px; height: 42px; margin-bottom: 16px; }
.project-detail-solution-icon svg { width: 100%; height: 100%; }
.project-detail-solution-card h4 { font-size: 18px; margin-bottom: 8px; }
.project-detail-solution-card p { font-size: 14px; color: #555; line-height: 1.6; }
/* BOTTOM TEXT */
.project-detail-solutions-text p { font-size: 15px; line-height: 1.8; color: #555; margin-bottom: 20px; }
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .project-detail-solutions { padding:0px 30px 60px;}
  .project-detail-solutions-cards { grid-template-columns: 1fr; padding: 30px; }
  .project-detail-solutions-title { font-size: 28px; }
}
@media (max-width: 360px) {
  .project-detail-solutions { padding: 0px 16px 50px; }
  .project-detail-solutions-title { font-size: 24px; }
  .project-detail-solutions-intro { font-size: 14px; }
}
/* ================= BLOG BANNER SECTION ================= */

.blog-banner { position: relative; width: 100%; padding-top: 35%; background: url('../img/bedroom\ int.jpg') center center / cover no-repeat; display: flex; align-items: center; justify-content: center; color: #fff; font-family: 'Arial', sans-serif; }
.blog-banner-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.669); }
.blog-banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1; width: 90%; max-width: 1000px; }
.blog-banner-tagline { display: inline-block; font-size: 15px; letter-spacing: 6px; padding-left: 10px; color: #cbb26a; margin-bottom: 20px; }
/* ===== SLIDE IN UP KEYFRAMES ===== */
@keyframes slideUpSoft {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}
.blog-banner-title { font-size: 48px; margin-top: 10px; margin-bottom: 20px; color: #ffffff; animation: slideUpSoft 1.6s ease-out forwards; animation-delay: 0.2s; }
/* ===== RESPONSIVE ==== */
@media (max-width: 768px) { 
  .blog-banner { padding-top: 45vh; } 
  .blog-banner-title { font-size: 32px; line-height: 1.2; } 
  .blog-banner-tagline { font-size: 13px; letter-spacing: 3px; } 
}
@media (max-width: 360px) { 
  .blog-banner { padding-top: 42vh; } 
  .blog-banner-title { font-size: 24px; line-height: 1.1; } 
  .blog-banner-tagline { font-size: 12px; letter-spacing: 2px; } 
}
.blog-listing { background: #f7efe6; padding: 90px 70px; }
.blog-listing-container { max-width: 1300px; margin: auto; }
/* GRID */
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 70px; }
/* CARD */
.blog-card h3 { font-size: 18px; margin: 16px 15px 14px; line-height: 1.4; }
.blog-read-more { display: inline-block; font-size: 14px; margin-left: 15px; margin-bottom: 20px; color: #000; text-decoration: none; font-weight: 500; }
/* IMAGE */
.blog-card-image { position: relative; overflow: hidden; border-radius: 24px; }
.blog-card-image img { width: 100%; height: 240px; object-fit: cover; display: block; }
/* CATEGORY BADGE */
.blog-category { position: absolute; top: 16px; left: 16px; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; padding: 6px 12px; border-radius: 20px; backdrop-filter: blur(6px); }
/* ================= TABLET RESPONSIVE (768px) ================= */
@media (max-width: 768px) {
  .blog-listing { padding: 60px 30px; }
  .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 30px; }
  .blog-card h3 { font-size: 16px; margin: 14px 10px 12px; }
  .blog-card-image img { height: 220px; }
  .blog-read-more { font-size: 13px; margin-left: 10px; }
}
/* ================= MOBILE RESPONSIVE (360px) ================= */
@media (max-width: 360px) {
  .blog-listing { padding: 50px 16px; }
  .blog-grid { grid-template-columns: 1fr; gap: 30px; }
  .blog-card h3 { font-size: 15px; margin: 12px 8px 10px; }
  .blog-card-image img { height: 200px; }
  .blog-category { font-size: 11px; padding: 5px 10px; }
  .blog-read-more { font-size: 13px; margin-left: 8px; margin-bottom: 16px; }
}
.blog-card-image img {filter: grayscale(100%);transition: filter 0.6s ease;}
.blog-card:hover .blog-card-image img {filter: grayscale(0%);}
.blog-card {transition: transform 0.4s ease, box-shadow 0.4s ease;}
.blog-card-image {border-radius: 24px;overflow: hidden;position: relative;}
.blog-card-image::after {content: "";position: absolute;inset: 0;border: 2px solid rgba(154,139,92,0);border-radius: 24px;transition: border-color 0.4s ease;}
.blog-card:hover {transform: translateY(-6px);box-shadow: 0 18px 40px rgba(0,0,0,0.12);}
.blog-card:hover .blog-card-image::after {border-color: rgba(154,139,92,0.6);}
.blog-card-image img {filter: grayscale(100%);transition: filter 0.6s ease;}
.blog-card:hover .blog-card-image img {filter: grayscale(0%);}
/* ================= BLOG DETAIL BANNER SECTION ================= */
.blog-detail-banner { position: relative; width: 100%; padding-top: 35%; background: url('../img/project\ det.jpg') center center / cover no-repeat; display: flex; align-items: center; justify-content: center; color: #fff; font-family: 'Arial', sans-serif; }
.blog-detail-banner-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.603); }
.blog-detail-banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1; width: 90%; max-width: 1000px; }
.blog-detail-banner-tagline { display: inline-block; font-size: 15px; letter-spacing: 6px; padding-left: 10px; color: #cbb26a; margin-bottom: 20px; }
/* ===== SLIDE IN UP KEYFRAMES ===== */
@keyframes slideUpSoft {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}
.blog-detail-banner-title { font-size: 48px; margin-top: 10px; margin-bottom: 20px; color: #ffffff; animation: slideUpSoft 1.6s ease-out forwards; animation-delay: 0.2s; }
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) { 
  .blog-detail-banner { padding-top: 45vh; } 
  .blog-detail-banner-title { font-size: 32px; line-height: 1.2; } 
  .blog-detail-banner-tagline { font-size: 13px; letter-spacing: 3px; } 
}
@media (max-width: 360px) { 
  .blog-detail-banner { padding-top: 42vh; } 
  .blog-detail-banner-title { font-size: 24px; line-height: 1.1; } 
  .blog-detail-banner-tagline { font-size: 12px; letter-spacing: 2px; } 
}
.blog-detail-content {background: #f7efe6;padding: 80px 70px 10px;}
/* IMAGE */
.blog-detail-image img {width: 100%;border-radius: 26px;margin-bottom: 40px;}
/* TEXT */
.blog-detail-text {max-width: 1200px;margin-left: 2em;}
.blog-detail-text p {font-size: 15px;line-height: 1.9;color: #555;}
/* QUOTE BOX */
.blog-detail-quote {position: relative;background: #fbf7f2;border-radius: 18px;padding: 32px 36px;margin: 40px 0;}
.blog-detail-quote .quote-icon {position: absolute;top: 20px;left: 24px;font-size: 60px;color: #9a8b5c;line-height: 1;}
.blog-detail-quote p {font-size: 16px;line-height: 1.8;color: #000;font-weight: 500;margin-left: 40px;}
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .blog-detail-content {padding: 60px 30px 30px;}
  .blog-detail-quote {padding: 28px;}
  .blog-detail-quote .quote-icon {font-size: 50px;top: 18px;left: 20px;}}
@media (max-width: 360px) {
  .blog-detail-content {padding: 50px 16px;}
  .blog-detail-text p {font-size: 14px;}
  .blog-detail-quote p {font-size: 15px;margin-left: 30px;}}
.blog-ideas-section { background: #f7efe6; padding: 0px 70px 50px; }
.blog-ideas-container { max-width: 1200px; margin-left: 30px; }
.blog-ideas-title { font-size: 36px; margin-bottom: 20px; }
.blog-ideas-intro { font-size: 15px; line-height: 1.9; color: #555; max-width: 1200px; margin-bottom: 30px; }
/* LIST */
.blog-ideas-list { list-style: disc; padding-left: 18px; margin-bottom: 30px; }
.blog-ideas-list li { font-size: 15px; line-height: 1.8; color: #555; margin-bottom: 14px; }
/* BOTTOM TEXT */
.blog-ideas-bottom-text { font-size: 15px; line-height: 1.8; color: #555; max-width: 1200px; margin-bottom: 30px; }
/* DIVIDER */
.blog-ideas-divider { height: 1px; background: #e2dbd0; margin: 30px 0; }
/* FOOTER */
.blog-ideas-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
/* TAGS */
.blog-ideas-tags { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.blog-ideas-tags span { font-weight: 500; }
.blog-ideas-tags a {background: #8d7a45;color: #fff;padding: 6px 14px;border-radius: 20px;font-size: 13px;text-decoration: none;}
/* SOCIAL */
.blog-ideas-social { display: flex; gap: 14px; }
.blog-ideas-social a {width: 36px;height: 36px;border-radius: 50%;background: #8d7a45;color: #fff;display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: 14px;font-weight: 600;
}
.blog-ideas-social {display: flex;gap: 14px;}
.social-icon {width: 38px;height: 38px;border-radius: 50%;background: #8d7a45;display: flex;align-items: center;justify-content: center;text-decoration: none;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.social-icon svg {width: 18px;height: 18px;}
.social-icon:hover {transform: translateY(-3px);box-shadow: 0 8px 20px rgba(0,0,0,0.25);}
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .blog-ideas-section { padding: 0px 30px 60px; }
  .blog-ideas-title { font-size: 28px; }
  .blog-ideas-footer { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 360px) {
  .blog-ideas-section { padding: 0px 16px; }
  .blog-ideas-title { font-size: 24px; }
  .blog-ideas-intro,
  .blog-ideas-list li,
  .blog-ideas-bottom-text { font-size: 14px; }
    .blog-ideas-footer { flex-direction: column; align-items: flex-start;margin-bottom: 2em; }
}
/* ================= CONTACT BANNER SECTION ================= */
.contact-banner{position:relative;width:100%;padding-top:35%;background:url('../img/hero-bg\ 1.jpg') center center / cover no-repeat;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Arial',sans-serif;}
.contact-banner-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.603);}
.contact-banner-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1;width:90%;max-width:1000px;}
.contact-welcome-text{display:inline-block;font-size:15px;letter-spacing:6px;padding-left:10px;color:#cbb26a;margin-bottom:20px;}
/* ===== SLIDE IN UP KEYFRAMES ===== */
@keyframes contactSlideUpSoft{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}
.contact-banner-title{font-size:48px;margin-top:10px;margin-bottom:20px;color:#ffffff;animation:contactSlideUpSoft 1.6s ease-out forwards;animation-delay:0.2s;}
/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .contact-banner{padding-top:45vh;}
  .contact-banner-title{font-size:32px;line-height:1.2;}
  .contact-welcome-text{font-size:13px;letter-spacing:3px;}
}
@media(max-width:360px){
  .contact-banner{padding-top:42vh;}
  .contact-banner-title{font-size:24px;line-height:1.1;}
  .contact-welcome-text{font-size:12px;letter-spacing:2px;}
}
/* ===================== BASE (Desktop 1024px – 1280px) ===================== */
.contact-section { padding: 60px 5em;background-color: #000; }
.contact-container { max-width: 1150px; margin: auto; display: grid; grid-template-columns: 1fr 1.4fr; gap: 30px; }
.contact-info { background: #fffaf2; padding: 100px 40px 40px; border-radius: 20px; }
.tag { font-size: 12px; color: #8b7a3e; display: inline-block; margin-bottom: 10px; }
.contact-info h3 { font-size: 22px; margin-bottom: 14px; }
.contact-info p { font-size: 14px; color: #6f6f6f; line-height: 1.8em; margin-bottom: 30px; }
.info-item { display: flex; gap: 15px; margin-bottom: 25px; }
.icon-box { width: 44px; height: 44px; border: 1px solid #d6c7a1; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.icon-box svg { width: 20px; height: 20px; fill: none; stroke: #8b7a3e; stroke-width: 1.8; }
.info-item strong { font-size: 14px; }
.contact-form { background: #ffffff; padding: 45px; border-radius: 20px; }
.contact-form h2 { font-size: 32px; margin-bottom: 12px; }
.contact-form p { font-size: 14px; color: #6f6f6f; margin-bottom: 30px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.form-group { display: flex; flex-direction: column; }
.form-group label { font-size: 13px; margin-bottom: 6px; }
.form-group input, .form-group textarea { padding: 14px; border-radius: 8px; border: 1px solid #e4e4e4; font-size: 14px; }
.form-group textarea { height: 120px; resize: none; }
.contact-btn { margin-top: 20px; padding: 14px 28px; background: transparent; border: 2px solid #8b7a3e; color: #000; border-radius: 30px; font-size: 14px; cursor: pointer; transition: all 0.35s ease; }
.contact-btn::after { content: "→"; margin-left: 10px; display: inline-block; transition: transform 0.35s ease; }
.contact-btn:hover { background: #6f6130; color: #fff; transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0,0,0,0.15); }
.contact-btn:hover::after { transform: translateX(5px); }
/* ===================== MOBILE < 640px ===================== */
@media (max-width: 639px) {
  .contact-section { padding: 40px 20px; }
  .contact-container { grid-template-columns: 1fr; gap: 20px; }
  .contact-info { padding: 60px 25px 30px; }
  .contact-form { padding: 30px 25px; }
  .contact-form h2 { font-size: 24px; }
  .form-row { grid-template-columns: 1fr; }
  .contact-btn { width: 100%; text-align: center; }}
/* ===================== TABLET 640px – 1024px ===================== */
@media (min-width: 640px) and (max-width: 1023px) {
  .contact-section { padding: 50px 30px; }
  .contact-container { grid-template-columns: 1fr; }
  .contact-info { padding: 80px 35px 35px; }
  .contact-form h2 { font-size: 28px; }}
/* ===================== DESKTOP 1024px – 1280px ===================== */
@media (min-width: 1024px) and (max-width: 1279px) {
  .contact-container { max-width: 1100px; }}
/* ===================== LARGE > 1280px ===================== */
@media (min-width: 1280px) {
  .contact-container { max-width: 1250px; }
  .contact-form h2 { font-size: 36px; }
}
.location-section {background: #f6f2eb;padding: 70px 0 0;text-align: center;}
/* small top label */
.location-tag {font-size: 12px;color: #8b7a3e;display: block;margin-bottom: 12px;}
/* main heading */
.location-title {font-size: 38px;font-weight: 500;line-height: 1.3;margin-bottom: 30px;color: #111;letter-spacing: 0.5px;}
/* map container */
.map-wrapper {width: 100%;height: 460px;overflow: hidden;}
/* google map */
.map-wrapper iframe {width: 100%;height: 100%;border: none;}
/* ================= MOBILE < 640px ================= */
@media (max-width: 639px) {
  .location-tag { font-size: 11px; margin-bottom: 8px; }
  .location-title { font-size: 24px; line-height: 1.4; margin-bottom: 20px; }
  .map-wrapper { height: 280px; }}
/* ================= TABLET 640px – 1024px ================= */
@media (min-width: 640px) and (max-width: 1023px) {
  .location-title { font-size: 30px; }
  .map-wrapper { height: 360px; }}
/* ================= DESKTOP 1024px – 1280px ================= */
@media (min-width: 1024px) and (max-width: 1279px) {
  .location-title { font-size: 36px; }}
/* ================= LARGE > 1280px ================= */
@media (min-width: 1280px) {
  .location-title { font-size: 42px; }
  .map-wrapper { height: 520px; }}
/* Layout */
.e404-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; padding: 40px; }
.e404-content { text-align: center; max-width: 520px; position: relative; z-index: 2; }
/* Text */
.e404-tag { font-size: 12px; color: #8b7a3e; display: inline-block; margin-bottom: 16px; opacity: 0; animation: e404-fadeUp 0.8s ease forwards; }
.e404-code { font-size: 120px; font-weight: 600; color: #8b7a3e; line-height: 1; margin-bottom: 10px; }
.e404-title { font-size: 32px; font-weight: 500; margin-bottom: 16px; }
.e404-text { font-size: 15px; color: #6f6f6f; line-height: 1.7; margin-bottom: 30px; }
/* Animations helpers */
.e404-fade { opacity: 0; animation: e404-fadeUp 0.8s ease forwards; }
.e404-delay-1 { animation-delay: 0.2s; }
.e404-delay-2 { animation-delay: 0.4s; }
.e404-delay-3 { animation-delay: 0.6s; }
.e404-float { animation: e404-float 3s ease-in-out infinite; }
/* Button */
.e404-btn { display: inline-block; padding: 14px 34px; border-radius: 30px; border: 2px solid #8b7a3e; color: #111; text-decoration: none; font-size: 14px; position: relative; overflow: hidden; transition: all 0.35s ease; }
.e404-btn::after { content: ""; position: absolute; inset: 0; background: #8b7a3e; transform: scaleX(0); transform-origin: left; transition: transform 0.35s ease; z-index: -1; }
.e404-btn:hover::after { transform: scaleX(1); }
.e404-btn:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0,0,0,0.15); }
/* Background glow */
.e404-bg-glow { position: absolute; width: 600px; height: 600px; background: radial-gradient(circle, rgba(139,122,62,0.25), transparent 60%); filter: blur(60px); animation: e404-glow 6s ease-in-out infinite; }
/* Keyframes */
@keyframes e404-fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes e404-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
@keyframes e404-glow { 0%,100% { transform: scale(1); opacity: 0.4; } 50% { transform: scale(1.1); opacity: 0.6; } }
/* ================= MOBILE < 640px ================= */
@media (max-width: 639px) {.e404-page { padding: 30px 20px; }.e404-code { font-size: 80px; }.e404-title { font-size: 24px; }.e404-text { font-size: 14px; }.e404-bg-glow { width: 420px; height: 420px; }}
/* ================= TABLET 640px – 1024px ================= */
@media (min-width: 640px) and (max-width: 1023px) {.e404-code { font-size: 100px; }.e404-title { font-size: 28px; }.e404-content { max-width: 580px; }.e404-bg-glow { width: 520px; height: 520px; }}
/* ================= DESKTOP 1024px – 1280px ================= */
@media (min-width: 1024px) and (max-width: 1279px) {.e404-code { font-size: 120px; }.e404-content { max-width: 520px; }}
/* ================= LARGE > 1280px ================= */
@media (min-width: 1280px) {.e404-code { font-size: 140px; }.e404-content { max-width: 640px; }.e404-bg-glow { width: 760px; height: 760px; }}
/* ================= BASE (Desktop 1024px – 1280px) ================= */
.cs-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; padding: 40px; }
.cs-content { text-align: center; max-width: 560px; position: relative; z-index: 2; }
.cs-tag { font-size: 12px; color: #8b7a3e; display: inline-block; margin-bottom: 16px; opacity: 0; animation: cs-fadeUp 0.8s ease forwards; }
.cs-title { font-size: 48px; font-weight: 500; color: #111; line-height: 1.2; margin-bottom: 18px; animation: cs-float 3s ease-in-out infinite; }
.cs-text { font-size: 15px; color: #6f6f6f; line-height: 1.7; margin-bottom: 30px; }
.cs-form { display: flex; gap: 12px; justify-content: center; }
.cs-form input { padding: 14px 18px; border-radius: 30px; border: 1px solid #ddd; min-width: 240px; font-size: 14px; }
.cs-form input:focus { outline: none; border-color: #8b7a3e; }
.cs-btn { padding: 14px 28px; border-radius: 30px; border: 2px solid #8b7a3e; background: transparent; color: #111; font-size: 14px; cursor: pointer; position: relative; overflow: hidden; transition: all 0.35s ease; }
.cs-btn::after { content: ""; position: absolute; inset: 0; background: #8b7a3e; transform: scaleX(0); transform-origin: left; transition: transform 0.35s ease; z-index: -1; }
.cs-btn:hover::after { transform: scaleX(1); }
.cs-btn:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0,0,0,0.15); }
.cs-bg-glow { position: absolute; width: 650px; height: 650px; background: radial-gradient(circle, rgba(139,122,62,0.25), transparent 60%); filter: blur(60px); animation: cs-glow 6s ease-in-out infinite; }
/* ================= MOBILE < 640px ================= */
@media (max-width: 639px) {.cs-page { padding: 30px 20px; }.cs-title { font-size: 32px; }.cs-text { font-size: 14px; }.cs-form { flex-direction: column; }.cs-form input, .cs-btn { width: 100%; }.cs-bg-glow { width: 420px; height: 420px; }}
/* ================= TABLET 640px – 1024px ================= */
@media (min-width: 640px) and (max-width: 1023px) {.cs-title { font-size: 40px; }.cs-content { max-width: 620px; }.cs-bg-glow { width: 520px; height: 520px; }}
/* ================= DESKTOP 1024px – 1280px ================= */
@media (min-width: 1024px) and (max-width: 1279px) {.cs-title { font-size: 48px; }.cs-content { max-width: 560px; }}
/* ================= LARGE > 1280px ================= */
@media (min-width: 1280px) {.cs-title { font-size: 56px; }.cs-content { max-width: 680px; }.cs-bg-glow { width: 760px; height: 760px; }}

.ui-body{display:flex;background:#ffffff;color:#111827;}
.ui-sidebar{width:240px;height:100vh;background:#111827;color:#fff;padding:20px;position:fixed;top:0;left:0;transition:0.3s;z-index:999;}
.ui-sidebar-title{text-align:center;color:#60a5fa;margin-bottom:30px;font-size:20px;}
.ui-menu{list-style:none;}
.ui-link{display:block;padding:10px 15px;color:#cbd5e1;text-decoration:none;border-radius:8px;margin-bottom:10px;transition:0.3s;font-size:14px;}
.ui-link:hover,.ui-link.active{background:#8b7a3e;color:#fff;}
.ui-logout{border:1px solid #fff;}
.ui-main{margin-left:240px;padding:30px;width:100%;}
.ui-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;position:relative;}
.ui-profile{display:flex;align-items:center;gap:10px;}
.ui-profile img{width:42px;height:42px;border-radius:50%;}
.ui-menu-toggle{display:none;background:#8b7a3e;color:#fff;border:none;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:18px;}
.ui-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;}
.ui-card{background:#fff;padding:22px;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:.3s;}
.ui-card:hover{transform:translateY(-5px);}
.ui-card h3{font-size:14px;color:#64748b;}
.ui-card p{font-size:22px;font-weight:600;margin-top:6px;}
.ui-chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:30px;}
.ui-chart-box{background:#fff;padding:20px;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.05);}
.ui-section{background:#fff;padding:20px;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.05);margin-bottom:25px;}
.ui-section h3{margin-bottom:15px;font-size:18px;}
.ui-progress{margin-bottom:14px;font-size:14px;}
.ui-progress-bar{background:#e5e7eb;height:8px;border-radius:8px;overflow:hidden;margin-top:6px;}
.ui-progress-bar span{display:block;height:8px;background:#8b7a3e;}
.ui-activity{list-style:none;}
.ui-activity li{padding:8px 0;border-bottom:1px solid #eee;font-size:14px;}
.ui-table-wrap{overflow-x:auto;}
.ui-table{width:100%;border-collapse:collapse;min-width:600px;}
.ui-table th,.ui-table td{padding:12px;border-bottom:1px solid #eee;font-size:14px;}
.ui-table th{color:#8b7a3e;text-align:left;}
.ui-actions{display:flex;gap:15px;flex-wrap:wrap;}
.ui-btn{padding:10px 18px;border:none;border-radius:8px;font-size:14px;cursor:pointer;color:#fff;}
.ui-btn.primary{background:#8b7a3e;}
.ui-btn.success{background:#8b7a3e;}
.ui-btn.warning{background:#8b7a3e;}
.ui-btn:hover{opacity:0.85;}
@media(max-width:768px){
.ui-main{margin-left:0;padding:20px;}
.ui-menu-toggle{display:block;}
.ui-sidebar{left:-100%;}
.ui-sidebar.active{left:0;}
.ui-chart-grid{grid-template-columns:1fr;}
.ui-cards{grid-template-columns:repeat(2,1fr);}
.ui-actions{flex-direction:row;}
}
@media(max-width:480px){
.ui-topbar{flex-direction:column;align-items:flex-end;gap:10px;}
.ui-profile img{width:35px;height:35px;}
.ui-cards{grid-template-columns:1fr;}
.ui-actions{flex-direction:column;}
.ui-btn{width:100%;}
.ui-table{min-width:550px;}
}
/* Section */
.section-box {background-color: #8b7a3e;padding: 20px 24px;border-radius: 8px;border: 1px solid #e0e0e0;margin-bottom: 20px;}
/* Section Heading */
.section-box h3 {margin: 0 0 16px;font-size: 22px;font-weight: 600;color: #333333;}
/* Grid */
.payment-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 16px;}
/* Card */
.payment-grid .card {background-color: #f9f9f9;padding: 16px;border-radius: 6px;border: 1px solid #e5e5e5;}
/* Card Title */
.payment-grid .card h4 {margin: 0 0 8px;font-size: 14px;font-weight: 500;color: #666666;}
/* Card Value */
.payment-grid .card p {margin: 0;font-size: 20px;font-weight: 600;color: #222222;}
/* Small Screens */
@media (max-width: 480px) {.section-box {padding: 16px;}.payment-grid .card p {font-size: 18px;}}
/* Hover Animation for Cards */
.payment-grid .card {transition: transform 0.25s ease, box-shadow 0.25s ease;}
.payment-grid .card:hover {transform: translateY(-4px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);}
/* Optional: subtle color lift */
.payment-grid .card:hover h4 {color: #333333;}
.payment-grid .card:hover p {color: #000000;}