/* ===============================
   NEXLYNK PREMIUM CORPORATE STYLE
================================ */
body{

background:
linear-gradient(#0b0b0d,#0b0b0d) padding-box,

repeating-linear-gradient(
90deg,
rgba(255,255,255,0.03) 0px,
rgba(255,255,255,0.03) 1px,
transparent 1px,
transparent 120px
),

repeating-linear-gradient(
0deg,
rgba(255,255,255,0.03) 0px,
rgba(255,255,255,0.03) 1px,
transparent 1px,
transparent 120px
);

background-color:#0b0b0d;

}
/* BRAND VARIABLES */
:root{
--brand-dark:#0b0b0d;
--brand-mid:#141416;
--brand-card:#161616;
--brand-gold:#f5c86b;
--brand-text:#e7e7e7;
--brand-border:rgba(255,255,255,0.08);
}

/* GLOBAL */
body{
font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
font-size:16px;
color:var(--brand-text);
background:var(--brand-dark);
margin:0;
}

.container{

max-width:1180px;
margin:auto;
padding:0 28px;

}

/* TYPOGRAPHY */

h1{
font-size:56px;
font-weight:700;
line-height:1.2;
}

h2{
font-size:36px;
font-weight:600;
position:relative;
padding-bottom:12px;
}

h2::after{
content:"";
width:60px;
height:3px;
background:var(--brand-gold);
display:block;
margin-top:8px;
}

h3{
font-size:22px;
font-weight:600;
}

p{
font-size:17px;
line-height:1.7;
color:#c8c8c8;
}

/* HEADER */

header{

position:sticky;
top:0;
z-index:9999;

background:rgba(10,10,12,0.65);

backdrop-filter:blur(12px);

border-bottom:1px solid rgba(255,255,255,0.08);

transition:all .3s ease;

}

header:hover{

background:rgba(10,10,12,0.85);

}

/* HERO */

.hero-premium{
padding:120px 0;
background:linear-gradient(135deg,#0b0b0d,#1a1a1d);
}

.hero-content h1{
max-width:680px;
}

.hero-description{
font-size:18px;
color:#bdbdbd;
margin-top:20px;
max-width:520px;
}

.hero-trust{
margin-top:22px;
font-size:14px;
color:var(--brand-gold);
}

.hero-image img{
border-radius:18px;
box-shadow:0 30px 60px rgba(0,0,0,0.6);
}

/* SECTIONS */

section{

padding:110px 0;

background:#0f0f11;

border-bottom:1px solid rgba(255,255,255,0.05);

}

section:nth-of-type(even){

background:#151517;

}

/* CARDS */

.card,
.approach-card,
.country-card{

background:#161616;
border:1px solid rgba(255,255,255,0.08);
border-radius:16px;

transition:
transform .25s ease,
box-shadow .25s ease,
border-color .25s ease;

}

.card:hover,
.approach-card:hover,
.country-card:hover{

transform:translateY(-8px);

border-color:#f5c86b;

box-shadow:
0 30px 60px rgba(0,0,0,0.7);

}

/* BUTTONS */

.btn-gold{

background:linear-gradient(90deg,#d4a24c,#f5c86b);

color:#000;

transition:
transform .25s ease,
box-shadow .25s ease;

}

.btn-gold:hover{

transform:translateY(-3px);

box-shadow:
0 15px 35px rgba(245,200,107,0.35);

}

/* TRUST GRID */

.trust-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:40px;
}

.trust-box{
background:var(--brand-card);
border:1px solid var(--brand-border);
border-radius:14px;
padding:22px;
text-align:center;
font-weight:500;
transition:.25s;
}

.trust-box:hover{
transform:translateY(-4px);
border-color:var(--brand-gold);
}

/* PROCESS */

.process-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
margin-top:40px;
}

.process-step{
background:var(--brand-card);
border:1px solid var(--brand-border);
border-radius:14px;
padding:20px;
text-align:center;
}

.process-step strong{
display:block;
margin-bottom:8px;
color:var(--brand-gold);
}

/* ADVISORY BOX */

.advisory-box{
background:var(--brand-mid);
border-left:4px solid var(--brand-gold);
padding:28px;
border-radius:10px;
margin-top:40px;
}

/* TIMELINE */

.timeline{
border-left:2px solid rgba(255,255,255,0.1);
padding-left:25px;
margin-top:40px;
}

.timeline-step{
margin-bottom:30px;
}

.timeline-step strong{
color:var(--brand-gold);
}

/* FOOTER */

.site-footer{
background:#080808;
border-top:1px solid var(--brand-border);
padding:60px 0;
}

.footer-col h3{
color:var(--brand-gold);
margin-bottom:10px;
}

a:hover,
.menu li a:hover{

color:#f5c86b;

text-shadow:0 0 6px rgba(245,200,107,0.4);

}

img{

border-radius:14px;

transition:transform .35s ease, box-shadow .35s ease;

}

img:hover{

transform:scale(1.02);

box-shadow:0 25px 50px rgba(0,0,0,0.6);

}

.trust-box{

background:#161616;

border:1px solid rgba(255,255,255,0.08);

border-radius:14px;

padding:26px;

text-align:center;

font-weight:500;

transition:all .3s ease;

}

.trust-box:hover{

transform:translateY(-6px);

border-color:#f5c86b;

box-shadow:0 20px 45px rgba(0,0,0,0.6);

}

html{

scroll-behavior:smooth;

}

.approach-card h3{

font-size:20px;

margin-bottom:12px;

}

.approach-card p{

color:#bdbdbd;

line-height:1.7;

}

.advisory-highlight{

background:linear-gradient(
135deg,
rgba(245,200,107,0.08),
rgba(245,200,107,0.02)
);

border-left:4px solid #f5c86b;

padding:30px;

border-radius:12px;

margin:40px 0;

font-size:18px;

line-height:1.7;

color:#d6d6d6;

}

section{

position:relative;

}

section:after{

content:"";

position:absolute;

bottom:0;

left:50%;

transform:translateX(-50%);

width:120px;

height:1px;

background:linear-gradient(
90deg,
transparent,
rgba(245,200,107,0.4),
transparent
);

}

blockquote{

font-size:20px;

line-height:1.7;

color:#e7e7e7;

padding:25px 30px;

background:#151515;

border-left:4px solid #f5c86b;

border-radius:10px;

margin:40px 0;

}

section:hover{

box-shadow:

inset 0 0 80px rgba(245,200,107,0.02);

}

/* ===============================
GLOBAL WEBSITE BACKGROUND
================================ */

body{

background:
linear-gradient(
rgba(10,10,12,0.75),
rgba(10,10,12,0.85)
),
url("images/global-bg.jpg");

background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;

}

body{
background:#0b0b0d;
}

section{

background:
linear-gradient(
rgba(10,10,12,0.85),
rgba(10,10,12,0.85)
),
url("images/global-bg.jpg");

background-size:cover;
background-position:center;
background-attachment:fixed;

}

.hero-premium{

background:
linear-gradient(
rgba(0,0,0,0.65),
rgba(0,0,0,0.75)
),
url("images/hero-bg.jpg");

background-size:cover;
background-position:center;

padding:120px 0;

}

body{

background:
linear-gradient(
rgba(10,10,12,0.85),
rgba(10,10,12,0.9)
),
url("images/bg-main.jpg");

background-size:cover;
background-position:center;
background-attachment:fixed;

}

/* ===============================
FINAL VISUAL POLISH (SAFE ADD-ON)
Does NOT replace existing styles
================================ */

/* Smooth global transitions */
*{
transition:all 0.25s ease;
}

/* Slight glow on section hover */
section:hover{
box-shadow:
inset 0 0 80px rgba(245,200,107,0.05);
}

/* Improve headings authority */
h1{
letter-spacing:0.6px;
}

h2{
letter-spacing:0.4px;
}

/* Premium divider under headings */
h2::after{
width:70px;
height:3px;
background:linear-gradient(
90deg,
#f5c86b,
#e0a93f
);
}

/* Stronger glass card effect */
.theme-card,
.approach-card,
.country-card,
.mv-card,
.belief-card{

background:rgba(255,255,255,0.04);

backdrop-filter:blur(14px);

border:1px solid rgba(255,255,255,0.08);

box-shadow:
0 10px 25px rgba(0,0,0,0.45);

}

/* Premium hover elevation */
.theme-card:hover,
.approach-card:hover,
.country-card:hover,
.mv-card:hover,
.belief-card:hover{

transform:translateY(-6px);

box-shadow:
0 20px 40px rgba(0,0,0,0.6);

border-color:#f5c86b;

}

/* Subtle gold glow */
.approach-card:hover h3,
.country-card:hover h3{
color:#f5c86b;
}

/* Button polish */
.btn{
border-radius:40px;
letter-spacing:0.4px;
}

/* Gold button improvement */
.btn-gold{
background:linear-gradient(
90deg,
#d4a24c,
#f5c86b
);
}

.btn-gold:hover{
transform:translateY(-3px);
box-shadow:
0 12px 25px rgba(245,200,107,0.35);
}

/* Navigation smooth hover */
.menu li a{
transition:0.3s;
}

.menu li a:hover{
color:#f5c86b;
}

/* Image premium hover */
img:hover{
transform:scale(1.03);
box-shadow:
0 30px 60px rgba(0,0,0,0.6);
}

/* Footer polish */
.site-footer{

background:
linear-gradient(
180deg,
rgba(0,0,0,0.9),
rgba(0,0,0,0.95)
);

border-top:1px solid rgba(255,255,255,0.1);

}

/* Footer link hover */
.footer-col a:hover{
color:#f5c86b;
}

/* Scrollbar styling */
::-webkit-scrollbar{
width:8px;
}

::-webkit-scrollbar-track{
background:#0b0b0d;
}

::-webkit-scrollbar-thumb{
background:#f5c86b;
border-radius:4px;
}

/* Slight hero enhancement */
.hero-premium{

background:
linear-gradient(
rgba(0,0,0,0.7),
rgba(0,0,0,0.8)
),
url("images/hero-bg.jpg");

background-size:cover;
background-position:center;

}

/* ===============================
PREMIUM HERO DEPTH EFFECT
================================ */

.hero-premium{
position:relative;
overflow:hidden;
}

.hero-premium::before{

content:"";

position:absolute;
top:-200px;
left:-200px;

width:600px;
height:600px;

background:radial-gradient(
circle,
rgba(245,200,107,0.08),
transparent 70%
);

filter:blur(60px);

}

.hero-premium::after{

content:"";

position:absolute;
bottom:-200px;
right:-200px;

width:600px;
height:600px;

background:radial-gradient(
circle,
rgba(245,200,107,0.06),
transparent 70%
);

filter:blur(70px);

}

/* ===============================
SECTION GOLD DIVIDER
================================ */

section{

position:relative;

}

section::after{

content:"";

position:absolute;

bottom:-1px;

left:50%;

transform:translateX(-50%);

width:120px;

height:2px;

background:linear-gradient(
90deg,
transparent,
rgba(245,200,107,0.45),
transparent
);

}

/* ===============================
FAQ PAGE CTA SECTION
================================ */

.faq-cta{

background:#111;

padding:80px 0;

text-align:center;

border-top:1px solid rgba(255,255,255,0.05);

border-bottom:1px solid rgba(255,255,255,0.05);

}

.faq-cta h2{

margin-bottom:15px;

}

.faq-cta p{

max-width:650px;

margin:auto;

color:#ccc;

margin-bottom:25px;

}

.faq-cta-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

/* NAVBAR CTA BUTTON */

.nav-cta{

background:linear-gradient(
90deg,
#d4a24c,
#f5c86b
);

color:#000;

padding:12px 24px;

border-radius:30px;

font-weight:600;

font-size:14px;

text-decoration:none;

transition:0.3s;

box-shadow:0 8px 20px rgba(0,0,0,0.3);

}

/* Hover */

.nav-cta:hover{

transform:translateY(-2px);

box-shadow:0 12px 28px rgba(0,0,0,0.4);

}

nav{
display:flex;
align-items:center;
justify-content:space-between;
}

/* ===== LEAD POPUP ===== */

.lead-popup{

position:fixed;
top:0;
left:0;
width:100%;
height:100%;

background:rgba(0,0,0,0.7);

display:flex;
align-items:center;
justify-content:center;

z-index:999999;

opacity:0;
visibility:hidden;

transition:0.3s;

}

.lead-popup.active{
opacity:1;
visibility:visible;
}

.lead-box{

background:#111;
border-radius:14px;

padding:35px 30px;

max-width:420px;
width:90%;

text-align:center;

border:1px solid rgba(255,255,255,0.1);

}

.lead-box h3{
margin-bottom:10px;
color:#f5c86b;
}

.lead-box p{
font-size:14px;
margin-bottom:20px;
}

.lead-box input,
.lead-box select{

width:100%;
padding:10px;

margin-bottom:12px;

background:#0b0b0d;
border:1px solid #333;

border-radius:6px;

color:#fff;

}

.close-popup{

position:absolute;
right:20px;
top:15px;

cursor:pointer;
font-size:22px;

color:#fff;

}

/* =========================================
NEXLYNK ULTRA PREMIUM GLASS MORPHISM LAYER
SAFE ADD-ON (NO LAYOUT CHANGES)
Paste at END of premium.css
========================================= */


/* ===== GLOBAL DEPTH BACKGROUND ===== */

body{

background:
linear-gradient(
rgba(8,8,10,0.82),
rgba(8,8,10,0.92)
),
url("images/bg-main.jpg");

background-size:cover;
background-position:center;
background-attachment:fixed;

}


/* ===== GLASS HEADER ===== */

header{

background:rgba(10,10,12,0.45) !important;

backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);

border-bottom:1px solid rgba(255,255,255,0.12);

box-shadow:0 8px 30px rgba(0,0,0,0.6);

}


/* ===== GLASS SECTIONS ===== */

section{

background:transparent !important;

}


/* ===== MAIN GLASS CONTENT BOX ===== */

section .container{

background:rgba(0,0,0,0.55);

backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);

border-radius:18px;

border:1px solid rgba(255,255,255,0.10);

box-shadow:
0 20px 60px rgba(0,0,0,0.65),
inset 0 0 30px rgba(255,255,255,0.03);

}


/* ===== PREMIUM GLASS CARDS ===== */

.card,
.country-card,
.approach-card,
.mv-card,
.theme-card,
.belief-box{

background:rgba(255,255,255,0.04) !important;

backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);

border:1px solid rgba(255,255,255,0.12);

border-radius:16px;

box-shadow:
0 12px 35px rgba(0,0,0,0.55),
inset 0 0 18px rgba(255,255,255,0.04);

transition:
transform 0.35s ease,
box-shadow 0.35s ease,
border-color 0.35s ease;

}


/* ===== PREMIUM CARD HOVER ===== */

.card:hover,
.country-card:hover,
.approach-card:hover,
.mv-card:hover,
.theme-card:hover{

transform:translateY(-6px);

border-color:#f5c86b;

box-shadow:
0 30px 70px rgba(0,0,0,0.8),
0 0 25px rgba(245,200,107,0.2);

}


/* ===== HERO GLASS PANEL ===== */

.hero-premium{

background:transparent !important;

}

.hero-grid{

background:rgba(0,0,0,0.55);

backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);

border-radius:22px;

border:1px solid rgba(255,255,255,0.12);

padding:60px;

box-shadow:
0 25px 70px rgba(0,0,0,0.7);

}


/* ===== BUTTON PREMIUM EFFECT ===== */

.btn{

border-radius:40px;

}

.btn-gold{

background:linear-gradient(
90deg,
#d4a24c,
#f5c86b
);

box-shadow:
0 10px 25px rgba(245,200,107,0.35);

}

.btn-gold:hover{

transform:translateY(-3px);

box-shadow:
0 18px 40px rgba(245,200,107,0.45);

}


/* ===== PREMIUM IMAGE DEPTH ===== */

img{

border-radius:16px;

transition:
transform .4s ease,
box-shadow .4s ease;

}

img:hover{

transform:scale(1.03);

box-shadow:
0 30px 70px rgba(0,0,0,0.7);

}


/* ===== GLASS FOOTER ===== */

.site-footer{

background:rgba(0,0,0,0.65);

backdrop-filter:blur(14px);

border-top:1px solid rgba(255,255,255,0.12);

box-shadow:
0 -10px 40px rgba(0,0,0,0.6);

}


/* ===== PREMIUM SCROLLBAR ===== */

::-webkit-scrollbar{
width:8px;
}

::-webkit-scrollbar-track{
background:#0b0b0d;
}

::-webkit-scrollbar-thumb{
background:#f5c86b;
border-radius:4px;
}


/* ===== SUBTLE GOLD SECTION GLOW ===== */

section:hover{

box-shadow:
inset 0 0 80px rgba(245,200,107,0.05);

}


/* ===== HERO LIGHT EFFECT ===== */

.hero-premium::before{

content:"";

position:absolute;

top:-200px;
left:-200px;

width:600px;
height:600px;

background:radial-gradient(
circle,
rgba(245,200,107,0.08),
transparent 70%
);

filter:blur(70px);

}

.hero-premium::after{

content:"";

position:absolute;

bottom:-200px;
right:-200px;

width:600px;
height:600px;

background:radial-gradient(
circle,
rgba(245,200,107,0.06),
transparent 70%
);

filter:blur(70px);

}

/* WHY NEXLYNK FEATURE CARDS */

.approach-grid-2{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin-top:30px;
}

.approach-card{

background:rgba(255,255,255,0.04);

backdrop-filter:blur(14px);

border:1px solid rgba(255,255,255,0.12);

border-radius:16px;

padding:22px 24px;

font-size:15px;
font-weight:500;

display:flex;
align-items:center;
justify-content:center;

min-height:70px;

box-shadow:
0 10px 30px rgba(0,0,0,0.5);

transition:0.35s;

}

.approach-card:hover{

transform:translateY(-5px);

border-color:#f5c86b;

box-shadow:
0 20px 50px rgba(0,0,0,0.7),
0 0 20px rgba(245,200,107,0.2);

}

.why-points{

margin:22px 0;

padding-left:18px;

}

.why-points li{

margin-bottom:10px;

color:#f5c86b;

font-weight:500;

}

section h2{

text-align:center;

font-size:34px;

margin-bottom:10px;

}

section h3{

text-align:center;

color:#cfcfcf;

font-weight:400;

margin-bottom:25px;

}

section .container{

position:relative;

}

section .container:before{

content:"";

position:absolute;

top:-120px;
left:-120px;

width:300px;
height:300px;

background:radial-gradient(
circle,
rgba(245,200,107,0.08),
transparent 70%
);

filter:blur(60px);

}

.menu li a{

font-size:17px;

font-weight:500;

letter-spacing:0.6px;

}
.menu{

gap:28px;

}
/* CLEAN PREMIUM NAVBAR */

header{

position:sticky;
top:0;

width:100%;

background:rgba(10,10,12,0.85);

backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);

border-bottom:1px solid rgba(255,255,255,0.08);

z-index:9999;

}

/* NAV ALIGNMENT */

nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 0;
}

/* MENU HOVER ANIMATION */

.menu li a{

position:relative;

font-size:17px;

font-weight:500;

padding:6px 0;

}

/* underline */

.menu li a::after{

content:"";

position:absolute;

left:0;
bottom:-4px;

width:0%;
height:2px;

background:#f5c86b;

transition:0.3s;

}

.menu li a:hover::after{

width:100%;

}

/* NAV CTA BUTTON */

.nav-cta{

background:linear-gradient(
90deg,
#d4a24c,
#f5c86b
);

color:#000;

padding:10px 22px;

border-radius:30px;

font-weight:600;

font-size:15px;

box-shadow:
0 10px 25px rgba(245,200,107,0.35);

transition:0.3s;

}

.nav-cta:hover{

transform:translateY(-2px);

box-shadow:
0 15px 35px rgba(245,200,107,0.45);

}

.logo img{

height:55px;

}

/* PREMIUM GLASS BANNER */

.country-banner{

height:420px;

background-size:cover;
background-position:center;

display:flex;
align-items:center;
justify-content:center;

position:relative;

}

/* GLASS PANEL */

.banner-overlay{

background:rgba(0,0,0,0.45);

backdrop-filter:blur(14px);

border:1px solid rgba(255,255,255,0.15);

border-radius:18px;

padding:40px 60px;

text-align:center;

max-width:1170px;

box-shadow:
0 20px 60px rgba(0,0,0,0.6);

}

/* TITLE */

.banner-overlay h1{

font-size:44px;

font-weight:700;

margin-bottom:10px;

}

/* SUBTITLE */

.banner-overlay p{

font-size:18px;

color:#f5c86b;

}

.country-banner{

height:240px;

background-size:cover;
background-position:center;

display:flex;
align-items:center;
justify-content:center;

}

/* UNIVERSITY LOGO SECTION */

.university-section{
text-align:center;
padding:70px 0;
}

.university-section h2{
margin-bottom:40px;
}

/* SLIDER */

.logo-slider{
overflow:hidden;
position:relative;
}

.logo-track{
display:flex;
gap:60px;

animation:scrollLogos 25s linear infinite;
}

/* LOGOS */

.logo-track img{

height:50px;

opacity:0.7;

filter:grayscale(100%);

transition:0.3s;

}

.logo-track img:hover{

opacity:1;

filter:grayscale(0%);

}

/* ANIMATION */

@keyframes scrollLogos{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}

.uni-subtitle{
color:#cfcfcf;
max-width:700px;
margin:10px auto 35px;
font-size:15px;
}

.logo-track{
display:flex;
gap:80px;
animation:scrollLogos 28s linear infinite;
}

.logo-track img{
height:60px;
opacity:0.7;
filter:grayscale(100%);
transition:0.3s;
}

/* GLOBAL PATHWAYS SECTION */

.global-pathways{
text-align:center;
padding:80px 0;
}

.map-subtitle{
color:#cfcfcf;
max-width:700px;
margin:10px auto 40px;
}

/* MAP WRAPPER */

.map-wrapper{
position:relative;
max-width:900px;
margin:auto;
}

.world-map{
width:100%;
opacity:0.9;
}

/* MAP POINTS */

.map-point{
position:absolute;
background:#f5c86b;
color:#000;
font-size:12px;
padding:4px 8px;
border-radius:4px;
font-weight:600;
}

/* INDIA */

.india{
top:58%;
left:62%;
}

/* USA */

.usa{
top:42%;
left:20%;
}

/* UK */

.uk{
top:36%;
left:45%;
}

/* CANADA */

.canada{
top:20%;
left:22%;
}

/* AUSTRALIA */

.australia{
top:75%;
left:85%;
}

/* GERMANY */

.germany{
top:35%;
left:50%;
}

/* PREMIUM SECTION DIVIDER */

section{
position:relative;
}

section::after{

content:"";

position:absolute;

bottom:-1px;
left:50%;

transform:translateX(-50%);

width:140px;
height:2px;

background:linear-gradient(
90deg,
transparent,
rgba(245,200,107,0.45),
transparent
);

}

.approach-card:hover{

transform:translateY(-8px) scale(1.02);

border-color:#f5c86b;

box-shadow:
0 25px 60px rgba(0,0,0,0.75),
0 0 25px rgba(245,200,107,0.25);

}

.hero-premium{
position:relative;
overflow:hidden;
}

.hero-premium::before{

content:"";

position:absolute;

top:-200px;
left:-200px;

width:600px;
height:600px;

background:radial-gradient(
circle,
rgba(245,200,107,0.08),
transparent 70%
);

filter:blur(70px);

}

.hero-premium::after{

content:"";

position:absolute;

bottom:-200px;
right:-200px;

width:600px;
height:600px;

background:radial-gradient(
circle,
rgba(245,200,107,0.06),
transparent 70%
);

filter:blur(70px);

}
.card,
.approach-card,
.country-card,
.btn,
img{
transition: transform .25s ease, box-shadow .25s ease;
}
