/* =========================
GOOGLE FONTS
========================= */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

/* =========================
GLOBAL RESET
========================= */

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

html{
scroll-behavior:smooth;
}

body{
font-family:'Poppins', sans-serif;
background:#071426;
overflow-x:hidden;
}

/* =========================
NAVBAR
========================= */

.navbar{
display:flex;
justify-content:space-between;
align-items:center;

padding:20px 8%;

background:rgba(7, 20, 38, 0.88);
backdrop-filter:blur(12px);

position:fixed;
top:0;
left:0;

width:100%;

z-index:1000;

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

transition:0.4s ease;
}

/* =========================
LOGO
========================= */

.logo{
display:flex;
align-items:center;
gap:14px;

text-decoration:none;
}

.logo img{
width:85px;
height:auto;
object-fit:contain;
}

.logo-text{
display:flex;
flex-direction:column;
}

.logo-text h2{
color:#ffffff;

font-family:'Cinzel', serif;
font-size:24px;
font-weight:600;

letter-spacing:2px;
line-height:1;
}

.logo-text span{
color:#c9cdd3;

font-size:11px;
letter-spacing:4px;

margin-top:4px;
}

/* =========================
NAV MENU
========================= */
/* =========================
NAV MENU
========================= */

.nav-menu{
display:flex;
align-items:center;
gap:35px;

list-style:none;
}

.nav-menu li{
list-style:none;
}

/* NAV LINKS */

.nav-menu a{
position:relative;

text-decoration:none;
color:#ffffff;

font-size:14px;
font-weight:500;

letter-spacing:1px;
text-transform:uppercase;

transition:0.4s ease;
}

.nav-menu a:hover{
color:#d6b36a;
}

/* UNDERLINE EFFECT */

.nav-menu li a::after{
content:"";
position:absolute;
left:0;
bottom:-8px;

width:0%;
height:1px;

background:#d6b36a;

transition:0.4s ease;
}

.nav-menu li a:hover::after{
width:100%;
}

/* =========================
DESKTOP BUTTON
========================= */

.nav-btn{
padding:14px 28px;

background:#c9cdd3;
color:#071426;

border-radius:40px;

text-decoration:none;

font-size:13px;
font-weight:600;

letter-spacing:1px;
text-transform:uppercase;

transition:0.4s ease;
}

.nav-btn:hover{
background:#d6b36a;

transform:translateY(-2px);

box-shadow:0 10px 20px rgba(214,179,106,0.25);
}

/* =========================
MOBILE BUTTON
========================= */

.mobile-btn{
display:none;
}

/* Show mobile CTA ONLY when menu is active */

.nav-menu.active .mobile-btn{
display:block;

margin-top:25px;

padding:14px 22px;

background:#d6b36a;
color:#071426;

border-radius:40px;

font-weight:600;

text-align:center;

width:100%;

transition:0.3s ease;
}

.nav-menu.active .mobile-btn:hover{
background:#ffffff;
color:#071426;
}

/* =========================
HAMBURGER
========================= */

.hamburger{
display:none;
flex-direction:column;

cursor:pointer;

z-index:1100;

transition:0.3s ease;
}

/* Hide hamburger when menu is active */

.hamburger.hide{
display:none;
}

.hamburger span{
width:26px;
height:3px;

background:#ffffff;

margin:4px 0;

border-radius:10px;

transition:0.4s ease;
}

/* =========================
CLOSE BUTTON
========================= */

.close-menu{
display:none;

position:absolute;
top:25px;
right:30px;

font-size:35px;
color:#ffffff;

cursor:pointer;

transition:0.3s ease;
}

.close-menu:hover{
color:#d6b36a;
}

/* =========================
TABLET & MOBILE
========================= */

@media(max-width:991px){

/* Navbar */

.navbar{
padding:18px 5%;
}

/* Hide desktop CTA */

.nav-btn{
display:none;
}

/* Show hamburger */

.hamburger{
display:flex;
}

/* MOBILE MENU */

.nav-menu{
position:fixed;

top:0;
right:-100%;

width:65%;
height:100vh;

background:#071426;

flex-direction:column;
justify-content:center;
align-items:flex-start;

padding-left:50px;

gap:40px;

transition:0.5s ease;

z-index:1050;

border-left:1px solid rgba(255,255,255,0.08);

box-shadow:-10px 0 30px rgba(0,0,0,0.3);
}

/* Active mobile menu */

.nav-menu.active{
right:0;
}

/* Show close button */

.close-menu{
display:block;
}

/* Bigger nav links */

.nav-menu a{
font-size:20px;
}
}

/* =========================
SMALL MOBILE DEVICES
========================= */

@media(max-width:576px){

.nav-menu{
width:80%;
padding-left:35px;
}

/* Logo */

.logo img{
width:70px;
}

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

.logo-text span{
font-size:9px;
letter-spacing:2px;
}

/* Navbar Padding */

.navbar{
padding:16px 5%;
}
}


/* HERO SECTION */

/* =========================
HERO SECTION (BACKGROUND IMAGE STYLE)
========================= */

.hero{
width:100%;
height:100vh;

background-image:url("images/hero.png"); /* replace with your image */
background-size:cover;
background-position:center;
background-repeat:no-repeat;

position:relative;

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

color:#fff;
}

/* DARK LUXURY OVERLAY */
.hero::before{
content:"";
position:absolute;
top:0;
left:0;

width:100%;
height:100%;

background:rgba(7, 20, 38, 0.75);

z-index:1;
}

/* =========================
CONTENT WRAPPER
========================= */

.hero-content{
position:relative;
z-index:2;

max-width:900px;

text-align:center;

padding:0 20px;
}

/* TAGLINE */
.hero-tag{
font-size:13px;
letter-spacing:3px;

color:#c9cdd3;

margin-bottom:15px;
}

/* MAIN TITLE */
.hero h1{
font-family:'Cinzel', serif;

font-size:56px;
line-height:1.2;

margin-bottom:20px;
}

/* DESCRIPTION */
.hero-text{
font-size:16px;
line-height:1.8;

color:#b0b8c4;

margin-bottom:30px;
}

/* =========================
BUTTONS
========================= */

.hero-buttons{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
}

/* BUTTON BASE */
.btn{
padding:14px 28px;

border-radius:40px;

text-decoration:none;

font-size:13px;
font-weight:600;

letter-spacing:1px;
text-transform:uppercase;

transition:0.4s ease;
}

/* PRIMARY BUTTON */
.btn.primary{
background:#c9cdd3;
color:#071426;
}

.btn.primary:hover{
background:#d6b36a;
transform:translateY(-2px);
}

/* SECONDARY BUTTON */
.btn.secondary{
border:1px solid rgba(255,255,255,0.4);
color:#fff;
}

.btn.secondary:hover{
border-color:#d6b36a;
color:#d6b36a;
}

/* =========================
RESPONSIVE DESIGN
========================= */

@media(max-width:991px){

.hero h1{
font-size:42px;
}

.hero-text{
font-size:15px;
}

}

@media(max-width:576px){

.hero h1{
font-size:30px;
}

.hero-text{
font-size:14px;
}

.hero-content{
padding:0 15px;
}

}


/* ABOUT PREVIEW SECTION */
/* =========================
ABOUT PREVIEW SECTION
========================= */

.about-preview{
width:100%;
padding:120px 8%;

background:#071426;

color:#ffffff;
}

/* CONTAINER */
.about-container{
max-width:1100px;
margin:0 auto;
}

/* TEXT BLOCK */
.about-text{
max-width:750px;
}

/* SMALL TAG */
.about-tag{
font-size:13px;
letter-spacing:3px;

color:#c9cdd3;

margin-bottom:15px;
}

/* MAIN HEADING */
.about-text h2{
font-family:'Cinzel', serif;

font-size:42px;
line-height:1.3;

margin-bottom:20px;
}

/* DESCRIPTION */
.about-description{
font-size:16px;
line-height:1.8;

color:#b0b8c4;

margin-bottom:30px;
}

/* BUTTON */
.about-btn{
display:inline-block;

padding:14px 28px;

background:#c9cdd3;
color:#071426;

border-radius:40px;

text-decoration:none;

font-size:13px;
font-weight:600;

letter-spacing:1px;
text-transform:uppercase;

transition:0.4s ease;
}

/* HOVER EFFECT */
.about-btn:hover{
background:#d6b36a;

transform:translateY(-2px);

box-shadow:0 10px 25px rgba(214,179,106,0.25);
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

.about-text h2{
font-size:34px;
}

.about-description{
font-size:15px;
}

}

@media(max-width:576px){

.about-preview{
padding:80px 5%;
}

.about-text h2{
font-size:28px;
}

.about-description{
font-size:14px;
}

}

/* =========================
SERVICES SECTION
========================= */

.services{
width:100%;
padding:120px 8%;

background:#071426;

color:#ffffff;
}

/* HEADER */
.services-header{
text-align:center;

max-width:800px;
margin:0 auto 60px;
}

.services-tag{
font-size:13px;
letter-spacing:3px;

color:#c9cdd3;

margin-bottom:15px;
}

.services-header h2{
font-family:'Cinzel', serif;

font-size:42px;

margin-bottom:15px;
}

.services-subtext{
font-size:16px;
line-height:1.7;

color:#b0b8c4;
}

/* =========================
4-CARD GRID FIX
========================= */

.services-grid{
display:grid;

/* FORCES 2x2 LAYOUT */
grid-template-columns:repeat(2, 1fr);

gap:30px;
max-width:1100px;
margin:0 auto;
}

/* CARD */
.service-card{
background:rgba(255,255,255,0.03);

border:1px solid rgba(255,255,255,0.08);

padding:30px;

border-radius:15px;

transition:0.4s ease;

backdrop-filter:blur(10px);
}

/* HOVER EFFECT */
.service-card:hover{
transform:translateY(-8px);

border-color:#d6b36a;

box-shadow:0 15px 35px rgba(0,0,0,0.4);
}

/* TITLE */
.service-card h3{
font-size:18px;

margin-bottom:15px;

color:#ffffff;
}

/* TEXT */
.service-card p{
font-size:14px;
line-height:1.7;

color:#b0b8c4;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

.services-header h2{
font-size:34px;
}

.services-grid{
grid-template-columns:1fr;
}

}

@media(max-width:576px){

.services{
padding:80px 5%;
}

.services-header h2{
font-size:28px;
}

.service-card{
padding:25px;
}

}


/* WHY CHOOSE US SECTION */
/* =========================
WHY CHOOSE US SECTION
========================= */

.why-choose{
width:100%;
padding:120px 8%;

background:#071426;

color:#ffffff;
}

/* CONTAINER */

.why-container{
display:grid;
grid-template-columns:1fr 1.2fr;

gap:60px;

align-items:start;
}

/* =========================
LEFT TEXT
========================= */

.why-text{
position:sticky;
top:120px;
}

.why-tag{
font-size:13px;
letter-spacing:3px;

color:#c9cdd3;

margin-bottom:15px;
}

.why-text h2{
font-family:'Cinzel', serif;

font-size:42px;
line-height:1.3;

margin-bottom:20px;
}

.why-description{
font-size:16px;
line-height:1.8;

color:#b0b8c4;
}

/* =========================
RIGHT GRID
========================= */

.why-grid{
display:grid;
grid-template-columns:repeat(2, 1fr);

gap:25px;
}

/* CARD */

.why-card{
background:rgba(255,255,255,0.03);

border:1px solid rgba(255,255,255,0.08);

padding:30px;

border-radius:18px;

transition:0.4s ease;

backdrop-filter:blur(10px);
}

/* HOVER EFFECT */

.why-card:hover{
transform:translateY(-8px);

border-color:#d6b36a;

box-shadow:0 15px 35px rgba(0,0,0,0.35);
}

/* GOLD LINE */

.why-line{
width:45px;
height:3px;

background:#d6b36a;

margin-bottom:20px;

border-radius:20px;
}

/* CARD TITLE */

.why-card h3{
font-size:18px;

margin-bottom:15px;

color:#ffffff;
}

/* CARD TEXT */

.why-card p{
font-size:14px;
line-height:1.8;

color:#b0b8c4;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

.why-container{
grid-template-columns:1fr;
}

.why-text{
position:relative;
top:0;
}

.why-grid{
grid-template-columns:1fr;
}

.why-text h2{
font-size:34px;
}

}

@media(max-width:576px){

.why-choose{
padding:80px 5%;
}

.why-text h2{
font-size:28px;
}

.why-description{
font-size:14px;
}

.why-card{
padding:25px;
}

}


/* CEO MESSAGE SECTION */
/* =========================
CEO MESSAGE SECTION
========================= */

.ceo-section{
width:100%;
padding:120px 8%;

background:#0b1d35;

color:#ffffff;
}

/* CONTAINER */

.ceo-container{
display:grid;
grid-template-columns:1fr 1.1fr;

gap:70px;

align-items:center;

max-width:1200px;
margin:0 auto;
}

/* =========================
CEO IMAGE
========================= */

.ceo-image{
position:relative;
}

.ceo-image img{
width:100%;
height:650px;

object-fit:cover;

border-radius:20px;

border:1px solid rgba(255,255,255,0.08);
}

/* IMAGE OVERLAY EFFECT */

.ceo-image::after{
content:"";

position:absolute;
top:0;
left:0;

width:100%;
height:100%;

background:linear-gradient(to top, rgba(7,20,38,0.4), transparent);

border-radius:20px;
}

/* =========================
CEO CONTENT
========================= */

.ceo-content{
position:relative;
}

/* TAG */

.ceo-tag{
font-size:13px;
letter-spacing:3px;

color:#c9cdd3;

margin-bottom:15px;
}

/* HEADING */

.ceo-content h2{
font-family:'Cinzel', serif;

font-size:42px;
line-height:1.3;

margin-bottom:30px;
}

/* QUOTE MARK */

.quote-mark{
position:absolute;
top:90px;
left:-10px;

font-size:120px;
line-height:1;

color:rgba(214,179,106,0.12);

font-family:'Cinzel', serif;
}

/* MESSAGE */

.ceo-message{
position:relative;

font-size:16px;
line-height:1.9;

color:#b0b8c4;

margin-bottom:40px;

z-index:2;
}

/* SIGNATURE */

.ceo-signature h3{
font-size:22px;

margin-bottom:5px;

color:#ffffff;
}

.ceo-signature span{
font-size:14px;

letter-spacing:2px;

color:#d6b36a;

text-transform:uppercase;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

.ceo-container{
grid-template-columns:1fr;
}

.ceo-image img{
height:500px;
}

.ceo-content h2{
font-size:34px;
}

.quote-mark{
font-size:90px;
top:70px;
}

}

@media(max-width:576px){

.ceo-section{
padding:80px 5%;
}

.ceo-content h2{
font-size:28px;
}

.ceo-message{
font-size:14px;
}

.ceo-image img{
height:420px;
}

.quote-mark{
font-size:70px;
left:0;
}

}


/* FOOTER SECTION  */
/* =========================
SIMPLE FOOTER
========================= */

.footer{
width:100%;

padding:50px 8%;

background:#050f1d;

border-top:1px solid rgba(255,255,255,0.06);
}

/* CONTENT */

.footer-content{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

text-align:center;
}



/* SOCIAL ICONS */

.footer-socials{
display:flex;
gap:18px;

margin-bottom:25px;
}

/* ICON LINKS */

.footer-socials a{
width:45px;
height:45px;

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

border:1px solid rgba(255,255,255,0.1);

border-radius:50%;

text-decoration:none;

color:#ffffff;

font-size:18px;

transition:0.4s ease;
}

/* HOVER EFFECT */

.footer-socials a:hover{
background:#d6b36a;

color:#071426;

border-color:#d6b36a;

transform:translateY(-4px);
}

/* COPYRIGHT */

.footer-content p{
font-size:13px;

color:#7f8a99;

letter-spacing:1px;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:576px){

.footer{
padding:40px 5%;
}


.footer-socials a{
width:42px;
height:42px;

font-size:16px;
}

}

/* ABOUT PAGE
ABOUT PAGE */


/* COMPANY OVERVIEW SECTION 
COMPANY OVERVIEW SECTION  */

.about-overview{
width:100%;
padding:90px 8%;
background:#050f1d;
color:#fff;
}

.about-overview-container{
max-width:1100px;
margin:auto;
}

.about-overview-text h2{
font-size:36px;
margin-bottom:20px;
letter-spacing:1px;
position:relative;
}

.about-overview-text h2::after{
content:"";
width:80px;
height:3px;
background:#d6b36a;
position:absolute;
left:0;
bottom:-10px;
}

.about-overview-text p{
font-size:16px;
line-height:1.8;
color:#b8c2d1;
margin-bottom:18px;
}

.about-overview-text strong{
color:#d6b36a;
}


/* MISSION AND VISION 
MISSION AND VISION */


.about-mission-vision{
width:100%;
padding:90px 8%;
background:#071426;
color:#fff;
}

.mv-container{
max-width:1100px;
margin:auto;

display:flex;
gap:30px;
}

.mv-card{
flex:1;
background:#050f1d;

padding:40px;
border-radius:12px;

border:1px solid rgba(255,255,255,0.06);

transition:0.3s ease;
}

.mv-card:hover{
transform:translateY(-6px);
border-color:#d6b36a;
}

.mv-card h2{
font-size:28px;
margin-bottom:15px;
position:relative;
}

.mv-card h2::after{
content:"";
width:60px;
height:3px;
background:#d6b36a;

position:absolute;
left:0;
bottom:-10px;
}

.mv-card p{
font-size:15px;
line-height:1.8;
color:#b8c2d1;
margin-top:20px;
}

@media(max-width:768px){

.mv-container{
flex-direction:column;
}

}


/* CORE VALUE SECTION */

.about-values{
width:100%;
padding:90px 8%;
background:#050f1d;
color:#fff;
}

.values-container{
max-width:1100px;
margin:auto;
}

.values-header{
text-align:center;
margin-bottom:50px;
}

.values-header h2{
font-size:36px;
margin-bottom:10px;
position:relative;
}

.values-header h2::after{
content:"";
width:80px;
height:3px;
background:#d6b36a;
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:-10px;
}

.values-header p{
color:#b8c2d1;
font-size:16px;
margin-top:20px;
}

.values-grid{
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:25px;
}

.value-card{
background:#071426;
padding:30px;
border-radius:12px;
border:1px solid rgba(255,255,255,0.06);
transition:0.3s ease;
}

.value-card:hover{
transform:translateY(-6px);
border-color:#d6b36a;
}

.value-card h3{
font-size:20px;
margin-bottom:10px;
color:#d6b36a;
}

.value-card p{
font-size:14px;
line-height:1.7;
color:#b8c2d1;
}

@media(max-width:768px){

.values-grid{
grid-template-columns:1fr;
}

}


/* SEVICES PAGE
SEVICES PAGE
SEVICES PAGE */


.services-hero{
width:100%;
min-height:60vh;

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

text-align:center;

background:#071426;
color:#fff;

padding:80px 8%;
}

.services-hero-content h1{
font-size:48px;
margin-bottom:15px;
}

.services-hero-content p{
font-size:18px;
max-width:750px;
margin:auto;
color:#b8c2d1;
line-height:1.6;
}



/* HOW WE WORK SECTION 
HOW WE WORK SECTION  */

.how-we-work{
width:100%;
padding:90px 8%;
background:#071426;
color:#fff;
}

.hww-container{
max-width:1100px;
margin:auto;
}

.hww-header{
text-align:center;
margin-bottom:50px;
}

.hww-header h2{
font-size:36px;
margin-bottom:10px;
position:relative;
}

.hww-header h2::after{
content:"";
width:80px;
height:3px;
background:#d6b36a;
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:-10px;
}

.hww-header p{
color:#b8c2d1;
margin-top:20px;
font-size:16px;
max-width:750px;
margin-inline:auto;
line-height:1.6;
}

.hww-steps{
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:25px;
}

.step-card{
background:#050f1d;
padding:30px;
border-radius:12px;
border:1px solid rgba(255,255,255,0.06);
position:relative;
transition:0.3s ease;
}

.step-card:hover{
transform:translateY(-6px);
border-color:#d6b36a;
}

.step-card span{
font-size:14px;
color:#d6b36a;
font-weight:600;
letter-spacing:1px;
}

.step-card h3{
font-size:20px;
margin:10px 0;
}

.step-card p{
font-size:14px;
color:#b8c2d1;
line-height:1.6;
}

@media(max-width:768px){

.hww-steps{
grid-template-columns:1fr;
}

}

/* INVESTMENT PAGE 
INVESTMENT PAGE  */

/* INVESTMENT FOCUS SECTION 
INVESTMENT FOCUS SECTION  */

.investment-focus{
width:100%;
padding:90px 8%;

background:#050f1d;
color:#ffffff;
}

.investment-focus-container{
max-width:1100px;
margin:auto;
}

/* HEADER */

.investment-focus-header{
text-align:center;
margin-bottom:55px;
}

.investment-focus-header h2{
font-size:36px;
margin-bottom:15px;
position:relative;
}

.investment-focus-header h2::after{
content:"";

width:80px;
height:3px;

background:#d6b36a;

position:absolute;
left:50%;
transform:translateX(-50%);
bottom:-12px;
}

.investment-focus-header p{
max-width:750px;
margin:auto;

font-size:16px;
line-height:1.7;

color:#b8c2d1;
}

/* GRID */

.investment-focus-grid{
display:grid;
grid-template-columns:repeat(2, 1fr);

gap:25px;
}

/* CARDS */

.focus-card{
background:#071426;

padding:35px;

border-radius:12px;

border:1px solid rgba(255,255,255,0.06);

transition:0.4s ease;
}

.focus-card:hover{
transform:translateY(-6px);

border-color:#d6b36a;
}

.focus-card h3{
font-size:22px;
margin-bottom:15px;

color:#d6b36a;
}

.focus-card p{
font-size:15px;
line-height:1.7;

color:#b8c2d1;
}

@media(max-width:768px){

.investment-focus-grid{
grid-template-columns:1fr;
}

}

/* REVIEWS SECTION */

.investment-testimonials{
width:100%;
padding:90px 8%;

background:#071426;
color:#ffffff;
}

.testimonials-container{
max-width:1100px;
margin:auto;
}

/* HEADER */

.testimonials-header{
text-align:center;
margin-bottom:55px;
}

.testimonials-header h2{
font-size:36px;
margin-bottom:15px;
position:relative;
}

.testimonials-header h2::after{
content:"";
width:80px;
height:3px;

background:#d6b36a;

position:absolute;
left:50%;
transform:translateX(-50%);
bottom:-12px;
}

.testimonials-header p{
max-width:750px;
margin:auto;

font-size:16px;
line-height:1.7;

color:#b8c2d1;
}

/* GRID */

.testimonials-grid{
display:grid;
grid-template-columns:repeat(2, 1fr);

gap:25px;
}

/* CARD */

.testimonial-card{
background:#050f1d;

padding:30px;

border-radius:12px;

border:1px solid rgba(255,255,255,0.06);

transition:0.4s ease;
}

.testimonial-card:hover{
transform:translateY(-6px);

border-color:#d6b36a;
}

/* REVIEWER TOP */

.reviewer{
display:flex;
align-items:center;
gap:15px;

margin-bottom:20px;
}

/* IMAGE */

.reviewer img{
width:65px;
height:65px;

border-radius:50%;

object-fit:cover;

border:2px solid #d6b36a;

transition:0.4s ease;
}

/* HOVER IMAGE EFFECT */

.testimonial-card:hover .reviewer img{
transform:scale(1.05);
}

/* TEXT INFO */

.reviewer-info h4{
font-size:18px;
margin-bottom:4px;

color:#d6b36a;
}

.reviewer-info span{
font-size:14px;
color:#8f99a8;
}

/* REVIEW TEXT */

.testimonial-card p{
font-size:15px;
line-height:1.8;

color:#b8c2d1;
}

/* RESPONSIVE */

@media(max-width:768px){

.testimonials-grid{
grid-template-columns:1fr;
}

}


/* INVESTMENT DISCUSSION 
INVESTMENT DISCUSSION  */

.investment-cta{
width:100%;
padding:90px 8%;

background:#050f1d;
color:#ffffff;
}

.cta-container{
max-width:1000px;
margin:auto;

display:grid;
grid-template-columns:1fr 1fr;
gap:50px;

align-items:center;
}

/* TEXT SIDE */

.cta-text h2{
font-size:36px;
margin-bottom:15px;
}

.cta-text p{
font-size:16px;
line-height:1.7;

color:#b8c2d1;
}

/* FORM */

.cta-form{
display:flex;
flex-direction:column;
gap:15px;
}

.cta-form input,
.cta-form textarea{
padding:14px;

background:#071426;

border:1px solid rgba(255,255,255,0.08);

border-radius:8px;

color:#ffffff;

outline:none;

font-size:14px;
}

.cta-form input:focus,
.cta-form textarea:focus{
border-color:#d6b36a;
}

/* BUTTON */

.cta-form button{
padding:14px;

background:#d6b36a;
color:#071426;

border:none;

border-radius:8px;

font-weight:600;

cursor:pointer;

transition:0.3s ease;
}

.cta-form button:hover{
background:#ffffff;
}

/* RESPONSIVE */

@media(max-width:768px){

.cta-container{
grid-template-columns:1fr;
}

}

.thank-you-popup{
position:fixed;
top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.7);

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

z-index:2000;
}

.popup-content{
background:#071426;

padding:40px;

border-radius:10px;

text-align:center;

max-width:400px;

color:#ffffff;
}

.popup-content h2{
color:#d6b36a;
margin-bottom:15px;
}

.popup-content p{
color:#b8c2d1;
margin-bottom:25px;
line-height:1.6;
}

.popup-content button{
padding:10px 20px;

background:#d6b36a;
color:#071426;

border:none;
border-radius:6px;

cursor:pointer;
}



/* CONTACT PAGE 
CONTACT PAGE  */

/* =========================
CONTACT HERO
========================= */

.contact-hero{
width:100%;
min-height:60vh;

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

background:#071426;

padding:120px 8% 60px;

text-align:center;

position:relative;
}

/* CONTENT */

.contact-hero-content{
max-width:800px;
}

/* HEADING */

.contact-hero-content h1{
font-size:48px;
color:#ffffff;

margin-bottom:15px;

letter-spacing:1px;
}

/* TEXT */

.contact-hero-content p{
font-size:16px;
line-height:1.7;

color:#b8c2d1;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

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

.contact-hero{
height:50vh;
}

}

/* =========================
CONTACT INFO SECTION
========================= */

/* =========================
CONTACT INFO SECTION
========================= */

.contact-info{
width:100%;
padding:90px 8%;

background:#050f1d;
color:#ffffff;
}

/* CONTAINER */

.contact-info-container{
max-width:1200px;
margin:auto;

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

gap:25px;
}

/* CARD */

.info-card{
background:#071426;

padding:40px 25px;

border-radius:12px;

text-align:center;

border:1px solid rgba(255,255,255,0.06);

transition:0.4s ease;
}

.info-card:hover{
transform:translateY(-6px);

border-color:#d6b36a;

box-shadow:0 10px 25px rgba(0,0,0,0.25);
}

/* ICON */

.info-icon{
width:70px;
height:70px;

margin:0 auto 25px;

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

border-radius:50%;

background:rgba(214,179,106,0.12);

color:#d6b36a;

font-size:28px;

transition:0.4s ease;
}

/* ICON HOVER */

.info-card:hover .info-icon{
transform:scale(1.08);
}

/* TITLE */

.info-card h3{
font-size:22px;

margin-bottom:15px;

color:#ffffff;
}

/* TEXT */

.info-card p{
font-size:15px;
line-height:1.8;

color:#b8c2d1;
}

/* CLICKABLE LINKS */

/* CLICKABLE LINKS */

.info-card p a{
color:#b8c2d1;

text-decoration:underline;

text-underline-offset:4px;

transition:0.3s ease;
}

.info-card p a:hover{
color:#d6b36a;

text-decoration-color:#d6b36a;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

.contact-info-container{
grid-template-columns:repeat(2, 1fr);
}

}

@media(max-width:576px){

.contact-info-container{
grid-template-columns:1fr;
}

.info-card{
padding:35px 20px;
}

.info-card h3{
font-size:20px;
}

}

/* CONTACT FORM SECTION 
CONTACT FORM SECTION  */

/* =========================
CONTACT FORM SECTION
========================= */

.contact-form-section{
width:100%;
padding:90px 8%;

background:#071426;
color:#ffffff;
}

/* CONTAINER */

.contact-form-container{
max-width:1100px;
margin:auto;

display:grid;
grid-template-columns:1fr 1fr;

gap:50px;

align-items:center;
}

/* LEFT TEXT */

.contact-form-text h2{
font-size:38px;

margin-bottom:18px;

color:#ffffff;
}

.contact-form-text p{
font-size:16px;
line-height:1.8;

color:#b8c2d1;
}

/* FORM */

.contact-form{
display:flex;
flex-direction:column;

gap:18px;
}

/* INPUTS */

.contact-form input,
.contact-form textarea{
width:100%;

padding:15px;

background:#050f1d;

border:1px solid rgba(255,255,255,0.08);

border-radius:8px;

color:#ffffff;

font-size:14px;

outline:none;

transition:0.3s ease;
}

/* FOCUS */

.contact-form input:focus,
.contact-form textarea:focus{
border-color:#d6b36a;

box-shadow:0 0 0 2px rgba(214,179,106,0.15);
}

/* BUTTON */

.contact-form button{
padding:15px;

background:#d6b36a;
color:#071426;

border:none;

border-radius:8px;

font-size:14px;
font-weight:600;

cursor:pointer;

transition:0.4s ease;
}

.contact-form button:hover{
background:#ffffff;

transform:translateY(-2px);
}

/* =========================
THANK YOU POPUP
========================= */

.thank-you-popup{
position:fixed;
top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.7);

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

z-index:2000;
}

/* POPUP CONTENT */

.popup-content{
background:#071426;

padding:40px;

border-radius:12px;

text-align:center;

max-width:420px;
width:90%;

color:#ffffff;
}

/* POPUP TITLE */

.popup-content h2{
font-size:30px;

margin-bottom:15px;

color:#d6b36a;
}

/* POPUP TEXT */

.popup-content p{
font-size:15px;
line-height:1.7;

color:#b8c2d1;

margin-bottom:25px;
}

/* POPUP BUTTON */

.popup-content button{
padding:12px 24px;

background:#d6b36a;
color:#071426;

border:none;

border-radius:6px;

font-weight:600;

cursor:pointer;

transition:0.3s ease;
}

.popup-content button:hover{
background:#ffffff;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

.contact-form-container{
grid-template-columns:1fr;
}

.contact-form-text{
text-align:center;
}

.contact-form-text h2{
font-size:32px;
}

}

/* OUR TEAM PAGE 
OUR TEAM PAGE  */

/* =========================
TEAM HERO SECTION
========================= */

.team-hero{
width:100%;
min-height:60vh;

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

padding:120px 8% 60px;

}

/* CONTENT */

.team-hero-content{
max-width:850px;
}

/* HEADING */

.team-hero-content h1{
font-size:52px;

color:#ffffff;

margin-bottom:18px;

letter-spacing:1px;
}

/* TEXT */

.team-hero-content p{
font-size:16px;
line-height:1.8;

color:#b8c2d1;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

.team-hero{
height:50vh;
}

.team-hero-content h1{
font-size:38px;
}

.team-hero-content p{
font-size:15px;
}

}

/* =========================
CEO SECTION
========================= */

.ceo-section{
width:100%;
padding:100px 8%;

background:#050f1d;
color:#ffffff;
}

/* CONTAINER */

.ceo-container{
max-width:1200px;
margin:auto;

display:grid;
grid-template-columns:420px 1fr;

gap:60px;

align-items:center;
}

/* IMAGE */

.ceo-image img{
width:100%;
height:600px;

object-fit:cover;

border-radius:16px;

border:2px solid rgba(214,179,106,0.15);

box-shadow:0 15px 40px rgba(0,0,0,0.3);
}

/* CONTENT */

.ceo-content{
width:100%;
}

/* TAG */

.ceo-tag{
display:inline-block;

padding:8px 18px;

background:rgba(214,179,106,0.12);

color:#d6b36a;

border-radius:30px;

font-size:13px;
font-weight:600;

letter-spacing:1px;
text-transform:uppercase;

margin-bottom:20px;
}

/* NAME */

.ceo-content h2{
font-size:46px;

margin-bottom:10px;

color:#ffffff;
}

/* TITLE */

.ceo-content h4{
font-size:20px;

font-weight:500;

margin-bottom:25px;

color:#d6b36a;
}

/* TEXT */

.ceo-content p{
font-size:16px;
line-height:1.9;

color:#b8c2d1;

margin-bottom:18px;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

.ceo-container{
grid-template-columns:1fr;

gap:45px;
}

.ceo-image{
text-align:center;
}

.ceo-image img{
max-width:500px;
height:auto;
}

.ceo-content{
text-align:center;
}

}

@media(max-width:576px){

.ceo-section{
padding:80px 5%;
}

.ceo-content h2{
font-size:34px;
}

.ceo-content h4{
font-size:18px;
}

.ceo-content p{
font-size:15px;
}

}


/* =========================
TEAM MEMBERS SECTION
========================= */

/* =========================
TEAM MEMBERS SECTION
========================= */

.team-members{
width:100%;
padding:100px 8%;

background:#071426;
color:#ffffff;
}

/* CONTAINER */

.team-container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.team-header{
text-align:center;

margin-bottom:60px;
}

.team-header h2{
font-size:40px;

margin-bottom:18px;

color:#ffffff;
}

.team-header p{
max-width:750px;
margin:auto;

font-size:16px;
line-height:1.8;

color:#b8c2d1;
}

/* GRID */

.team-grid{
display:grid;
grid-template-columns:repeat(4, 1fr);

gap:25px;
}

/* CARD */

.team-card{
background:#050f1d;

border-radius:16px;

overflow:hidden;

border:1px solid rgba(255,255,255,0.06);

transition:0.4s ease;
}

.team-card:hover{
transform:translateY(-8px);

border-color:#d6b36a;

box-shadow:0 15px 35px rgba(0,0,0,0.25);
}

/* =========================
IMAGE (FIXED RESPONSIVE SYSTEM)
========================= */

.team-card img{
width:100%;

/* responsive height control */
aspect-ratio: 3 / 4;

object-fit:cover;
object-position:center;

display:block;

transition:0.4s ease;
}

/* IMAGE HOVER */

.team-card:hover img{
transform:scale(1.05);
}

/* INFO */

.team-info{
padding:25px;

text-align:center;
}

/* NAME */

.team-info h3{
font-size:22px;

margin-bottom:8px;

color:#ffffff;
}

/* ROLE */

.team-info span{
font-size:14px;

color:#d6b36a;

letter-spacing:0.5px;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

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

}

@media(max-width:576px){

.team-members{
padding:80px 5%;
}

.team-grid{
grid-template-columns:1fr;
}

.team-header h2{
font-size:32px;
}

.team-card img{
aspect-ratio: 4 / 5;
}

}