/* =========================================================
   JAMEENGUIDE COMMON CSS
========================================================= */


/* =========================================================
   RESET
========================================================= */

*,
*::before,
*::after{

    box-sizing:border-box;

}


html{

    margin:0;

    padding:0;

    scroll-behavior:smooth;

}


body{

    margin:0;

    padding:0;

    background:#f5f8fd;

    color:#222;

    font-family:
        Arial,
        "Noto Sans Devanagari",
        sans-serif;

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

}


img{

    max-width:100%;

}


a{

    text-decoration:none;

}


button,
a{

    -webkit-tap-highlight-color:transparent;

}


/* =========================================================
   HEADER COMMON
========================================================= */

.jg-header{

    width:100%;

    background:#ffffff;

    display:flex;

    align-items:center;

    justify-content:space-between;

    z-index:1000;

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

}


/* =========================================================
   LOGO
========================================================= */

.jg-logo{

    display:flex;

    align-items:center;

    flex-shrink:0;

}


.jg-logo img{

    display:block;

    width:auto;

    object-fit:contain;

}


/* =========================================================
   DESKTOP NAV COMMON
========================================================= */

.jg-desktop-nav{

    display:flex;

    align-items:center;

}


.jg-desktop-nav a{

    color:#333;

    font-weight:600;

    position:relative;

    transition:
        color .2s ease;

}


.jg-desktop-nav a:hover{

    color:#1976ff;

}


.jg-desktop-nav a.active{

    color:#1976ff;

}


/* =========================================================
   ACTIVE UNDERLINE
========================================================= */

.jg-desktop-nav a.active::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:-8px;

    height:2px;

    background:#1976ff;

    border-radius:10px;

}


/* =========================================================
   LOGIN
========================================================= */

.jg-login-btn{

    color:#1976ff;

    font-weight:600;

    border:2px solid #1976ff;

    border-radius:8px;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;

}


.jg-login-btn:hover{

    background:#1976ff;

    color:#ffffff;

}


.jg-login-btn:active{

    transform:scale(.96);

}


/* =========================================================
   MOBILE BOTTOM NAV COMMON
========================================================= */

.jg-bottom-nav{

    display:none;

}


/* =========================================================
   MOBILE NAV ICON
========================================================= */

.jg-bottom-circle{

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#eef6ff;

    transition:
        background .2s ease,
        transform .2s ease;

}


.jg-bottom-circle svg{

    display:block;

    width:22px;

    height:22px;

    fill:#1677ff;

}


.jg-bottom-circle .icon-white{

    fill:#ffffff;

}


/* =========================================================
   MOBILE NAV ITEM
========================================================= */

.jg-bottom-item{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    color:#111827;

    font-weight:600;

    transition:
        color .2s ease,
        transform .15s ease;

}


.jg-bottom-item.active{

    color:#1677ff;

}


.jg-bottom-item.active
.jg-bottom-circle{

    background:#dcebff;

}


.jg-bottom-item:active{

    transform:scale(.94);

}


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

.jg-footer{

    background:#ffffff;

    border-top:1px solid #e5e7eb;

}


.jg-footer-inner{

    max-width:1200px;

    margin:auto;

    padding:30px 20px;

    text-align:center;

    color:#64748b;

    font-size:14px;

}