/*
Theme Name: Xmoze
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: SaaS Bootstrap HTML5 Landing Template
Version: 1.0.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/style.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

/* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
 @import 'footer';n facts */



/* biometric product style code start */
/* Using the exact same styling from your original code */
.page-banner-wrap {
    background: linear-gradient(135deg, #4a6ee0 0%, #2a4cb3 100%);
}

.single-about-features {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.single-about-features:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.product-feature-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    height: 100%;
    transition: all 0.3s ease;
}

.product-feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.product-icon {
    width: 70px;
    height: 70px;
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.tech-specs-section {
    background: #f8f9fa;
    padding: 80px 0;
}

.spec-item {
    text-align: center;
    padding: 30px 20px;
}

.spec-item .icon {
    font-size: 40px;
    color: #4a6ee0;
    margin-bottom: 15px;
}

.applications-section {
    padding: 80px 0;
}

.application-item {
    text-align: center;
    margin-bottom: 30px;
}

.application-icon {
    width: 80px;
    height: 80px;
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.comparison-section {
    background: #f8f9fa;
    padding: 80px 0;
}

.table-responsive {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.comparison-table {
    width: 100%;
}

.comparison-table th {
    background: #4a6ee0;
    color: white;
    padding: 20px;
    text-align: center;
}

.comparison-table td {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
}

.comparison-table tr:nth-child(even) {
    background: #f9f9f9;
}

.section-bg {
    background: #f8f9fa;
}

/* biometric product style code end */



/* office management start */
/* Office Management Section - Using your exact styling */
.office-management-section {
    padding: 80px 0;
}

.office-feature-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    height: 100%;
    transition: all 0.3s ease;
}

.office-feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.office-icon {
    width: 70px;
    height: 70px;
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.office-icon img {
    max-width: 40px;
}

.implementation-process {
    padding: 80px 0;
    background: #f8f9fa;
}

.process-item {
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 30px;
}

.process-number {
    width: 60px;
    height: 60px;
    background: #4a6ee0;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 20px;
}

.office-devices {
    padding: 80px 0;
}

.device-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.device-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.device-image {
    height: 200px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.device-image img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.device-info {
    padding: 25px;
}

.office-benefits {
    padding: 80px 0;
    background: #f8f9fa;
}

.benefit-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    text-align: center;
}

.benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.benefit-icon {
    font-size: 40px;
    color: #4a6ee0;
    margin-bottom: 20px;
}

.office-stats {
    padding: 80px 0;
}

.stat-box {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.stat-number {
    font-size: 2.5rem;
    font-weight: bold;
    color: #4a6ee0;
    margin-bottom: 10px;
}

/* Using your exact product features style */
.product-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-features li {
    padding: 8px 0;
    color: #555;
    position: relative;
    padding-left: 25px;
}

.product-features li:before {
    content: "✓";
    color: #4a6ee0;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* office management end  */


/* visitor management start */
/* Visitor Management Section - Using your exact styling */
.visitor-management-section {
    padding: 80px 0;
}

.visitor-feature-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    height: 100%;
    transition: all 0.3s ease;
}

.visitor-feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.visitor-icon {
    width: 70px;
    height: 70px;
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.visitor-icon img {
    max-width: 40px;
}

.visitor-process {
    padding: 80px 0;
    background: #f8f9fa;
}

.visitor-process-item {
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 30px;
}

.visitor-process-number {
    width: 60px;
    height: 60px;
    background: #4a6ee0;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 20px;
}

.visitor-devices {
    padding: 80px 0;
}

.visitor-device-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.visitor-device-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.visitor-device-image {
    height: 200px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.visitor-device-image img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.visitor-device-info {
    padding: 25px;
}

.visitor-benefits {
    padding: 80px 0;
    background: #f8f9fa;
}

.visitor-benefit-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    text-align: center;
}

.visitor-benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.visitor-benefit-icon {
    font-size: 40px;
    color: #4a6ee0;
    margin-bottom: 20px;
}

.visitor-stats {
    padding: 80px 0;
}

.visitor-stat-box {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.visitor-stat-number {
    font-size: 2.5rem;
    font-weight: bold;
    color: #4a6ee0;
    margin-bottom: 10px;
}

/* Using your exact product features style */
.product-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-features li {
    padding: 8px 0;
    color: #555;
    position: relative;
    padding-left: 25px;
}

.product-features li:before {
    content: "✓";
    color: #4a6ee0;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* visitor management end */

/* parking management start */

/* Parking Management Section - Using your exact styling */
.parking-management-section {
    padding: 80px 0;
}

.parking-feature-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    height: 100%;
    transition: all 0.3s ease;
}

.parking-feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.parking-icon {
    width: 70px;
    height: 70px;
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.parking-icon img {
    max-width: 40px;
}

.parking-process {
    padding: 80px 0;
    background: #f8f9fa;
}

.parking-process-item {
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 30px;
}

.parking-process-number {
    width: 60px;
    height: 60px;
    background: #4a6ee0;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 20px;
}

.parking-devices {
    padding: 80px 0;
}

.parking-device-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.parking-device-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.parking-device-image {
    height: 200px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.parking-device-image img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.parking-device-info {
    padding: 25px;
}

.parking-benefits {
    padding: 80px 0;
    background: #f8f9fa;
}

.parking-benefit-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    text-align: center;
}

.parking-benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.parking-benefit-icon {
    font-size: 40px;
    color: #4a6ee0;
    margin-bottom: 20px;
}

.parking-stats {
    padding: 80px 0;
}

.parking-stat-box {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.parking-stat-number {
    font-size: 2.5rem;
    font-weight: bold;
    color: #4a6ee0;
    margin-bottom: 10px;
}

/* Using your exact product features style */
.product-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-features li {
    padding: 8px 0;
    color: #555;
    position: relative;
    padding-left: 25px;
}

.product-features li:before {
    content: "✓";
    color: #4a6ee0;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* parking management end */


/* gym management start */

/* Gym Management Section - Using your exact styling */
.gym-management-section {
    padding: 80px 0;
}

.gym-feature-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    height: 100%;
    transition: all 0.3s ease;
}

.gym-feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.gym-icon {
    width: 70px;
    height: 70px;
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.gym-icon img {
    max-width: 40px;
}

.gym-process {
    padding: 80px 0;
    background: #f8f9fa;
}

.gym-process-item {
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 30px;
}

.gym-process-number {
    width: 60px;
    height: 60px;
    background: #4a6ee0;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 20px;
}

.gym-devices {
    padding: 80px 0;
}

.gym-device-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.gym-device-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.gym-device-image {
    height: 200px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.gym-device-image img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.gym-device-info {
    padding: 25px;
}

.gym-benefits {
    padding: 80px 0;
    background: #f8f9fa;
}

.gym-benefit-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    text-align: center;
}

.gym-benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.gym-benefit-icon {
    font-size: 40px;
    color: #4a6ee0;
    margin-bottom: 20px;
}

.gym-stats {
    padding: 80px 0;
}

.gym-stat-box {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.gym-stat-number {
    font-size: 2.5rem;
    font-weight: bold;
    color: #4a6ee0;
    margin-bottom: 10px;
}

/* Using your exact product features style */
.product-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-features li {
    padding: 8px 0;
    color: #555;
    position: relative;
    padding-left: 25px;
}

.product-features li:before {
    content: "✓";
    color: #4a6ee0;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* gym management end */

/* cloud attendance & payroll software start */

/* Cloud Attendance & Payroll Section - Using your exact styling */
.attendance-payroll-section {
    padding: 80px 0;
}

.attendance-payroll-feature-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    height: 100%;
    transition: all 0.3s ease;
}

.attendance-payroll-feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.attendance-payroll-icon {
    width: 70px;
    height: 70px;
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.attendance-payroll-icon img {
    max-width: 40px;
}

.attendance-payroll-process {
    padding: 80px 0;
    background: #f8f9fa;
}

.attendance-payroll-process-item {
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 30px;
}

.attendance-payroll-process-number {
    width: 60px;
    height: 60px;
    background: #4a6ee0;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 20px;
}

.attendance-payroll-devices {
    padding: 80px 0;
}

.attendance-payroll-device-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.attendance-payroll-device-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.attendance-payroll-device-image {
    height: 200px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.attendance-payroll-device-image img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.attendance-payroll-device-info {
    padding: 25px;
}

.attendance-payroll-benefits {
    padding: 80px 0;
    background: #f8f9fa;
}

.attendance-payroll-benefit-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    text-align: center;
}

.attendance-payroll-benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.attendance-payroll-benefit-icon {
    font-size: 40px;
    color: #4a6ee0;
    margin-bottom: 20px;
}

.attendance-payroll-stats {
    padding: 80px 0;
}

.attendance-payroll-stat-box {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.attendance-payroll-stat-number {
    font-size: 2.5rem;
    font-weight: bold;
    color: #4a6ee0;
    margin-bottom: 10px;
}

/* Using your exact product features style */
.product-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-features li {
    padding: 8px 0;
    color: #555;
    position: relative;
    padding-left: 25px;
}

.product-features li:before {
    content: "✓";
    color: #4a6ee0;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* cloud attendance & payroll software end */


/* canteen management start */
/* Cloud Attendance & Payroll Section - Using your exact styling */
.attendance-payroll-section {
    padding: 80px 0;
}

.attendance-payroll-feature-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    height: 100%;
    transition: all 0.3s ease;
}

.attendance-payroll-feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.attendance-payroll-icon {
    width: 70px;
    height: 70px;
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.attendance-payroll-icon img {
    max-width: 40px;
}

.attendance-payroll-process {
    padding: 80px 0;
    background: #f8f9fa;
}

.attendance-payroll-process-item {
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 30px;
}

.attendance-payroll-process-number {
    width: 60px;
    height: 60px;
    background: #4a6ee0;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 20px;
}

.attendance-payroll-devices {
    padding: 80px 0;
}

.attendance-payroll-device-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.attendance-payroll-device-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.attendance-payroll-device-image {
    height: 200px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.attendance-payroll-device-image img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.attendance-payroll-device-info {
    padding: 25px;
}

.attendance-payroll-benefits {
    padding: 80px 0;
    background: #f8f9fa;
}

.attendance-payroll-benefit-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    text-align: center;
}

.attendance-payroll-benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.attendance-payroll-benefit-icon {
    font-size: 40px;
    color: #4a6ee0;
    margin-bottom: 20px;
}

.attendance-payroll-stats {
    padding: 80px 0;
}

.attendance-payroll-stat-box {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.attendance-payroll-stat-number {
    font-size: 2.5rem;
    font-weight: bold;
    color: #4a6ee0;
    margin-bottom: 10px;
}

/* Using your exact product features style */
.product-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-features li {
    padding: 8px 0;
    color: #555;
    position: relative;
    padding-left: 25px;
}

.product-features li:before {
    content: "✓";
    color: #4a6ee0;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* cateen management end */


/* employee tracking management on cloud start */
/* Employee Tracking Management Section - Using your exact styling */
.gym-management-section {
    padding: 80px 0;
}

.gym-feature-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    height: 100%;
    transition: all 0.3s ease;
}

.gym-feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.gym-icon {
    width: 70px;
    height: 70px;
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.gym-icon img {
    max-width: 40px;
}

.gym-process {
    padding: 80px 0;
    background: #f8f9fa;
}

.gym-process-item {
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 30px;
}

.gym-process-number {
    width: 60px;
    height: 60px;
    background: #4a6ee0;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 20px;
}

.gym-benefits {
    padding: 80px 0;
    background: #f8f9fa;
}

.gym-benefit-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    text-align: center;
}

.gym-benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.gym-benefit-icon {
    font-size: 40px;
    color: #4a6ee0;
    margin-bottom: 20px;
}

.gym-stats {
    padding: 80px 0;
}

.gym-stat-box {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.gym-stat-number {
    font-size: 2.5rem;
    font-weight: bold;
    color: #4a6ee0;
    margin-bottom: 10px;
}

/* Using your exact product features style */
.product-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-features li {
    padding: 8px 0;
    color: #555;
    position: relative;
    padding-left: 25px;
}

.product-features li:before {
    content: "✓";
    color: #4a6ee0;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* employee tracking management on cloud end */