/* ===============================
   Sharna Enterprise Branding
================================== */

:root{
    --primary:#4955FD;
    --primary-hover:#3944E8;
    --accent:#A5E300;
    --dark:#1F2937;
    --light:#F8FAFC;
}

/* Top Bar */

header.header .topbar{
    background:var(--dark)!important;
    color:#ffffff;
}

/* Main Header */

header.header{
    background:#ffffff!important;
    border-bottom:1px solid #ececec;
    box-shadow:0 3px 18px rgba(0,0,0,.05);
}

/* Logo */

header.header .logo-img{
    max-height:65px;
}

/* Navigation */

.navbar-nav .nav-link{
    color:#1F2937!important;
    font-weight:600;
    transition:.3s;
}

.navbar-nav .nav-link:hover{
    color:var(--primary)!important;
}

/* Active Menu */

.navbar-nav .active>.nav-link{
    color:var(--primary)!important;
}

/* Primary Button */

.btn-primary{
    background:var(--primary)!important;
    border-color:var(--primary)!important;
}

.btn-primary:hover{
    background:var(--primary-hover)!important;
    border-color:var(--primary-hover)!important;
}

/* Secondary Button */

.btn-outline-primary{
    color:var(--primary)!important;
    border-color:var(--primary)!important;
}

.btn-outline-primary:hover{
    background:var(--primary)!important;
    color:#fff!important;
}

/* Sticky Header */

header.header{
    position:sticky;
    top:0;
    z-index:9999;
}
/* ==========================
   HOSTING PACKAGE CARDS
========================== */

.package {

    border-radius:14px !important;

    overflow:hidden;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    transition:.35s;

    border:none;

}

.package:hover{

    transform:translateY(-8px);

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

}

.package .header{

    background:#4955FD !important;

    color:#fff !important;

    padding:20px;

}

.package.featured .header{

    background:#A5E300 !important;

    color:#1F2937 !important;

}

.package .price{

    font-size:36px;

    font-weight:700;

}

.package .btn{

    border-radius:8px;

    font-weight:600;

}

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

.sharna-footer{

    background:#1F2937;

    color:#fff;

    padding:70px 0 30px;

    margin-top:60px;

}

.sharna-footer h5{

    color:#A5E300;

    margin-bottom:20px;

    font-weight:700;

}

.sharna-footer p{

    color:#d6d6d6;

    line-height:1.8;

}

.sharna-footer ul{

    list-style:none;

    padding:0;

}

.sharna-footer li{

    margin-bottom:10px;

}

.sharna-footer a{

    color:#d6d6d6;

    text-decoration:none;

    transition:.3s;

}

.sharna-footer a:hover{

    color:#A5E300;

}

.sharna-footer hr{

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

    margin:40px 0 25px;

}

.trust-bar{

    background:#4955FD;

    color:#fff;

    text-align:center;

    padding:18px;

    font-weight:600;

}

.trust-bar{

    background:#4955FD;

    color:#fff;

    text-align:center;

    padding:18px;

    font-weight:600;

}

.trust-bar .container{

display:flex;

justify-content:space-around;

flex-wrap:wrap;

gap:20px;

}

.trust-bar i{

margin-right:8px;

color:#A5E300;

}

.footer-social a{

display:inline-flex;

justify-content:center;

align-items:center;

width:42px;

height:42px;

border-radius:50%;

background:#4955FD;

color:#fff;

margin-left:10px;

transition:.3s;

font-size:18px;

}

.footer-social a:hover{

background:#A5E300;

color:#1F2937;

transform:translateY(-3px);

}