.elementor-383058 .elementor-element.elementor-element-b75d7de{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-383058 .elementor-element.elementor-element-b75d7de:not(.elementor-motion-effects-element-type-background), .elementor-383058 .elementor-element.elementor-element-b75d7de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-58823f1 );}.elementor-383058 .elementor-element.elementor-element-b75d7de::before, .elementor-383058 .elementor-element.elementor-element-b75d7de > .elementor-background-video-container::before, .elementor-383058 .elementor-element.elementor-element-b75d7de > .e-con-inner > .elementor-background-video-container::before, .elementor-383058 .elementor-element.elementor-element-b75d7de > .elementor-background-slideshow::before, .elementor-383058 .elementor-element.elementor-element-b75d7de > .e-con-inner > .elementor-background-slideshow::before, .elementor-383058 .elementor-element.elementor-element-b75d7de > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-58823f1 ) 0%, var( --e-global-color-e6a6c9 ) 100%);}.elementor-383058 .elementor-element.elementor-element-c1ece51{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-383058 .elementor-element.elementor-element-0d763b9{--spacer-size:50px;}@media(max-width:767px){.elementor-383058 .elementor-element.elementor-element-0d763b9{--spacer-size:169px;}}@media(min-width:768px){.elementor-383058 .elementor-element.elementor-element-c1ece51{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-5ca946b *//* ===== SECTION ===== */
.sw-category-section {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 90px 40px 110px;
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.sw-category-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 60%, rgba(221,155,35,.06) 0%, rgba(221,155,35,0) 28%),
    radial-gradient(circle at 42% 65%, rgba(170,0,255,.06) 0%, rgba(170,0,255,0) 30%),
    radial-gradient(circle at 65% 60%, rgba(142,213,42,.06) 0%, rgba(142,213,42,0) 28%),
    radial-gradient(circle at 86% 60%, rgba(23,140,255,.08) 0%, rgba(23,140,255,0) 32%);
  pointer-events: none;
  z-index: 0;
}

.sw-category-container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
}

/* ===== HEADING ===== */
.sw-category-heading {
  margin-bottom: 50px;
}

.sw-category-heading h2 {
  font-size: 52px;
  font-weight: 800;
  line-height: 1.05;
  margin: 0 0 14px;
  letter-spacing: -0.02em;
}

.sw-category-heading p {
  font-size: 22px;
  color: #c4c4c4;
  margin: 0;
}

/* ===== GRID ===== */
.sw-category-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(340px, 1.18fr) minmax(280px, 1fr) minmax(340px, 1.18fr);
  gap: 38px;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 0 auto;
}

/* ===== CARD ===== */
.sw-category-card {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%),
    rgba(8,8,8,0.95);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 30px rgba(0,0,0,0.22);
  transition: transform .38s ease, border-color .38s ease, box-shadow .38s ease, filter .38s ease;
}

.sw-category-card::before,
.sw-category-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.sw-category-card::before {
  z-index: 0;
}

.sw-category-card::after {
  z-index: 1;
  opacity: 0;
  transition: opacity .38s ease;
}

.sw-category-card.featured {
  transform: scale(1.06);
  z-index: 3;
}

/* ===== IMAGE ===== */
.sw-category-card > img {
  width: 100%;
  height: 380px;
  display: block;
  object-fit: contain;
  object-position: center;
  background: #040404;
  padding: 42px;
  position: relative;
  z-index: 2;
  transition: transform .45s ease, filter .38s ease;
}

.sw-category-card.featured > img {
  height: 430px;
  padding: 46px;
}

/* ===== CONTENT ===== */
.sw-category-content {
  position: relative;
  z-index: 4;
  padding: 20px 18px 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 100%),
    linear-gradient(180deg, rgba(10,10,10,0.72) 0%, rgba(18,18,18,0.94) 100%);
  border-top: 1px solid rgba(255,255,255,0.04);
}

/* ===== BUTTON ===== */
.sw-btn {
  display: inline-block;
  padding: 11px 19px;
  border-radius: 9px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(180deg, #ff4343, #d10000);
  box-shadow: 0 8px 18px rgba(209,0,0,.24), inset 0 1px 0 rgba(255,255,255,.18);
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease;
}

.sw-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(180deg, #ff5a5a, #ff0000);
}

/* ===== HOVER ===== */
.sw-category-card:hover {
  transform: translateY(-10px);
  filter: brightness(1.03);
}

.sw-category-card.featured:hover {
  transform: scale(1.06) translateY(-10px);
}

.sw-category-card:hover::after {
  opacity: 1;
}

.sw-category-card:hover > img {
  transform: scale(1.06);
  filter: brightness(1.06);
}

/* ===== CARDS ===== */
.sw-category-card.cards::before {
  background: radial-gradient(circle at center, rgba(221,155,35,.20) 0%, rgba(221,155,35,.08) 38%, rgba(0,0,0,0) 74%);
}

.sw-category-card.cards::after {
  background: radial-gradient(circle at center, rgba(221,155,35,.22) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,.36) 100%);
}

.sw-category-card.cards {
  border-color: rgba(221,155,35,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.24), 0 0 28px rgba(221,155,35,.12);
}

.sw-category-card.cards:hover {
  border-color: #dd9b23;
}

.sw-category-card.cards:hover .sw-btn {
  background: linear-gradient(180deg, #efb44a, #dd9b23);
  color: #000;
}

/* ===== ESPORTS ===== */
.sw-category-card.esports::before {
  background: radial-gradient(circle at center, rgba(170,0,255,.22) 0%, rgba(170,0,255,.08) 40%, rgba(0,0,0,0) 75%);
}

.sw-category-card.esports::after {
  background: radial-gradient(circle at center, rgba(170,0,255,.24) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,.36) 100%);
}

.sw-category-card.esports {
  border-color: rgba(170,0,255,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 34px rgba(0,0,0,.26), 0 0 34px rgba(170,0,255,.16);
}

.sw-category-card.esports:hover {
  border-color: rgba(170,0,255,.72);
}

.sw-category-card.esports:hover .sw-btn {
  background: linear-gradient(180deg, #b84cff, #7a00cc);
}

/* ===== DESK ===== */
.sw-category-card.desk::before {
  background: radial-gradient(circle at center, rgba(142,213,42,.20) 0%, rgba(142,213,42,.08) 38%, rgba(0,0,0,0) 74%);
}

.sw-category-card.desk::after {
  background: radial-gradient(circle at center, rgba(142,213,42,.22) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,.36) 100%);
}

.sw-category-card.desk {
  border-color: rgba(142,213,42,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.24), 0 0 28px rgba(142,213,42,.12);
}

.sw-category-card.desk:hover {
  border-color: #8ed52a;
}

.sw-category-card.desk:hover .sw-btn {
  background: linear-gradient(180deg, #a6e84d, #8ed52a);
  color: #000;
}

/* ===== CLUBS ===== */
.sw-category-card.clubs::before {
  background: radial-gradient(circle at center, rgba(23,140,255,.24) 0%, rgba(23,140,255,.09) 40%, rgba(0,0,0,0) 75%);
}

.sw-category-card.clubs::after {
  background: radial-gradient(circle at center, rgba(23,140,255,.26) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,.36) 100%);
}

.sw-category-card.clubs {
  border-color: rgba(23,140,255,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 34px rgba(0,0,0,.26), 0 0 34px rgba(23,140,255,.18);
}

.sw-category-card.clubs:hover {
  border-color: rgba(23,140,255,.8);
}

.sw-category-card.clubs:hover .sw-btn {
  background: linear-gradient(180deg, #3aa4ff, #178cff);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1400px) {
  .sw-category-grid {
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    max-width: 980px;
  }

  .sw-category-card > img,
  .sw-category-card.featured > img {
    height: 340px;
    padding: 36px;
  }

  .sw-category-card.featured,
  .sw-category-card.featured:hover {
    transform: none;
  }
}

@media (max-width: 767px) {
  .sw-category-section {
    padding: 65px 16px;
  }

  .sw-category-heading h2 {
    font-size: 36px;
  }

  .sw-category-heading p {
    font-size: 18px;
  }

  .sw-category-grid {
    grid-template-columns: 1fr;
    max-width: 520px;
    gap: 22px;
  }

  .sw-category-card > img,
  .sw-category-card.featured > img {
    height: 260px;
    padding: 26px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-503c40f *//* ========================================
   SPARTANWARE HOMEPAGE B2B GATEWAY
   ======================================== */

.sw-home-b2b{
    position:relative;
    overflow:hidden;

    max-width:1000px;
    margin:55px auto;

    display:grid;
    grid-template-columns:auto 1fr 300px;
    align-items:center;
    gap:25px;

    padding:30px;

    background:
        linear-gradient(
            120deg,
            #181818 0%,
            #101010 65%,
            #0b0b0b 100%
        );

    border:1px solid rgba(255,255,255,.09);
    border-left:4px solid #c8102e;

    border-radius:16px;

    box-shadow:
        0 15px 35px rgba(0,0,0,.32);

    isolation:isolate;
}


/* RED BACKGROUND GLOW */

.sw-home-b2b-glow{
    position:absolute;

    width:300px;
    height:300px;

    right:-120px;
    top:-150px;

    border-radius:50%;

    background:rgba(200,16,46,.13);

    filter:blur(25px);

    z-index:-1;
}


/* ========================================
   ICON
   ======================================== */

.sw-home-b2b-icon{
    width:62px;
    height:62px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(200,16,46,.12);

    border:1px solid rgba(200,16,46,.32);

    border-radius:13px;

    flex-shrink:0;
}


.sw-home-b2b-icon svg{
    width:29px;
    height:29px;

    fill:none;

    stroke:#e1193d;
    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/* ========================================
   CONTENT
   ======================================== */

.sw-home-b2b-top{
    display:flex;
    align-items:center;
    gap:10px;

    margin-bottom:8px;
}


.sw-home-b2b-tag{
    display:inline-block;

    background:#c8102e;
    color:#fff;

    padding:4px 9px;

    border-radius:20px;

    font-size:9px;
    font-weight:800;

    letter-spacing:1.2px;
}


.sw-home-b2b-status{
    color:#777;

    font-size:9px;
    font-weight:800;

    letter-spacing:1.2px;
}


.sw-home-b2b-content h2{
    color:#ffffff;

    font-size:27px;
    line-height:1.15;

    font-weight:800;

    margin:0 0 6px;
}


.sw-home-b2b-content p{
    color:#aaa;

    font-size:13px;
    line-height:1.55;

    margin:0;

    max-width:480px;
}


/* MINI FEATURES */

.sw-home-b2b-features{
    display:flex;
    flex-wrap:wrap;

    gap:7px;

    margin-top:13px;
}


.sw-home-b2b-features span{
    padding:4px 8px;

    background:rgba(255,255,255,.045);

    border:1px solid rgba(255,255,255,.07);

    border-radius:5px;

    color:#aaa;

    font-size:9px;
    font-weight:700;
}


/* ========================================
   ACTIONS
   ======================================== */

.sw-home-b2b-actions{
    display:flex;
    flex-direction:column;

    gap:8px;
}


.sw-home-b2b-actions a{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:15px;

    padding:12px 15px;

    border-radius:8px;

    text-decoration:none !important;

    transition:.2s ease;
}


.sw-home-b2b-actions span{
    color:#fff;

    font-size:12px;
    font-weight:800;

    line-height:1.25;
}


.sw-home-b2b-actions small{
    display:block;

    color:inherit;

    opacity:.65;

    font-size:8px;
    font-weight:700;

    letter-spacing:1px;

    margin-bottom:3px;
}


.sw-home-b2b-actions b{
    font-size:18px;

    transition:transform .2s ease;
}


/* APPLY */

.sw-home-b2b-apply{
    background:#c8102e;

    border:1px solid #c8102e;
}


.sw-home-b2b-apply b{
    color:#fff;
}


.sw-home-b2b-apply:hover{
    background:#e41b44;

    border-color:#e41b44;

    transform:translateY(-2px);
}


/* PORTAL */

.sw-home-b2b-login{
    background:#202020;

    border:1px solid rgba(255,255,255,.12);
}


.sw-home-b2b-login b{
    color:#e1193d;
}


.sw-home-b2b-login:hover{
    background:#282828;

    border-color:rgba(200,16,46,.5);

    transform:translateY(-2px);
}


.sw-home-b2b-actions a:hover b{
    transform:translateX(4px);
}


/* ========================================
   TABLET
   ======================================== */

@media(max-width:850px){

    .sw-home-b2b{
        grid-template-columns:auto 1fr;
    }

    .sw-home-b2b-actions{
        grid-column:1 / -1;

        display:grid;

        grid-template-columns:1fr 1fr;

        margin-top:5px;
    }

}


/* ========================================
   MOBILE
   ======================================== */

@media(max-width:600px){

    .sw-home-b2b{
        margin:35px 14px;

        padding:23px 20px;

        grid-template-columns:1fr;

        gap:17px;

        text-align:left;
    }


    .sw-home-b2b-icon{
        width:52px;
        height:52px;
    }


    .sw-home-b2b-content h2{
        font-size:25px;
    }


    .sw-home-b2b-actions{
        grid-column:auto;

        display:flex;
        flex-direction:column;

        width:100%;
    }


    .sw-home-b2b-actions a{
        width:100%;
    }


    .sw-home-b2b-features{
        gap:5px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b75d7de */.elementor-383058 .elementor-element.elementor-element-b75d7de {
    background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 32%),
    radial-gradient(circle at center, #141414 0%, #080808 100%) !important;
}/* End custom CSS */