.herotextwp {
    width:calc(100vw * 1 / 2);
}
screen and (max-width: 768px) {
    .herotextwp {
        width:100%;
    }
}

.herotext {
    font-size: 1.5rem; 

}
.track-pattern {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(108, 122, 121, 0.05) 20px, rgba(108, 122, 121, 0.05) 21px);
}
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
/*.track-pattern {
    background-image: repeating-linear-gradient(45deg, #6c7a79 0, #6c7a79 1px, transparent 0, transparent 20px);
    opacity: 0.05;
}*/

p {margin-bottom: 1rem !important;}

/* Table */
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.875rem; /* text-sm */
    line-height: 1.25rem;
    color: #1f2937; /* gray-800 */
    background-color: #ffffff;
}

/* Table row */
table tr {
    border-bottom: 1px solid #e5e7eb; /* gray-200 */
    transition: background-color 0.2s ease;
}

table tr:hover {
    background-color: #f9fafb; /* gray-50 */
}

/* Table header */
table th {
    padding: 0.75rem 1rem; /* py-3 px-4 */
    text-align: left;
    font-weight: 600;
    font-size: 0.875rem;
    color: #374151; /* gray-700 */
    background-color: #f3f4f6; /* gray-100 */
    border-bottom: 2px solid #d1d5db; /* gray-300 */
}

/* Table cell */
table td {
    padding: 0.75rem 1rem; /* py-3 px-4 */
    vertical-align: middle;
    border-bottom: 1px solid #e5e7eb; /* gray-200 */
}

/* Rounded corners */
table {
    overflow: hidden;
    border-radius: 0.5rem; /* rounded-lg */
}

/* Zebra stripes */
table tbody tr:nth-child(even) {
    background-color: #f9fafb; /* gray-50 */
}

/* Responsive wrapper */
.table-responsive {
    width: 100%;
    overflow-x: auto;
}