.elementor-16721 .elementor-element.elementor-element-b2af301{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16721 .elementor-element.elementor-element-b534eae{padding:20px 20px 20px 20px;text-align:center;}.elementor-16721 .elementor-element.elementor-element-b534eae .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:600;text-transform:uppercase;letter-spacing:1.3px;color:#0F172A;}.elementor-16721 .elementor-element.elementor-element-e5ae477{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16721 .elementor-element.elementor-element-414700c{--display:flex;}.elementor-16721 .elementor-element.elementor-element-f145b16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16721 .elementor-element.elementor-element-c11061a{--display:flex;}.elementor-16721 .elementor-element.elementor-element-1d23329{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16721 .elementor-element.elementor-element-e9d98e3{--display:flex;}.elementor-16721 .elementor-element.elementor-element-7f272e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16721 .elementor-element.elementor-element-21d3282{--display:flex;}.elementor-16721 .elementor-element.elementor-element-b5a48b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16721 .elementor-element.elementor-element-cf0faf7{color:#DF9E9E;}.elementor-16721 .elementor-element.elementor-element-acc62b1{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:15px 15px 15px 15px;}.elementor-16721 .elementor-element.elementor-element-acc62b1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-16721 .elementor-element.elementor-element-acc62b1.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#293519;}.elementor-16721 .elementor-element.elementor-element-acc62b1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;}.elementor-16721 .elementor-element.elementor-element-acc62b1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter", Sans-serif;}@media(max-width:767px){.elementor-16721 .elementor-element.elementor-element-b534eae .elementor-heading-title{font-size:32px;}}/* Start custom CSS for text-editor, class: .elementor-element-cf0faf7 *//* =========================================================
   ULTRA-PREMIUM REFERENCE LIST (CSS GRID TRANSFORMATION)
   ========================================================= */

/* 1. Transform the boring list into a sleek, responsive Grid */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 ul {
    list-style: none !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px 24px !important; /* Spacing between cards */
}

/* 2. Reset the list items */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Style each link as a premium, clickable app card */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
    color: #0f172a !important; /* Sharp slate text */
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 4. The Hidden Crimson Left-Edge Accent */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: #b91c1c !important; /* IIMC Crimson */
    transform: scaleY(0) !important;
    transition: transform 0.3s ease !important;
    transform-origin: center !important;
}

/* 5. The Hover Effect (Magnetic Lift & Color Pop) */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 25px -5px rgba(15, 23, 42, 0.1) !important;
    color: #b91c1c !important; /* Text turns red */
    border-color: transparent !important;
}

.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover::before {
    transform: scaleY(1) !important; /* Red line expands */
}

/* 6. The Slide-In Arrow Icon */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a::after {
    content: '→' !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    color: #b91c1c !important;
    opacity: 0 !important;
    transform: translateX(-10px) !important;
    transition: all 0.3s ease !important;
}

.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover::after {
    opacity: 1 !important;
    transform: translateX(0) !important; /* Arrow slides right */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cf0faf7 *//* =========================================================
   ULTRA-PREMIUM REFERENCE LIST (CSS GRID TRANSFORMATION)
   ========================================================= */

/* 1. Transform the boring list into a sleek, responsive Grid */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 ul {
    list-style: none !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px 24px !important; /* Spacing between cards */
}

/* 2. Reset the list items */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Style each link as a premium, clickable app card */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
    color: #0f172a !important; /* Sharp slate text */
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 4. The Hidden Crimson Left-Edge Accent */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: #b91c1c !important; /* IIMC Crimson */
    transform: scaleY(0) !important;
    transition: transform 0.3s ease !important;
    transform-origin: center !important;
}

/* 5. The Hover Effect (Magnetic Lift & Color Pop) */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 25px -5px rgba(15, 23, 42, 0.1) !important;
    color: #b91c1c !important; /* Text turns red */
    border-color: transparent !important;
}

.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover::before {
    transform: scaleY(1) !important; /* Red line expands */
}

/* 6. The Slide-In Arrow Icon */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a::after {
    content: '→' !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    color: #b91c1c !important;
    opacity: 0 !important;
    transform: translateX(-10px) !important;
    transition: all 0.3s ease !important;
}

.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover::after {
    opacity: 1 !important;
    transform: translateX(0) !important; /* Arrow slides right */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cf0faf7 *//* =========================================================
   ULTRA-PREMIUM REFERENCE LIST (CSS GRID TRANSFORMATION)
   ========================================================= */

/* 1. Transform the boring list into a sleek, responsive Grid */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 ul {
    list-style: none !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px 24px !important; /* Spacing between cards */
}

/* 2. Reset the list items */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Style each link as a premium, clickable app card */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
    color: #0f172a !important; /* Sharp slate text */
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 4. The Hidden Crimson Left-Edge Accent */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: #b91c1c !important; /* IIMC Crimson */
    transform: scaleY(0) !important;
    transition: transform 0.3s ease !important;
    transform-origin: center !important;
}

/* 5. The Hover Effect (Magnetic Lift & Color Pop) */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 25px -5px rgba(15, 23, 42, 0.1) !important;
    color: #b91c1c !important; /* Text turns red */
    border-color: transparent !important;
}

.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover::before {
    transform: scaleY(1) !important; /* Red line expands */
}

/* 6. The Slide-In Arrow Icon */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a::after {
    content: '→' !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    color: #b91c1c !important;
    opacity: 0 !important;
    transform: translateX(-10px) !important;
    transition: all 0.3s ease !important;
}

.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover::after {
    opacity: 1 !important;
    transform: translateX(0) !important; /* Arrow slides right */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cf0faf7 *//* =========================================================
   ULTRA-PREMIUM REFERENCE LIST (CSS GRID TRANSFORMATION)
   ========================================================= */

/* 1. Transform the boring list into a sleek, responsive Grid */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 ul {
    list-style: none !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px 24px !important; /* Spacing between cards */
}

/* 2. Reset the list items */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Style each link as a premium, clickable app card */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
    color: #0f172a !important; /* Sharp slate text */
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 4. The Hidden Crimson Left-Edge Accent */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: #b91c1c !important; /* IIMC Crimson */
    transform: scaleY(0) !important;
    transition: transform 0.3s ease !important;
    transform-origin: center !important;
}

/* 5. The Hover Effect (Magnetic Lift & Color Pop) */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 25px -5px rgba(15, 23, 42, 0.1) !important;
    color: #b91c1c !important; /* Text turns red */
    border-color: transparent !important;
}

.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover::before {
    transform: scaleY(1) !important; /* Red line expands */
}

/* 6. The Slide-In Arrow Icon */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a::after {
    content: '→' !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    color: #b91c1c !important;
    opacity: 0 !important;
    transform: translateX(-10px) !important;
    transition: all 0.3s ease !important;
}

.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover::after {
    opacity: 1 !important;
    transform: translateX(0) !important; /* Arrow slides right */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cf0faf7 *//* =========================================================
   ULTRA-PREMIUM REFERENCE LIST (CSS GRID TRANSFORMATION)
   ========================================================= */

/* 1. Transform the boring list into a sleek, responsive Grid */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 ul {
    list-style: none !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px 24px !important; /* Spacing between cards */
}

/* 2. Reset the list items */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Style each link as a premium, clickable app card */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
    color: #0f172a !important; /* Sharp slate text */
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 4. The Hidden Crimson Left-Edge Accent */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: #b91c1c !important; /* IIMC Crimson */
    transform: scaleY(0) !important;
    transition: transform 0.3s ease !important;
    transform-origin: center !important;
}

/* 5. The Hover Effect (Magnetic Lift & Color Pop) */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 25px -5px rgba(15, 23, 42, 0.1) !important;
    color: #b91c1c !important; /* Text turns red */
    border-color: transparent !important;
}

.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover::before {
    transform: scaleY(1) !important; /* Red line expands */
}

/* 6. The Slide-In Arrow Icon */
.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a::after {
    content: '→' !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    color: #b91c1c !important;
    opacity: 0 !important;
    transform: translateX(-10px) !important;
    transition: all 0.3s ease !important;
}

.elementor-16721 .elementor-element.elementor-element-cf0faf7 li a:hover::after {
    opacity: 1 !important;
    transform: translateX(0) !important; /* Arrow slides right */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-acc62b1 *//* =========================================================
   1. ELEMENTOR TABS - "PREMIUM PILL BUTTONS" (GREEN & RED)
   ========================================================= */
/* The Track Container */
.elementor-16721 .elementor-element.elementor-element-acc62b1 .elementor-tabs-wrapper {
    display: flex !important;
    justify-content: center !important;
    background: rgba(41, 53, 25, 0.05) !important; /* Soft IIMC Green tinted track */
    padding: 8px !important;
    border-radius: 50px !important; /* Fully rounded track */
    border: none !important;
    margin-bottom: 40px !important;
    flex-wrap: wrap;
    gap: 8px !important;
}

/* Unselected Tab Text (Pill Button) */
.elementor-16721 .elementor-element.elementor-element-acc62b1 .elementor-tab-title {
    background: transparent !important;
    border: none !important;
    color: #293519 !important; /* IIMC Green text */
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 12px 24px !important;
    margin: 0 !important;
    border-radius: 50px !important; /* Rounded pill shape */
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hover State (Pops to Crimson Red) */
.elementor-16721 .elementor-element.elementor-element-acc62b1 .elementor-tab-title:hover {
    background: #b91c1c !important; /* Crimson Red */
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(185, 28, 28, 0.25) !important;
    transform: translateY(-2px) !important; /* Slight magnetic lift */
}

/* Active Tab State (Locks to IIMC Green) */
.elementor-16721 .elementor-element.elementor-element-acc62b1 .elementor-tab-title.elementor-active {
    background: #293519 !important; /* Solid IIMC Green */
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(41, 53, 25, 0.3) !important;
    transform: translateY(0) !important;
}

/* Removes default Elementor borders */
.elementor-16721 .elementor-element.elementor-element-acc62b1 .elementor-tab-content {
    border: none !important;
    padding: 0 !important;
}

/* =========================================================
   2. WPDATATABLES - MODERN APP CARD DESIGN
   ========================================================= */
/* Main Table Wrapper */
.elementor-16721 .elementor-element.elementor-element-acc62b1 .wpdt-c {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08) !important;
    border: 1px solid rgba(15, 23, 42, 0.05) !important;
    padding: 20px 30px !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
}

/* Search Bar */
.elementor-16721 .elementor-element.elementor-element-acc62b1 .wpdt-c .dataTables_filter input {
    border: 1px solid #e2e8f0 !important;
    border-radius: 50px !important; 
    padding: 10px 20px !important;
    font-size: 14px !important;
    background: #f8fafc !important;
    outline: none !important;
    box-shadow: none !important;
}

.elementor-16721 .elementor-element.elementor-element-acc62b1 .wpdt-c .dataTables_filter input:focus {
    border-color: #b91c1c !important; 
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(185, 28, 28, 0.1) !important;
}

/* The Table Header */
.elementor-16721 .elementor-element.elementor-element-acc62b1 .wpdt-c table.wpDataTable thead th {
    background-color: #362B20 !important; /* Espresso Brown Header */
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 18px 24px !important;
    border: none !important;
    border-bottom: 4px solid #b91c1c !important; /* Crimson Accent Line */
}

.elementor-16721 .elementor-element.elementor-element-acc62b1 .wpdt-c table.wpDataTable thead th:first-child { border-top-left-radius: 12px !important; }
.elementor-16721 .elementor-element.elementor-element-acc62b1 .wpdt-c table.wpDataTable thead th:last-child { border-top-right-radius: 12px !important; }

/* FIX: Forces all rows to be pure white, killing the grey Zebra Striping */
.elementor-16721 .elementor-element.elementor-element-acc62b1 .wpdt-c table.wpDataTable tbody tr:nth-child(odd) td,
.elementor-16721 .elementor-element.elementor-element-acc62b1 .wpdt-c table.wpDataTable tbody tr:nth-child(even) td {
    background-color: #ffffff !important;
    padding: 18px 24px !important;
    border: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: #475569 !important;
    font-size: 15px !important;
    vertical-align: middle !important;
    transition: all 0.3s ease !important;
    border-radius: 0 !important; 
}

.elementor-16721 .elementor-element.elementor-element-acc62b1 .wpdt-c table.wpDataTable tbody td:first-child {
    font-weight: 700 !important;
    color: #0f172a !important;
}

/* Hover Effect */
.elementor-16721 .elementor-element.elementor-element-acc62b1 .wpdt-c table.wpDataTable tbody tr:hover td {
    background-color: #fcfcfc !important;
    cursor: pointer !important;
}

.elementor-16721 .elementor-element.elementor-element-acc62b1 .wpdt-c table.wpDataTable tbody tr:hover td:first-child {
    box-shadow: inset 4px 0 0 0 #b91c1c !important; 
    padding-left: 28px !important; 
}/* End custom CSS */