/*
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, p{
    margin: 0;
    padding: 0;
}
ul{
	padding:0;
}
li {
    font-family: 'Inter';
    font-size: 16px;
    line-height: 24px;
}

.main-box-text:hover {
    background: #03184d;
}

.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: "Inter", sans-serif;
}

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

.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: "Inter", sans-serif;
    }
}

.hero-revamp {
    background: linear-gradient(-45deg, #001f3f, #003366, #0055aa, #0077cc) !important;
    background-size: 400% 400% !important;
    animation: gradientShift 15s ease infinite !important;
}
@keyframes gradientShift {
    0% { background-position: 0% 50% !important; }
    50% { background-position: 100% 50% !important; }
    100% { background-position: 0% 50% !important; }
}
input#form-field-name:focus
 {
    background: #fff;
}
input#form-field-phonefield:focus
 {
    background: #fff !important;
}
input#form-field-email:focus
 {
    background: #fff;
}
select#form-field-field_08487aa:focus
 {
    background: #fff;
}

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

}
} */