/*
|--------------------------------------------------------------------------
| Biz9jaVerified Main Stylesheet
|--------------------------------------------------------------------------
*/


:root {

    --biz-green: #198754;
    --biz-dark: #0b3d2e;
    --biz-light: #f8f9fa;

}



body {

    font-family: "Segoe UI", Arial, sans-serif;

    overflow-x: hidden;

    background: #ffffff;

}



/*
|--------------------------------------------------------------------------
| Navbar
|--------------------------------------------------------------------------
*/


.navbar-brand img {

    border-radius: 50%;

    object-fit: cover;

}



.nav-link {

    font-weight: 500;

}



.nav-link:hover {

    color: var(--biz-green) !important;

}



/*
|--------------------------------------------------------------------------
| Hero Section
|--------------------------------------------------------------------------
*/


.hero-section {

    background: linear-gradient(
        135deg,
        #ffffff,
        #f1fff7
    );

}



.hero-section h1 {

    color: var(--biz-dark);

}



.hero-section img {

    max-height: 420px;

    object-fit: contain;

}



/*
|--------------------------------------------------------------------------
| Cards
|--------------------------------------------------------------------------
*/


.card {

    border-radius: 15px;

    transition: .3s ease;

}



.card:hover {

    transform: translateY(-5px);

}



/*
|--------------------------------------------------------------------------
| Service Cards
|--------------------------------------------------------------------------
*/


.service-card {

    background: #ffffff;

    padding: 30px;

    border-radius: 15px;

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

    height:100%;

}



/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/


.btn-success {

    background-color: var(--biz-green);

    border-color: var(--biz-green);

}



.btn-success:hover {

    opacity: .9;

}



/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/


footer {

    background: #111111;

}



footer a {

    text-decoration:none;

}



footer a:hover {

    color:#20c997 !important;

}



/*
|--------------------------------------------------------------------------
| WhatsApp Floating Button
|--------------------------------------------------------------------------
*/


.whatsapp-chat {


    position: fixed;


    right: 25px;


    bottom: 120px;


    width: 60px;


    height: 60px;


    background:#25D366;


    color:#ffffff;


    border-radius:50%;


    display:flex;


    align-items:center;


    justify-content:center;


    font-size:32px;


    text-decoration:none;


    z-index:9998;


    box-shadow:0 5px 15px rgba(0,0,0,.3);


}



.whatsapp-chat:hover {


    color:white;


    transform:scale(1.1);


}



/*
|--------------------------------------------------------------------------
| Back To Top
|--------------------------------------------------------------------------
*/


#backToTop {


    position:fixed;


    right:25px;


    bottom:40px;


    width:45px;


    height:45px;


    display:none;


    z-index:9997;


}



/*
|--------------------------------------------------------------------------
| Badges
|--------------------------------------------------------------------------
*/


.badge {


    border-radius:20px;

}



/*
|--------------------------------------------------------------------------
| Images
|--------------------------------------------------------------------------
*/


img {


    max-width:100%;


}



/*
|--------------------------------------------------------------------------
| Mobile Responsive
|--------------------------------------------------------------------------
*/


@media(max-width:768px){


    .hero-section h1 {

        font-size:2rem;

    }



    .whatsapp-chat {


        right:15px;

        bottom:110px;

        width:55px;

        height:55px;

        font-size:28px;


    }



}