html > body {
background-color: #f2f4f7!important;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation {
background-color: #dcdee0!important;
}
.navbar.lw-sidebar-container {
background-color: #ffffff!important;
}
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link[data-toggle=collapse]:after,
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link,
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link .fa {
color: #212528!important;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar {
background-color: #4c7e5b!important;
}
.card.lw-whatsapp-chat-block-container .nav-tabs {
border-color: #75c38c !important;
}
.lw-page-title,a {
color: #75c38c;
}
.lw-page-title:hover,a:hover {
color: #5d9c70;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .send .circle {
background-color: #75c38c;
border-color: #69af7e;
}
.mdtoast.mdt--primary
,.lw-minimized-menu .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before,
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, .dropdown-item.active, .dropdown-item:active
,.main-content .navbar-top
{
background-color: #75c38c;
border-color: #69af7e;
color: #ffffff;
}
.mdtoast.mdt--secondary
{
background-color: #6c757d;
border-color: #616970;
color: #ffffff;
}
.mdtoast.mdt--success
{
background-color: #28a745;
border-color: #24963e;
color: #ffffff;
}
.mdtoast.mdt--danger
{
background-color: #ff1928;
border-color: #e51624;
color: #ffffff;
}
.mdtoast.mdt--warning
{
background-color: #ffc107;
border-color: #e5ad06;
color: #ffffff;
}
.mdtoast.mdt--info
{
background-color: #0ea5e9;
border-color: #0c94d1;
color: #ffffff;
}
.mdtoast.mdt--light
{
background-color: #adb5bd;
border-color: #9ba2aa;
color: #ffffff;
}
.mdtoast.mdt--dark
{
background-color: #212528;
border-color: #1d2124;
color: #ffffff;
}
.mdtoast.mdt--muted
{
background-color: #8898aa;
border-color: #7a8899;
color: #ffffff;
}
.bg-primary { background-color: #75c38c !important; }
.text-primary { color: #75c38c !important; }
.btn.btn-primary { background-color: #75c38c !important; border-color: #75c38c !important; color:
#fff !important; }
.btn.btn-primary:hover { background-color: #69af7e !important;
border-color: #69af7e !important; }
.btn.btn-outline-primary { color: #75c38c !important; border-color: #75c38c !important; }
.btn.btn-outline-primary:hover { background-color: #75c38c !important; color: #fff !important; }
.alert.alert-primary { background-color: #75c38c !important; border-color: #6fb985 !important; color: #fff !important; }
.badge.badge-primary { background-color: #75c38c !important; color: #fff !important; }
.card.card-primary { background-color: #75c38c !important; border-color: #6fb985 !important; color: #fff !important; }
.list-group-item.list-group-item-primary { background-color: #75c38c !important; border-color: #6fb985 !important; color: #fff !important; }
.table.table-primary { background-color: #75c38c !important; color: #fff !important; }
.border.border-primary { border-color: #75c38c !important; }
.bg-secondary { background-color: #6c757d !important; }
.text-secondary { color: #6c757d !important; }
.btn.btn-secondary { background-color: #6c757d !important; border-color: #6c757d !important; color:
#fff !important; }
.btn.btn-secondary:hover { background-color: #616970 !important;
border-color: #616970 !important; }
.btn.btn-outline-secondary { color: #6c757d !important; border-color: #6c757d !important; }
.btn.btn-outline-secondary:hover { background-color: #6c757d !important; color: #fff !important; }
.alert.alert-secondary { background-color: #6c757d !important; border-color: #666f76 !important; color: #fff !important; }
.badge.badge-secondary { background-color: #6c757d !important; color: #fff !important; }
.card.card-secondary { background-color: #6c757d !important; border-color: #666f76 !important; color: #fff !important; }
.list-group-item.list-group-item-secondary { background-color: #6c757d !important; border-color: #666f76 !important; color: #fff !important; }
.table.table-secondary { background-color: #6c757d !important; color: #fff !important; }
.border.border-secondary { border-color: #6c757d !important; }
.bg-success { background-color: #28a745 !important; }
.text-success { color: #28a745 !important; }
.btn.btn-success { background-color: #28a745 !important; border-color: #28a745 !important; color:
#fff !important; }
.btn.btn-success:hover { background-color: #24963e !important;
border-color: #24963e !important; }
.btn.btn-outline-success { color: #28a745 !important; border-color: #28a745 !important; }
.btn.btn-outline-success:hover { background-color: #28a745 !important; color: #fff !important; }
.alert.alert-success { background-color: #28a745 !important; border-color: #269e41 !important; color: #fff !important; }
.badge.badge-success { background-color: #28a745 !important; color: #fff !important; }
.card.card-success { background-color: #28a745 !important; border-color: #269e41 !important; color: #fff !important; }
.list-group-item.list-group-item-success { background-color: #28a745 !important; border-color: #269e41 !important; color: #fff !important; }
.table.table-success { background-color: #28a745 !important; color: #fff !important; }
.border.border-success { border-color: #28a745 !important; }
.bg-danger { background-color: #ff1928 !important; }
.text-danger { color: #ff1928 !important; }
.btn.btn-danger { background-color: #ff1928 !important; border-color: #ff1928 !important; color:
#fff !important; }
.btn.btn-danger:hover { background-color: #e51624 !important;
border-color: #e51624 !important; }
.btn.btn-outline-danger { color: #ff1928 !important; border-color: #ff1928 !important; }
.btn.btn-outline-danger:hover { background-color: #ff1928 !important; color: #fff !important; }
.alert.alert-danger { background-color: #ff1928 !important; border-color: #f21726 !important; color: #fff !important; }
.badge.badge-danger { background-color: #ff1928 !important; color: #fff !important; }
.card.card-danger { background-color: #ff1928 !important; border-color: #f21726 !important; color: #fff !important; }
.list-group-item.list-group-item-danger { background-color: #ff1928 !important; border-color: #f21726 !important; color: #fff !important; }
.table.table-danger { background-color: #ff1928 !important; color: #fff !important; }
.border.border-danger { border-color: #ff1928 !important; }
.bg-warning { background-color: #ffc107 !important; }
.text-warning { color: #ffc107 !important; }
.btn.btn-warning { background-color: #ffc107 !important; border-color: #ffc107 !important; color:
#fff !important; }
.btn.btn-warning:hover { background-color: #e5ad06 !important;
border-color: #e5ad06 !important; }
.btn.btn-outline-warning { color: #ffc107 !important; border-color: #ffc107 !important; }
.btn.btn-outline-warning:hover { background-color: #ffc107 !important; color: #fff !important; }
.alert.alert-warning { background-color: #ffc107 !important; border-color: #f2b706 !important; color: #fff !important; }
.badge.badge-warning { background-color: #ffc107 !important; color: #fff !important; }
.card.card-warning { background-color: #ffc107 !important; border-color: #f2b706 !important; color: #fff !important; }
.list-group-item.list-group-item-warning { background-color: #ffc107 !important; border-color: #f2b706 !important; color: #fff !important; }
.table.table-warning { background-color: #ffc107 !important; color: #fff !important; }
.border.border-warning { border-color: #ffc107 !important; }
.bg-info { background-color: #0ea5e9 !important; }
.text-info { color: #0ea5e9 !important; }
.btn.btn-info { background-color: #0ea5e9 !important; border-color: #0ea5e9 !important; color:
#fff !important; }
.btn.btn-info:hover { background-color: #0c94d1 !important;
border-color: #0c94d1 !important; }
.btn.btn-outline-info { color: #0ea5e9 !important; border-color: #0ea5e9 !important; }
.btn.btn-outline-info:hover { background-color: #0ea5e9 !important; color: #fff !important; }
.alert.alert-info { background-color: #0ea5e9 !important; border-color: #0d9cdd !important; color: #fff !important; }
.badge.badge-info { background-color: #0ea5e9 !important; color: #fff !important; }
.card.card-info { background-color: #0ea5e9 !important; border-color: #0d9cdd !important; color: #fff !important; }
.list-group-item.list-group-item-info { background-color: #0ea5e9 !important; border-color: #0d9cdd !important; color: #fff !important; }
.table.table-info { background-color: #0ea5e9 !important; color: #fff !important; }
.border.border-info { border-color: #0ea5e9 !important; }
.bg-light { background-color: #adb5bd !important; }
.text-light { color: #adb5bd !important; }
.btn.btn-light { background-color: #adb5bd !important; border-color: #adb5bd !important; color:
#fff !important; }
.btn.btn-light:hover { background-color: #9ba2aa !important;
border-color: #9ba2aa !important; }
.btn.btn-outline-light { color: #adb5bd !important; border-color: #adb5bd !important; }
.btn.btn-outline-light:hover { background-color: #adb5bd !important; color: #fff !important; }
.alert.alert-light { background-color: #adb5bd !important; border-color: #a4abb3 !important; color: #fff !important; }
.badge.badge-light { background-color: #adb5bd !important; color: #fff !important; }
.card.card-light { background-color: #adb5bd !important; border-color: #a4abb3 !important; color: #fff !important; }
.list-group-item.list-group-item-light { background-color: #adb5bd !important; border-color: #a4abb3 !important; color: #fff !important; }
.table.table-light { background-color: #adb5bd !important; color: #fff !important; }
.border.border-light { border-color: #adb5bd !important; }
.bg-dark { background-color: #212528 !important; }
.text-dark { color: #212528 !important; }
.btn.btn-dark { background-color: #212528 !important; border-color: #212528 !important; color:
#fff !important; }
.btn.btn-dark:hover { background-color: #1d2124 !important;
border-color: #1d2124 !important; }
.btn.btn-outline-dark { color: #212528 !important; border-color: #212528 !important; }
.btn.btn-outline-dark:hover { background-color: #212528 !important; color: #fff !important; }
.alert.alert-dark { background-color: #212528 !important; border-color: #1f2326 !important; color: #fff !important; }
.badge.badge-dark { background-color: #212528 !important; color: #fff !important; }
.card.card-dark { background-color: #212528 !important; border-color: #1f2326 !important; color: #fff !important; }
.list-group-item.list-group-item-dark { background-color: #212528 !important; border-color: #1f2326 !important; color: #fff !important; }
.table.table-dark { background-color: #212528 !important; color: #fff !important; }
.border.border-dark { border-color: #212528 !important; }
.bg-muted { background-color: #8898aa !important; }
.text-muted { color: #8898aa !important; }
.btn.btn-muted { background-color: #8898aa !important; border-color: #8898aa !important; color:
#fff !important; }
.btn.btn-muted:hover { background-color: #7a8899 !important;
border-color: #7a8899 !important; }
.btn.btn-outline-muted { color: #8898aa !important; border-color: #8898aa !important; }
.btn.btn-outline-muted:hover { background-color: #8898aa !important; color: #fff !important; }
.alert.alert-muted { background-color: #8898aa !important; border-color: #8190a1 !important; color: #fff !important; }
.badge.badge-muted { background-color: #8898aa !important; color: #fff !important; }
.card.card-muted { background-color: #8898aa !important; border-color: #8190a1 !important; color: #fff !important; }
.list-group-item.list-group-item-muted { background-color: #8898aa !important; border-color: #8190a1 !important; color: #fff !important; }
.table.table-muted { background-color: #8898aa !important; color: #fff !important; }
.border.border-muted { border-color: #8898aa !important; }

html > body {
    background: #f2f4f7!important;
}

<style>

/* Global Smooth UI */
body {
    font-family: 'Inter', sans-serif !important;
    background: #f5f7fb !important;
}

/* Navbar */
.navbar {
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 20px rgba(0,0,0,0.05);
}

/* Hero Section */
.lw-banner-section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

/* Cards */
.card,
.feature-card,
.pricing-card {
    border-radius: 18px !important;
    border: none !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06) !important;
    transition: all 0.3s ease;
}

.card:hover,
.feature-card:hover,
.pricing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 35px rgba(0,0,0,0.12) !important;
}

/* Buttons */
.btn {
    border-radius: 12px !important;
    font-weight: 600 !important;
    padding: 10px 22px !important;
}

/* Headings */
h1,h2,h3,h4,h5 {
    font-weight: 700 !important;
    letter-spacing: -0.5px;
}

/* Feature Icons */
.feature-icon,
.lw-feature-icon {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,#14b8a6,#0f766e);
    color: white;
    font-size: 24px;
}

/* Pricing Cards */
.pricing-card {
    overflow: hidden;
}

/* FAQ */
.accordion-button {
    font-weight: 600 !important;
}

/* Footer */
footer {
    background: #0f172a !important;
    color: white !important;
}

/* Sections */
section {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* Smooth Animations */
* {
    transition: all .2s ease;
}

</style>

.feature-card {
    border-radius: 18px !important;
    transition: all 0.3s ease !important;
    background: #ffffff !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06) !important;
}

.feature-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important;
}

.hero-title {
    font-size: 64px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}

.pricing-card {
    border-radius: 20px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
}

.pricing-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
}