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

html{
scroll-behavior:smooth;
}

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

/* HERO */

.hero{
position:relative;
height:100vh;
overflow:hidden;
display:flex;
align-items:center;
}

/* VIDEO */

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

filter:
brightness(.45)
contrast(1.2)
saturate(1.3);

z-index:-3;

animation:
zoomVideo 20s ease-in-out infinite alternate;
}

@keyframes zoomVideo{

0%{
transform:scale(1);
}

100%{
transform:scale(1.2);
}

}

/* OVERLAY */

.overlay{
position:absolute;
inset:0;

background:

linear-gradient(
90deg,
rgba(23, 22, 22, 0.92),
rgba(54, 51, 51, 0.35)
),

linear-gradient(
180deg,
rgba(212,175,55,.08),
transparent
);

z-index:-2;
}

/* ASTROLOGY ACCENTS */

.astrology-accents{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
}

.astro-icon{
  position:absolute;
  opacity:.32;
  filter:drop-shadow(0 0 20px rgba(255,215,0,.25));
  background-repeat:no-repeat;
  background-size:contain;
}

.astro-icon--moon{
  top:10%;
  left:8%;
  width:140px;
  height:140px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="%23FFD700" d="M40 12a20 20 0 1 0 0 40 18 18 0 0 1 0-36z"/></svg>');
}

.astro-icon--constellation{
  bottom:16%;
  right:10%;
  width:180px;
  height:120px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 80"><circle cx="20" cy="60" r="4" fill="%23FFD700"/><circle cx="40" cy="25" r="4" fill="%23FFD700"/><circle cx="70" cy="45" r="4" fill="%23FFD700"/><circle cx="100" cy="20" r="4" fill="%23FFD700"/><circle cx="105" cy="65" r="4" fill="%23FFD700"/><path d="M20 60 L40 25 L70 45 L100 20 M70 45 L105 65" stroke="%23FFD700" stroke-width="2" fill="none" opacity=".7"/></svg>');
}

.astro-icon--star{
  top:30%;
  right:18%;
  width:100px;
  height:100px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><polygon fill="%23FFD700" points="32 4 38 24 60 24 42 36 48 56 32 44 16 56 22 36 4 24 26 24"/></svg>');
}

/* PARTICLES */

.particles{
position:absolute;
inset:0;

background:
radial-gradient(
circle,
rgba(255,215,0,.8) 1px,
transparent 1px
);

background-size:80px 80px;

opacity:.15;

animation:particleMove 25s linear infinite;

z-index:-1;
}

@keyframes particleMove{

from{
transform:translateY(0);
}

to{
transform:translateY(-500px);
}

}

/* NAVBAR */

.navbar{
position:fixed;
top:0;
left:0;
width:100%;
height:90px;

padding:0 100px;

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

background:rgba(0,0,0,.25);
backdrop-filter:blur(20px);

border-bottom:1px solid rgba(212,175,55,.2);

z-index:999;
}

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

.logo img{
height:90px;
width:auto;
}

.logo span{
font-size:38px;
font-family:'Cinzel',serif;
font-weight:700;
color:#D4AF37;
letter-spacing:1px;
}

/* NAV */

nav{
display:flex;
gap:35px;
}

nav a{
position:relative;
text-decoration:none;
color:white;
font-size:16px;
font-weight:500;
}

nav a::after{
content:'';
position:absolute;
left:0;
bottom:-6px;
width:0;
height:2px;
background:#D4AF37;
transition:.4s;
}

nav a:hover::after{
width:100%;
}

/* NAV BUTTON */

.nav-btn{

padding:12px 28px;

background:
linear-gradient(
135deg,
#FFD700,
#B8860B
);

border-radius:40px;

text-decoration:none;

color:#000;

font-weight:700;
}

.nav-toggle{
  display:none;
  position:relative;
  width:44px;
  height:44px;
  border:none;
  background:rgba(255,215,0,0.08);
  color:#FFD700;
  font-size:24px;
  border-radius:50%;
  cursor:pointer;
  transition:.3s ease;
}

.nav-toggle.open{
  background:rgba(255,215,0,0.2);
}

header.navbar{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:90px;

  padding:0 100px;

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

  background:rgba(0,0,0,.25);
  backdrop-filter:blur(20px);

  border-bottom:1px solid rgba(212,175,55,.2);

  z-index:999;
}

.navbar::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;

background:linear-gradient(
90deg,
transparent,
#FFD700,
transparent
);
}
/* HERO CONTENT */

.hero-content{
width:100%;

padding:0 8%;

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

gap:40px;
}

/* LEFT */

.left{
max-width:700px;
}

.sub-title{

display:inline-block;

color:#FFD700;

font-size:16px;

margin-bottom:20px;

letter-spacing:2px;
}

.left h1{

font-family:'Cinzel',serif;

font-size:5rem;

line-height:1.05;

background:
linear-gradient(
180deg,
#FFF6D5,
#FFD700,
#B8860B
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

text-shadow:
0 0 30px rgba(255,215,0,.4);

animation:fadeUp 1.5s ease;
}

.left p{

font-size:20px;

line-height:1.8;

margin-top:25px;

color:#ddd;

max-width:600px;
}

@keyframes fadeUp{

from{
opacity:0;
transform:translateY(60px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/* BUTTONS */

.buttons{
display:flex;
gap:20px;
margin-top:35px;
flex-wrap:wrap;
}

.btn{

padding:16px 35px;

border-radius:50px;

text-decoration:none;

font-weight:600;

transition:.4s;
}

.primary{

background:
linear-gradient(
135deg,
#FFD700,
#B8860B
);

color:black;

box-shadow:
0 0 25px rgba(255,215,0,.4);
}

.primary:hover{

transform:
translateY(-5px)
scale(1.05);

box-shadow:
0 0 45px rgba(255,215,0,.8);
}

.secondary{

border:1px solid #D4AF37;

color:white;
}

.secondary:hover{

background:#D4AF37;

color:black;
}

/* RIGHT */

.right{
display:flex;
justify-content:center;
align-items:center;
}

.zodiac-wheel{

width:650px;

animation:
rotate 50s linear infinite,
pulse 4s ease infinite;
}

.zodiac-wheel img{

width:100%;

filter:

drop-shadow(0 0 20px #FFD700)
drop-shadow(0 0 50px #FFD700)
drop-shadow(0 0 80px #FFD700);
}

@keyframes rotate{

from{
transform:rotate(0deg);
}

to{
transform:rotate(360deg);
}

}

@keyframes pulse{

0%,100%{
scale:1;
}

50%{
scale:1.05;
}

}

/* RESPONSIVE */

@media(max-width:1200px){

.left h1{
font-size:5rem;
}

.zodiac-wheel{
width:500px;
}

}

@media(max-width:992px){

.hero{
height:auto;
padding:150px 0 80px;
}

.hero-content{
flex-direction:column;
text-align:center;
}

.left h1{
font-size:4rem;
}

.left p{
margin:auto;
margin-top:20px;
}

.buttons{
justify-content:center;
}

.zodiac-wheel{
width:380px;
margin-top:40px;
}

nav{
  position:absolute;
  top:90px;
  right:20px;
  width:calc(100% - 40px);
  flex-direction:column;
  gap:18px;
  padding:24px 20px;
  background:rgba(0,0,0,.92);
  border-radius:24px;
  display:none;
}

nav.nav-open{
  display:flex;
}

.nav-btn{
  display:none;
}

.nav-toggle{
  display:block;
}

}

@media(max-width:576px){

.left h1{
font-size:2.8rem;
}

.left p{
font-size:16px;
}

.zodiac-wheel{
width:280px;
}

.logo span{
font-size:20px;
}

.logo img{
height:40px;
}

.btn{
width:100%;
text-align:center;
}

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

.navbar{
padding:0 20px;
height:75px;
}

.logo img{
height:60px;
}

.logo span{
font-size:22px;
}

nav{
display:none;
}

.nav-btn{
display:none;
}

}

/* ABOUT SECTION */

.about-section{

padding:120px 8%;

background:
linear-gradient(
180deg,
#050505,
#0b0b0b
);

position:relative;

overflow:hidden;
}

.container{

max-width:1400px;

margin:auto;

display:flex;

align-items:center;

justify-content:space-between;

gap:80px;
}

/* IMAGE SIDE */

.about-image{
flex:1;
display:flex;
justify-content:center;
}

.image-box{

position:relative;

width:420px;
height:520px;

border-radius:30px;

overflow:hidden;

animation:floating 5s ease-in-out infinite;

box-shadow:
0 0 25px rgba(255,215,0,.25),
0 0 60px rgba(255,215,0,.15);
}

.image-box::before{

content:"";

position:absolute;
inset:0;

padding:2px;

background:
linear-gradient(
135deg,
#FFD700,
#D4AF37,
#fff1a8,
#FFD700
);

border-radius:30px;

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;
}

.image-box img{

width:100%;
height:100%;

object-fit:cover;

transition:.5s;
}

.image-box:hover img{

transform:scale(1.08);
}

@keyframes floating{

0%,100%{
transform:translateY(0px);
}

50%{
transform:translateY(-15px);
}

}

/* CONTENT SIDE */

.about-content{
flex:1;
}

.section-tag{

display:inline-block;

color:#FFD700;

font-size:16px;

letter-spacing:2px;

margin-bottom:15px;
}

.about-content h2{

font-size:55px;

font-family:'Cinzel',serif;

line-height:1.2;

margin-bottom:25px;

color:white;
}

.about-content h2 span{

background:
linear-gradient(
180deg,
#fff4c8,
#FFD700,
#B8860B
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.about-text{

font-size:18px;

line-height:1.9;

color:#cfcfcf;

margin-bottom:35px;
}

/* EXPERTISE */

.expertise-list{

display:grid;

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

gap:15px;

margin-bottom:30px;
}

.item{

padding:14px 18px;

background:rgba(255,255,255,.04);

border:1px solid rgba(212,175,55,.15);

backdrop-filter:blur(10px);

border-radius:15px;

color:white;

transition:.4s;
}

.item:hover{

transform:translateY(-5px);

border-color:#FFD700;

box-shadow:
0 0 25px rgba(255,215,0,.2);
}

/* LANGUAGE */

.languages{

font-size:18px;


color:#d9d9d9;
}

.about-highlights{

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

padding:25px 35px;

background:rgba(255,255,255,.04);

backdrop-filter:blur(15px);

border:1px solid rgba(255,215,0,.15);

border-radius:25px;

box-shadow:
0 0 30px rgba(255,215,0,.08);
}

.highlight-item{

flex:1;
text-align:center;
}

.highlight-item h3{

font-size:42px;

font-weight:700;

margin-bottom:8px;

background:linear-gradient(
180deg,
#fff4c8,
#FFD700,
#B8860B
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.highlight-item span{

font-size:15px;

letter-spacing:1px;

color:#d6d6d6;

text-transform:uppercase;
}

.divider{

width:1px;
height:60px;

background:linear-gradient(
transparent,
#FFD700,
transparent
);
}

/* Hover Effect */

.about-highlights:hover{

box-shadow:
0 0 40px rgba(255,215,0,.15),
0 0 80px rgba(255,215,0,.08);
}

/* Mobile */

@media(max-width:768px){

.about-highlights{

flex-direction:column;
gap:25px;
}

.divider{

width:80%;
height:1px;
}

.highlight-item h3{

font-size:34px;
}

}

/* RESPONSIVE */

@media(max-width:991px){

.container{

flex-direction:column;

text-align:center;
}

.about-content h2{

font-size:40px;
}

.expertise-list{

grid-template-columns:1fr;
}

.stats{

justify-content:center;
}

.image-box{

width:340px;
height:440px;
}

}

@media(max-width:576px){

.about-section{

padding:80px 20px;
}

.about-content h2{

font-size:32px;
}

.about-text{

font-size:16px;
}

.image-box{

width:100%;
max-width:320px;

height:400px;
}

.stat-box{

width:100%;
}

}

.services{
    padding:80px 8%;
    background:
    radial-gradient(circle at top right,#2b1b00 0%,transparent 35%),
    radial-gradient(circle at bottom left,#111827 0%,transparent 40%),
    linear-gradient(180deg,#0b0b12,#111827);
}

.section-title{

text-align:center;

margin-bottom:70px;
}

.section-title span{

color:#FFD700;

letter-spacing:2px;
}
.section-title h2{
    font-family:'Playfair Display',serif;
    font-size:58px;
    font-weight:700;
    color:#fff;
}
.services-grid{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(300px,1fr));

gap:30px;
}

.service-card{

background:rgba(255,255,255,.05);

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

border-radius:28px;

padding:35px 25px;

transition:.45s;

backdrop-filter:blur(20px);

position:relative;

overflow:hidden;

box-shadow:
0 20px 45px rgba(0,0,0,.35);

}

.service-card:hover{

transform:translateY(-15px);

border-color:#FFD700;

box-shadow:
0 30px 60px rgba(255,215,0,.25);

}

.icon{

width:45px;
height:45px;

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

border-radius:20px;

background:
linear-gradient(135deg,#FFD700,#d97706);

font-size:20px;

color:#111;

margin-bottom:25px;

box-shadow:0 15px 35px rgba(255,215,0,.35);

}
.service-card h3{
        font-family:'Playfair Display',serif;

color:#FFD700;

margin-bottom:15px;

font-size:24px;
}

.service-card p{

line-height:1.8;

color:#d6d6d6;
}

/* WHY CHOOSE US */

/* Heading */

.section-heading{

    text-align:center;
    max-width:850px;
    margin:auto;
    margin-bottom:70px;
}

.section-heading span{

    color:#FFD700;
    letter-spacing:2px;
    font-size:15px;
}

.section-heading h2{

    margin-top:15px;
    margin-bottom:20px;

    font-size:52px;
    font-family:'Cinzel',serif;

    background:linear-gradient(
        180deg,
        #fff4c8,
        #FFD700,
        #B8860B
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.section-heading p{

    color:#cfcfcf;
    line-height:1.8;
    font-size:17px;
}


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

    background:
    radial-gradient(circle at top,#5e6003 0%,transparent 35%),
    radial-gradient(circle at bottom,#585804 0%,transparent 35%),
    linear-gradient(180deg,#121702,#0f172a,#1e293b);
}
.astro-circle{

position:relative;

width:700px;

height:700px;

margin:60px auto;

}

.center-circle{

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%);

width:220px;

height:220px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:rgba(255,255,255,.05);

border:2px solid #FFD700;

box-shadow:0 0 40px rgba(255,215,0,.3);

}

.center-circle img{

width:150px;

animation:rotate 40s linear infinite;

}

.feature{

position:absolute;

width:180px;

padding:25px;

border-radius:20px;

background:rgba(255,255,255,.05);

backdrop-filter:blur(15px);

border:1px solid rgba(255,215,0,.2);

text-align:center;

transition:.4s;

}

.feature:hover{

transform:scale(1.08);

box-shadow:0 20px 40px rgba(255,215,0,.25);

}

.feature i{

font-size:32px;

color:#FFD700;

margin-bottom:15px;

}

.feature h3{

color:white;

margin-bottom:8px;

}

.feature p{

color:#ccc;

font-size:14px;

}

/* Position */

.feature1{
top:-20px;
left:260px;
}

.feature2{
top:140px;
left:0;
}

.feature3{
top:140px;
right:0;
}

.feature4{
bottom:140px;
left:0;
}

.feature5{
bottom:140px;
right:0;
}

.feature6{
bottom:-20px;
left:260px;
}

/* =========================
   Tablet
========================= */

@media (max-width: 991px){

.astro-circle{

width:100%;
height:auto;

display:grid;

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

gap:20px;

margin-top:50px;

}

.center-circle{

position:relative;

left:auto;
top:auto;

transform:none;

width:180px;
height:180px;

margin:0 auto 30px;

grid-column:1 / -1;

}

.center-circle img{
width:120px;
}

.feature{

position:relative;

top:auto !important;
left:auto !important;
right:auto !important;
bottom:auto !important;

width:100%;

padding:25px;

}

}
/* =========================
   Mobile
========================= */

@media (max-width:576px){

.why-choose{

padding:80px 20px;

}

.astro-circle{

display:flex;

flex-direction:column;

align-items:center;

gap:18px;

}

.center-circle{

width:150px;

height:150px;

margin-bottom:20px;

}

.center-circle img{

width:100px;

}

.feature{

width:100%;

max-width:340px;

padding:22px 18px;

}

.feature i{

font-size:28px;

}

.feature h3{

font-size:20px;

}

.feature p{

font-size:14px;

}

}

/*=========================
    COURSES SECTION
==========================*/

.courses{

position:relative;

padding:120px 8%;

overflow:hidden;

background:
radial-gradient(circle at top left,rgba(255,215,0,.08),transparent 30%),
radial-gradient(circle at bottom right,rgba(72,61,139,.15),transparent 35%),
linear-gradient(180deg,#050816,#09111f,#111827);

}

.course-bg{

position:absolute;

inset:0;

background-image:

radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);

background-size:70px 70px;

opacity:.18;

pointer-events:none;

}

/*=========================
      HEADING
==========================*/

.section-heading{

position:relative;

z-index:2;

text-align:center;

max-width:850px;

margin:auto;

margin-bottom:70px;

}

.section-heading span{

color:#FFD700;

font-size:15px;

letter-spacing:3px;

font-weight:600;

}

.section-heading h2{

font-size:65px;

margin-top:20px;

line-height:1.1;

font-family:'Cinzel',serif;

color:#fff;

}

.section-heading h2 em{

display:block;

font-style:normal;

color:#FFD700;

font-size:55px;

font-family:'Cormorant Garamond',serif;

font-weight:600;

}

.section-heading p{

margin-top:25px;

font-size:18px;

color:#d4d4d4;

line-height:1.8;

}

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

.course-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

gap:35px;

position:relative;

z-index:2;

}

/*=========================
      CARD
==========================*/

.course-card{

background:#0d1324;

border-radius:28px;

overflow:hidden;

border:1px solid rgba(255,215,0,.18);

transition:.45s;

box-shadow:

0 20px 40px rgba(0,0,0,.35);

}

.course-card:hover{

transform:translateY(-12px);

border-color:#FFD700;

box-shadow:

0 25px 60px rgba(255,215,0,.18);

}

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

.course-image{

position:relative;

height:200px;

overflow:hidden;

}

.course-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;

}

.course-card:hover img{

transform:scale(1.08);

}

/*=========================
      LIVE BADGE
==========================*/

.live-badge{

position:absolute;

top:18px;

left:18px;

background:#fff;

padding:8px 15px;

border-radius:40px;

font-size:12px;

font-weight:600;

color:#c62828;

display:flex;

align-items:center;

gap:6px;

}

.live-badge i{

font-size:9px;

color:#20c05c;

}

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

.course-content{

padding:30px;

}

.course-content h3{

font-size:31px;

line-height:1.3;

margin-bottom:18px;

font-family:'Cormorant Garamond',serif;

color:#FFD700;

}

.course-content p{

font-size:12px;

line-height:1.6;

color:#d6d6d6;

margin-bottom:15px;

}

/*=========================
      FEATURES
==========================*/

.course-content ul{

list-style:none;

margin-bottom:30px;

}

.course-content ul li{

display:flex;

align-items:center;

gap:12px;

margin-bottom:8px;

color:#eee;

font-size:13px;

}

.course-content ul li i{

color:#FFD700;

}

/*=========================
      INFO
==========================*/

.course-bottom{

display:flex;

justify-content:space-between;

padding:12px 0;

margin-bottom:18px;

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

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

}

.course-bottom span{

color:#ccc;

font-size:14px;

display:flex;

align-items:center;

gap:8px;

}

.course-bottom i{

color:#FFD700;

}

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

.enroll-btn{

display:flex;

justify-content:center;

align-items:center;

gap:10px;

width:100%;

padding:12px 20px;

border-radius:14px;

background:

linear-gradient(135deg,#FFD700,#c88700);

text-decoration:none;

color:#111;

font-weight:700;

font-size:15px;

transition:.35s;

}

.enroll-btn:hover{

transform:translateY(-3px);

box-shadow:

0 15px 35px rgba(255,215,0,.35);

}

.enroll-btn i{

transition:.35s;

}

.enroll-btn:hover i{

transform:translateX(5px);

}

/*=========================
  EXPLORE BUTTON
==========================*/

.all-course-btn{

margin-top:70px;

display:flex;

justify-content:center;

position:relative;

z-index:2;

}

.all-course-btn a{

padding:18px 45px;

border:2px solid #FFD700;

border-radius:60px;

text-decoration:none;

color:#FFD700;

font-size:18px;

font-weight:700;

display:flex;

align-items:center;

gap:18px;

transition:.4s;

letter-spacing:2px;

text-transform:uppercase;

}

.all-course-btn a:hover{

background:#FFD700;

color:#111;

box-shadow:

0 15px 45px rgba(255,215,0,.3);

}

.all-course-btn i{

transition:.35s;

}

.all-course-btn a:hover i{

transform:translateX(8px);

}

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

@media(max-width:991px){

.section-heading h2{

font-size:48px;

}

.section-heading h2 em{

font-size:42px;

}

.course-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.courses{

padding:80px 20px;

}

.section-heading h2{

font-size:38px;

}

.section-heading h2 em{

font-size:32px;

}

.section-heading p{

font-size:15px;

}

.course-image{

height:220px;

}

.course-content{

padding:22px;

}

.course-content h3{

 font-size:26px;
    margin-bottom:12px;
    line-height:1.3;

}

.course-bottom{

flex-direction:column;

gap:10px;

}

.all-course-btn a{

width:100%;

justify-content:center;

font-size:16px;

}

}
.testimonials{
padding:100px 8%;
background:#050505;
}

.testimonial-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:30px;
}

.testimonial-card{

padding:35px;

background:rgba(255,255,255,.03);

border:1px solid rgba(255,215,0,.15);

border-radius:25px;

position:relative;
}

.testimonial-card p{
line-height:1.8;
color:#ddd;
margin-bottom:20px;
}

.testimonial-card h4{
color:#FFD700;
}

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

.contact-section{

position:relative;

padding:100px 8%;

overflow:hidden;

text-align:center;
}

/* VIDEO */

.contact-section{
    position:relative;
    min-height:600px;
    padding:100px 8%;
    overflow:hidden;
}

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

.contact-overlay{
    position:absolute;
    inset:0;
    background:rgba(44, 42, 42, 0.75);
    z-index:1;
}

.contact-content{
    position:relative;
    z-index:2;
}

/* CONTENT */

.contact-content{

max-width:1000px;

margin:auto;
}

.contact-tag{

display:inline-block;

color:#FFD700;

letter-spacing:3px;

font-size:15px;

margin-bottom:15px;
}

.contact-content h2{

font-size:55px;

font-family:'Cinzel',serif;

margin-bottom:15px;

background:
linear-gradient(
180deg,
#fff4c8,
#FFD700,
#B8860B
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.contact-desc{

color:#d6d6d6;

font-size:18px;

line-height:1.8;

max-width:700px;

margin:auto;

margin-bottom:45px;
}

/* BOXES */

.contact-boxes{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(220px,1fr));

gap:20px;

margin-bottom:40px;
}

/* CARD */

.contact-box{

padding:18px 20px;

background:rgba(255,255,255,.05);

backdrop-filter:blur(15px);

border:1px solid rgba(255,215,0,.15);

border-radius:18px;

min-height:120px;

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

transition:.4s;
}

.contact-box:hover{

transform:translateY(-5px);

border-color:#FFD700;

box-shadow:
0 0 25px rgba(255,215,0,.2);
}

/* ICON */

.contact-icon{

font-size:28px;

margin-bottom:10px;
}

/* TEXT */

.contact-box h3{

color:#FFD700;

font-size:20px;

margin-bottom:6px;
}

.contact-box p{

font-size:15px;

color:#ddd;

line-height:1.5;

margin:0;
}

/* BUTTON */

.contact-btn{

display:inline-block;

padding:16px 38px;

border-radius:50px;

text-decoration:none;

font-weight:700;

background:
linear-gradient(
135deg,
#FFD700,
#B8860B
);

color:#000;

transition:.4s;

box-shadow:
0 0 25px rgba(255,215,0,.35);
}

.contact-btn:hover{

transform:
translateY(-4px)
scale(1.04);

box-shadow:
0 0 45px rgba(255,215,0,.7);
}

/* MOBILE */

@media(max-width:768px){

.contact-section{
padding:80px 20px;
}

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

.contact-desc{
font-size:15px;
}

.contact-box{
min-height:100px;
}

.contact-btn{
width:100%;
max-width:300px;
}

}

/* ==========================
   FOOTER
========================== */

.footer{

position:relative;

background:#050505;

padding:80px 8% 20px;

overflow:hidden;

border-top:1px solid rgba(255,215,0,.15);
}

/* Golden Glow */

.footer::before{

content:'';

position:absolute;

width:500px;
height:500px;

background:
radial-gradient(
circle,
rgba(255,215,0,.08),
transparent
);

top:-250px;
right:-200px;
}

/* Layout */

.footer-container{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(250px,1fr));

gap:40px;

margin-bottom:50px;
}

/* Logo */

.footer-logo{

font-family:'Cinzel',serif;

font-size:34px;

margin-bottom:20px;

background:
linear-gradient(
180deg,
#fff4c8,
#FFD700,
#B8860B
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* Headings */

.footer-col h3{

color:#FFD700;

margin-bottom:20px;

font-size:22px;
}

/* Text */

.footer-col p{

color:#cfcfcf;

line-height:1.8;
}

.footer-col ul{

list-style:none;
}

.footer-col ul li{

margin-bottom:12px;

color:#cfcfcf;
}

.footer-col ul li a{

text-decoration:none;

color:#cfcfcf;

transition:.3s;
}

.footer-col ul li a:hover{

color:#FFD700;

padding-left:5px;
}

/* Social */

.footer-social{

display:flex;

justify-content:center;

gap:25px;

margin-bottom:25px;

flex-wrap:wrap;
}

.footer-social a{

text-decoration:none;

color:white;

padding:10px 20px;

border:1px solid rgba(255,215,0,.2);

border-radius:30px;

transition:.4s;
}

.footer-social a:hover{

background:#FFD700;

color:black;

box-shadow:
0 0 25px rgba(255,215,0,.3);
}

/* Bottom */

.footer-bottom{

text-align:center;

padding-top:20px;

border-top:1px solid rgba(255,215,0,.15);

color:#999;

font-size:14px;
}

/* Mobile */

@media(max-width:768px){

.footer{

padding:60px 20px 20px;
}

.footer-logo{

font-size:28px;
}

.footer-col{

text-align:center;
}

.footer-social{

gap:15px;
}

}