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

body{

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

background:#000000;

color:white;

}

.header{

position:absolute;

top:0;
left:0;

width:100%;

padding:30px 60px;

display:grid;

grid-template-columns:180px 1fr 220px;

align-items:center;

z-index:1000;

background:rgba(7,17,32,.15);

backdrop-filter:blur(8px);

border-bottom:1px solid rgba(255,255,255,.08);

}

.logo img{

height:200px;

width: auto;

display:block;

transition:.4s;

}

.logo img:hover{

transform:scale(1.05);

}

.navbar{

display:flex;

justify-content:center;

gap:15px;

}

.navbar a{

text-decoration:none;

color:white;

font-size:14px;

font-weight:600;

letter-spacing:.5px;

transition:.3s;

}

.navbar a:hover{

color:#daa71e;

}

.navbar a{

position:relative;

text-decoration:none;

color:white;

font-size:14px;

font-weight:600;

letter-spacing:.5px;

transition:.3s;

}

.navbar a.active{

color:#c89d2b;

}

.navbar a.active::after{

content:'';

position:absolute;

left:0;

bottom:-10px;

width:100%;

height:2px;

background:#c89d2b;

}

.quote-btn{

justify-self:end;

text-decoration:none;

padding:15px 28px;

border:1px solid #c89d2b;

color:white;

font-size:16px;

font-weight:600;

transition:.3s;

}

.quote-btn:hover{

background:#c89d2b;

color:rgb(10, 12, 109);

}
.hero{

height:100vh;
position:relative;

display:flex;

align-items:center;

padding-left:90px;
padding-top:90px;
background:

linear-gradient(
rgba(34, 34, 34, 0.75),
rgba(37, 37, 37, 0.75)
),

url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2200&q=100');

background-size:cover;

background-position:center;

}

.hero-overlay{

position:absolute;

inset:0;

}

.hero-content{

position:relative;

z-index:2;

max-width:700px;

}

.subtitle{

color:#fdba02;

font-size:20px;

letter-spacing:2px;

margin-bottom:25px;

font-weight:500;

}

.hero h1{

font-size:105px;

font-weight:900;

line-height:.88;

letter-spacing:-3px;

}

.hero h1 span{

color:#fdba02;

}

.hero-text{

margin-top:25px;

font-size:18px;

line-height:1.8;

max-width:650px;

color:#dddddd;

}

.hero-buttons{

display:flex;

gap:18px;

margin-top:35px;

}

.btn-primary{

background:#c89d2b;

padding:18px 35px;

text-decoration:none;

font-weight:700;

color:rgb(0, 0, 0);

}

.btn-secondary{

border:1px solid #c89d2b;

padding:18px 35px;

text-decoration:none;

font-weight:700;

color:white;

}
.whatsapp-btn{

position:fixed;

right:25px;

bottom:25px;

width:70px;

height:70px;

border-radius:50%;

background:#25D366;

display:flex;

justify-content:center;

align-items:center;

font-size:34px;

color:white;

text-decoration:none;

z-index:9999;

box-shadow:0 10px 30px rgba(0,0,0,.35);

transition:.3s;

}

.whatsapp-btn:hover{

transform:scale(1.1);

}
.about-home{

padding:120px 8%;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

background:#071120;

}

.about-image img{

width:100%;

height:600px;

object-fit:cover;

border-radius:12px;

}

.section-subtitle{

color:#c89d2b;

font-size:15px;

letter-spacing:3px;

margin-bottom:20px;

font-weight:600;

}

.about-content h2{

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

font-size:52px;

line-height:1.1;

margin-bottom:25px;

}

.about-content p{

font-size:18px;

line-height:1.9;

color:#d9d9d9;

margin-bottom:20px;

}

.about-btn{

display:inline-block;

margin-top:20px;

padding:18px 35px;

background:#c89d2b;

color:black;

font-weight:700;

text-decoration:none;

}
.stats{

    display:grid;

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

    gap:30px;

    padding:100px 8%;

    background:#071120;

    text-align:center;

}

.stat-box{

    background:#020812;

    padding:40px 20px;

    border-radius:12px;

    border:1px solid rgba(255,255,255,.08);

    transition:.3s;

}

.stat-box:hover{

    transform:translateY(-10px);

    border-color:#c89d2b;

}

.stat-box h3{

    font-size:55px;

    color:#c89d2b;

    margin-bottom:10px;

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

}

.stat-box p{

    color:#d6d6d6;

    font-size:16px;

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

    .stats{

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

    }

}

@media(max-width:768px){

    .stats{

        grid-template-columns:1fr;

    }

}

.hero h1{

font-size:70px;

}

@media(max-width:768px){

.hero{

padding-left:30px;

}

.hero h1{

font-size:50px;

}

.about-content h2{

font-size:38px;

}

.stats{

grid-template-columns:1fr;

}

}
.services-home{

padding:120px 8%;

background:#071120;

}

.section-heading{

text-align:center;

max-width:800px;

margin:auto;

margin-bottom:70px;

}

.section-heading h2{

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

font-size:52px;

margin:20px 0;

}

.section-heading p{

font-size:18px;

line-height:1.8;

color:#d6d6d6;

}

.services-grid{

display:grid;

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

gap:30px;

}

.service-card{

background:#020812;

padding:40px;

text-decoration:none;

color:white;

border:1px solid rgba(255,255,255,.08);

transition:.4s;

}

.service-card:hover{

transform:translateY(-10px);

border-color:#c89d2b;

}

.service-card i{

font-size:45px;

color:#c89d2b;

margin-bottom:25px;

}

.service-card h3{

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

font-size:24px;

margin-bottom:15px;

}

.service-card p{

color:#d0d0d0;

line-height:1.8;

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

.services-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.services-grid{

grid-template-columns:1fr;

}

}
.projects-home{

padding:120px 8%;

background:#020812;

}

.projects-grid{

display:grid;

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

gap:30px;

}

.project-card{

position:relative;

overflow:hidden;

display:block;

height:420px;

text-decoration:none;

border-radius:10px;

}

.project-card img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;

}

.project-card:hover img{

transform:scale(1.08);

}

.project-overlay{

position:absolute;

left:0;

right:0;

bottom:0;

padding:35px;

background:linear-gradient(
transparent,
rgba(0,0,0,.92)
);

}

.project-overlay h3{

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

font-size:30px;

margin-bottom:10px;

color:white;

}

.project-overlay p{

color:#d6d6d6;

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

.projects-grid{

grid-template-columns:1fr;

}

}
.why-us-home{

padding:120px 8%;

background:#071120;

}

.why-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.why-card{

background:#020812;

padding:40px;

text-align:center;

border:1px solid rgba(255,255,255,.08);

transition:.4s;

}

.why-card:hover{

transform:translateY(-10px);

border-color:#c89d2b;

}

.why-card i{

font-size:50px;

color:#c89d2b;

margin-bottom:25px;

}

.why-card h3{

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

font-size:24px;

margin-bottom:15px;

}

.why-card p{

color:#d0d0d0;

line-height:1.8;

}

.why-btn-wrap{

text-align:center;

margin-top:60px;

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

.why-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

}
.testimonials{

padding:120px 8%;

background:#020812;

}

.testimonial-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.testimonial-card{

background:#071120;

padding:40px;

border:1px solid rgba(255,255,255,.08);

}

.stars{

color:#c89d2b;

font-size:24px;

margin-bottom:20px;

}

.testimonial-card p{

line-height:1.9;

color:#d6d6d6;

margin-bottom:20px;

}

.testimonial-card h4{

color:white;

font-weight:600;

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

.testimonial-grid{

grid-template-columns:1fr;

}

}
.cta-section{

padding:120px 8%;

text-align:center;

background:#071120;

}

.cta-section h2{

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

font-size:56px;

margin-bottom:20px;

}

.cta-section p{

font-size:20px;

max-width:800px;

margin:auto;

color:#d6d6d6;

margin-bottom:40px;

}
.footer{

padding:60px 8%;

background:#020812;

text-align:center;

border-top:1px solid rgba(255,255,255,.08);

}

.footer-logo{

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

font-size:28px;

font-weight:800;

color:#c89d2b;

margin-bottom:20px;

}

.footer-contact p{

margin:10px 0;

color:#d6d6d6;

}

.footer-copy{

margin-top:30px;

color:#888;

font-size:14px;

}
.page-hero{

height:60vh;

position:relative;

display:flex;

align-items:center;
justify-content:center;

text-align:center;

background:

linear-gradient(
rgba(0,0,0,.75),
rgba(0,0,0,.75)
),

url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2200&q=100');

background-size:cover;
background-position:center;

}

.page-content{

position:relative;

z-index:2;

max-width:900px;

}

.page-content h1{

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

font-size:72px;

line-height:1.1;

}

.about-story{

padding:120px 8%;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

background:#071120;

}

.about-story img{

width:100%;

height:600px;

object-fit:cover;

border-radius:10px;

}
.mission-vision{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

padding:100px 8%;

background:#020812;

}

.mission-box{

background:#071120;

padding:50px;

border:1px solid rgba(255,255,255,.08);

text-align:center;

}

.mission-box i{

font-size:55px;

color:#c89d2b;

margin-bottom:25px;

}

.mission-box h3{

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

font-size:30px;

margin-bottom:20px;

}

.mission-box p{

line-height:1.9;

color:#d6d6d6;

}
.company-values{

padding:120px 8%;

background:#071120;

}

.values-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.value-card{

background:#020812;

padding:40px;

border:1px solid rgba(255,255,255,.08);

text-align:center;

}

.value-card h3{

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

color:#c89d2b;

margin-bottom:15px;

}

.value-card p{

color:#d6d6d6;

}
.services-hero{

height:70vh;

display:flex;

justify-content:center;

align-items:center;

text-align:center;

position:relative;

background:

linear-gradient(
rgba(0,0,0,.75),
rgba(0,0,0,.75)
),

url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=2200&q=100');

background-size:cover;
background-position:center;

}

.services-hero-content{

max-width:900px;

padding:0 30px;

}

.services-hero-content h1{

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

font-size:72px;

margin:20px 0;

}

.services-hero-content p{

font-size:20px;

color:#ddd;

line-height:1.8;

}
.service-section{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

padding:120px 8%;

align-items:center;

background:#071120;

}

.service-image img{

width:100%;

height:550px;

object-fit:cover;

border-radius:12px;

}

.service-content h2{

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

font-size:52px;

margin:20px 0;

}

.service-content p{

font-size:18px;

line-height:1.9;

color:#d6d6d6;

margin-bottom:25px;

}

.service-content ul{

list-style:none;

margin-bottom:35px;

}

.service-content ul li{

padding:10px 0;

font-size:18px;

color:white;

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

.service-section{

grid-template-columns:1fr;

}

}
.reverse{

background:#020812;

}

.reverse .service-content{

order:1;

}

.reverse .service-image{

order:2;

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

.service-section{

grid-template-columns:1fr;

gap:40px;

}

.reverse .service-content{

order:2;

}

.reverse .service-image{

order:1;

}

}
.services-cta{

padding:140px 8%;

text-align:center;

background:#071120;

}

.services-cta h2{

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

font-size:60px;

margin:20px 0;

}

.services-cta p{

max-width:850px;

margin:auto;

font-size:20px;

line-height:1.9;

color:#d6d6d6;

}

.cta-buttons{

margin-top:40px;

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}
.contact-strip{

display:grid;

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

padding:70px 8%;

background:#020812;

text-align:center;

}

.contact-strip h3{

color:#c89d2b;

margin-bottom:10px;

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

}

.contact-strip p{

color:#d6d6d6;

}
.projects-hero{

height:70vh;

display:flex;

justify-content:center;

align-items:center;

text-align:center;

position:relative;

background:

linear-gradient(
rgba(0,0,0,.75),
rgba(0,0,0,.75)
),

url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=2200&q=100');

background-size:cover;
background-position:center;

}

.projects-hero-content{

max-width:900px;

padding:0 30px;

}

.projects-hero-content h1{

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

font-size:72px;

margin:20px 0;

}

.projects-hero-content p{

font-size:20px;

line-height:1.8;

color:#d6d6d6;

}
.projects-gallery{

padding:120px 8%;

background:#071120;

}

.projects-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.project-item{

position:relative;

overflow:hidden;

border-radius:12px;

text-decoration:none;

height:350px;

}

.project-item img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;

}

.project-item:hover img{

transform:scale(1.08);

}

.project-info{

position:absolute;

left:0;

right:0;

bottom:0;

padding:25px;

background:linear-gradient(
transparent,
rgba(0,0,0,.92)
);

}

.project-info h3{

color:white;

font-size:28px;

margin-bottom:8px;

}

.project-info p{

color:#d6d6d6;

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

.projects-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.projects-grid{

grid-template-columns:1fr;

}

}
.project-item{

position:relative;

overflow:hidden;

border-radius:14px;

height:380px;

display:block;

}

.project-item img{

width:100%;

height:100%;

object-fit:cover;

transition:.7s;

}

.project-item:hover img{

transform:scale(1.08);

}

.project-overlay{

position:absolute;

left:0;
right:0;
bottom:0;

padding:35px;

background:linear-gradient(
transparent,
rgba(0,0,0,.95)
);

transition:.4s;

}

.project-item:hover .project-overlay{

padding-bottom:50px;

}

.project-overlay h3{

font-size:30px;

margin-bottom:10px;

color:white;

}

.project-overlay p{

color:#d6d6d6;

margin-bottom:15px;

}

.view-project{

color:#c89d2b;

font-weight:600;

letter-spacing:1px;

}
.project-stats{

display:grid;

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

padding:100px 8%;

background:#020812;

text-align:center;

}

.stat-box h2{

font-size:60px;

color:#c89d2b;

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

}

.stat-box p{

margin-top:10px;

color:#d6d6d6;

}
.projects-cta{

padding:140px 8%;

text-align:center;

background:#071120;

}

.projects-cta h2{

font-size:60px;

margin:20px 0;

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

}

.projects-cta p{

max-width:850px;

margin:auto;

line-height:1.8;

color:#d6d6d6;

}
.contact-hero{

height:60vh;

display:flex;

justify-content:center;

align-items:center;

text-align:center;

background:
linear-gradient(
rgba(0,0,0,.75),
rgba(0,0,0,.75)
),

url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=2200&q=100');

background-size:cover;
background-position:center;

}

.contact-hero-content{

max-width:900px;

padding:0 30px;

}

.contact-hero-content h1{

font-size:70px;

margin:20px 0;

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

}
.contact-cards{

display:grid;

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

gap:30px;

padding:100px 8%;

background:#071120;

}

.contact-card{

background:#020812;

padding:40px;

text-align:center;

border:1px solid rgba(255,255,255,.08);

border-radius:12px;

transition:.3s;

}

.contact-card:hover{

transform:translateY(-8px);

border-color:#c89d2b;

}

.contact-card i{

font-size:40px;

color:#c89d2b;

margin-bottom:20px;

}
.contact-form-section{

padding:120px 8%;

background:#020812;

}

.contact-form-container{

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

align-items:start;

}

.contact-form{

display:flex;

flex-direction:column;

gap:20px;

}

.contact-form input,
.contact-form textarea{

padding:18px;

background:#071120;

border:1px solid rgba(255,255,255,.08);

color:white;

border-radius:8px;

font-size:16px;

}

.contact-form textarea{

resize:none;

}
.map-section{

height:500px;

}

.map-section iframe{

width:100%;

height:100%;

border:none;

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

.contact-cards{

grid-template-columns:1fr 1fr;

}

.contact-form-container{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.contact-cards{

grid-template-columns:1fr;

}

.contact-hero-content h1{

font-size:45px;

}

}
.why-hero{

height:70vh;

display:flex;

justify-content:center;

align-items:center;

text-align:center;

background:
linear-gradient(
rgba(0,0,0,.75),
rgba(0,0,0,.75)
),

url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=2200&q=100');

background-size:cover;
background-position:center;

}

.why-hero-content{

max-width:900px;

padding:0 30px;

}

.why-hero-content h1{

font-size:70px;

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

margin:20px 0;

}
.why-features{

display:grid;

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

gap:30px;

padding:120px 8%;

background:#071120;

}

.feature-box{

background:#020812;

padding:40px;

text-align:center;

border-radius:12px;

border:1px solid rgba(255,255,255,.08);

transition:.4s;

}

.feature-box:hover{

transform:translateY(-10px);

border-color:#c89d2b;

}

.feature-box i{

font-size:45px;

color:#c89d2b;

margin-bottom:20px;

}
.why-features{

display:grid;

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

gap:30px;

padding:120px 8%;

background:#071120;

}

.feature-box{

background:#020812;

padding:40px;

text-align:center;

border-radius:12px;

border:1px solid rgba(255,255,255,.08);

transition:.4s;

}

.feature-box:hover{

transform:translateY(-10px);

border-color:#c89d2b;

}

.feature-box i{

font-size:45px;

color:#c89d2b;

margin-bottom:20px;

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

.why-features{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.why-features{

grid-template-columns:1fr;

}

.why-hero-content h1{

font-size:45px;

}

}
.strengths-section{

padding:140px 8%;

background:#020812;

text-align:center;

}

.strengths-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.strength-card{

background:#071120;

padding:40px 30px;

border:1px solid rgba(255,255,255,.08);

border-radius:12px;

transition:.4s;

}

.strength-card:hover{

transform:translateY(-10px);

border-color:#c89d2b;

}

.strength-card i{

font-size:42px;

color:#c89d2b;

margin-bottom:20px;

}

.strength-card h3{

font-size:24px;

margin-bottom:15px;

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

}

.strength-card p{

color:#d6d6d6;

line-height:1.8;

}
.premium-testimonial{

padding:140px 10%;

background:#020812;

text-align:center;

}

.testimonial-content{

max-width:900px;

margin:auto;

}

.quote-icon{

font-size:120px;

color:#c89d2b;

font-family:Georgia,serif;

line-height:1;

}

.testimonial-text{

font-size:30px;

line-height:1.8;

color:#fff;

font-weight:300;

margin-top:-30px;

}

.client-info{

margin-top:40px;

}

.client-info h4{

font-size:24px;

color:#c89d2b;

margin-bottom:8px;

}

.client-info span{

color:#bdbdbd;

letter-spacing:2px;

text-transform:uppercase;

font-size:13px;

}
.premium-cta{

position:relative;

padding:180px 10%;

text-align:center;

background:

linear-gradient(
rgba(2,8,18,.85),
rgba(2,8,18,.85)
),

url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=2200&q=100');

background-size:cover;
background-position:center;

}

.premium-cta-content{

max-width:900px;

margin:auto;

position:relative;

z-index:2;

}

.premium-cta h2{

font-size:68px;

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

line-height:1.15;

margin:25px 0;

color:white;

}

.premium-cta p{

font-size:20px;

line-height:1.9;

color:#d6d6d6;

max-width:800px;

margin:auto;

}

.premium-buttons{

margin-top:50px;

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}
.premium-testimonial{

padding:140px 8%;

background:#020812;

}

.testimonial-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

margin-top:60px;

}

.testimonial-card{

background:#071120;

padding:50px;

border:1px solid rgba(255,255,255,.08);

border-radius:12px;

transition:.4s;

}

.testimonial-card:hover{

transform:translateY(-8px);

border-color:#c89d2b;

}

.stars{

font-size:28px;

color:#c89d2b;

margin-bottom:25px;

letter-spacing:4px;

}

.testimonial-card p{

font-size:18px;

line-height:1.9;

color:#d6d6d6;

margin-bottom:30px;

}

.testimonial-card h4{

font-size:22px;

color:white;

margin-bottom:8px;

}

.testimonial-card span{

color:#c89d2b;

font-size:14px;

letter-spacing:1px;

text-transform:uppercase;

}

@media(max-width:768px){

.testimonial-grid{

grid-template-columns:1fr;

}

}
.testimonial-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.proof-section{

padding:140px 8%;

background:#071120;

}

.proof-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.proof-card{

background:#020812;

overflow:hidden;

border-radius:12px;

border:1px solid rgba(255,255,255,.08);

transition:.4s;

}

.proof-card:hover{

transform:translateY(-10px);

border-color:#c89d2b;

}

.proof-card img{

width:100%;

height:280px;

object-fit:cover;

}

.proof-content{

padding:25px;

}

.proof-content h3{

font-size:24px;

margin-bottom:10px;

}

.proof-content p{

color:#d6d6d6;

}

@media(max-width:992px){

.testimonial-grid,
.proof-grid{

grid-template-columns:1fr;

}

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

.strengths-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.strengths-grid{

grid-template-columns:1fr;

}

}
