th,
td {
    text-align: center;
}

.text-danger {
    color: #e6110d;
}

.sample-text {
    color: #428bca;
    font-size: 18px;
    font-weight: normal;
    margin: 5px 0 0;
    padding: 0 0 0 150px;
}

/* .diamond.column.labels { width: 300px; } */
.diamond.column.labels {
    border-right: 1px solid #428bca;
    border-bottom: 0;
    z-index: 2;
}

.diamond.column {
    border-right: 1px solid #979797;
    display: inline-block;
    line-height: 18px;
    /* overflow: hidden;*/
    /*width: 100px;*/
}

.diamond.column.labels>div:nth-of-type(2n+1) {
    background: rgba(0, 0, 0, .1) !important
}

.diamond.column.labels>div {
    background-color: #ffffff !important;
    padding: 0px 5px;
}

.c_head {
    /* text-align: right;*/
    font-weight: 500;
    border-left: 2px solid #c7c7c7;
    /*width: 119px;*/
}

.c_head.a {
    padding: 23.5px !important;
}

.c_head.img {
    height: 220px !important;
}

.c_body.compare-detail-image {
    height: 219px;
}

.c_head {
    padding: 13.4px 5px !important;
    font-size: 14px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 600;
    text-align: left;
    height: 45px;
}

.c_body {
    text-align: center;
    min-height: 38px;
    justify-content: space-evenly;
}

.login {
    text-transform: uppercase;
}

/* .c_body a.spacing-fa{ padding-left: 5px; padding-right: 5px; color: #000; font-size:20px; } */
/* .c_body a.spacing-fa img{width: 17px;} */
.starSeparatorBox.clearfix.text-center {
    max-width: 1920px;
    /* overflow-x: auto !important; */
    width: 100%;
    display: inline-flex;
}

.c_body button.btn.btn-danger.btn-xs.radius-flat {
    font-size: 16px
}

.compare-detail-image img {
    width: 200px
}

.btn {
    box-shadow: none !important;
    border-radius: 30px !important;
    min-width: 130px;
    position: relative;
    padding: 3px 3px;
    text-transform: capitalize;
    border: 2px solid #0E67BD !important;
    border-radius: 30px;
    /* font-weight: 600; */
    /* min-width: 60px; */
    text-align: center;
    color: #333;
    margin: 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    line-height: 19px;
    box-shadow: none !important;
    padding: 3px !important;
    justify-content: center;
}

.btn span {
    color: #FFF !important;
    background: linear-gradient(80deg, #99C5EC 20%, #73ABDB 100%) !important;
    width: 100%;
    display: flex;
    height: 35px;
    border-radius: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
    align-items: center;
    gap: 10px;
    justify-content: center;
    border: none !important;
    /* font-size: 13px; */
    /* text-transform: uppercase; */
}

div#compare-list-page .modal-body .row .custom-container {
    text-align: end;
}

/* ===== COMPARE LAYOUT ===== */
.starSeparatorBox {
    display: flex;
    /* overflow-x: auto; */
    padding-bottom: 10px;
}

/* Left labels column (fixed) */
.diamond.column.labels {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 5;
    /* min-width: 260px; */
    border-right: 2px solid #c7c7c7;
    border-bottom: 2px solid #c7c7c7;
}

/* Product columns */
.diamond.column {
    min-width: 260px;
    border-right: 1px solid #e0e0e0;
    background: #fff;
}

/* Headers */
.c_head {
    background: #f7f9fc;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    padding: 12px 10px !important;
    height: 45px;
}

/* Alternate background for labels */
.diamond.column.labels>div:nth-child(odd) {
    background: #f2f4f7 !important;
}

/* Body cells */
.c_body {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

/* Image row */
.c_body.compare-detail-image {
    height: 220px;
}

.c_body.compare-detail-image img {
    max-width: 180px;
    object-fit: contain;
}

/* Action icons */
.c_body a.spacing-fa {
    margin: 0 6px;
    font-size: 18px;
}

/* Price text */
.text-info {
    font-weight: 600;
    color: #0E67BD;
}

/* Scrollbar clean */
.starSeparatorBox::-webkit-scrollbar {
    height: 8px;
}

.starSeparatorBox::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

h3.title.font-additional.font-weight-bold.text-uppercase.wow.zoomIn.text-center {
    margin-bottom: 20px;
}

svg {
    width: 26px !important;
    height: 26px !important;
    margin: 0;
}

/* ===================================================== COLUMN ALIGNMENT FIX (NO JS / NO HTML CHANGE) ===================================================== */
/* Ensure all columns behave same */
.diamond.column {
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box;
}

/* SAME height for label & data rows */
.c_head,
.c_body {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* Header text left, body center */
.c_head {
    justify-content: flex-start !important;
    text-align: left !important;
}

.c_body {
    justify-content: center !important;
    text-align: center !important;
}

/* Image row height FIX */
.c_head.img,
.c_body.compare-detail-image {
    height: 220px !important;
    min-height: 220px !important;
}

/* Remove row (top row) height FIX */
.c_head.a,
#add_data .c_head:first-child,
.diamond.column .c_body:first-child {
    height: 48px !important;
}

/* Prevent text wrapping from breaking alignment */
.c_head span,
.c_body span {
    white-space: nowrap;
}

/* Keep horizontal scroll smooth */
.starSeparatorBox {
    align-items: flex-start;
}

div#compare_data {
    flex-direction: row !important;
    overflow-x: auto;
    border: 0;
}