:root{

    /*==================================
      BRAND COLORS
    ==================================*/

    --primary: #0e4737;
    --primary-dark: #08382B;
    --primary-light: #1D6B55;
    --primary-soft: #EAF5F1;
    --white: #fff;
}
body{margin:0;background:#090317;color:#fff;font-family:Arial,sans-serif}
.hero{min-height:100vh;position:relative;overflow:hidden;
/* background:radial-gradient(circle at 15% 20%,rgba(124,58,237,.45),transparent 30%), */
background:radial-gradient(circle at 15% 20%,#0e4737,transparent 30%),
radial-gradient(circle at 85% 80%,rgba(37,99,235,.30),transparent 35%),
/* radial-gradient(circle at 85% 80%,#0e4737,transparent 35%),  */
/* linear-gradient(135deg,#090317,#170b38 45%,#090317);} */
linear-gradient(135deg,#090317,#0e4737 45%,#090317);}
.navbar{position:absolute;top:0;left:0;width:100%;z-index:1000;padding:18px 0;background:transparent}
.navbar .nav-link,.navbar-brand{color:#fff!important;font-size:18px}
.navbar .nav-link:hover{color:#f6c453!important}

.dropdown-menu{
background:rgba(16,10,40,.92);
backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.12);
border-radius:16px;
}
.dropdown-item{color:#fff}
.dropdown-item:hover{background:#5B21B6;color:#fff}
.logo{
width:52px;height:52px;border-radius:50%;
background:linear-gradient(135deg,#F6C453,#FFD978);
display:flex;align-items:center;justify-content:center;
color:#2d145a;font-weight:bold;margin-right:10px;
box-shadow:0 0 25px rgba(246,196,83,.5)
}
#bg{position:absolute;inset:0}
.glass{background:rgba(255,255,255,.08);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.15);padding:40px;border-radius:24px;position:relative;z-index:5}
.hero-img{max-width:420px;filter:drop-shadow(0 25px 60px rgba(0,0,0,.45));animation:float 5s ease-in-out infinite;position:relative;z-index:5}
.halo{position:absolute;right:8%;top:50%;width:520px;height:520px;border-radius:50%;transform:translateY(-50%);
background:radial-gradient(circle,rgba(246,196,83,.22),transparent 70%)}
.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s infinite}
.num{position:absolute;font-size:clamp(55px,8vw,120px);font-weight:bold;color:rgba(246,196,83,.12);animation:drift 18s infinite}
@keyframes float{50%{transform:translateY(-12px)}}
@keyframes drift{50%{transform:translateY(-20px) translateX(10px)}}
@keyframes twinkle{50%{opacity:.2;transform:scale(.5)}}


.reels-grid{

column-count:4;
column-gap:22px;

}

.reel-card{

position:relative;
display:block;

margin-bottom:22px;

overflow:hidden;

border-radius:24px;

break-inside:avoid;

background:#18122b;

transition:.45s;

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

}

.reel-card img{

width:100%;

display:block;

transition:8s linear;

}

.tall img{

height:640px;
object-fit:cover;

}

.reel-card:not(.tall) img{

height:480px;
object-fit:cover;

}

.overlay{

position:absolute;

inset:0;

display:flex;

flex-direction:column;

justify-content:space-between;

padding:22px;

background:linear-gradient(transparent,rgba(0,0,0,.75));

}

.play-btn{

width:72px;
height:72px;

margin:auto;

border-radius:50%;

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

backdrop-filter:blur(12px);

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

font-size:30px;

color:#fff;

transition:.4s;

}

.bottom-info{

color:#fff;

}

.reel-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(91,33,182,.45);

}

.reel-card:hover img{

transform:scale(1.15);

}

.reel-card:hover .play-btn{

transform:scale(1.15);

background:#F59E0B;

}

@media(max-width:991px){

.reels-grid{

column-count:2;

}

}

@media(max-width:576px){
    .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    background: #000;
    padding: 14px;
    border-radius: 33px;
}

.reels-grid{

column-count:1;

}



._aa4c .Header{
    display:none !important;
}

}

.ab h4, .ab h2, .ab p{
    color:var(--primary) !important;
}
.n-points{
    color:var(--primary) !important;
}


/*=============================================
SHOP SECTION
=============================================*/

.shop-section{

background:
radial-gradient(circle at top left,#0e4737 0%,transparent 35%),
linear-gradient(135deg,#081511,#0e4737,#081511);

padding:100px 0;

position:relative;

}

/* glow */

.bg-glow{

position:absolute;

border-radius:50%;

filter:blur(120px);

opacity:.35;

}

.glow1{

width:350px;
height:350px;

background:#0e4737;

left:-100px;
top:-80px;

}

.glow2{

width:280px;
height:280px;

background:#c9a227;

right:-80px;
bottom:-80px;

}

/* badge */

.shop-badge{

background:#EAF5F1;

color:#0e4737;

padding:12px 25px;

font-size:15px;

}

/* button */

.btn-shop{

background:#c9a227;

color:#fff;

padding:16px 42px;

border-radius:50px;

font-weight:600;

transition:.4s;

}

.btn-shop:hover{

background:#d8b03a;

transform:translateY(-5px);

box-shadow:0 20px 40px rgba(201,162,39,.35);

}

/* products */

.products-area{

position:relative;

height:650px;

}

/* floating */

.floating-card{

position:absolute;

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

backdrop-filter:blur(18px);

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

border-radius:28px;

padding:18px;

box-shadow:0 20px 60px rgba(0,0,0,.3);

animation:float 6s ease-in-out infinite;

}

.floating-card img{

width:180px;

}

/* positions */

.ring{

top:30px;

left:60px;

animation-delay:0s;

}

.crystal{

right:30px;

top:120px;

animation-delay:2s;

}

.mala{

left:120px;

bottom:30px;

animation-delay:1s;

}

.bracelet{

right:80px;

bottom:100px;

animation-delay:3s;

}

/* center glow */

.center-glow{

position:absolute;

left:50%;

top:50%;

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

width:260px;

height:260px;

border-radius:50%;

background:radial-gradient(circle,
rgba(201,162,39,.55),
transparent 70%);

filter:blur(35px);

}

/* feature */

.feature-item{

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

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

padding:15px 18px;

border-radius:18px;

color:#fff;

transition:.4s;

}

.feature-item:hover{

background:#0e4737;

transform:translateY(-5px);

}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-20px);

}

}

@media(max-width:991px){

.products-area{

height:500px;

margin-top:50px;

}

.floating-card img{

width:120px;

}

}

.number-card{

background:#fff;

padding:35px;

border-radius:24px;

height:100%;

text-align:center;

border:1px solid #E3ECE8;

transition:.4s;

box-shadow:0 12px 35px rgba(0,0,0,.06);

position:relative;

overflow:hidden;

}

.number-card::before{

content:"";

position:absolute;

left:-50px;

top:-50px;

width:120px;

height:120px;

background:rgba(14,71,55,.05);

border-radius:50%;

transition:.4s;

}

.number-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 50px rgba(14,71,55,.15);

border-color:#0e4737;

}

.number-card:hover::before{

transform:scale(2);

}

.number-circle{

width:80px;

height:80px;

margin:auto;

margin-bottom:20px;

border-radius:50%;

background:linear-gradient(135deg,#0e4737,#1B6B57);

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

font-weight:700;

box-shadow:0 10px 25px rgba(14,71,55,.25);

}

.number-card h4{

color:#0e4737;

font-weight:700;

margin-bottom:15px;

}

.number-card p{

color:#61716A;

line-height:1.8;

margin:0;

}


.problem-card{

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

backdrop-filter:blur(16px);

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

border-radius:24px;

padding:35px;

height:100%;

transition:.35s;

}

.problem-card:hover{

transform:translateY(-10px);

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

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

}

.icon-circle{

width:70px;

height:70px;

border-radius:50%;

background:#C9A227;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

margin-bottom:20px;

box-shadow:0 10px 25px rgba(201,162,39,.35);

}

.problem-card h4{

color:#fff;

margin-bottom:15px;

font-weight:700;

}

.problem-card p{

color:rgba(255,255,255,.75);

line-height:1.8;

margin:0;

}
.cause-box{

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

backdrop-filter:blur(20px);

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

border-radius:30px;

padding:50px;

}

.cause-icon{

width:110px;

height:110px;

margin:auto;

background:#C9A227;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:46px;

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

}

.cause-item{

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

padding:25px;

border-radius:20px;

height:100%;

transition:.35s;

}

.cause-item:hover{

transform:translateY(-8px);

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

}

.cause-number{

width:50px;

height:50px;

border-radius:50%;

background:#C9A227;

display:flex;

align-items:center;

justify-content:center;

font-weight:700;

margin-bottom:15px;

color:#fff;

}

.cause-item h5{

color:#fff;

margin-bottom:10px;

}

.cause-item p{

color:rgba(255,255,255,.72);

margin:0;

line-height:1.7;

}
.analysis-item{

display:flex;

gap:20px;

/* margin-bottom:28px;

padding-bottom:22px; */

border-bottom:1px solid #E3ECE8;

transition:.35s;

}

.analysis-item:hover{

padding-left:12px;

}

.analysis-icon{

width:65px;

height:65px;

border-radius:18px;

background:#0e4737;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

flex-shrink:0;

box-shadow:0 15px 35px rgba(14,71,55,.15);

}

.analysis-item h5{

color:#0e4737;

font-weight:700;

margin-bottom:8px;

}

.analysis-item p{

margin:0;

color:#61716A;

line-height:1.8;

}

/* Floating boxes */

.floating-box{

position:absolute;

background:#fff;

padding:14px 20px;

border-radius:16px;

box-shadow:0 20px 40px rgba(0,0,0,.08);

font-weight:600;

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

}

.top-box{

top:5%;

left:-20px;

}

.left-box{

top:38%;

left:-40px;

}

.right-box{

right:-30px;

top:30%;

}

.bottom-box{

bottom:8%;

right:10%;

}

@keyframes float{

50%{

transform:translateY(-12px);

}

}

@media(max-width:991px){

.floating-box{

display:none;

}

}
.en-list ul li{
    color:var(--primary) !important;
        line-height: 30px;
}


.modal-content{

border-radius:30px;

background:#fff;

box-shadow:0 30px 80px rgba(0,0,0,.18);

}

.modal-header{

padding:30px 40px;

background:#0e4737;

color:#fff;

}

.modal-body{

background:#F8FBFA;

}

.form-label{

font-weight:600;

color:#0e4737;

margin-bottom:8px;

}

.form-control,
.form-select{

height:56px;

border-radius:15px;

border:1px solid #d8e5df;

}

textarea.form-control{

height:auto;

}

.form-control:focus,
.form-select:focus{

border-color:#0e4737;

box-shadow:0 0 0 .2rem rgba(14,71,55,.15);

}

 #analysisModal p, #analysisModal .form-label{
    color:#000;
}

/*===================================
INSTAGRAM GALLERY
===================================*/

.insta-card{

display:block;

position:relative;

overflow:hidden;

border-radius:24px;

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

transition:.35s;

background:#fff;

}

.insta-card img{

width:100%;

aspect-ratio:1/1;

object-fit:cover;

transition:6s linear;

}

.insta-card::after{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:linear-gradient(transparent,
rgba(0,0,0,.35));

opacity:0;

transition:.35s;

}

.insta-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(14,71,55,.15);

}

.insta-card:hover img{

transform:scale(1.12);

}

.insta-card:hover::after{

opacity:1;

}

/* reel */

.reel-icon{

position:absolute;

left:50%;

top:50%;

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

width:75px;

height:75px;

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

backdrop-filter:blur(12px);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:38px;

color:#fff;

transition:.35s;

z-index:10;

}

.insta-card:hover .reel-icon{

background:#C9A227;

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

}

/* Instagram badge */

.insta-card::before{

content:"";

position:absolute;

right:15px;

top:15px;

width:36px;

height:36px;

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

border-radius:50%;

background-image:url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/instagram.svg");

background-repeat:no-repeat;

background-position:center;

background-size:18px;

z-index:11;

}

.instagram-embed-header{
    display:none;
}


/*======================================
NAME CHART
======================================*/

.numerology-chart{

background:#fff;

border-radius:28px;

overflow:hidden;

box-shadow:0 20px 60px rgba(0,0,0,.08);

border:1px solid #edf3ef;

}

.chart-row{

display:grid;

grid-template-columns:90px 300px 1fr;

align-items:center;

gap:25px;

padding:24px 35px;

border-bottom:1px solid #eef3f0;

transition:.35s;

}

.chart-row:last-child{

border-bottom:none;

}

.chart-row:hover{

background:#F3FBF7;

padding-left:45px;

}

.number-box{

width:60px;

height:60px;

border-radius:18px;

background:#0e4737;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

font-weight:700;

box-shadow:0 12px 30px rgba(14,71,55,.25);

}

.planet-box{

font-size:24px;

color:#0e4737;

font-weight:600;

}

.letters-box{

font-size:30px;

font-weight:700;

letter-spacing:8px;

color:#222;

}

.chart-row:hover .number-box{

transform:rotate(-8deg) scale(1.08);

background:#C9A227;

transition:.35s;

}

.chart-row:hover .letters-box{

color:#0e4737;

}

@media(max-width:991px){

.chart-row{

grid-template-columns:70px 1fr;

gap:18px;

}

.letters-box{

grid-column:2;

font-size:22px;

letter-spacing:4px;

margin-top:5px;

}

.planet-box{

font-size:20px;

}

}

@media(max-width:576px){

.chart-row{

padding:20px;

}

.number-box{

width:50px;

height:50px;

font-size:20px;

}

.planet-box{

font-size:18px;

}

.letters-box{

font-size:18px;

letter-spacing:3px;

}

}


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

.footer-section{

background:#0e4737;

padding:60px 0 25px;

color:#fff;

}

.footer-logo{

font-weight:700;

margin-bottom:15px;

}

.footer-text{

color:rgba(255,255,255,.75);

max-width:500px;

line-height:1.8;

margin:0;

}

.footer-contact a{

color:#fff;

text-decoration:none;

font-size:18px;

font-weight:500;

}

.footer-contact a:hover{

color:#C9A227;

}

.social-icons{

display:flex;

justify-content:end;

gap:15px;

}

.social-icons a{

width:48px;

height:48px;

border-radius:50%;

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

display:flex;

align-items:center;

justify-content:center;

font-size:20px;

color:#fff;

text-decoration:none;

transition:.35s;

}

.social-icons a:hover{

background:#C9A227;

transform:translateY(-5px);

color:#fff;

}

.footer-section hr{

border-color:rgba(255,255,255,.15);

margin:35px 0 20px;

}

.footer-copy{

color:rgba(255,255,255,.65);

font-size:15px;

}

@media(max-width:991px){

.social-icons{

justify-content:center;

}

.footer-contact{

text-align:center;

}

}

/*==================================
FAQ
===================================*/

.custom-faq .accordion-item{

border:none;

border-radius:18px;

overflow:hidden;

margin-bottom:18px;

box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.custom-faq .accordion-button{

background:#fff;

padding:22px 28px;

font-size:20px;

font-weight:600;

color:#0e4737;

box-shadow:none;

}

.custom-faq .accordion-button:not(.collapsed){

background:#0e4737;

color:#fff;

}

.custom-faq .accordion-button:focus{

box-shadow:none;

}

.custom-faq .accordion-button::after{

filter:brightness(0);

}

.custom-faq .accordion-button:not(.collapsed)::after{

filter:brightness(100);

}

.custom-faq .accordion-body{

padding:25px 30px;

font-size:16px;

line-height:1.8;

color:#5E6C66;

background:#fff;

}

/*=========================================
INSTAGRAM CAROUSEL
=========================================*/

.instagram-section{

    background:#F8FBFA;

}

.insta-badge{

    background:#EAF5F1;
    color:#0e4737;
    font-weight:600;

}

.instagramSwiper{

    padding:15px 5px 70px;

}

/* CARD */

.insta-card{

    position:relative;

    display:block;

    overflow:hidden;

    border-radius:24px;

    background:#fff;

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

    transition:.4s;

}

.insta-card img{

    width:100%;

    height:420px;

    object-fit:cover;

    transition:8s linear;

}

/* Overlay */

.insta-card::after{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:linear-gradient(
    transparent,
    rgba(0,0,0,.35));

    opacity:0;

    transition:.35s;

}

/* Hover */

.insta-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(14,71,55,.18);

}

.insta-card:hover img{

    transform:scale(1.15);

}

.insta-card:hover::after{

    opacity:1;

}

/*====================
VIDEO PLAY BUTTON
====================*/

.reel-icon{

    position:absolute;

    left:50%;

    top:50%;

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

    width:80px;

    height:80px;

    border-radius:50%;

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

    backdrop-filter:blur(10px);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:40px;

    transition:.35s;

    z-index:20;

}

.insta-card:hover .reel-icon{

    background:#C9A227;

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

}

/*====================
INSTAGRAM ICON
====================*/

.insta-icon{

    position:absolute;

    top:15px;

    right:15px;

    width:40px;

    height:40px;

    border-radius:50%;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#E1306C;

    font-size:18px;

    z-index:20;

    box-shadow:0 10px 20px rgba(0,0,0,.12);

}

/*====================
ARROWS
====================*/

.instagramSwiper .swiper-button-next,
.instagramSwiper .swiper-button-prev{

    width:55px;

    height:55px;

    border-radius:50%;

    background:#fff;

    color:#0e4737;

    box-shadow:0 12px 25px rgba(0,0,0,.10);

    transition:.3s;

}

.instagramSwiper .swiper-button-next:hover,
.instagramSwiper .swiper-button-prev:hover{

    background:#0e4737;

    color:#fff;

}

.instagramSwiper .swiper-button-next::after,
.instagramSwiper .swiper-button-prev::after{

    font-size:20px;

    font-weight:bold;

}

/*====================
PAGINATION
====================*/

.instagramSwiper .swiper-pagination{

    bottom:0;

}

.instagramSwiper .swiper-pagination-bullet{

    width:12px;

    height:12px;

    background:#0e4737;

    opacity:.25;

}

.instagramSwiper .swiper-pagination-bullet-active{

    opacity:1;

    width:35px;

    border-radius:20px;

    background:#0e4737;

}

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

@media(max-width:991px){

.insta-card img{

height:360px;

}

}

@media(max-width:768px){

.insta-card img{

height:300px;

}

.instagramSwiper{

padding-bottom:60px;

}

}

@media(max-width:576px){

.insta-card img{

height:320px;

}

.instagramSwiper .swiper-button-next,
.instagramSwiper .swiper-button-prev{

display:none;

}

}
.instagramSwiper .swiper-slide{

    transition:.35s;

}

.instagramSwiper .swiper-slide:hover{

    transform:translateY(-8px);

}