html,body{
margin:0;
padding:0;
overflow-x:hidden;
}

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

body{
background:#f5f5f5;
font-family:Arial, Helvetica, sans-serif;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

a,
button{
user-select:none;
}

.top-header{
width:100%;
height:82px;
display:flex;
background:#b8860b;
overflow:visible;
position:relative;
z-index:999;
}

.logo-area{
width:42%;
height:82px;
background:#2d2d2d;
display:flex;
align-items:center;
padding-left:25px;
padding-right:60px;
position:relative;
overflow:hidden;
clip-path:polygon(0 0, 78% 0, 92% 100%, 0 100%);
}

.logo-wrap{
margin-left:12px;
margin-top:8px;
position:relative;
width:108px;
height:108px;
display:flex;
align-items:center;
justify-content:center;
z-index:3;
border-radius:50%;
box-shadow:none;
}

.logo-wrap img{
width:108px;
height:108px;
object-fit:contain;
animation:logoGoldGlow 6s infinite;
transition:none;
}

.green-orbit{
position:absolute;
top:5px;
left:50%;
width:10px;
height:10px;
background:#56ff73;
border-radius:50%;
box-shadow:
0 0 8px #56ff73,
0 0 18px #56ff73,
0 0 30px #56ff73;
opacity:0;
animation:greenDrop 6s infinite;
}

.logo-text{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
position:relative;
z-index:2;
margin-left:38px;
}

.logo-text h2{
font-family:"Copperplate Gothic Light",serif;
font-size:42px;
letter-spacing:2px;
color:#ffd56a;
opacity:0;
transform:translateX(-25px);
animation:nusemGoldCome 6s infinite;
}

.tagline{
margin-top:3px;
font-family:"Gill Sans MT Condensed",sans-serif;
font-size:22px;
letter-spacing:3px;
color:#dcdcdc;
position:relative;
opacity:0;
transform:translateX(-20px);
overflow:hidden;
animation:silverCome 6s infinite;
}

.tagline::after{
content:"";
position:absolute;
top:-20%;
left:-70%;
width:38%;
height:150%;
background:linear-gradient(
90deg,
rgba(255,255,255,0),
rgba(255,255,255,0.12),
rgba(255,255,255,0.35),
rgba(255,255,255,0.12),
rgba(255,255,255,0)
);
filter:blur(6px);
transform:skewX(-25deg);
opacity:0;
animation:smokeShine 7s infinite;
}

.menu-area{
width:58%;
height:82px;
background:#b8860b;
margin-left:-45px;
padding-left:0;
position:relative;
display:flex;
justify-content:center;
align-items:center;
overflow:visible;
}

.desktop-nav{
display:flex;
justify-content:center;
align-items:center;
gap:58px;
width:100%;
margin-top:0;
}

.desktop-nav a{
letter-spacing:1px;
text-decoration:none;
color:#e3e3e3;
font-family:"Imprint MT Shadow",serif;
font-size:28px;
transition:.3s;
}

.desktop-nav a:hover{
color:#fff;
text-shadow:
0 0 5px rgba(255,255,255,.8),
0 0 12px rgba(255,255,255,.6);
transform:translateY(-2px);
}

.mobile-menu-btn,
.mobile-nav{
display:none;
}

.social-icons{
position:absolute;
right:28px;
top:50%;
transform:translateY(-50%);
display:flex;
gap:18px;
z-index:5;
}

.social-icons a{
width:38px;
height:38px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
color:#ffffff;
font-size:18px;
background:rgba(255,255,255,0.12);
transition:.3s;
}

.social-icons a:nth-child(1):hover{
background:#1877f2;
color:#ffffff;
box-shadow:
0 0 8px #1877f2,
0 0 18px #1877f2,
0 0 28px #1877f2;
}

.social-icons a:nth-child(2):hover{
background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);
color:#ffffff;
box-shadow:
0 0 8px #feda75,
0 0 14px #d62976,
0 0 22px #962fbf;
}

.social-icons a:nth-child(3):hover{
background:#ffffff;
color:#444444;
box-shadow:
0 0 8px #ffffff,
0 0 18px #dcdcdc,
0 0 28px #ffffff;
}

.hero-video{
position:relative;
width:100%;
height:calc(100vh - 82px);
overflow:hidden;
}

.hero-video video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}

.desktop-video{
display:block;
}

.mobile-video{
display:none;
}

.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.25);
z-index:1;
}

.home-hero{
position:relative;
height:calc(100vh - 82px);
min-height:640px;
overflow:hidden;
background:#111;
}

.home-hero video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:0;
}

.home-hero .hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background:
linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 48%,rgba(0,0,0,.68) 100%),
linear-gradient(to bottom,rgba(0,0,0,.22),rgba(0,0,0,.82));
}

.hero-gold-light{
position:absolute;
width:520px;
height:520px;
left:-190px;
top:8%;
border-radius:50%;
background:rgba(212,175,55,.15);
filter:blur(38px);
z-index:2;
animation:heroGoldFloat 8s infinite ease-in-out;
pointer-events:none;
}

.home-hero::before{
content:"";
position:absolute;
inset:0;
z-index:2;
background:
repeating-linear-gradient(
135deg,
rgba(255,255,255,.025) 0px,
rgba(255,255,255,.025) 1px,
transparent 1px,
transparent 20px
);
opacity:.24;
pointer-events:none;
}

.home-hero::after{
content:"";
position:absolute;
left:6%;
right:6%;
top:30px;
height:1px;
z-index:3;
background:linear-gradient(90deg,transparent,rgba(212,175,55,.55),transparent);
box-shadow:0 0 16px rgba(212,175,55,.35);
pointer-events:none;
}

.home-hero .hero-content{
position:absolute;
top:43%;
left:6%;
right:auto;
bottom:auto;
transform:translateY(-50%);
z-index:4;
text-align:left;
color:white;
max-width:760px;
padding:0;
animation:homeTextCome .9s ease both;
}

.hero-kicker{
display:inline-flex;
align-items:center;
gap:12px;
color:#d4af37;
font-size:14px;
letter-spacing:4px;
text-transform:uppercase;
margin-bottom:16px;
}

.hero-kicker::before{
content:"";
width:46px;
height:1px;
background:#d4af37;
box-shadow:0 0 10px rgba(212,175,55,.65);
}

.home-hero .hero-content h1{
font-family:"Copperplate Gothic Light",serif;
font-size:72px;
letter-spacing:4px;
line-height:1;
color:#ffd56a;
margin:0 0 18px 0;
text-shadow:
0 0 12px rgba(0,0,0,.75),
0 0 24px rgba(212,175,55,.34);
}

.home-hero .hero-content p{
font-size:22px;
line-height:1.6;
color:#eeeeee;
max-width:620px;
margin:0;
letter-spacing:0;
text-shadow:0 4px 14px rgba(0,0,0,.6);
}

.hero-buttons{
display:flex;
align-items:center;
gap:16px;
margin-top:30px;
}

.hero-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:48px;
padding:0 28px;
border-radius:30px;
text-decoration:none;
font-size:15px;
letter-spacing:.4px;
transition:.35s;
}

.primary-btn{
background:#d4af37;
color:#2d2d2d;
border:1px solid #d4af37;
box-shadow:
0 0 16px rgba(212,175,55,.28),
0 12px 26px rgba(0,0,0,.28);
}

.primary-btn:hover{
transform:translateY(-3px);
box-shadow:
0 0 22px rgba(212,175,55,.45),
0 16px 32px rgba(0,0,0,.34);
}

.secondary-btn{
background:rgba(255,255,255,.06);
color:#ffffff;
border:1px solid rgba(212,175,55,.45);
backdrop-filter:blur(8px);
}

.secondary-btn:hover{
background:rgba(212,175,55,.14);
border-color:#d4af37;
transform:translateY(-3px);
box-shadow:0 0 18px rgba(212,175,55,.18);
}

.home-trust-boxes{
position:absolute;
left:6%;
right:6%;
bottom:52px;
z-index:4;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
animation:homeBoxesCome 1s ease both;
animation-delay:.18s;
}

.home-trust-box{
min-height:96px;
display:flex;
align-items:center;
gap:15px;
padding:20px;
border-radius:22px;
background:rgba(32,32,32,.62);
border:1px solid rgba(212,175,55,.30);
box-shadow:
0 16px 38px rgba(0,0,0,.32),
inset 0 0 0 1px rgba(255,255,255,.035);
backdrop-filter:blur(10px);
transition:.35s;
}

.home-trust-box:hover{
transform:translateY(-5px);
border-color:rgba(212,175,55,.65);
background:rgba(32,32,32,.78);
box-shadow:
0 20px 46px rgba(0,0,0,.42),
0 0 18px rgba(212,175,55,.14);
}

.home-trust-box i{
width:46px;
height:46px;
min-width:46px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(212,175,55,.12);
color:#d4af37;
font-size:20px;
box-shadow:
inset 0 0 0 1px rgba(212,175,55,.24),
0 0 12px rgba(212,175,55,.16);
}

.home-trust-box h3{
font-size:18px;
color:#ffffff;
margin:0 0 5px 0;
font-weight:500;
}

.home-trust-box p{
font-size:13px;
line-height:1.45;
color:#d4d4d4;
margin:0;
}

.footer-box{
position:absolute;
bottom:10px;
left:50%;
transform:translateX(-50%);
z-index:5;
background:rgba(32,32,32,.68);
border:1px solid rgba(212,175,55,.28);
color:#d8d8d8;
padding:7px 28px;
font-size:12px;
letter-spacing:.5px;
border-radius:10px;
box-shadow:
0 8px 22px rgba(0,0,0,.28),
0 0 12px rgba(212,175,55,.08);
font-family:Arial, Helvetica, sans-serif;
backdrop-filter:blur(8px);
}

.whatsapp-float{
position:fixed;
right:24px;
bottom:24px;
z-index:99999;
height:52px;
padding:0 20px;
border-radius:40px;
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
background:rgba(32,32,32,.78);
border:1px solid rgba(37,211,102,.45);
color:#ffffff;
box-shadow:
0 12px 30px rgba(0,0,0,.35),
0 0 16px rgba(37,211,102,.18);
backdrop-filter:blur(10px);
transition:.35s;
}

.whatsapp-float i{
width:34px;
height:34px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#25d366;
color:white;
font-size:21px;
box-shadow:0 0 14px rgba(37,211,102,.45);
}

.whatsapp-float span{
font-size:14px;
letter-spacing:.3px;
color:#eeeeee;
}

.whatsapp-float:hover{
transform:translateY(-4px);
border-color:rgba(37,211,102,.75);
box-shadow:
0 16px 36px rgba(0,0,0,.42),
0 0 22px rgba(37,211,102,.30);
}

.about-page{
min-height:calc(100vh - 82px);
position:relative;
display:grid;
grid-template-columns:47% 53%;
gap:52px;
padding:54px 6%;
color:white;
overflow:hidden;
background:
radial-gradient(circle at 12% 18%, rgba(212,175,55,0.13), transparent 28%),
radial-gradient(circle at 88% 78%, rgba(184,134,11,0.13), transparent 30%),
linear-gradient(135deg,#202020 0%,#2d2d2d 48%,#222222 100%);
}

.about-page::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(120deg,rgba(255,255,255,.035) 0%,transparent 24%,transparent 76%,rgba(255,255,255,.025) 100%),
repeating-linear-gradient(
135deg,
rgba(255,255,255,.025) 0px,
rgba(255,255,255,.025) 1px,
transparent 1px,
transparent 18px
);
opacity:.34;
pointer-events:none;
}

.about-page::after{
content:"";
position:absolute;
width:420px;
height:420px;
right:-160px;
top:70px;
border-radius:50%;
background:rgba(212,175,55,.09);
filter:blur(18px);
animation:softGoldFloat 7s infinite ease-in-out;
pointer-events:none;
}

.about-left,
.about-right{
position:relative;
z-index:2;
}

.about-left{
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
animation:fadeUpSoft .9s ease both;
}

.about-kicker{
display:inline-flex;
align-items:center;
gap:10px;
color:#d4af37;
font-size:14px;
letter-spacing:4px;
text-transform:uppercase;
margin-bottom:16px;
}

.about-kicker::before{
content:"";
width:42px;
height:1px;
background:#d4af37;
box-shadow:0 0 10px rgba(212,175,55,.65);
}

.about-left h1{
font-size:56px;
color:#d4af37;
font-family:"Copperplate Gothic Light",serif;
letter-spacing:2px;
margin:0 0 20px 0;
text-shadow:
0 0 12px rgba(212,175,55,.22),
0 8px 22px rgba(0,0,0,.32);
}

.about-left h2{
font-size:31px;
line-height:1.32;
letter-spacing:.4px;
color:#ffffff;
margin-bottom:24px;
max-width:660px;
font-weight:500;
}

.about-left p{
font-size:17px;
line-height:1.85;
color:#e3e3e3;
margin-bottom:15px;
max-width:660px;
}

.about-badges{
margin-top:22px;
display:flex;
flex-direction:row;
gap:13px;
flex-wrap:wrap;
}

.about-badge{
width:190px;
height:50px;
background:rgba(255,255,255,0.055);
border:1px solid rgba(212,175,55,.38);
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
color:white;
font-size:15px;
box-shadow:
0 10px 24px rgba(0,0,0,.22),
inset 0 0 0 1px rgba(255,255,255,.035);
transition:.35s;
backdrop-filter:blur(8px);
animation:badgeGoldBreath 4s infinite ease-in-out;
}

.about-badge:hover{
transform:translateY(-4px);
border-color:rgba(212,175,55,.85);
box-shadow:
0 14px 28px rgba(0,0,0,.30),
0 0 18px rgba(212,175,55,.18);
}

.about-badge i{
color:#d4af37;
font-size:18px;
text-shadow:
0 0 8px rgba(212,175,55,.40);
}

.about-badge span{
font-size:15px;
color:#f0f0f0;
}

.about-right{
display:flex;
flex-direction:column;
justify-content:center;
gap:20px;
animation:fadeUpSoft 1s ease both;
animation-delay:.12s;
}

.premium-about-card{
position:relative;
background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
border:1px solid rgba(212,175,55,.32);
border-radius:26px;
padding:34px;
box-shadow:
0 22px 50px rgba(0,0,0,.34),
inset 0 0 0 1px rgba(255,255,255,.04);
backdrop-filter:blur(10px);
overflow:hidden;
}

.premium-about-card::before{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:240px;
height:240px;
border-radius:50%;
background:rgba(212,175,55,.12);
filter:blur(10px);
}

.card-glow-line{
position:absolute;
top:0;
left:32px;
right:32px;
height:2px;
background:linear-gradient(90deg,transparent,#d4af37,transparent);
box-shadow:0 0 18px rgba(212,175,55,.55);
}

.card-small-title{
position:relative;
z-index:2;
display:inline-block;
font-size:13px;
letter-spacing:3px;
text-transform:uppercase;
color:#d4af37;
margin-bottom:15px;
}

.premium-about-card h3{
position:relative;
z-index:2;
font-size:30px;
line-height:1.3;
color:#ffffff;
font-weight:500;
margin-bottom:14px;
}

.premium-about-card > p{
position:relative;
z-index:2;
font-size:16px;
line-height:1.75;
color:#dedede;
margin-bottom:26px;
}

.work-steps{
position:relative;
z-index:2;
display:flex;
flex-direction:column;
gap:16px;
}

.work-step{
display:grid;
grid-template-columns:54px 1fr;
gap:15px;
align-items:flex-start;
padding:17px;
border-radius:18px;
background:rgba(32,32,32,.55);
border:1px solid rgba(255,255,255,.07);
transition:.35s;
}

.work-step:hover{
transform:translateX(4px);
border-color:rgba(212,175,55,.36);
background:rgba(32,32,32,.72);
}

.work-step > span{
width:46px;
height:46px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
letter-spacing:1px;
color:#2d2d2d;
background:#d4af37;
box-shadow:
0 0 14px rgba(212,175,55,.34),
0 8px 20px rgba(0,0,0,.22);
font-weight:bold;
}

.work-step h4{
font-size:18px;
color:#ffffff;
margin-bottom:6px;
}

.work-step p{
font-size:14px;
line-height:1.55;
color:#cfcfcf;
margin:0;
}

.service-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}

.service-box{
height:78px;
border-radius:18px;
display:flex;
align-items:center;
gap:13px;
padding:0 18px;
background:rgba(255,255,255,.055);
border:1px solid rgba(212,175,55,.22);
box-shadow:0 14px 30px rgba(0,0,0,.24);
transition:.35s;
}

.service-box:hover{
transform:translateY(-4px);
border-color:rgba(212,175,55,.55);
background:rgba(255,255,255,.075);
}

.service-box i{
width:38px;
height:38px;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
color:#d4af37;
background:rgba(212,175,55,.10);
box-shadow:inset 0 0 0 1px rgba(212,175,55,.22);
font-size:17px;
}

.service-box span{
font-size:15px;
color:#eeeeee;
letter-spacing:.2px;
}

@keyframes greenDrop{
0%,8%{
opacity:0;
transform:translate(-50%,0);
}

10%{
opacity:1;
transform:translate(-50%,0);
}

24%{
opacity:1;
transform:translate(-50%,90px);
}

30%,100%{
opacity:0;
transform:translate(-50%,90px);
}
}

@keyframes logoGoldGlow{
0%,18%{
filter:brightness(1);
transform:scale(1);
}

28%,48%{
filter:
brightness(1.35)
drop-shadow(0 0 8px #ffd700)
drop-shadow(0 0 18px #ffcc00)
drop-shadow(0 0 28px #b8860b);
transform:scale(1.03);
}

60%,100%{
filter:brightness(1);
transform:scale(1);
}
}

@keyframes nusemGoldCome{
0%,30%{
opacity:0;
transform:translateX(-25px);
text-shadow:none;
}

42%,80%{
opacity:1;
transform:translateX(0);
color:#ffd56a;
text-shadow:
0 0 8px #ffd700,
0 0 18px #ffb700;
}

100%{
opacity:0;
transform:translateX(-25px);
text-shadow:none;
}
}

@keyframes silverCome{
0%,38%{
opacity:0;
transform:translateX(-20px);
text-shadow:none;
}

50%,80%{
opacity:1;
transform:translateX(0);
text-shadow:
0 0 6px #ffffff,
0 0 12px #cfcfcf;
}

100%{
opacity:0;
transform:translateX(-20px);
text-shadow:none;
}
}

@keyframes smokeShine{
0%,42%{
left:-70%;
opacity:0;
}

52%{
left:-20%;
opacity:.75;
}

68%{
left:78%;
opacity:.65;
}

82%,100%{
left:120%;
opacity:0;
}
}

@keyframes fadeUpSoft{
0%{
opacity:0;
transform:translateY(26px);
}

100%{
opacity:1;
transform:translateY(0);
}
}

@keyframes softGoldFloat{
0%,100%{
transform:translateY(0) scale(1);
opacity:.75;
}

50%{
transform:translateY(22px) scale(1.05);
opacity:1;
}
}

@keyframes badgeGoldBreath{
0%,100%{
box-shadow:
0 10px 24px rgba(0,0,0,.22),
inset 0 0 0 1px rgba(255,255,255,.035);
}

50%{
box-shadow:
0 10px 24px rgba(0,0,0,.22),
0 0 14px rgba(212,175,55,.12),
inset 0 0 0 1px rgba(255,255,255,.04);
}
}

@keyframes homeTextCome{
0%{
opacity:0;
transform:translateY(-42%);
}

100%{
opacity:1;
transform:translateY(-50%);
}
}

@keyframes homeBoxesCome{
0%{
opacity:0;
transform:translateY(24px);
}

100%{
opacity:1;
transform:translateY(0);
}
}

@keyframes heroGoldFloat{
0%,100%{
transform:translateY(0) scale(1);
opacity:.75;
}

50%{
transform:translateY(28px) scale(1.06);
opacity:1;
}
}

@media(max-width:768px){

html,body{
overflow-x:hidden;
}

body{
overflow-y:auto;
}

.top-header{
height:88px;
display:flex;
background:#2d2d2d;
overflow:visible;
position:relative;
z-index:9999;
}

.logo-area{
width:78%;
height:88px;
background:#2d2d2d;
padding-left:6px;
padding-right:10px;
clip-path:none;
position:relative;
overflow:visible;
display:flex;
align-items:center;
}

.logo-area::after{
content:"";
position:absolute;
top:0;
right:-42px;
width:42px;
height:88px;
background:#2d2d2d;
clip-path:polygon(0 0, 100% 100%, 0 100%);
z-index:5;
}

.logo-wrap{
width:78px;
height:78px;
margin-left:0;
margin-top:0;
}

.logo-wrap img{
width:78px;
height:78px;
}

.green-orbit{
top:4px;
width:8px;
height:8px;
animation:greenDropMobile 6s infinite;
}

.logo-text{
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
margin-left:6px;
white-space:nowrap;
}

.logo-text h2{
font-size:20px;
letter-spacing:.5px;
line-height:1;
white-space:nowrap;
margin:0;
}

.tagline{
font-size:8px;
letter-spacing:.5px;
white-space:nowrap;
}

.menu-area{
width:22%;
height:88px;
margin-left:auto;
padding:0;
background:#2d2d2d;
display:flex;
justify-content:center;
align-items:center;
position:relative;
overflow:visible;
}

.desktop-nav,
.social-icons{
display:none !important;
}

.mobile-menu-btn{
width:34px;
height:28px;
display:flex !important;
flex-direction:column;
justify-content:space-between;
cursor:pointer;
z-index:1001;
}

.mobile-menu-btn span{
height:4px;
width:100%;
background:#d4af37;
border-radius:5px;
box-shadow:0 0 8px rgba(212,175,55,.45);
}

.mobile-nav{
position:absolute;
top:88px;
right:0;
width:210px;
background:#2d2d2d;
border-left:2px solid #d4af37;
border-bottom:2px solid #d4af37;
display:none !important;
flex-direction:column;
padding:12px;
z-index:1000;
}

.mobile-nav.show{
display:flex !important;
}

.mobile-nav a{
color:white;
text-decoration:none;
padding:12px 10px;
font-size:17px;
border-bottom:1px solid rgba(255,255,255,.08);
font-family:Arial, Helvetica, sans-serif;
letter-spacing:0;
}

.mobile-nav a:hover{
background:#d4af37;
color:#2d2d2d;
}

.hero-video{
height:calc(100vh - 88px);
}

.home-hero{
height:calc(100vh - 88px);
min-height:720px;
}

.desktop-video{
display:none;
}

.mobile-video{
display:block;
}

.home-hero .hero-overlay{
background:
linear-gradient(to bottom,rgba(0,0,0,.44),rgba(0,0,0,.72),rgba(0,0,0,.90)),
linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.42));
}

.hero-gold-light{
width:300px;
height:300px;
left:-130px;
top:12%;
filter:blur(32px);
}

.home-hero::after{
left:8%;
right:8%;
top:22px;
}

.home-hero .hero-content{
top:34%;
left:6%;
right:6%;
transform:translateY(-50%);
max-width:none;
text-align:center;
}

.hero-kicker{
justify-content:center;
font-size:11px;
letter-spacing:2.5px;
margin-bottom:13px;
}

.hero-kicker::before{
width:28px;
}

.home-hero .hero-content h1{
font-size:42px;
letter-spacing:2px;
margin-bottom:14px;
}

.home-hero .hero-content p{
font-size:16px;
line-height:1.65;
max-width:100%;
}

.hero-buttons{
justify-content:center;
gap:10px;
margin-top:24px;
flex-wrap:wrap;
}

.hero-btn{
height:44px;
padding:0 20px;
font-size:13px;
}

.home-trust-boxes{
left:6%;
right:6%;
bottom:52px;
grid-template-columns:1fr;
gap:11px;
}

.home-trust-box{
min-height:74px;
border-radius:18px;
padding:14px 16px;
gap:12px;
}

.home-trust-box i{
width:40px;
height:40px;
min-width:40px;
font-size:17px;
border-radius:12px;
}

.home-trust-box h3{
font-size:15px;
margin-bottom:3px;
}

.home-trust-box p{
font-size:12px;
}

.footer-box{
font-size:10px;
padding:6px 14px;
bottom:9px;
max-width:92%;
text-align:center;
white-space:normal;
}

.whatsapp-float{
right:16px;
bottom:18px;
width:54px;
height:54px;
padding:0;
justify-content:center;
border-radius:50%;
}

.whatsapp-float span{
display:none;
}

.whatsapp-float i{
width:40px;
height:40px;
font-size:24px;
}

.about-page{
min-height:auto;
display:flex;
flex-direction:column;
padding:38px 6% 46px;
gap:30px;
overflow:visible;
background:
radial-gradient(circle at 12% 8%, rgba(212,175,55,0.12), transparent 28%),
linear-gradient(145deg,#202020 0%,#2d2d2d 55%,#222222 100%);
}

.about-page::after{
width:250px;
height:250px;
right:-130px;
top:120px;
}

.about-left{
width:100%;
align-items:center;
text-align:center;
}

.about-kicker{
font-size:12px;
letter-spacing:3px;
margin-bottom:13px;
}

.about-kicker::before{
width:30px;
}

.about-left h1{
font-size:38px;
margin-bottom:16px;
}

.about-left h2{
font-size:23px;
line-height:1.4;
text-align:center;
margin-bottom:20px;
}

.about-left p{
font-size:15px;
line-height:1.75;
max-width:100%;
text-align:center;
margin-bottom:14px;
}

.about-badges{
justify-content:center;
gap:9px;
width:100%;
margin-top:20px;
}

.about-badge{
width:100%;
max-width:310px;
height:48px;
font-size:14px;
}

.about-badge span{
font-size:14px;
}

.about-right{
width:100%;
gap:16px;
}

.premium-about-card{
border-radius:22px;
padding:26px 18px;
}

.card-glow-line{
left:22px;
right:22px;
}

.card-small-title{
font-size:12px;
letter-spacing:2px;
}

.premium-about-card h3{
font-size:23px;
line-height:1.35;
}

.premium-about-card > p{
font-size:15px;
line-height:1.7;
}

.work-step{
grid-template-columns:44px 1fr;
gap:12px;
padding:14px;
}

.work-step > span{
width:40px;
height:40px;
font-size:12px;
}

.work-step h4{
font-size:16px;
}

.work-step p{
font-size:13px;
}

.service-grid{
grid-template-columns:1fr;
gap:11px;
}

.service-box{
height:68px;
border-radius:16px;
}

.service-box span{
font-size:14px;
}

}

@media(max-width:380px){

.home-hero{
min-height:760px;
}

.home-hero .hero-content h1{
font-size:36px;
}

.home-hero .hero-content p{
font-size:14px;
}

.hero-btn{
width:100%;
max-width:230px;
}

.home-trust-box{
padding:13px;
}

}

@keyframes greenDropMobile{
0%,8%{
opacity:0;
transform:translate(-50%,0);
}

10%{
opacity:1;
transform:translate(-50%,0);
}

24%{
opacity:1;
transform:translate(-50%,58px);
}

30%,100%{
opacity:0;
transform:translate(-50%,58px);
}
}

.projects-page{
min-height:calc(100vh - 82px) !important;
position:relative !important;
padding:54px 6% 70px !important;
color:white !important;
overflow:hidden !important;
background:
radial-gradient(circle at 14% 12%, rgba(212,175,55,.13), transparent 28%),
radial-gradient(circle at 88% 82%, rgba(184,134,11,.12), transparent 30%),
linear-gradient(135deg,#202020 0%,#2d2d2d 50%,#222222 100%) !important;
}

.projects-page::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
background:
linear-gradient(120deg,rgba(255,255,255,.035) 0%,transparent 25%,transparent 75%,rgba(255,255,255,.025) 100%),
repeating-linear-gradient(
135deg,
rgba(255,255,255,.022) 0px,
rgba(255,255,255,.022) 1px,
transparent 1px,
transparent 18px
) !important;
opacity:.36 !important;
pointer-events:none !important;
}

.projects-page::after{
content:"" !important;
position:absolute !important;
width:430px !important;
height:430px !important;
right:-170px !important;
top:110px !important;
border-radius:50% !important;
background:rgba(212,175,55,.08) !important;
filter:blur(18px) !important;
animation:softGoldFloat 7s infinite ease-in-out !important;
pointer-events:none !important;
}

.projects-hero,
.project-filter-area,
.projects-grid,
.safety-section,
.projects-cta{
position:relative !important;
z-index:2 !important;
}

.projects-hero{
max-width:850px !important;
margin:0 auto 30px !important;
text-align:center !important;
animation:fadeUpSoft .9s ease both !important;
}

.projects-kicker{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:12px !important;
color:#d4af37 !important;
font-size:14px !important;
letter-spacing:4px !important;
text-transform:uppercase !important;
margin-bottom:15px !important;
}

.projects-kicker::before,
.projects-kicker::after{
content:"" !important;
width:42px !important;
height:1px !important;
background:#d4af37 !important;
box-shadow:0 0 10px rgba(212,175,55,.55) !important;
}

.projects-hero h1{
font-size:56px !important;
color:#d4af37 !important;
font-family:"Copperplate Gothic Light",serif !important;
letter-spacing:2px !important;
margin-bottom:16px !important;
text-shadow:
0 0 12px rgba(212,175,55,.22),
0 8px 22px rgba(0,0,0,.32) !important;
}

.projects-hero p{
font-size:18px !important;
line-height:1.7 !important;
color:#e1e1e1 !important;
max-width:760px !important;
margin:0 auto !important;
}

.project-filter-area{
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:12px !important;
flex-wrap:wrap !important;
margin:30px auto 38px !important;
}

.project-filter{
background:rgba(255,255,255,.055) !important;
color:#e8e8e8 !important;
border:1px solid rgba(212,175,55,.30) !important;
padding:11px 20px !important;
border-radius:30px !important;
font-size:14px !important;
letter-spacing:.4px !important;
cursor:pointer !important;
transition:.35s !important;
backdrop-filter:blur(8px) !important;
}

.project-filter:hover,
.project-filter.active{
background:#d4af37 !important;
color:#2d2d2d !important;
border-color:#d4af37 !important;
box-shadow:
0 0 14px rgba(212,175,55,.32),
0 10px 24px rgba(0,0,0,.22) !important;
}

.projects-grid{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:22px !important;
position:relative !important;
z-index:2 !important;
}

.project-card{
position:relative !important;
height:310px !important;
border-radius:24px !important;
overflow:hidden !important;
cursor:pointer !important;
background:#1f1f1f !important;
border:1px solid rgba(212,175,55,.22) !important;
box-shadow:
0 18px 42px rgba(0,0,0,.32),
inset 0 0 0 1px rgba(255,255,255,.035) !important;
transition:.4s !important;
}

.project-card img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
filter:brightness(.86) contrast(1.04) !important;
transition:.55s !important;
}

.project-card::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
background:
linear-gradient(to top,rgba(0,0,0,.42),rgba(0,0,0,.05)) !important;
z-index:1 !important;
opacity:.60 !important;
transition:.4s !important;
}

.project-card::after{
content:"" !important;
position:absolute !important;
left:22px !important;
right:22px !important;
top:18px !important;
height:1px !important;
background:linear-gradient(90deg,transparent,#d4af37,transparent) !important;
z-index:2 !important;
opacity:.55 !important;
box-shadow:0 0 12px rgba(212,175,55,.35) !important;
}

.project-card:hover{
transform:translateY(-7px) !important;
border-color:rgba(212,175,55,.58) !important;
box-shadow:
0 26px 56px rgba(0,0,0,.42),
0 0 20px rgba(212,175,55,.13) !important;
}

.project-card:hover img{
transform:scale(1.08) !important;
filter:brightness(.96) contrast(1.08) !important;
}

.project-card:hover::before{
opacity:.28 !important;
}

.project-overlay{
display:none !important;
}

.project-badge-wrap{
position:absolute !important;
top:18px !important;
left:18px !important;
z-index:3 !important;
}

.project-tag{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:32px !important;
padding:7px 14px !important;
border-radius:20px !important;
background:rgba(212,175,55,.96) !important;
color:#2d2d2d !important;
font-size:11px !important;
font-weight:700 !important;
letter-spacing:1px !important;
text-transform:uppercase !important;
box-shadow:
0 8px 18px rgba(0,0,0,.24),
0 0 10px rgba(212,175,55,.18) !important;
}

.project-card.hide-project{
display:none !important;
}

.safety-section{
margin-top:68px !important;
display:grid !important;
grid-template-columns:34% 66% !important;
gap:28px !important;
align-items:center !important;
padding:30px !important;
border-radius:28px !important;
background:rgba(255,255,255,.045) !important;
border:1px solid rgba(212,175,55,.22) !important;
box-shadow:
0 20px 45px rgba(0,0,0,.28),
inset 0 0 0 1px rgba(255,255,255,.035) !important;
backdrop-filter:blur(10px) !important;
}

.safety-text h2{
font-size:34px !important;
line-height:1.25 !important;
color:#d4af37 !important;
font-family:"Copperplate Gothic Light",serif !important;
margin-bottom:16px !important;
}

.safety-text p{
font-size:16px !important;
line-height:1.75 !important;
color:#e0e0e0 !important;
}

.safety-grid{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:14px !important;
}

.safety-card{
height:160px !important;
border-radius:18px !important;
overflow:hidden !important;
border:1px solid rgba(212,175,55,.22) !important;
box-shadow:0 12px 28px rgba(0,0,0,.24) !important;
cursor:pointer !important;
transition:.35s !important;
}

.safety-card img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
filter:brightness(.88) !important;
transition:.45s !important;
}

.safety-card:hover{
transform:translateY(-4px) !important;
border-color:rgba(212,175,55,.55) !important;
}

.safety-card:hover img{
transform:scale(1.06) !important;
filter:brightness(.98) !important;
}

.projects-cta{
margin:54px auto 0 !important;
max-width:980px !important;
text-align:center !important;
padding:34px 26px !important;
border-radius:28px !important;
background:
linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
border:1px solid rgba(212,175,55,.30) !important;
box-shadow:
0 18px 42px rgba(0,0,0,.28),
inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

.projects-cta h2{
font-size:32px !important;
color:#ffffff !important;
font-weight:500 !important;
margin-bottom:10px !important;
}

.projects-cta p{
font-size:16px !important;
line-height:1.6 !important;
color:#dcdcdc !important;
max-width:720px !important;
margin:0 auto 24px !important;
}

.projects-cta-buttons{
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:14px !important;
flex-wrap:wrap !important;
}

.project-cta-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
height:46px !important;
padding:0 24px !important;
border-radius:30px !important;
background:#d4af37 !important;
color:#2d2d2d !important;
text-decoration:none !important;
font-size:14px !important;
border:1px solid #d4af37 !important;
transition:.35s !important;
box-shadow:
0 0 16px rgba(212,175,55,.25),
0 12px 26px rgba(0,0,0,.26) !important;
}

.project-cta-btn:hover{
transform:translateY(-3px) !important;
box-shadow:
0 0 22px rgba(212,175,55,.40),
0 16px 34px rgba(0,0,0,.32) !important;
}

.whatsapp-cta{
background:rgba(37,211,102,.12) !important;
color:#ffffff !important;
border-color:rgba(37,211,102,.45) !important;
}

.whatsapp-cta i{
color:#25d366 !important;
font-size:18px !important;
}

.project-lightbox{
position:fixed !important;
inset:0 !important;
background:rgba(0,0,0,.90) !important;
display:none !important;
align-items:center !important;
justify-content:center !important;
flex-direction:column !important;
z-index:99999 !important;
padding:28px !important;
}

.project-lightbox.show{
display:flex !important;
}

.project-lightbox img{
max-width:92% !important;
max-height:78vh !important;
border-radius:18px !important;
border:1px solid rgba(212,175,55,.45) !important;
box-shadow:
0 24px 70px rgba(0,0,0,.65),
0 0 24px rgba(212,175,55,.18) !important;
object-fit:contain !important;
}

.lightbox-close{
position:absolute !important;
top:24px !important;
right:34px !important;
font-size:42px !important;
color:#d4af37 !important;
cursor:pointer !important;
z-index:100000 !important;
transition:.3s !important;
}

.lightbox-close:hover{
transform:scale(1.12) !important;
color:#ffffff !important;
}

.lightbox-caption{
margin-top:16px !important;
color:#eeeeee !important;
font-size:16px !important;
text-align:center !important;
}

@media(max-width:1024px){

.projects-grid{
grid-template-columns:repeat(2,1fr) !important;
}

.safety-section{
grid-template-columns:1fr !important;
}

}

@media(max-width:768px){

.projects-page{
min-height:auto !important;
padding:38px 6% 48px !important;
}

.projects-hero h1{
font-size:38px !important;
margin-bottom:14px !important;
}

.projects-hero p{
font-size:15px !important;
line-height:1.7 !important;
}

.projects-kicker{
font-size:12px !important;
letter-spacing:3px !important;
}

.projects-kicker::before,
.projects-kicker::after{
width:28px !important;
}

.project-filter-area{
gap:8px !important;
margin:24px auto 28px !important;
}

.project-filter{
font-size:12px !important;
padding:9px 13px !important;
}

.projects-grid{
grid-template-columns:1fr !important;
gap:17px !important;
}

.project-card{
height:275px !important;
border-radius:20px !important;
}

.project-badge-wrap{
top:15px !important;
left:15px !important;
}

.project-tag{
font-size:10px !important;
padding:6px 12px !important;
}

.safety-section{
margin-top:44px !important;
padding:22px 16px !important;
border-radius:22px !important;
}

.safety-text{
text-align:center !important;
}

.safety-text h2{
font-size:27px !important;
}

.safety-text p{
font-size:14px !important;
}

.safety-grid{
grid-template-columns:1fr 1fr !important;
gap:10px !important;
}

.safety-card{
height:125px !important;
border-radius:14px !important;
}

.projects-cta{
margin-top:36px !important;
padding:26px 16px !important;
border-radius:22px !important;
}

.projects-cta h2{
font-size:23px !important;
}

.projects-cta p{
font-size:14px !important;
}

.project-cta-btn{
height:44px !important;
font-size:13px !important;
padding:0 18px !important;
}

.project-lightbox{
padding:18px !important;
}

.project-lightbox img{
max-width:96% !important;
max-height:72vh !important;
border-radius:14px !important;
}

.lightbox-close{
top:16px !important;
right:22px !important;
font-size:36px !important;
}

.lightbox-caption{
font-size:14px !important;
}

}

.project-info-box{
max-width:1100px !important;
margin:0 auto 30px !important;
padding:22px 24px !important;
border-radius:24px !important;
background:rgba(255,255,255,.045) !important;
border:1px solid rgba(212,175,55,.22) !important;
box-shadow:
0 18px 38px rgba(0,0,0,.24),
inset 0 0 0 1px rgba(255,255,255,.03) !important;
backdrop-filter:blur(10px) !important;
position:relative !important;
z-index:2 !important;
}

.project-info-head{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
gap:20px !important;
flex-wrap:wrap !important;
margin-bottom:16px !important;
}

.project-info-kicker{
display:inline-block !important;
font-size:12px !important;
letter-spacing:3px !important;
color:#d4af37 !important;
text-transform:uppercase !important;
}

.project-info-box h3{
font-size:28px !important;
color:#ffffff !important;
margin:0 !important;
font-weight:500 !important;
}

.project-process-badges{
display:flex !important;
align-items:center !important;
gap:12px !important;
flex-wrap:wrap !important;
}

.project-process-badge{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:38px !important;
padding:0 16px !important;
border-radius:999px !important;
background:rgba(212,175,55,.12) !important;
border:1px solid rgba(212,175,55,.35) !important;
color:#f1f1f1 !important;
font-size:13px !important;
letter-spacing:.3px !important;
box-shadow:
0 0 12px rgba(212,175,55,.10) !important;
}

.project-badge-wrap{
display:none !important;
}

.project-overlay{
display:none !important;
}

.project-card::after{
display:none !important;
}

.project-card::before{
background:linear-gradient(to top,rgba(0,0,0,.18),rgba(0,0,0,.03)) !important;
opacity:.35 !important;
}

.project-card:hover::before{
opacity:.12 !important;
}

@media(max-width:768px){

.project-info-box{
padding:18px 16px !important;
border-radius:18px !important;
margin-bottom:24px !important;
}

.project-info-box h3{
font-size:22px !important;
}

.project-process-badges{
gap:8px !important;
}

.project-process-badge{
font-size:12px !important;
min-height:34px !important;
padding:0 12px !important;
}

}

.project-filter:not(.active){
animation:filterGoldBreath 3.2s infinite ease-in-out !important;
}

.project-filter.active{
animation:none !important;
background:#d4af37 !important;
color:#2d2d2d !important;
border-color:#d4af37 !important;
box-shadow:
0 0 14px rgba(212,175,55,.35),
0 10px 24px rgba(0,0,0,.22) !important;
}

@keyframes filterGoldBreath{

0%{
border-color:rgba(212,175,55,.25);
box-shadow:
0 0 0 rgba(212,175,55,0),
0 8px 18px rgba(0,0,0,.12);
}

50%{
border-color:rgba(212,175,55,.55);
box-shadow:
0 0 10px rgba(212,175,55,.22),
0 8px 20px rgba(0,0,0,.18);
}

100%{
border-color:rgba(212,175,55,.25);
box-shadow:
0 0 0 rgba(212,175,55,0),
0 8px 18px rgba(0,0,0,.12);
}

}

.lightbox-caption{
display:none !important;
}

.lightbox-nav{
position:absolute !important;
top:50% !important;
transform:translateY(-50%) !important;
width:54px !important;
height:54px !important;
border-radius:50% !important;
border:1px solid rgba(212,175,55,.55) !important;
background:rgba(32,32,32,.78) !important;
color:#d4af37 !important;
font-size:32px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
cursor:pointer !important;
z-index:100000 !important;
backdrop-filter:blur(8px) !important;
box-shadow:
0 12px 28px rgba(0,0,0,.35),
0 0 16px rgba(212,175,55,.18) !important;
transition:.3s !important;
}

.lightbox-nav:hover{
background:#d4af37 !important;
color:#2d2d2d !important;
transform:translateY(-50%) scale(1.08) !important;
}

.lightbox-prev{
left:32px !important;
}

.lightbox-next{
right:32px !important;
}

@media(max-width:768px){

.lightbox-nav{
width:42px !important;
height:42px !important;
font-size:24px !important;
}

.lightbox-prev{
left:12px !important;
}

.lightbox-next{
right:12px !important;
}

}

.contact-page{
min-height:calc(100vh - 82px);
position:relative;
padding:54px 6% 70px;
color:white;
overflow:hidden;
background:
radial-gradient(circle at 14% 12%, rgba(212,175,55,.13), transparent 28%),
radial-gradient(circle at 88% 82%, rgba(184,134,11,.12), transparent 30%),
linear-gradient(135deg,#202020 0%,#2d2d2d 50%,#222222 100%);
}

.contact-page::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(120deg,rgba(255,255,255,.035) 0%,transparent 25%,transparent 75%,rgba(255,255,255,.025) 100%),
repeating-linear-gradient(
135deg,
rgba(255,255,255,.022) 0px,
rgba(255,255,255,.022) 1px,
transparent 1px,
transparent 18px
);
opacity:.36;
pointer-events:none;
}

.contact-page::after{
content:"";
position:absolute;
width:430px;
height:430px;
right:-170px;
top:110px;
border-radius:50%;
background:rgba(212,175,55,.08);
filter:blur(18px);
animation:softGoldFloat 7s infinite ease-in-out;
pointer-events:none;
}

.contact-hero,
.contact-content,
.contact-social-section{
position:relative;
z-index:2;
}

.contact-hero{
max-width:850px;
margin:0 auto 38px;
text-align:center;
animation:fadeUpSoft .9s ease both;
}

.contact-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
color:#d4af37;
font-size:14px;
letter-spacing:4px;
text-transform:uppercase;
margin-bottom:15px;
}

.contact-kicker::before,
.contact-kicker::after{
content:"";
width:42px;
height:1px;
background:#d4af37;
box-shadow:0 0 10px rgba(212,175,55,.55);
}

.contact-hero h1{
font-size:56px;
color:#d4af37;
font-family:"Copperplate Gothic Light",serif;
letter-spacing:2px;
margin-bottom:16px;
text-shadow:
0 0 12px rgba(212,175,55,.22),
0 8px 22px rgba(0,0,0,.32);
}

.contact-hero p{
font-size:18px;
line-height:1.7;
color:#e1e1e1;
max-width:760px;
margin:0 auto;
}

.contact-content{
display:grid;
grid-template-columns:42% 58%;
gap:28px;
align-items:stretch;
}

.contact-left{
display:flex;
flex-direction:column;
gap:20px;
}

.contact-main-card{
height:100%;
min-height:360px;
position:relative;
padding:36px;
border-radius:28px;
background:
linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
border:1px solid rgba(212,175,55,.30);
box-shadow:
0 22px 50px rgba(0,0,0,.32),
inset 0 0 0 1px rgba(255,255,255,.035);
backdrop-filter:blur(10px);
overflow:hidden;
}

.contact-main-card::before{
content:"";
position:absolute;
top:0;
left:34px;
right:34px;
height:2px;
background:linear-gradient(90deg,transparent,#d4af37,transparent);
box-shadow:0 0 18px rgba(212,175,55,.55);
}

.contact-small-title{
display:inline-block;
font-size:13px;
letter-spacing:3px;
text-transform:uppercase;
color:#d4af37;
margin-bottom:18px;
}

.contact-main-card h2{
font-size:34px;
line-height:1.25;
color:#ffffff;
font-weight:500;
margin-bottom:18px;
}

.contact-main-card p{
font-size:16px;
line-height:1.75;
color:#dedede;
margin-bottom:30px;
}

.contact-action-buttons{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
}

.contact-action-btn{
height:48px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
padding:0 24px;
border-radius:30px;
background:#d4af37;
color:#2d2d2d;
text-decoration:none;
font-size:14px;
border:1px solid #d4af37;
box-shadow:
0 0 16px rgba(212,175,55,.28),
0 12px 26px rgba(0,0,0,.28);
transition:.35s;
}

.contact-action-btn:hover{
transform:translateY(-3px);
box-shadow:
0 0 22px rgba(212,175,55,.42),
0 16px 34px rgba(0,0,0,.32);
}

.whatsapp-contact-btn{
background:rgba(37,211,102,.12);
color:#ffffff;
border-color:rgba(37,211,102,.45);
}

.whatsapp-contact-btn i{
color:#25d366;
font-size:18px;
}

.contact-note-card{
display:flex;
align-items:flex-start;
gap:15px;
padding:22px;
border-radius:22px;
background:rgba(255,255,255,.045);
border:1px solid rgba(212,175,55,.22);
box-shadow:
0 16px 34px rgba(0,0,0,.24),
inset 0 0 0 1px rgba(255,255,255,.03);
}

.contact-note-card i{
width:46px;
height:46px;
min-width:46px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(212,175,55,.12);
color:#d4af37;
font-size:20px;
box-shadow:inset 0 0 0 1px rgba(212,175,55,.24);
}

.contact-note-card h3{
font-size:18px;
color:#ffffff;
margin-bottom:6px;
}

.contact-note-card p{
font-size:14px;
line-height:1.55;
color:#d4d4d4;
}

.contact-info-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
height:100%;
}

.contact-info-box{
min-height:150px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
gap:10px;
padding:22px;
border-radius:22px;
background:rgba(255,255,255,.055);
border:1px solid rgba(212,175,55,.24);
box-shadow:
0 16px 36px rgba(0,0,0,.26),
inset 0 0 0 1px rgba(255,255,255,.035);
text-decoration:none;
transition:.35s;
}

.contact-info-box:hover{
transform:translateY(-5px);
border-color:rgba(212,175,55,.58);
background:rgba(255,255,255,.075);
box-shadow:
0 22px 46px rgba(0,0,0,.34),
0 0 18px rgba(212,175,55,.12);
}

.contact-info-box i{
width:42px;
height:42px;
border-radius:13px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(212,175,55,.12);
color:#d4af37;
font-size:19px;
box-shadow:inset 0 0 0 1px rgba(212,175,55,.24);
}

.contact-info-box span{
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
color:#d4af37;
}

.contact-info-box strong{
font-size:17px;
line-height:1.35;
color:#ffffff;
font-weight:500;
}

.contact-social-section{
margin:42px auto 0;
max-width:920px;
text-align:center;
padding:30px 24px;
border-radius:26px;
background:rgba(255,255,255,.045);
border:1px solid rgba(212,175,55,.22);
box-shadow:
0 18px 42px rgba(0,0,0,.26),
inset 0 0 0 1px rgba(255,255,255,.035);
}

.contact-social-section h2{
font-size:28px;
color:#ffffff;
font-weight:500;
margin-bottom:22px;
}

.contact-social-links{
display:flex;
justify-content:center;
align-items:center;
gap:14px;
flex-wrap:wrap;
}

.contact-social-links a{
height:46px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
padding:0 22px;
border-radius:30px;
background:rgba(255,255,255,.055);
border:1px solid rgba(212,175,55,.28);
color:#ffffff;
text-decoration:none;
font-size:14px;
transition:.35s;
}

.contact-social-links a i{
color:#d4af37;
font-size:17px;
}

.contact-social-links a:hover{
background:#d4af37;
color:#2d2d2d;
border-color:#d4af37;
transform:translateY(-3px);
}

.contact-social-links a:hover i{
color:#2d2d2d;
}

@media(max-width:768px){

.contact-page{
min-height:auto;
padding:38px 6% 48px;
background:
radial-gradient(circle at 12% 8%, rgba(212,175,55,.12), transparent 28%),
linear-gradient(145deg,#202020 0%,#2d2d2d 55%,#222222 100%);
}

.contact-page::after{
width:250px;
height:250px;
right:-130px;
top:120px;
}

.contact-kicker{
font-size:12px;
letter-spacing:3px;
}

.contact-kicker::before,
.contact-kicker::after{
width:28px;
}

.contact-hero h1{
font-size:38px;
margin-bottom:14px;
}

.contact-hero p{
font-size:15px;
line-height:1.7;
}

.contact-content{
grid-template-columns:1fr;
gap:18px;
}

.contact-main-card{
min-height:auto;
padding:28px 18px;
border-radius:22px;
text-align:center;
}

.contact-main-card h2{
font-size:25px;
}

.contact-main-card p{
font-size:15px;
}

.contact-action-buttons{
justify-content:center;
}

.contact-action-btn{
height:44px;
font-size:13px;
padding:0 18px;
}

.contact-note-card{
padding:18px;
border-radius:18px;
}

.contact-note-card h3{
font-size:16px;
}

.contact-note-card p{
font-size:13px;
}

.contact-info-grid{
grid-template-columns:1fr;
gap:12px;
}

.contact-info-box{
min-height:118px;
border-radius:18px;
padding:18px;
}

.contact-info-box strong{
font-size:15px;
}

.contact-social-section{
margin-top:30px;
padding:24px 16px;
border-radius:20px;
}

.contact-social-section h2{
font-size:22px;
}

.contact-social-links{
flex-direction:column;
}

.contact-social-links a{
width:100%;
max-width:280px;
}

}

@media(max-width:1250px) and (min-width:901px){

.logo-area{
width:46%;
padding-left:14px;
padding-right:42px;
}

.logo-wrap{
width:92px;
height:92px;
margin-left:4px;
}

.logo-wrap img{
width:92px;
height:92px;
}

.logo-text{
margin-left:18px;
}

.logo-text h2{
font-size:34px;
letter-spacing:1.2px;
}

.tagline{
font-size:16px;
letter-spacing:1.8px;
}

.menu-area{
width:54%;
margin-left:-34px;
padding-left:18px;
padding-right:18px;
}

.desktop-nav{
gap:28px;
justify-content:center;
}

.desktop-nav a{
font-size:23px;
}

.social-icons{
right:14px;
gap:10px;
}

.social-icons a{
width:34px;
height:34px;
font-size:16px;
}

}

@media(max-width:1100px) and (min-width:901px){

.social-icons{
display:none !important;
}

.desktop-nav{
gap:24px;
}

.desktop-nav a{
font-size:22px;
}

.logo-text h2{
font-size:31px;
}

.tagline{
font-size:14px;
letter-spacing:1.5px;
}

}

@media(max-width:900px){

.top-header{
height:88px;
display:flex;
background:#2d2d2d;
overflow:visible;
position:relative;
z-index:9999;
}

.logo-area{
width:78%;
height:88px;
background:#2d2d2d;
padding-left:6px;
padding-right:10px;
clip-path:none;
position:relative;
overflow:visible;
display:flex;
align-items:center;
}

.logo-area::after{
content:"";
position:absolute;
top:0;
right:-42px;
width:42px;
height:88px;
background:#2d2d2d;
clip-path:polygon(0 0, 100% 100%, 0 100%);
z-index:5;
}

.logo-wrap{
width:78px;
height:78px;
margin-left:0;
margin-top:0;
}

.logo-wrap img{
width:78px;
height:78px;
}

.green-orbit{
top:4px;
width:8px;
height:8px;
animation:greenDropMobile 6s infinite;
}

.logo-text{
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
margin-left:6px;
white-space:nowrap;
}

.logo-text h2{
font-size:20px;
letter-spacing:.5px;
line-height:1;
white-space:nowrap;
margin:0;
}

.tagline{
font-size:8px;
letter-spacing:.5px;
white-space:nowrap;
}

.menu-area{
width:22%;
height:88px;
margin-left:auto;
padding:0;
background:#2d2d2d;
display:flex;
justify-content:center;
align-items:center;
position:relative;
overflow:visible;
}

.desktop-nav,
.social-icons{
display:none !important;
}

.mobile-menu-btn{
width:34px;
height:28px;
display:flex !important;
flex-direction:column;
justify-content:space-between;
cursor:pointer;
z-index:1001;
}

.mobile-menu-btn span{
height:4px;
width:100%;
background:#d4af37;
border-radius:5px;
box-shadow:0 0 8px rgba(212,175,55,.45);
}

.mobile-nav{
position:absolute;
top:88px;
right:0;
width:210px;
background:#2d2d2d;
border-left:2px solid #d4af37;
border-bottom:2px solid #d4af37;
display:none !important;
flex-direction:column;
padding:12px;
z-index:1000;
}

.mobile-nav.show{
display:flex !important;
}

.mobile-nav a{
color:white;
text-decoration:none;
padding:12px 10px;
font-size:17px;
border-bottom:1px solid rgba(255,255,255,.08);
font-family:Arial, Helvetica, sans-serif;
letter-spacing:0;
}

.mobile-nav a:hover{
background:#d4af37;
color:#2d2d2d;
}

.hero-video,
.home-hero{
height:calc(100vh - 88px);
}

}

@media(max-width:1600px) and (min-width:901px){

.social-icons{
display:none !important;
}

.desktop-nav{
gap:58px !important;
justify-content:center !important;
padding-right:0 !important;
}

.menu-area{
padding-right:0 !important;
}

}

@media(max-width:1350px) and (min-width:901px){

.logo-area{
width:44% !important;
padding-left:14px !important;
padding-right:42px !important;
}

.menu-area{
width:56% !important;
margin-left:-34px !important;
}

.logo-wrap{
width:92px !important;
height:92px !important;
margin-left:4px !important;
}

.logo-wrap img{
width:92px !important;
height:92px !important;
}

.logo-text{
margin-left:18px !important;
}

.logo-text h2{
font-size:34px !important;
letter-spacing:1px !important;
}

.tagline{
font-size:16px !important;
letter-spacing:1.7px !important;
}

.desktop-nav{
gap:34px !important;
}

.desktop-nav a{
font-size:24px !important;
}

}

@media(max-width:1150px) and (min-width:901px){

.logo-text h2{
font-size:30px !important;
}

.tagline{
font-size:13px !important;
letter-spacing:1.3px !important;
}

.desktop-nav{
gap:24px !important;
}

.desktop-nav a{
font-size:21px !important;
}

}

.home-hero video,
.hero-video video,
.desktop-video,
.mobile-video{
pointer-events:none !important;
user-select:none !important;
-webkit-user-select:none !important;
}

.home-hero,
.hero-video{
isolation:isolate;
}

.hero-overlay,
.hero-gold-light{
pointer-events:none !important;
}

.video-click-shield{
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:100% !important;
z-index:1 !important;
background:transparent !important;
pointer-events:auto !important;
}

.hero-overlay{
z-index:2 !important;
pointer-events:none !important;
}

.hero-gold-light{
z-index:3 !important;
pointer-events:none !important;
}

.home-hero .hero-content{
z-index:5 !important;
}

.home-trust-boxes{
z-index:5 !important;
}

.footer-box{
z-index:6 !important;
}

.home-hero video,
.hero-video video,
.desktop-video,
.mobile-video{
z-index:0 !important;
pointer-events:none !important;
}

@media(max-width:768px){

.home-hero{
min-height:720px !important;
}

.home-hero .hero-content{
top:25% !important;
left:7% !important;
right:7% !important;
transform:translateY(-50%) !important;
text-align:center !important;
}

.hero-kicker{
font-size:10px !important;
letter-spacing:2px !important;
margin-bottom:8px !important;
}

.home-hero .hero-content h1{
font-size:34px !important;
letter-spacing:1.5px !important;
margin-bottom:8px !important;
}

.home-hero .hero-content p{
font-size:13px !important;
line-height:1.45 !important;
max-width:310px !important;
margin:0 auto !important;
}

.hero-buttons{
margin-top:14px !important;
gap:8px !important;
}

.hero-btn{
height:38px !important;
padding:0 15px !important;
font-size:12px !important;
}

.home-trust-boxes{
bottom:44px !important;
gap:8px !important;
}

.home-trust-box{
min-height:62px !important;
padding:10px 12px !important;
border-radius:15px !important;
background:rgba(32,32,32,.50) !important;
}

.home-trust-box i{
width:34px !important;
height:34px !important;
min-width:34px !important;
font-size:15px !important;
}

.home-trust-box h3{
font-size:13px !important;
}

.home-trust-box p{
font-size:10.5px !important;
}

}

@media(max-width:768px){

.home-trust-boxes{
bottom:78px !important;
gap:10px !important;
}

.footer-box{
bottom:14px !important;
padding:7px 18px !important;
font-size:10px !important;
}

}

@media(max-width:380px){

.home-hero{
min-height:790px !important;
}

.home-trust-boxes{
bottom:84px !important;
}

.footer-box{
bottom:12px !important;
font-size:9.5px !important;
padding:6px 14px !important;
}

}

@media(max-width:768px){

.hero-kicker{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:9px !important;
font-size:10px !important;
letter-spacing:2px !important;
white-space:nowrap !important;
}

.hero-kicker::before,
.hero-kicker::after{
content:"" !important;
display:block !important;
width:28px !important;
height:1px !important;
background:#d4af37 !important;
box-shadow:0 0 10px rgba(212,175,55,.65) !important;
flex-shrink:0 !important;
}

}

@media(max-width:430px){

.home-hero{
min-height:820px !important;
height:820px !important;
}

.hero-kicker{
display:grid !important;
grid-template-columns:28px auto 28px !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
width:100% !important;
max-width:100% !important;
font-size:10px !important;
letter-spacing:2px !important;
white-space:nowrap !important;
text-align:center !important;
}

.hero-kicker::before,
.hero-kicker::after{
content:"" !important;
display:block !important;
width:28px !important;
height:1px !important;
background:#d4af37 !important;
box-shadow:0 0 10px rgba(212,175,55,.65) !important;
}

.home-hero .hero-content{
top:24% !important;
left:5% !important;
right:5% !important;
transform:translateY(-50%) !important;
}

.home-hero .hero-content h1{
font-size:33px !important;
letter-spacing:1.2px !important;
margin-bottom:8px !important;
}

.home-hero .hero-content p{
font-size:13px !important;
line-height:1.45 !important;
max-width:330px !important;
margin:0 auto !important;
}

.hero-buttons{
margin-top:14px !important;
gap:8px !important;
}

.hero-btn{
height:38px !important;
padding:0 14px !important;
font-size:12px !important;
}

.home-trust-boxes{
bottom:95px !important;
gap:10px !important;
}

.home-trust-box{
min-height:60px !important;
padding:10px 12px !important;
border-radius:15px !important;
}

.home-trust-box i{
width:34px !important;
height:34px !important;
min-width:34px !important;
font-size:14px !important;
}

.home-trust-box h3{
font-size:13px !important;
margin-bottom:2px !important;
}

.home-trust-box p{
font-size:10.5px !important;
line-height:1.25 !important;
}

.footer-box{
bottom:18px !important;
font-size:9.5px !important;
padding:6px 14px !important;
max-width:74% !important;
line-height:1.25 !important;
}

.whatsapp-float{
right:14px !important;
bottom:18px !important;
width:52px !important;
height:52px !important;
}

}