.wrap { width:100%; background:#0b1120;  overflow:hidden;  position:relative; min-height:860px; }

.grid-bg { position:absolute; inset:0; opacity:0.04; }

.slide { position:absolute; inset:0; display:flex; opacity:0; transition:opacity 0.9s ease; pointer-events:none; }
.slide.active { opacity:1; pointer-events:all; }

.left-panel { width:52%; padding:52px 48px; display:flex; flex-direction:column; justify-content:center; position:relative; z-index:2; }
.right-panel { width:48%; position:relative; display:flex; align-items:center; justify-content:center; }

.eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:20px; }
.eyebrow-line { width:28px; height:2px; background:#b8973e; }
.eyebrow-text { font-size:11px; letter-spacing:3px; text-transform:uppercase; color:#b8973e; font-weight:500; }

.big-title { font-size:40px; font-weight:800; line-height:1.1; color:#ffffff; margin-bottom:18px; }
.big-title .accent { color:#b8973e; }
.big-title .outline { -webkit-text-stroke:1.5px #b8973e; color:transparent; }

.desc { font-size:14px; color:rgba(255,255,255,0.55); line-height:1.75; margin-bottom:30px; max-width:340px; }

.btn-row { display:flex; gap:10px; }
.btn-gold { background:#b8973e; color:#0b1120; font-size:12px; font-weight:700; padding:11px 22px; border:none; border-radius:3px; cursor:pointer; letter-spacing:1px; text-transform:uppercase; }
.btn-ghost { background:transparent; color:#ffffff; font-size:12px; font-weight:500; padding:10px 22px; border:1px solid rgba(255,255,255,0.2); border-radius:3px; cursor:pointer; }

.stat-row { display:flex; gap:28px; margin-top:32px; padding-top:24px; border-top:1px solid rgba(255,255,255,0.07); }
.stat-item .num { font-size:22px; font-weight:700; color:#b8973e; }
.stat-item .lbl { font-size:11px; color:rgba(255,255,255,0.4); margin-top:2px; letter-spacing:1px; text-transform:uppercase; }

.nav-dots { position:absolute; bottom:30px; right:134px; display:flex; gap:8px; z-index:10; }
.ndot { width:20px; height:3px; border-radius:2px; background:rgba(255,255,255,0.2); cursor:pointer; transition:all 0.3s; }
.ndot.active { background:#b8973e; width:36px; }

.slide-label { position:absolute; top:24px; right:28px; font-size:11px; color:rgba(255,255,255,0.2); letter-spacing:2px; z-index:10; }

.nav-arr { position:absolute; bottom:20px; right:28px; display:flex; gap:8px; z-index:10; }
.arr-btn { width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,0.15); background:transparent; color:#fff; font-size:14px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:border-color 0.2s; }
.arr-btn:hover { border-color:#b8973e; color:#b8973e; }

.badge { display:inline-block; background:rgba(184,151,62,0.15); color:#b8973e; font-size:20px; font-weight:600; letter-spacing:2px; text-transform:uppercase; padding:5px 12px; border-radius:2px; border:1px solid rgba(184,151,62,0.3); margin-bottom:16px; }
text[font-size="12"]{ font-size:12px !important; }
tspan[font-size="12"]{ font-size:10px !important; }
.left-panel {
    width: 52%;
    padding: 27px 20px 10px 286px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
	.logo{padding-bottom:5px;}
	.wrap{min-height:1260px;}
	.left-panel{width: 100%;padding: 201px 20px 10px 15px; display:block;}
	.right-panel{width: 100%; display:block;}
	.slide{ display:block;}
	.badge{font-size: 15px;text-transform: capitalize;letter-spacing:1px;}
	.nav-arr{bottom:100px;}
	.nav-dots{bottom:113px;}
	svg[viewBox="0 0 280 320"]{width:350px; margin:auto;}
	svg[viewBox="0 0 320 320"]{width:320px; margin:auto;}
	svg[viewBox="0 0 400 450"]{width:350px; margin:auto;}
	.about-section .content-box .icon-box{text-align:center;}
	.services-section .icon-box{padding-left: 0;}
	.services-section .icon-box .icon{position:relative;}
	
}