/* =====================================================
   MKS Astrology - Global Styles
   Version : 1.0
===================================================== */

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

:root{

    --primary:#8B0000;
    --secondary:#D4AF37;
    --dark:#1E1E1E;
    --light:#ffffff;
    --gray:#f8f9fa;
    --text:#555555;

    --radius:12px;
    --transition:.3s ease;

}

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

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Poppins',sans-serif;
    color:var(--text);
    background:#fff;
    line-height:1.7;
    overflow-x:hidden;

}

/*======================
Typography
=======================*/

h1,h2,h3,h4,h5,h6{

    color:var(--dark);
    font-weight:700;

}

a{

    text-decoration:none;
    transition:var(--transition);

}

img{

    max-width:100%;
    display:block;

}

/*======================
Navbar
=======================*/

.navbar{

    padding:12px 0;
    transition:.4s;
    background:#fff !important;

}

.navbar-brand img{

    height:60px;

}

.navbar-nav .nav-link{

    font-weight:500;
    color:#222;
    margin-left:12px;
    transition:.3s;

}

.navbar-nav .nav-link:hover{

    color:var(--primary);

}

.navbar-nav .nav-link.active{

    color:var(--primary);
    font-weight:600;

}

/* Dropdown */

.dropdown-menu{

    border:none;
    border-radius:10px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.dropdown-item{

    padding:10px 18px;

}

.dropdown-item:hover{

    background:var(--primary);
    color:#fff;

}

/*======================
Buttons
=======================*/

.btn-warning{

    background:var(--secondary);
    border:none;
    color:#fff;
    border-radius:50px;
    font-weight:600;
    transition:.3s;

}

.btn-warning:hover{

    background:var(--primary);
    transform:translateY(-2px);

}

/*======================
Section
=======================*/

section{

    padding:35px 0;

}

.section-title{

    margin-bottom:50px;
    text-align:center;

}

.section-title h2{

    font-size:36px;
    margin-bottom:1px;

}

.section-title p{

    max-width:700px;
    margin:auto;

}

/*======================
Cards
=======================*/

.card{

    border:none;
    border-radius:15px;
    box-shadow:0 12px 30px rgba(0,0,0,.06);
    transition:.3s;

}

.card:hover{

    transform:translateY(-8px);

}


/*======================
Footer
=======================*/

footer{
    background:linear-gradient(135deg,#1b1b1b,#2b1f0f);
    color:#f5f5f5;
    padding:45px 0 10px;
}

footer p,
footer li{
    color:#d9d9d9;
    line-height:1.8;
}

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

footer strong{
    color:#D4AF37;
}

footer a{
    color:#d9d9d9;
    transition:.3s;
}

footer a:hover{
    color:#D4AF37;
    padding-left:5px;
}
/*======================
Whatsapp Floating Button
=======================*/

.whatsapp{

    position:fixed;
    bottom:20px;
    right:20px;

    width:60px;
    height:60px;

    border-radius:50%;
    background:#25D366;

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

    color:#fff;
    font-size:28px;

    z-index:999;

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

}

/*======================
Scroll Top
=======================*/

#scrollTop{

    position:fixed;
    right:20px;
    bottom:90px;

    width:45px;
    height:45px;

    display:none;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

    border:none;

    z-index:999;

}

/*======================
Responsive
=======================*/

@media(max-width:991px){

.navbar-nav{

    padding-top:15px;

}

.navbar-nav .nav-link{

    margin:8px 0;

}

.btn-warning{

    margin-top:10px;
    width:100%;

}

.section-title h2{

    font-size:28px;

}

}