.projects-section{background-color:#f8fafc;padding:100px 0;font-family:Tajawal,sans-serif}.projects-container{max-width:1400px;margin:0 auto;padding:0 5%}.projects-header{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.section-tag{color:#c8a97e;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:15px;font-size:.95rem;font-weight:800;display:flex}.main-title{color:#0f1520;margin:0;font-size:2.8rem;font-weight:900;line-height:1.3}.gold-text{color:#c8a97e}.slider-controls{gap:15px;display:flex}.slider-controls button{cursor:pointer;color:#0f1520;background-color:#fff;border:1px solid #0000000d;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;box-shadow:0 4px 6px #00000005}.slider-controls button:hover{color:#fff;background-color:#c8a97e;border-color:#c8a97e}.projects-slider-wrapper{width:100%}.project-card{clip-path:polygon(0 60px,60px 0,100% 0,100% 100%,0 100%);background-color:#0f1520;flex-direction:column;justify-content:flex-end;height:500px;display:flex;position:relative;overflow:hidden}.project-image-box{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.project-img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.project-card:hover .project-img{transform:scale(1.08)}.image-overlay{z-index:2;background:linear-gradient(#0f152000 0%,#0f1520e6 100%);width:100%;height:60%;position:absolute;bottom:0;left:0}.project-content{z-index:3;justify-content:space-between;align-items:flex-end;padding:30px;display:flex;position:relative}.project-info{flex-direction:column;gap:15px;display:flex}.project-tag{color:#0f1520;background-color:#c8a97e;border-radius:3px;width:fit-content;padding:6px 15px;font-size:.85rem;font-weight:800}.project-title{color:#fff;text-shadow:0 2px 4px #00000080;margin:0;font-size:1.5rem;font-weight:800}.project-action-btn{color:#fff;cursor:pointer;background-color:#c8a97e;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex}.project-action-btn:hover{color:#0f1520;background-color:#fff;transform:translate(-5px)}.project-bottom-bar{z-index:4;transform-origin:bottom;background-color:#c8a97e;width:100%;height:6px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleY(0)}.project-card:hover .project-bottom-bar{transform:scaleY(1)}@media (max-width:1024px){.project-card{height:400px}}@media (max-width:768px){.projects-header{flex-direction:column;align-items:flex-start;gap:20px}.main-title{font-size:2.2rem}.project-card{clip-path:polygon(0 40px,40px 0,100% 0,100% 100%,0 100%)}}
.contact-process-section{background-color:#fff;padding:100px 0;font-family:Tajawal,sans-serif}.contact-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1400px;margin:0 auto;padding:0 5%;display:grid}.process-column{padding-left:40px}.section-tag{color:#c8a97e;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:15px;font-size:.95rem;font-weight:800;display:flex}.main-title{color:#0f1520;margin-bottom:40px;font-size:2.8rem;font-weight:900}.gold-text{color:#c8a97e}.timeline-wrapper{flex-direction:column;gap:30px;display:flex}.timeline-item{gap:30px;display:flex}.step-number-box{color:#fff;background-color:#0f1520;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.2rem;font-weight:700;display:flex;position:relative}.dotted-line{z-index:1;border-left:2px dotted #cbd5e1;width:2px;height:30px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.step-content{padding-top:5px}.step-content h3{color:#0f1520;margin-bottom:10px;font-size:1.2rem;font-weight:800}.step-content p{color:#64748b;margin:0;font-size:1rem;line-height:1.7}.form-column{align-items:center;min-height:600px;display:flex;position:relative}.form-bg-image{z-index:0;border-radius:20px 0 0 20px;width:100%;height:100%;position:absolute;top:0;left:-5%;overflow:hidden}.form-bg-image img{object-fit:cover;width:100%;height:100%}.form-overlay{background:#0f152066;width:100%;height:100%;position:absolute;top:0;left:0}.form-card{z-index:2;background-color:#fff;border-radius:8px;width:90%;margin-right:auto;padding:50px 40px;position:relative;box-shadow:0 20px 50px #0000001a}.form-card h3{color:#0f1520;margin-bottom:15px;font-size:1.8rem;font-weight:800}.form-card p{color:#64748b;margin-bottom:30px;font-size:.95rem;line-height:1.6}.contact-form{flex-direction:column;gap:15px;display:flex}.form-input,.form-textarea{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;width:100%;padding:15px 20px;font-family:Tajawal,sans-serif;font-size:.95rem;transition:all .3s}.form-input:focus,.form-textarea:focus{background-color:#fff;border-color:#c8a97e;outline:none;box-shadow:0 0 0 3px #c8a97e1a}.form-textarea{resize:vertical;min-height:120px}.btn-submit{color:#0f1520;cursor:pointer;background-color:#c8a97e;border:none;border-radius:4px;width:fit-content;margin-top:10px;padding:16px 30px;font-family:Tajawal,sans-serif;font-size:1.05rem;font-weight:800;transition:all .3s}.btn-submit:hover{color:#fff;background-color:#0f1520}@media (max-width:1024px){.contact-container{grid-template-columns:1fr;gap:60px}.process-column{padding-left:0}.form-column{min-height:auto}.form-bg-image{border-radius:20px;left:0}.form-card{width:100%;margin:40px auto}}@media (max-width:600px){.main-title{font-size:2.2rem}.timeline-item{gap:20px}.form-card{padding:30px 20px}}
.faq-feedback-section{min-height:600px;font-family:Tajawal,sans-serif;display:flex}.faq-feedback-container{grid-template-columns:1fr 1fr;width:100%;display:grid}.faq-column{color:#fff;background-color:#111;padding:80px 10%}.faq-title{color:#fff;margin-bottom:40px;font-size:2.5rem;font-weight:800}.accordion-wrapper{flex-direction:column;gap:15px;display:flex}.accordion-item{cursor:pointer;background-color:#0000;border:1px solid #ffffff1a;transition:all .3s}.accordion-item.active{border-color:#c8a97e}.accordion-header{justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.accordion-question{color:#fff;margin:0;font-size:1.1rem;font-weight:600;transition:color .3s}.accordion-item.active .accordion-question{color:#c8a97e}.faq-number{margin-left:5px}.accordion-icon{color:#fff;transition:color .3s}.accordion-item.active .accordion-icon{color:#c8a97e}.accordion-body{max-height:0;transition:max-height .4s;overflow:hidden}.accordion-item.active .accordion-body{max-height:200px}.accordion-content{border-top:1px solid #ffffff0d;margin-top:10px;padding:20px 25px 25px}.accordion-content p{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.8}.feedback-column{color:#fff;background-color:#c8a97e;padding:80px 10%;position:relative;overflow:hidden}.feedback-column:before{content:"";z-index:0;background-image:radial-gradient(#ffffff1a 2px,#0000 2px);background-size:15px 15px;width:50%;height:50%;position:absolute;top:0;right:0}.feedback-title{z-index:1;margin-bottom:40px;font-size:2.5rem;font-weight:800;position:relative}.feedback-content-box{z-index:1;position:relative}.client-header{align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.client-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:70px;height:70px}.client-info h4{margin:0 0 10px;font-size:1.3rem;font-weight:800}.client-info p{opacity:.9;margin:0;font-size:1.05rem;line-height:1.7}.quote-and-author{align-items:center;gap:20px;margin-top:20px;display:flex}.quote-icon-large{color:#ffffff4d;transform:scaleX(-1)}.author-details{flex-direction:column;display:flex}.author-details strong{font-size:1.1rem}.author-details span{opacity:.8;font-size:.9rem}.feedback-controls{justify-content:flex-end;gap:10px;margin-top:40px;display:flex}.nav-btn{color:#c8a97e;cursor:pointer;background-color:#fff;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.nav-btn:hover{color:#fff;background-color:#0f1520}.factory-silhouette{z-index:0;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 1000 200\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0,200 L0,150 L50,150 L50,100 L100,100 L100,180 L150,180 L150,80 L200,80 L200,160 L250,160 L250,60 L300,60 L300,200 Z\" fill=\"rgba(0,0,0,0.4)\"/></svg>");background-position:bottom;background-repeat:repeat-x;background-size:cover;width:100%;height:150px;position:absolute;bottom:0;left:0}@media (max-width:1024px){.faq-feedback-container{grid-template-columns:1fr}.faq-column,.feedback-column{padding:60px 5%}}@media (max-width:600px){.faq-title,.feedback-title{font-size:2rem}.client-header{flex-direction:column}}
