/* first section css */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.top-header{
    width:100%;
    display:flex;
    font-family:Arial,sans-serif;
    color:#fff;
}

.left-side{
    flex:1;
    background:#FFB700;
    padding:14px 40px;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    clip-path:polygon(0 0,96% 0,100% 100%,0 100%);
}

.right-side{
    flex:1;
    background:#FF8F00;
    padding:14px 40px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.contact-link{
    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;
    animation:pulse 1.8s infinite;
}

.contact-link i{
    font-size:18px;
    animation:ring 1.8s infinite;
}

/* Phone & Email Pulse */
@keyframes pulse{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.08);
    }
}

/* Icon Ring Animation */
@keyframes ring{
    0%,100%{
        transform:rotate(0deg);
    }
    15%{
        transform:rotate(20deg);
    }
    30%{
        transform:rotate(-20deg);
    }
    45%{
        transform:rotate(15deg);
    }
    60%{
        transform:rotate(-15deg);
    }
    75%{
        transform:rotate(10deg);
    }
}

@media(max-width:768px){

.top-header{
    flex-direction:column;
}

.left-side,
.right-side{
    clip-path:none;
    justify-content:center;
    padding:12px 20px;
}

}
/* first section css */



/* secound css */




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

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

.navbar{
    width:100%;
    background:#fcfcfc;
    position:sticky;
    top:0;
    z-index:999;
}

.nav-container{
    width:90%;
    max-width:1300px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:85px;
}

/* Logo */

.logo img{
    height: 120px;
    display:block;
}

/* Navigation */

.nav-menu{
    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
}

.nav-menu li{
    position:relative;
}

.nav-menu li a{
    text-decoration:none;
    color:#000000;
    font-family:"Poppins",sans-serif;
    font-size:16px;
    font-weight:600;
    transition:.3s;
    padding:8px 0;
}

.nav-menu li a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:2px;
    background:#FFB700;
    transition:.3s;
}

.nav-menu li a:hover,
.nav-menu li a.active{
    color:#FFB700;
}

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


   /* Styling for the active state (underline and color) */
    .nav-menu li a {
        text-decoration: none;
        color: #000000; /* Adjust to your default text color */
        padding-bottom: 8px;
        border-bottom: 2px solid transparent; 
        transition: all 0.2s ease-in-out;
    }

    /* This styles the link for the page you are currently on */
    .nav-menu li a.active {
        color: #FFB703; /* Yellow/Orange text */
        border-bottom: 2px solid #FFB703; /* Yellow/Orange underline */
    }


/* Button */

.nav-btn{
    text-decoration:none;
    color:#fff;
    font-family:"Poppins",sans-serif;
    font-size:15px;
    font-weight:600;
    background:linear-gradient(135deg,#FFB700,#FF8F00);
    padding:12px 28px;
    border-radius:50px;
    transition:.3s;
}

.nav-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 20px rgba(255,183,0,.35);
}

/* Mobile Menu */

.menu-toggle{
    display:none;
    color:#030000;
    font-size:28px;
    cursor:pointer;
}

@media(max-width:991px){

.nav-container{
    height:75px;
}

.nav-menu{
    position:absolute;
    top:75px;
    left:0;
    width:100%;
    background:#00182c;
    flex-direction:column;
    gap:25px;
    padding:30px 0;
    display:none;
}

.nav-menu.active{
    display:flex;
}

.menu-toggle{
    display:block;
}

.nav-btn{
    display:none;
}

}


/* secound css */


/* thrid css */





.marquee-section{
    width:100%;
    background:#ff6900;
    overflow:hidden;
    padding:12px 0;
}

.marquee-track{
    display:flex;
    width:max-content;
    animation:scroll 22s linear infinite;
}

.marquee-track span{
    display:flex;
    align-items:center;
    white-space:nowrap;
    color:#fff;
    font-family:"Poppins",sans-serif;
    font-size:17px;
    font-weight:600;
}

.marquee-track i{
    color:#FFD700;
    margin:0 10px;
}

.separator{
    margin:0 25px;
    color:#FFD700;
    font-size:18px;
}

@keyframes scroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}


/* thrid css */


/* fourth css */


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Poppins",sans-serif;
}

.hero-slider{
    width:100%;
    height:700px;
}

.hero-slider .swiper{
    width:100%;
    height:100%;
}

.hero-slider .swiper-slide{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background-size:cover;
    background-position:center;
}

.hero-slider .overlay{
    position:absolute;
    inset:0;
    background:rgba(0,24,44,.65);
}

.hero-content{
    position:relative;
    z-index:2;
    width:90%;
    max-width:1200px;
}

.hero-content h5{
    color:#FFB700;
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:15px;
}

.hero-content h1{
    font-size:58px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:20px;
}

.hero-content p{
    max-width:650px;
    font-size:18px;
    line-height:1.8;
    margin-bottom:35px;
}

.hero-btn{
    display:inline-block;
    padding:15px 35px;
    text-decoration:none;
    color:#fff;
    background:linear-gradient(135deg,#FFB700,#FF8F00);
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.hero-btn:hover{
    transform:translateY(-5px);
}

.swiper-button-next,
.swiper-button-prev{
    color:#fff;
}

.swiper-pagination-bullet{
    background:#fff;
    opacity:.5;
}

.swiper-pagination-bullet-active{
    background:#FFB700;
    opacity:1;
}

@media(max-width:768px){

.hero-slider{
    height:550px;
}

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

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

}


/* fourth css */


/* fifth css */





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


.astro-section{

width:100%;

padding:80px 0;


background:

linear-gradient(
rgba(0,24,44,.92),
rgba(0,24,44,.92)
),

url("image/bg.webp");


background-size:cover;

background-position:center;

overflow:hidden;

}



.astro-container{


width:90%;

max-width:1200px;

margin:auto;


display:flex;

align-items:center;

justify-content:space-between;

gap:40px;


}




/* LEFT */


.astro-content{

width:60%;

}



.astro-box{


padding:35px;


background:rgba(4,25,45,.85);


border:1px solid #d6a800;


border-radius:15px;


box-shadow:
0 0 25px rgba(255,200,0,.15);



}



.astro-title{


font-size:15px;

font-weight:600;

line-height:1.7;

color:#ffd43b;


}



.line{


width:335px;

height:4px;

background:white;

margin:15px 0 20px;


}



.astro-box h2{

font-size: 24px;

line-height:1.35;

color:white;

font-weight:700;

margin-bottom:20px;


}


.astro-box h2 span{

color:#ff6900;

}



.astro-box p{


font-size:16px;

line-height:1.9;

color:white;

margin-bottom:15px;


}




/* RIGHT IMAGE */


.astro-image{


width:40%;

height:450px;

position:relative;


display:flex;

align-items:center;

justify-content:center;


}




.zodiac{


position:absolute;


width:420px;

height:420px;


animation:rotate 5s linear infinite;


}



.zodiac img{


width:100%;

height:100%;

object-fit:contain;


filter:

drop-shadow(0 0 20px #ffc400);


opacity:.9;


}




.shiva{


position:relative;

z-index:2;

margin-top:45px;


}



.shiva img{

margin-top: 98px;
width:330px;


/* filter:

drop-shadow(0 0 35px rgba(255,190,0,.5)); */


}





@keyframes rotate{


from{

transform:rotate(0deg);

}


to{

transform:rotate(360deg);

}


}




@media(max-width:900px){


.astro-container{

flex-direction:column;

}



.astro-content,
.astro-image{

width:100%;

}



.astro-content{

text-align:center;

}



.astro-image{

height:350px;

}



.zodiac{

width:330px;

height:330px;

}



.shiva img{

width:240px;
margin-top: 98px;

}


}
/* css */


/* six css */





.psychic-services{

    padding:100px 20px;

    background:
    linear-gradient(rgba(0,24,44,.92),rgba(0,24,44,.92)),
    url("image/bg.webp");

    background-size:cover;
    background-position:center;

    font-family:"Poppins",sans-serif;

}



.service-container{

    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;

}





/* CARD */

.service-card{

    background:rgba(4,22,42,.90);

    border:1px solid #dca52b;

    padding:40px 25px 35px;

    text-align:center;

    position:relative;

    min-height:750px;

    display:flex;

    flex-direction:column;

    transition:.4s;

    overflow:hidden;

}



.service-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 40px rgba(255,190,0,.25);

}


.service-card{

    background:rgba(4,22,42,.88);

    border:1px solid #dca52b;

    padding:35px 18px 25px;

    text-align:center;

    position:relative;

    min-height:680px;

    display:flex;

    flex-direction:column;

    transition:.4s;

    overflow:hidden;

}

.circle-img{

    width:78%;
    aspect-ratio:1/1;

    margin:0 auto 25px;

    border-radius:50%;

    overflow:hidden;

    animation:leftRightMove 3s ease-in-out infinite;

}


.circle-img img{

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:50%;

}



@keyframes leftRightMove{

    0%{
        transform:translateX(0);
    }

    50%{
        transform:translateX(20px);
    }

    100%{
        transform:translateX(0);
    }

}



.service-content{

    margin-top:0;

}


.service-content h3{

    font-size:26px;

    margin-bottom:12px;
    

}


.service-content p{

    font-size:14px;

    line-height:1.7;

    min-height:170px;

    margin:0;

}


.service-content a{

    width:90%;

    margin:15px auto 12px;

    padding:10px;

}


.service-content span{

    width:90%;

    padding:12px;

}




/* ROUND IMAGE */

.circle-img{

    width:78%;

    height:auto;

    aspect-ratio:1 / 1;

    margin:0 auto 35px;

    border-radius:50%;

    overflow:hidden;

    animation:rotateImage 15s linear infinite;

}





.circle-img img{

    width:100%;

    height:100%;

    object-fit:cover;

    border-radius:50%;

}





/* IMAGE ROTATION */

@keyframes rotateImage{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}







/* CONTENT */

.service-content{

    margin-top:10px;

}



.service-content h3{


    color: #f5b800;
    font-family: system-ui;
    font-size: 25px;
    margin-bottom: 15px;

}



.service-content p{

    color:#fff;

    font-size:15px;

    line-height:1.8;

    text-align:justify;

    min-height:200px;

}







/* READ BUTTON */

.service-content a{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    width:85%;

    margin:20px auto 15px;

    padding:12px;

    border-radius:30px;

    border:2px solid #f5b800;

    color:#fff;

    text-decoration:none;

    font-weight:600;

}



.service-content a:before{

    content:"➜";

    display:flex;

    align-items:center;

    justify-content:center;

    width:20px;

    height:20px;

    border:1px solid #fff;

    border-radius:50%;

}







/* CALL BUTTON */

.service-content span{

    display:block;

    width:85%;

    margin:auto;

    padding:13px;

    border-radius:30px;

    background:linear-gradient(90deg,#ffb000,#ff6900);

    color:#fff;

    font-weight:700;

}







/* TABLET */

@media(max-width:992px){


.service-container{

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

}


.circle-img{

    width:70%;

}



.service-card{

    min-height:700px;

}

}







/* MOBILE */

@media(max-width:600px){


.service-container{

    grid-template-columns:1fr;

}



.circle-img{

    width:75%;

}



.service-card{

    padding:35px 20px 30px;

    min-height:auto;

}



.service-content{

    margin-top:5px;

}


}




/* six css */



/* css seven */

.astro-contact-section{

    padding:90px 20px;

    background:
    linear-gradient(rgba(0,24,44,.90),rgba(0,24,44,.90)),
    url("image/bg.webp");

    background-size:cover;
    background-position:center;

    font-family:"Poppins",sans-serif;

}



.astro-contact-container{

    max-width:1100px;

    margin:auto;

    display:grid;

    grid-template-columns:380px 1fr;

    gap:25px;

    align-items:center;

}





/* FORM BOX */

.contact-form-box{

    background:#061c34;

    border-radius:20px;

    padding:35px 25px;

    border-top:5px solid #ffb000;

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

}



.contact-form-box h3{

    text-align:center;

    color:#fff;

    font-size:15px;

    margin-bottom:15px;

}



.contact-form-box input,
.contact-form-box textarea{


    width:100%;

    background:#173451;

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

    padding:12px 15px;

    border-radius:12px;

    margin-bottom:8px;

    color:#fff;

    font-size:14px;

}



.contact-form-box input::placeholder,
.contact-form-box textarea::placeholder{

    color:#b8c4d2;

}



.contact-form-box textarea{

    height:130px;

    resize:none;

    margin-top:10px;

}



.contact-form-box button{

    width:100%;

    padding:14px;

    border:none;

    border-radius:30px;

    background:linear-gradient(90deg,#ff9900,#ffbd45);

    color:#fff;

    font-size:15px;

    font-weight:700;

    margin-top:15px;

    cursor:pointer;

}






/* RIGHT CONTENT */

.astro-content-box{

    background:rgba(6,28,52,.65);

    border:1px solid #dca52b;

    border-radius:15px;

    padding:25px;

}



.astro-content-box h2{

    color:#ffb000;

    font-size:28px;

    line-height:1.3;

    margin-bottom:20px;

    font-weight:700;

}



.astro-content-box p{

    color:#fff;

    font-size:15px;

    line-height:1.8;

    text-align:justify;

    margin-bottom:25px;

}





/* TABLET */

@media(max-width:900px){

.astro-contact-container{

    grid-template-columns:1fr;

}


}






/* MOBILE */

@media(max-width:600px){

.astro-contact-section{

    padding:60px 15px;

}


.astro-content-box h2{

    font-size:23px;

}


}

/* css seven */






.three-image-section{

    padding:80px 20px;

    background:
    linear-gradient(rgba(0,24,44,0.85),rgba(0,24,44,0.85)),
    url("image/bg.webp");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

}


.three-image-container{

    max-width:1200px;
    margin:auto;

    display:flex;
    justify-content:center;
    gap:30px;

}


.image-box{

    width:353px;
    height:353px;

    overflow:hidden;

    border-radius:0px;

}


.image-box img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

}



@media(max-width:1100px){

    .three-image-container{
        flex-wrap:wrap;
    }

}


@media(max-width:600px){

    .image-box{

        width:100%;
        max-width:353px;
        height:353px;

    }

}


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

.cta-experience{
    padding:90px 20px;
    font-family:'Poppins',sans-serif;
    background:
    linear-gradient(rgba(0,24,44,.90),rgba(0,24,44,.90)),
    url("image/bg.webp");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.cta-container{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:42% 58%;
gap:50px;
align-items:center;
}
.cta-left{
    padding:50px 40px;
    border-radius:20px;
    background:rgba(8,38,62,.65);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,183,0,.2);
    color:#fff;
}

.sub-title{
display:inline-block;
font-size:14px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:15px;
}

.cta-left h2{
font-size:48px;
line-height:1.15;
font-weight:800;
margin-bottom:20px;
}

.cta-left p{
font-size:16px;
line-height:1.9;
margin-bottom:30px;
}

.call-btn{
display:inline-flex;
align-items:center;
gap:10px;
padding:15px 28px;
background:#00182c;
color:#fff;
text-decoration:none;
border-radius:50px;
font-weight:600;
transition:.3s;
}

.call-btn:hover{
background:#08263e;
}

.cta-left h3{
margin-top:25px;
font-size:34px;
font-weight:800;
}

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

.info-box{
    background:transparent;
    padding:30px;
    border-radius:18px;
    display:flex;
    gap:18px;
    align-items:flex-start;
    border:1px solid rgba(255,183,0,.25);
    transition:.35s ease;
}

.info-box:hover{
transform:translateY(-8px);
border-color:#ffb700;
box-shadow:0 15px 30px rgba(255,183,0,.18);
}

.info-box i{
width:65px;
height:65px;
min-width:65px;
background:#ffb700;
color:#00182c;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:28px;
}

.info-box h4{
color:#ffb700;
font-size:22px;
margin-bottom:10px;
}

.info-box p{
color:#ddd;
font-size:15px;
line-height:1.7;
}

@media(max-width:991px){

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

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

}

@media(max-width:768px){

.cta-left h2{
font-size:36px;
}

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

.info-box{
padding:25px;
}

}

/* footer */


.footer-section{
    background:#1b1b1b;
    background-size:cover;
    background-position:center;
    padding:80px 20px 0;
    font-family:'Poppins',sans-serif;
}

.footer-container{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.4fr;
    gap:40px;
}

.footer-col h2{
    color:#ffb700;
    font-size:34px;
    margin-bottom:20px;
}

.footer-col h3{
    color:#ffb700;
    font-size:24px;
    margin-bottom:20px;
}

.footer-col p{
    color:#ddd;
    line-height:1.9;
    margin-bottom:15px;
    font-size:15px;
}

.footer-col ul{
    list-style:none;
}

.footer-col ul li{
    margin-bottom:15px;
}

.footer-col ul li a{
    color:#ddd;
    text-decoration:none;
    transition:.3s;
}

.footer-col ul li a:hover{
    color:#ffb700;
    padding-left:8px;
}

.footer-col p i{
    color:#ffb700;
    margin-right:10px;
}

.footer-col p a{
    color:#ddd;
    text-decoration:none;
}

.footer-col p a:hover{
    color:#ffb700;
}

.footer-social{
    display:flex;
    gap:12px;
    margin-top:25px;
}

.footer-social a{
    width:45px;
    height:45px;
    background:#ffb700;
    color:#00182c;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:.4s;
}

.footer-social a:hover{
    background:#fff;
    transform:translateY(-6px);
}

.footer-bottom{
    margin-top:60px;
    border-top:1px solid rgba(255,255,255,.1);
    padding:20px;
    text-align:center;
    color:#ccc;
    font-size:15px;
}

.footer-bottom span{
    color:#ffb700;
    font-weight:600;
}

@media(max-width:991px){

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

}

@media(max-width:600px){

.footer-container{
grid-template-columns:1fr;
text-align:center;
}

.footer-social{
justify-content:center;
}

}
/* footer */