.pricing-main .row-one .card.evo,
.pricing-main .row-two .card.evo {
  position: relative;
  border: none !important;
  margin-bottom: 10px;
  transition: all 0.25s ease;
}

.pricing-main .row-one .card.evo::before,
.pricing-main .row-two .card.evo::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #d0d0d0;
  border-radius: 16px;
  pointer-events: none;
  z-index: 2;
}

.pricing-main .row-one .border-primary,
.pricing-main .row-two .border-primary {
  border-color: #e6ecfb !important;
}

.pricing-main .row-one .card-header .badge.text-bg-primary,
.pricing-main .row-two .card-header .badge.text-bg-primary {
  background-color: #005aff !important;
  color: #fff !important;
  border: none !important;
}

/* Hover shadow */
.pricing-main .row-one .card:hover,
.pricing-main .row-two .card:hover {
  transform: none !important;
  box-shadow: 0 0 0 2px #005aff, 0 0 18px rgba(0, 90, 255, 0.2) !important;
}

/* Hover effects */
.pricing-main .pricard .card:hover .card-header {
  filter: brightness(0.95);
  transition: filter 0.25s ease;
}

.pricing-main .pricard .card:hover .card-header i {
  transform: scale(1.07);
  transition: transform 0.25s ease;
}

/* Misc (scoped) */
.pricing-main .card-footer { border-top: 0; }
.pricing-main span.text-black a { text-decoration: none; color: #000; }
.pricing-main .card-body { padding-left: 11px; }

.pricing-main .badge.text-bg-primary {
  background: linear-gradient(135deg, #005aff, #1e9cff);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 6px 12px;
}

.pricing-main .featu_colum { border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

/* List view (cardsh) */
.pricing-main.cardsh .pricard .card-body .row {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  padding: 0 !important;
}

.pricing-main.cardsh .pricard .card-body .row > [class^="col-"] {
  display: flex !important;
  align-items: center;
  width: 100% !important;
  border: 1px solid #e8eefc !important;
  border-radius: 8px;
  padding: 10px 12px !important;
  margin: 6px 0 !important;
  background-color: #fff !important;
  gap: 6px !important;
  transition: all 0.25s ease;
}

.pricing-main.cardsh .pricard .card-body .row i {
  color: #015aff !important;
  font-size: 18px !important;
  flex-shrink: 0;
}

.pricing-main.cardsh .pricard .card-body .row span,
.pricing-main.cardsh .pricard .card-body .row small {
  color: #222 !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}

.pricing-main.cardsh .pricard .card-body .row > [class^="col-"]:hover {
  background-color: #f6f9ff !important;
  transform: translateY(-1px);
  box-shadow: 0 1px 3px rgba(1, 90, 255, 0.1);
}

@media (max-width: 767.98px) {
  .pricing-main.cardsh .pricard .card-body .row > [class^="col-"] {
    flex: 1 1 100%;
    margin-bottom: 6px;
  }
}

.pricing-main .pricard .cpu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 44px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

/* HP + Intel */
.pricing-main .pricard[data-chassis="hp"][data-cpu="intel"] .cpu-icon {
  background-image: url("/img/svg/hp2.svg");
  height: 38px;
}
.pricing-main .pricard[data-chassis="hp"][data-cpu="intel"]:hover .cpu-icon {
  background-image: url("/img/svg/intel4.svg");
}

/* HP + AMD */
.pricing-main .pricard[data-chassis="hp"][data-cpu="amd"] .cpu-icon {
  background-image: url("/img/svg/hp2.svg");
  height: 38px;
}
.pricing-main .pricard[data-chassis="hp"][data-cpu="amd"]:hover .cpu-icon {
  background-image: url("/img/svg/amd1.svg");
}

/* Dell */
.pricing-main .pricard[data-chassis="dell"][data-cpu="intel"] .cpu-icon {
  background-image: url("/img/svg/dell1.svg");
}
.pricing-main .pricard[data-chassis="dell"][data-cpu="intel"]:hover .cpu-icon {
  background-image: url("/img/svg/intel4.svg");
}

.pricing-main .pricard[data-chassis="dell"][data-cpu="amd"] .cpu-icon {
  background-image: url("/img/svg/dell1.svg");
}
.pricing-main .pricard[data-chassis="dell"][data-cpu="amd"]:hover .cpu-icon {
  background-image: url("/img/svg/amd1.svg");
}

/* Huawei */
.pricing-main .pricard[data-chassis="hua"][data-cpu="intel"] .cpu-icon {
  background-image: url("/img/svg/huawei.svg");
  width: 140px;
  height: 70px;
}
.pricing-main .pricard[data-chassis="hua"][data-cpu="intel"]:hover .cpu-icon {
  background-image: url("/img/svg/intel4.svg");
}

.pricing-main .pricard[data-chassis="hua"][data-cpu="amd"] .cpu-icon {
  background-image: url("/img/svg/huawei.svg");
  width: 140px;
  height: 70px;
}
.pricing-main .pricard[data-chassis="hua"][data-cpu="amd"]:hover .cpu-icon {
  background-image: url("/img/svg/amd1.svg");
}


.pricing-main .pricard[data-gpu]:not([data-gpu=""]) .cpu-icon {
  background-image: url("/img/svg/nvidia.svg");
  width: 120px;
  height: 60px;
}


.pricing-main .pricard[data-gpu]:not([data-gpu=""])[data-cpu="intel"]:hover .cpu-icon {
  background-image: url("/img/svg/intel4.svg");
}
.pricing-main .pricard[data-gpu]:not([data-gpu=""])[data-cpu="amd"]:hover .cpu-icon {
  background-image: url("/img/svg/amd1.svg");
}


.server-table #pills-tabContent > .tab-pane > .row > [class^="col-"] {
  margin-bottom: 12px;
}


/* Data center link */
.pricing-main .link-dc {
  color: #003bb3 !important;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.pricing-main .link-dc:hover {
  color: #f28c38 !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}



/************** Baremetal *************/
.baremetal-locations .btn-cta--orange {
  background-color: #F28C38;
  color: #fff;
  border: 1px solid #F28C38;
  padding: 28px 20px;
  border-radius: 8px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.baremetal-locations .btn-cta--orange:hover {
  background-color: #fff;
  color: #F28C38;
  border-color: #F28C38;
}

@media (max-width: 767.98px) {
  .baremetal-locations .card-footer {
    text-align: center !important;
  }

  .baremetal-locations .card-footer .row {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .baremetal-locations .card-footer .col-12 {
    text-align: center !important;
  }

  .baremetal-locations .btn-cta--orange {
    margin-left: auto;
    margin-right: auto;
  }
}


header.innerbg:not(.sliderbg){
  width: 100%;
  height: clamp(420px, 33.854vw, 650px); 
  overflow: hidden;

  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important; 
  background-color: #0b1226;
}


/************** List 2 Table *************/
#simpleTableWrap{
  margin-top:14px;
  border:1px solid #e6ecfb;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}

#simpleTableWrap .table{
  margin:0;
  width:100%;
  table-layout:auto !important;
}


#simpleTableWrap .table > :not(caption) > * > *{
  border-bottom:0 !important;
}

#simpleTableWrap .table th,
#simpleTableWrap .table td{
  padding:14px 12px;
  vertical-align:middle;
}

#simpleTableWrap thead th{
  background:#f6f9ff;
  border-bottom:1px solid #e6ecfb !important;
  color:#0b1226;
  font-size:0.8rem;
  letter-spacing:0.04em;
  text-transform:uppercase;
  white-space:nowrap;
}


#simpleTableWrap tbody td{
  border-top:1px solid #eef3ff !important;
}


#simpleTableWrap tbody tr,
#simpleTableWrap tbody tr > *{
  background:transparent !important;
}
#simpleTableWrap tbody tr:hover,
#simpleTableWrap tbody tr:hover > *{
  background:transparent !important;
}


#simpleTableWrap thead th:nth-child(1),
#simpleTableWrap tbody td:nth-child(1){
  width:110px;
}

#simpleTableWrap thead th:nth-child(2),
#simpleTableWrap tbody td:nth-child(2){
  min-width:260px;
}

#simpleTableWrap thead th:nth-child(3),
#simpleTableWrap tbody td:nth-child(3){
  width:90px;
}

#simpleTableWrap thead th:nth-child(4),
#simpleTableWrap tbody td:nth-child(4){
  min-width:240px;
}

#simpleTableWrap thead th:nth-child(5),
#simpleTableWrap tbody td:nth-child(5){
  width:90px;
}

#simpleTableWrap thead th:nth-child(6),
#simpleTableWrap tbody td:nth-child(6){
  width:90px;
}

#simpleTableWrap thead th:nth-child(7),
#simpleTableWrap tbody td:nth-child(7){
  width:130px;
}

#simpleTableWrap thead th:nth-child(8),
#simpleTableWrap tbody td:nth-child(8){
  width:110px;
}

#simpleTableWrap thead th:nth-child(9),
#simpleTableWrap tbody td:nth-child(9){
  width:160px;
}


#simpleTableWrap .st-clamp{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  line-height:1.35;
}

/* Price */
#simpleTableWrap tbody td:nth-child(8){
  font-weight:900;
  white-space:nowrap;
}

/* ID badge */
#simpleTableWrap .badge.text-bg-primary{
  background:linear-gradient(135deg,#005aff,#1e9cff) !important;
  box-shadow:0 2px 4px rgba(0,0,0,0.15);
  border-radius:8px;
  padding:6px 12px;
  font-weight:900;
  font-size:0.78rem;
}


#simpleTableWrap .st-actions-inner{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:8px;
}

#simpleTableWrap .st-actions-inner .btn{
  width:140px;
  max-width:140px;
  height:32px;
  padding:0 10px;
  font-size:0.74rem;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  white-space:nowrap;
}

/* DC link */
#simpleTableWrap .link-dc{
  color:#003bb3 !important;
  font-weight:600;
  text-decoration:none;
  transition:all 0.3s ease;
}
#simpleTableWrap .link-dc:hover{
  color:#f28c38 !important;
  text-decoration:underline;
  text-underline-offset:4px;
}

@media (max-width: 991.98px){
  #simpleTableWrap tbody td:nth-child(4),
  #simpleTableWrap thead th:nth-child(4),
  #simpleTableWrap tbody td:nth-child(7),
  #simpleTableWrap thead th:nth-child(7){
    display:none;
  }
}

@media (max-width: 767.98px){
  #simpleTableWrap tbody td:nth-child(5),
  #simpleTableWrap thead th:nth-child(5),
  #simpleTableWrap tbody td:nth-child(6),
  #simpleTableWrap thead th:nth-child(6){
    display:none;
  }
}



#simpleTableWrap .st-actions-inner .btn-success{
  background-color: #015AFF !important;
  border-color: #015AFF !important;
  color: #fff !important;
}

#simpleTableWrap .st-actions-inner .btn-success:hover,
#simpleTableWrap .st-actions-inner .btn-success:focus{
  background-color: #003BB3 !important;
  border-color: #003BB3 !important;
  color: #fff !important;
}

#simpleTableWrap .st-actions-inner .btn-success:active{
  background-color: #00309A !important;
  border-color: #00309A !important;
}


#simpleTableWrap th,
#simpleTableWrap td{
  vertical-align: middle;
}

#simpleTableWrap tbody tr{
  transition: background-color .2s ease;
}

#simpleTableWrap tbody tr:hover{
  background-color: #f6f9ff;
}

#simpleTableWrap .st-actions-inner .btn{
  min-width: 132px;
  border-radius: 12px;
  font-weight: 800;
  letter-spacing: .2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}


#simpleTableWrap .st-actions-inner .btn-success{
  border: 0;
  background: linear-gradient(135deg, #015AFF, #1E9CFF);
  box-shadow: 0 8px 18px rgba(1, 90, 255, .18);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

#simpleTableWrap .st-actions-inner .btn-success:hover{
  filter: brightness(1.02);
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(1, 90, 255, .22);
}

#simpleTableWrap .st-actions-inner .btn-success:active{
  transform: translateY(0);
  box-shadow: 0 8px 18px rgba(1, 90, 255, .18);
}



/* ==============================================
   PAGINATION MOBILE
   ============================================== */
@media (max-width: 767.98px) {
    

    .eq-pager {
        gap: 5px !important;
        padding: 10px 2px !important;
    }


    .eq-pager .eq-nav,
    .eq-pager .eq-page {
        min-width: 30px !important;
        height: 30px !important;
        padding: 0 4px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }


    .eq-pager .eq-cta {
        height: 30px !important;
        font-size: 12px !important;
        padding: 0 10px !important;
        white-space: nowrap !important;
    }


    .eq-pager .eq-results {
        width: 100%;
        text-align: center;
        margin-right: 0 !important;
        margin-bottom: 8px !important;
        font-size: 14px !important;
        color: #666;
    }
}

/* ==============================================
   Streaming sort/filter
   ============================================== */
@media (max-width: 767.98px) {
  .tserver-title .sortling-holder #pills-tab {
    float: none !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
  }

  .tserver-title .sortling-holder #pills-tab > .nav-item {
    width: 100% !important;
    margin: 0 !important;
  }

  .tserver-title .sortling-holder #pills-tab .nav-link {
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .tserver-title .sortling-holder #pills-tab .nav-link.ms-3,
  .tserver-title .sortling-holder #pills-tab #clearFilters {
    margin-left: 0 !important;
  }
}
/* ==============================================
   outlet
   ============================================== */
body.outlet-page #outlet-hero{
  position:relative;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  overflow:hidden;
}

body.outlet-page #outlet-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(0,35,90,0.42) 0%,
    rgba(0,35,90,0.18) 42%,
    rgba(0,35,90,0.00) 70%
  );
  z-index:1;
  pointer-events:none;
}

body.outlet-page #outlet-hero .outlet-badge{
  background:#ffffff !important;
  color:#0b1b3a !important;
  border-radius:999px;
  padding:0.55rem 1.05rem;
  letter-spacing:0.12em;
  box-shadow:0 10px 30px rgba(1,90,255,0.18);
}

body.outlet-page #outlet-hero .outlet-title,
body.outlet-page #outlet-hero .outlet-subtitle{
  text-shadow:0 10px 30px rgba(0,30,80,0.35);
}

body.outlet-page #outlet-hero .outlet-title{
  color:#ffffff !important;
  font-weight:600;
  line-height:1.08;
}


body.outlet-page #outlet-hero .outlet-title .limited{
  color:#22C55E;
  font-weight:800;
  text-shadow:
    0 10px 30px rgba(0,30,80,0.35),
    0 0 18px rgba(22,163,74,0.28);
}


body.outlet-page #outlet-hero .outlet-title .baremetal{
  color:#015aff;
  font-weight:900;
  text-shadow:
    0 10px 30px rgba(0,30,80,0.35),
    0 0 18px rgba(1,90,255,0.35);
}

body.outlet-page #outlet-hero .outlet-subtitle{
  color:rgba(255,255,255,0.78) !important;
  font-weight:500;
  line-height:1.25;
  font-size:clamp(1.15rem,2.0vw,2.05rem);
  margin-top:0.75rem;
}


body.outlet-page #outlet-hero .outlet-subtitle .sep{
  color:rgba(255,255,255,0.72);
  font-weight:700;
  padding:0 0.45rem;
}


body.outlet-page #outlet-hero .outlet-subtitle .value{
  color:#f28c38;
  font-weight:900;
  text-shadow:
    0 10px 30px rgba(0,30,80,0.35),
    0 0 18px rgba(242,140,56,0.28);
}



   