/**
 * ==========================================
 * Dedicated Server Pricing Table
 * ==========================================
 */

.tr-dedicated-plans{

    padding:110px 0;

    background:linear-gradient(
        180deg,
        #f8fafc 0%,
        #ffffff 100%
    );

}

/* ==========================================
   Section Heading
========================================== */

.tr-dedicated-plans .tr-section-heading{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}

.tr-dedicated-plans .tr-section-description{

    color:#64748b;

    line-height:1.8;

}

/* ==========================================
   Table Wrapper
========================================== */

.tr-server-table-wrapper{

    overflow-x:auto;

    background:#ffffff;

    border:1px solid #e2e8f0;

    border-radius:20px;

    box-shadow:0 18px 45px rgba(15,23,42,.08);

}

/* ==========================================
   Table
========================================== */

.tr-server-table{

    width:100%;

    min-width:1100px;

    border-collapse:collapse;

}

/* ==========================================
   Table Header
========================================== */

.tr-server-table thead{

    background:#0A2E73;

}

.tr-server-table thead th{

    padding:20px;

    color:#ffffff;

    font-size:15px;

    font-weight:700;

    text-align:center;

    white-space:nowrap;

}

/* ==========================================
   Table Body
========================================== */

.tr-server-table tbody th,

.tr-server-table tbody td{

    padding:20px;

    text-align:center;

    vertical-align:middle;

    border-bottom:1px solid #edf2f7;

}

/* ==========================================
   Server Name
========================================== */

.tr-server-table tbody th{

    font-weight:700;

    color:#0f172a;

    white-space:nowrap;

}

/* ==========================================
   Data Cells
========================================== */

.tr-server-table tbody td{

    color:#475569;

    transition:background .3s ease;

}

/* ==========================================
   Zebra Rows
========================================== */

.tr-server-table tbody tr:nth-child(even){

    background:#f8fafc;

}

/* ==========================================
   Hover
========================================== */

.tr-server-table tbody tr:hover{

    background:#eef6ff;

}

/* ==========================================
   Price
========================================== */

.tr-server-table td strong{

    color:#2563eb;

    font-size:20px;

    font-weight:700;

}

/* ==========================================
   Button
========================================== */

.tr-server-table .tr-btn{

    min-width:120px;

    justify-content:center;

}

/* ==========================================
   Custom Scrollbar
========================================== */

.tr-server-table-wrapper::-webkit-scrollbar{

    height:8px;

}

.tr-server-table-wrapper::-webkit-scrollbar-track{

    background:#edf2f7;

}

.tr-server-table-wrapper::-webkit-scrollbar-thumb{

    background:#2563eb;

    border-radius:20px;

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:991px){

    .tr-dedicated-plans{

        padding:90px 0;

    }

}

/* ==========================================
   Mobile
========================================== */

@media (max-width:768px){

    .tr-dedicated-plans{

        padding:50px 0;

    }

    .tr-server-table thead th,

    .tr-server-table tbody th,

    .tr-server-table tbody td{

        padding:16px;

        font-size:14px;

    }

    .tr-server-table td strong{

        font-size:18px;

    }

    .tr-server-table .tr-btn{

        min-width:100px;

    }

}