        :root {

            --primary: #2563eb;

            --primary-dark: #1d4ed8;

            --secondary: #10b981;

            --dark: #1e293b;

            --light: #f8fafc;

            --gray: #64748b;

            --light-gray: #e2e8f0;

        }

        

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }

        

        body {

            font-family: 'Inter', sans-serif;

            color: var(--dark);

            line-height: 1.6;

            background-color: #ffffff;

        }

        

        .container {

            width: 100%;

            max-width: 1200px;

            margin: 0 auto;

            padding: 0 20px;

        }

        

        /* Header */

        header {

            padding: 20px 0;

            border-bottom: 1px solid var(--light-gray);

            position: sticky;

            top: 0;

            background-color: white;

            z-index: 100;

        }

        

        .header-container {

            display: flex;

            justify-content: space-between;

            align-items: center;

        }

        

        .logo {

            font-size: 24px;

            font-weight: 700;

            color: var(--primary);

            text-decoration: none;

        }

        

        .logo span {

            color: var(--secondary);

        }

        

        nav ul {

            display: flex;

            list-style: none;

        }

        

        nav ul li {

            margin-left: 30px;

        }

        

        nav ul li a {

            text-decoration: none;

            color: var(--dark);

            font-weight: 500;

            transition: color 0.3s;

        }

        

        nav ul li a:hover {

            color: var(--primary);

        }

        

        .mobile-menu-btn {

            display: none;

            background: none;

            border: none;

            font-size: 24px;

            cursor: pointer;

        }

        

        /* Hero Section */

        .hero {

            padding: 80px 0;

            text-align: center;

            background: linear-gradient(to bottom, #f8fafc, #ffffff);

        }

        

        .hero h1 {

            font-size: 2.5rem;

            margin-bottom: 20px;

            line-height: 1.2;

            color: var(--dark);

        }

        

        .hero p {

            font-size: 1.1rem;

            color: var(--gray);

            max-width: 700px;

            margin: 0 auto 40px;

        }

        

        .cta-buttons {

            display: flex;

            justify-content: center;

            gap: 15px;

            flex-wrap: wrap;

        }

        

        .btn {

            display: inline-block;

            padding: 12px 24px;

            border-radius: 6px;

            font-weight: 600;

            text-decoration: none;

            transition: all 0.3s;

        }

        

        .btn-primary {

            background-color: var(--primary);

            color: white;

        }

        

        .btn-primary:hover {

            background-color: var(--primary-dark);

            transform: translateY(-2px);

        }

        

        .btn-secondary {

            background-color: white;

            color: var(--primary);

            border: 1px solid var(--primary);

        }

        

        .btn-secondary:hover {

            background-color: var(--primary);

            color: white;

            transform: translateY(-2px);

        }

        

        .btn-tertiary {

            background-color: var(--secondary);

            color: white;

        }

        

        .btn-tertiary:hover {

            opacity: 0.9;

            transform: translateY(-2px);

        }

        

        /* Clients Section */

        .clients {

            padding: 40px 0;

            background-color: var(--light);

        }

        

        .clients h2 {

            text-align: center;

            margin-bottom: 30px;

            color: var(--gray);

            font-size: 1rem;

            font-weight: 500;

            text-transform: uppercase;

            letter-spacing: 1px;

        }

        

        .client-logos {

            display: flex;

            justify-content: space-around;

            align-items: center;

            flex-wrap: wrap;

            gap: 30px;

        }

        

        .client-logos img {

            height: 100px;

            

        }

        

        .client-logos img:hover {

            opacity: 1;

            filter: grayscale(0);

        }

        

        /* Who We Help */

        .who-we-help {

            padding: 80px 0;

        }

        

        .section-header {

            text-align: center;

            margin-bottom: 50px;

        }

        

        .section-header h2 {

            font-size: 2rem;

            margin-bottom: 15px;

        }

        

        .section-header p {

            color: var(--gray);

            max-width: 600px;

            margin: 0 auto;

        }

        

        .industries {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

            gap: 20px;

            margin-bottom: 40px;

        }

        

        .industry-card {

            background-color: var(--light);

            border-radius: 8px;

            padding: 25px;

            text-align: center;

            transition: transform 0.3s;

        }

        

        .industry-card:hover {

            transform: translateY(-5px);

            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

        }

        

        .industry-card i {

            font-size: 2rem;

            margin-bottom: 15px;

            color: var(--primary);

        }

        

        .industry-card h3 {

            margin-bottom: 10px;

        }

        

        .features-banner {

            background-color: var(--primary);

            color: white;

            padding: 15px;

            border-radius: 8px;

            display: flex;

            justify-content: center;

            flex-wrap: wrap;

            gap: 30px;

        }

        

        .features-banner span {

            display: flex;

            align-items: center;

            gap: 8px;

        }

        

        /* Products */

        .products {

            padding: 80px 0;

            background-color: var(--light);

        }

        

        .products-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 25px;

            margin-bottom: 40px;

        }

        

        .product-card {

            background-color: white;

            border-radius: 8px;

            overflow: hidden;

            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

            transition: all 0.3s;

        }

        

        .product-card:hover {

            transform: translateY(-5px);

            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

        }

        

        .product-img {

            height: 180px;

            background-color: var(--light-gray);

            display: flex;

            align-items: center;

            justify-content: center;

            color: var(--gray);

        }

        

        .product-content {

            padding: 25px;

        }

        

        .product-content h3 {

            margin-bottom: 10px;

        }

        

        .product-content p {

            color: var(--gray);

            margin-bottom: 20px;

        }

        

        .view-all {

            text-align: center;

        }

        

        .view-all a {

            color: var(--primary);

            font-weight: 600;

            text-decoration: none;

            display: inline-flex;

            align-items: center;

            gap: 5px;

        }

        

        /* Why Choose Us */

        .why-us {

            padding: 80px 0;

        }

        

        .benefits {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

            gap: 30px;

        }

        

        .benefit-card {

            text-align: center;

            padding: 30px 20px;

        }

        

        .benefit-card i {

            font-size: 2.5rem;

            color: var(--primary);

            margin-bottom: 20px;

        }

        

        .benefit-card h3 {

            margin-bottom: 15px;

        }

        

        .benefit-card p {

            color: var(--gray);

        }

        

        /* Testimonials */

        .testimonials {

            padding: 80px 0;

            background-color: var(--light);

        }

        

        .testimonials-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 25px;

        }

        

        .testimonial-card {

            background-color: white;

            border-radius: 8px;

            padding: 30px;

            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

        }

        

        .testimonial-card p {

            font-style: italic;

            margin-bottom: 20px;

            color: var(--dark);

        }

        

        .testimonial-author {

            display: flex;

            align-items: center;

            gap: 15px;

        }

        

        .author-avatar {

            width: 50px;

            height: 50px;

            border-radius: 50%;

            background-color: var(--light-gray);

            display: flex;

            align-items: center;

            justify-content: center;

            color: var(--gray);

            font-weight: bold;

        }

        

        .author-info h4 {

            margin-bottom: 5px;

        }

        

        .author-info p {

            font-style: normal;

            font-size: 0.9rem;

            color: var(--gray);

        }

        

        /* Blog */

        .blog {

            padding: 80px 0;

        }

        

        .blog-posts {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 25px;

            margin-bottom: 40px;

        }

        

        .blog-card {

            background-color: white;

            border-radius: 8px;

            overflow: hidden;

            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

            transition: all 0.3s;

        }

        

        .blog-card:hover {

            transform: translateY(-5px);

            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

        }

        

        .blog-img {

            height: 180px;

            background-color: var(--light-gray);

            display: flex;

            align-items: center;

            justify-content: center;

            color: var(--gray);

        }

        

        .blog-content {

            padding: 25px;

        }

        

        .blog-content h3 {

            margin-bottom: 10px;

        }

        

        .blog-content p {

            color: var(--gray);

            margin-bottom: 15px;

        }

        

        .blog-link {

            color: var(--primary);

            font-weight: 600;

            text-decoration: none;

            font-size: 0.9rem;

        }

        

        /* CTA */

        .cta {

            padding: 80px 0;

            background-color: var(--primary);

            color: white;

            text-align: center;

        }

        

        .cta h2 {

            margin-bottom: 20px;

            font-size: 2rem;

        }

        

        .cta p {

            max-width: 600px;

            margin: 0 auto 40px;

            opacity: 0.9;

        }

        

        /* Footer */

        footer {

            background-color: var(--dark);

            color: white;

            padding: 60px 0 20px;

        }

        

        .footer-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

            gap: 40px;

            margin-bottom: 40px;

        }

        

        .footer-col h3 {

            margin-bottom: 20px;

            font-size: 1.2rem;

        }

        

        .footer-col ul {

            list-style: none;

        }

        

        .footer-col ul li {

            margin-bottom: 10px;

        }

        

        .footer-col ul li a {

            color: var(--light-gray);

            text-decoration: none;

            transition: color 0.3s;

        }

        

        .footer-col ul li a:hover {

            color: white;

        }

        

        .contact-info {

            display: flex;

            flex-direction: column;

            gap: 15px;

        }

        

        .contact-info a {

            color: white;

            text-decoration: none;

            display: flex;

            align-items: center;

            gap: 10px;

        }

        

        .footer-bottom {

            border-top: 1px solid rgba(255, 255, 255, 0.1);

            padding-top: 20px;

            text-align: center;

            color: var(--light-gray);

            font-size: 0.9rem;

        }

        

        /* Responsive */

        @media (max-width: 768px) {

            nav {

                display: none;

                position: absolute;

                top: 80px;

                left: 0;

                width: 100%;

                background-color: white;

                padding: 20px;

                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

            }

            

            nav.active {

                display: block;

            }

            

            nav ul {

                flex-direction: column;

                gap: 15px;

            }

            

            nav ul li {

                margin-left: 0;

            }

            

            .mobile-menu-btn {

                display: block;

            }

            

            .hero h1 {

                font-size: 2rem;

            }

            

            .cta-buttons {

                flex-direction: column;

                align-items: center;

            }

            

            .btn {

                width: 100%;

                max-width: 300px;

            }

        }

        /* Same CSS as homepage - omitted for brevity */

        /* Add these additional styles for the product page */

        

        .product-hero {

            background: linear-gradient(to right, #f8fafc, #ffffff);

            padding: 80px 0;

        }

        

        .product-hero-content {

            display: flex;

            align-items: center;

            gap: 50px;

        }

        

        .product-hero-text {

            flex: 1;

        }

        

        .product-hero-image {

            flex: 1;

            text-align: center;

        }

        

        .product-hero-image img {

            max-width: 100%;

            border-radius: 8px;

            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

        }

        

        .product-hero h1 {

            font-size: 2.5rem;

            margin-bottom: 20px;

        }

        

        .product-hero p {

            color: var(--gray);

            margin-bottom: 30px;

            font-size: 1.1rem;

        }

        

        .product-badge {

            display: inline-block;

            background-color: var(--secondary);

            color: white;

            padding: 5px 15px;

            border-radius: 20px;

            font-size: 0.9rem;

            font-weight: 600;

            margin-bottom: 15px;

        }

        

        .features-section {

            padding: 80px 0;

        }

        

        .features-tabs {

            display: flex;

            justify-content: center;

            margin-bottom: 40px;

            flex-wrap: wrap;

            gap: 10px;

        }

        

        .features-tab {

            padding: 12px 25px;

            background-color: var(--light);

            border-radius: 6px;

            cursor: pointer;

            font-weight: 500;

            transition: all 0.3s;

        }

        

        .features-tab.active {

            background-color: var(--primary);

            color: white;

        }

        

        .features-content {

            display: none;

        }

        

        .features-content.active {

            display: block;

        }

        

        .feature-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 30px;

        }

        

        .feature-card {

            background-color: white;

            border-radius: 8px;

            padding: 30px;

            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

        }

        

        .feature-card i {

            font-size: 1.5rem;

            color: var(--primary);

            margin-bottom: 15px;

        }

        

        .feature-card h3 {

            margin-bottom: 15px;

        }

        

        .feature-card p {

            color: var(--gray);

        }

        

        .product-gallery {

            padding: 80px 0;

            background-color: var(--light);

        }

        

        .gallery-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 20px;

        }

        

        .gallery-item {

            border-radius: 8px;

            overflow: hidden;

            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

        }

        

        .gallery-item img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: transform 0.3s;

        }

        

        .gallery-item:hover img {

            transform: scale(1.05);

        }

        

        .pricing-section {

            padding: 80px 0;

        }

        

        .pricing-cards {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 30px;

            margin-top: 50px;

        }

        

        .pricing-card {

            background-color: white;

            border-radius: 8px;

            padding: 40px 30px;

            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

            position: relative;

            transition: all 0.3s;

        }

        

        .pricing-card:hover {

            transform: translateY(-5px);

            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

        }

        

        .pricing-card.popular {

            border: 2px solid var(--primary);

        }

        

        .popular-badge {

            position: absolute;

            top: -15px;

            right: 20px;

            background-color: var(--primary);

            color: white;

            padding: 5px 15px;

            border-radius: 20px;

            font-size: 0.8rem;

            font-weight: 600;

        }

        

        .pricing-card h3 {

            font-size: 1.5rem;

            margin-bottom: 10px;

        }

        

        .price {

            font-size: 2.5rem;

            font-weight: 700;

            margin-bottom: 20px;

            color: var(--dark);

        }

        

        .price span {

            font-size: 1rem;

            color: var(--gray);

            font-weight: 400;

        }

        

        .pricing-features {

            margin-bottom: 30px;

        }

        

        .pricing-features li {

            margin-bottom: 10px;

            display: flex;

            align-items: center;

            gap: 10px;

        }

        

        .pricing-features li i {

            color: var(--secondary);

        }

        

        .faq-section {

            padding: 80px 0;

            background-color: var(--light);

        }

        

        .faq-container {

            max-width: 800px;

            margin: 0 auto;

        }

        

        .faq-item {

            margin-bottom: 15px;

            border-radius: 8px;

            overflow: hidden;

            background-color: white;

            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

        }

        

        .faq-question {

            padding: 20px;

            display: flex;

            justify-content: space-between;

            align-items: center;

            cursor: pointer;

            font-weight: 600;

        }

        

        .faq-question i {

            transition: transform 0.3s;

        }

        

        .faq-question.active i {

            transform: rotate(180deg);

        }

        

        .faq-answer {

            padding: 0 20px;

            max-height: 0;

            overflow: hidden;

            transition: max-height 0.3s, padding 0.3s;

            color: var(--gray);

        }

        

        .faq-answer.active {

            padding: 0 20px 20px;

            max-height: 500px;

        }

        

        .contact-form-section {

            padding: 80px 0;

        }

        

        .form-container {

            max-width: 600px;

            margin: 0 auto;

            background-color: white;

            border-radius: 8px;

            padding: 40px;

            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

        }

        

        .form-group {

            margin-bottom: 20px;

        }

        

        .form-group label {

            display: block;

            margin-bottom: 8px;

            font-weight: 500;

        }

        

        .form-group input,

        .form-group textarea,

        .form-group select {

            width: 100%;

            padding: 12px 15px;

            border: 1px solid var(--light-gray);

            border-radius: 6px;

            font-family: 'Inter', sans-serif;

        }

        

        .form-group textarea {

            min-height: 120px;

        }

        

        @media (max-width: 768px) {

            .product-hero-content {

                flex-direction: column;

            }

            

            .product-hero-text,

            .product-hero-image {

                flex: auto;

                width: 100%;

            }

            

            .product-hero-image {

                order: -1;

            }

        }

 

         .products-hero {

            background: linear-gradient(to right, #f8fafc, #ffffff);

            padding: 80px 0;

            text-align: center;

        }

        

        .products-hero h1 {

            font-size: 2.5rem;

            margin-bottom: 20px;

        }

        

        .products-hero p {

            color: var(--gray);

            max-width: 700px;

            margin: 0 auto 40px;

            font-size: 1.1rem;

        }

        

        .product-categories {

            padding: 60px 0;

        }

        

        .category-tabs {

            display: flex;

            justify-content: center;

            margin-bottom: 40px;

            flex-wrap: wrap;

            gap: 10px;

        }

        

        .category-tab {

            padding: 12px 25px;

            background-color: var(--light);

            border-radius: 6px;

            cursor: pointer;

            font-weight: 500;

            transition: all 0.3s;

        }

        

        .category-tab.active {

            background-color: var(--primary);

            color: white;

        }

        

        .products-grid {

            display: grid;

            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));

            gap: 30px;

        }

        

        .product-card {

            background-color: white;

            border-radius: 8px;

            overflow: hidden;

            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

            transition: all 0.3s;

        }

        

        .product-card:hover {

            transform: translateY(-5px);

            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

        }

        

        .product-badge {

            position: absolute;

            top: 15px;

            right: 15px;

            background-color: var(--secondary);

            color: white;

            padding: 5px 10px;

            border-radius: 20px;

            font-size: 0.8rem;

            font-weight: 600;

        }

        

        .product-img {

            height: 180px;

            background-color: var(--light-gray);

            display: flex;

            align-items: center;

            justify-content: center;

            position: relative;

        }

        

        .product-img i {

            font-size: 3rem;

            color: var(--primary);

        }

        

        .product-content {

            padding: 20px;

        }

        

        .product-content h3 {

            margin-bottom: 10px;

        }

        

        .product-content p {

            color: var(--gray);

            margin-bottom: 20px;

            font-size: 0.95rem;

        }

        

        .product-meta {

            display: flex;

            justify-content: space-between;

            align-items: center;

            margin-top: 15px;

        }

        

        .starting-price {

            font-weight: 600;

            color: var(--dark);

        }

        

        .view-product {

            color: var(--primary);

            font-weight: 600;

            text-decoration: none;

            font-size: 0.9rem;

            display: flex;

            align-items: center;

            gap: 5px;

        }

        

        .industry-showcase {

            padding: 80px 0;

            background-color: var(--light);

        }

        

        .industry-cards {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 30px;

        }

        

        .industry-card {

            background-color: white;

            border-radius: 8px;

            padding: 30px;

            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

        }

        

        .industry-card h3 {

            margin-bottom: 20px;

          /*  display: flex; */

            align-items: center;

            gap: 10px;

        }

        

        .industry-card ul {

            list-style: none;

        }

        

        .industry-card ul li {

            margin-bottom: 10px;

            display: flex;

            align-items: center;

            gap: 10px;

        }

        

        .industry-card ul li i {

            color: var(--secondary);

        }	

        .pricing-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.pricing-card {
  flex: 1 1 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  min-height: 550px; /* You can adjust this */
  position: relative;
}

.pricing-card h3,
.pricing-card .price,
.pricing-card p,
.pricing-card ul {
  margin-bottom: 16px;
}

.pricing-card .btn {
  margin-top: auto;
  align-self: stretch;
}


   .ai-intelligence-section {
        padding: 100px 0;
        background-color: var(--cool-mist);
    }

    .ai-features-table {
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 5px 30px rgba(10, 31, 61, 0.08);
        margin: 50px 0;
    }

    .ai-table-header {
        display: grid;
        grid-template-columns: 1.5fr 2fr;
        background-color: var(--deep-navy);
        color: white;
        padding: 18px 25px;
        font-weight: 600;
        font-size: 15px;
    }

    .ai-feature-row {
        display: grid;
        grid-template-columns: 1.5fr 2fr;
        background-color: white;
        padding: 25px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
    }

    .ai-feature-row:last-child {
        border-bottom: none;
    }

    .ai-feature-row:hover {
        background-color: rgba(42, 157, 143, 0.03);
    }

    .feature-icon-badge {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .feature-icon-badge i {
        font-size: 20px;
        width: 40px;
        height: 40px;
        background-color: rgba(42, 157, 143, 0.1);
        color: var(--accent-teal);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ai-feature-desc-col p {
        margin-bottom: 15px;
        color: var(--deep-navy);
    }

    .feature-example {
        display: flex;
        gap: 10px;
        background-color: var(--cool-mist);
        padding: 12px 15px;
        border-radius: 6px;
        font-size: 14px;
        color: var(--soft-slate);
    }

    .feature-example i {
        color: var(--accent-teal);
    }

    .app-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .app-tag {
        background-color: rgba(107, 124, 138, 0.1);
        color: var(--soft-slate);
        padding: 5px 12px;
        border-radius: 20px;
        font-size: 13px;
        font-weight: 500;
    }

    .ai-cta-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: white;
        padding: 30px 40px;
        border-radius: 8px;
        box-shadow: 0 10px 30px rgba(10, 31, 61, 0.08);
        margin-top: 60px;
    }

    .ai-cta-content h3 {
        font-size: 22px;
        margin-bottom: 10px;
        color: var(--deep-navy);
    }

    .ai-cta-content p {
        color: var(--soft-slate);
        max-width: 500px;
    }

    .btn-arrow i {
        margin-left: 8px;
        transition: transform 0.3s ease;
    }

    .btn-arrow:hover i {
        transform: translateX(5px);
    }

    @media (max-width: 1024px) {
        .ai-table-header {
            grid-template-columns: 1fr 1.5fr 1fr;
        }
        
        .ai-feature-row {
            grid-template-columns: 1fr 1.5fr 1fr;
        }
    }

    @media (max-width: 768px) {
        .ai-table-header {
            display: none;
        }
        
        .ai-feature-row {
            grid-template-columns: 1fr;
            gap: 20px;
            padding: 30px;
        }
        
        .ai-cta-box {
            flex-direction: column;
            text-align: center;
            gap: 20px;
        }
        
        .ai-cta-content p {
            max-width: 100%;
        }
    }