/*
Theme Name: Kadmar Digital
Theme URI: https://www.kadmardigital.com
Description: Theme by Kadmar Digital
Version: 1.00
Author: Kadmar Digital
*/

.custom-logo {
    height: auto;
    max-width: 100%;
    display: block;
}
body{
    margin: 0;
    padding: 0;
}
.main-box-text:hover {
    background: #155fa7;
}

.main-box-text:hover .number-text p, .main-box-text:hover .number-text h4, .main-box-text:hover .number-text h3 {
    color: #fff !important;
}
.icon-box-icon .elementor-icon-box-wrapper {
    display: flex;
    align-items: baseline !important;
}

/* =========================
   GLOBAL FIX (SAFE)
   ========================= */
html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

/* =========================
   TABLE WRAPPER (ONLY SCROLL AREA)
   ========================= */
.table-container {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 30px 0;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

/* =========================
   TABLE
   ========================= */
.table-container table {
    width: 100%;         
    min-width: 900px;           
    border-collapse: collapse;
    background: #ffffff;
    font-family: "Lato", Sans-serif;
}

/* =========================
   TABLE HEAD
   ========================= */
.table-container thead {
    background: #155fa7;
}

.table-container thead th {
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

.table-container thead th span {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
}

.table-container thead img {
    max-height: 60px;
}

/* =========================
   TABLE BODY
   ========================= */
.table-container tbody td {
    padding: 16px 20px;
    font-size: 14px;
    color: #334155;
    text-align: center;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

/* First column */
.table-container tbody td:first-child {
    text-align: left;
    font-weight: 600;
    color: #0f172a;
}

/* Row styling */
.table-container tbody tr:nth-child(even) {
    background: #f8fafc;
}

.table-container tbody tr:hover {
    background: #eef2ff;
}

/* Highlight main column */
.table-container thead th:nth-child(2),
.table-container tbody td:nth-child(2) {
    background: #eef2ff;
    font-weight: 700;
}

/* =========================
   MOBILE UX HINT
   ========================= */
@media (max-width: 768px) {
    .table-container::after {
        content: "← Swipe to compare →";
        display: block;
        text-align: center;
        font-size: 16px;
        color: #ffffff;
        padding: 10px 0;
        font-family: "Lato", Sans-serif;
    }
}

/* @media (max-width:767px){

} */