a{
    text-decoration: none !important;
}
.d-none{
  display:none;
}
.w-100{
    width:100% !important;
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: "Trebuchet MS", sans-serif;
    line-height: 1.15;
    font-size: 15px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

* {
    margin: 0;
    padding: 0;
    box-sizing:border-box;
}

body {
    font-size: 15px;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: var(--blue);
}

a:hover {
    text-decoration: underline;
    color: var(--orange);
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
h5 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
/* Responsive Breakpoints (Example) */
@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1366px) {
    .container {
        max-width: 1320px;
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}

[class^="col-"], [class*=" col-"] {
    margin: 0;
    padding: 0;
}
.bg-white {
    background-color: var(--ac-f-c2);
}

.bg-gray {
    background: var(--ac-b-bg);
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.txt-center {
    text-align: center;
}

.p-15 {
    padding: 15px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.ws-box {
    background: var(--ac-f-c2);
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
input:not([type="checkbox"]):not([type="radio"]), select, textarea {
    font-size: 15px;
    height: 42px;
    padding: 5px 15px;
    background: #var(--ac-f-c2);
    outline: none;
    width: 100%;
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* ==========header section start==== */

header {

    font-size: 15px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background: var(--ac-hf-bg);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 100;

}
header .top {
    padding: 15px 0;
}
  
header .top .container {
    display: flex;
}

.ht-item {
    flex: 1 1 auto;
    margin-top: 0px;
}

.ht-item.logo {
    flex: 0 0 200px;
}


.ht-item.logo img {
    height: auto;
    width: auto;
    display: inline-block;
}
img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}
@media (min-width: 1280px) {
    #lc-toggle, #column-left .lc-close, .h-desk {
        display: none !important;
    }
    
}
@media (max-width: 480px){
    .ht-item.logo img {
        margin-top: 0px;
    }
    .ht-item.logo .brand {
            width: 35%;
            display: block;
        }
   }
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot);
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.material-icons {
    height: 24px;
    width: 24px;
}
.search {
    padding: 5px 0;
    position: relative;
}
header .search input {
    border: none;
    padding: 0 40px 0 20px;
    font-weight: normal;
    border-radius: 4px;
    margin-bottom: 0;
    margin-left:2%;
}
.dropdown-menu {
    position: absolute;
    display: none;
    background: var(--ac-f-c2);
    padding: 0;
    margin-top: 0px;
    z-index: 99;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 -5px 0 0 #fff;
    width: 100%;
}
.dropdown-menu .search-details {
    display: flex;
    flex-direction: column;
}

.home-description a {
    font-weight: 600;
}
/*----------------------aclider section start------------------*/

.swiper-pagination.slideshow0.swiper-pagination-clickable.swiper-pagination-bullets{
    position: relative;
    bottom: 0px;
}

span.swiper-pagination-bullet {
    width: 30px;
    height: 8px;
    border-radius: 0;
    background:var(--ac-primary);
}
span.swiper-pagination-bullet:hover {
    background:var(--ac-primary);
}
.swiper-pagination-bullet-active {
     background-color: var(--ac-f-c2) !important;
}

/*---------------------aclider section end-------------------*/

/*==============Marque style start==============*/

.sliding_text_wrap {
    background-color: var(--ac-f-c2);
    border-radius: 25px;
    margin: 46px auto;
    padding: 8px 15px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}
.sliding_text_wrap marquee {
    color: #333;
    font-size: 15px;
}
/*================Marque style end==========*/

/*============= Feature Cards ============*/

    .r-lnk-wrap {
      /* max-width: 1100px; */
      margin: 0 auto 0px auto;
    }

    .r-lnk-wrap>div:first-child {
      padding-left: 0 !important;
    }

    .r-lnk-wrap>div:last-child {
      padding-right: 0 !important;
    }

    .c-card {
      display: flex;
      align-items: center;
      gap: 15px;
      background: var(--ac-f-c2);
      border-radius: 8px;
      text-decoration: none;
      padding: 15px 20px;
      transition: all 0.3s ease;
      border: 1px solid #e5e7eb;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
    }

    .c-card:hover {
      transform: translateY(-4px);
      border-color: var(--ac-primary);
      box-shadow: 0 6px 15px #e7ffe7;
      list-style-type:none;
    }

    .c-card .ic {
      background-color: var(--ac-primary);
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
    }

    .c-card .blurb {
      font-weight: 400;
      font-size: 16px;
      color: #111827;
      display: block;
    }

    .c-card p {
      color: #4b5563;
      font-size: 14px;
      margin: 0;
    }

    @media (max-width: 991px) {
     .w-50{
            width:50% !important;
        }
      .c-card .blurb{
        text-align:left;
          
      }
      .c-card p {
          display:none;
    }
    
    .c-card .ic {
         width: 40px;
         height:35px;
    }
    .c-card .blurb {
        font-size: 14px;
    }
    .r-lnk-wrap > div:nth-child(2) {
        padding-right: 0 !important;
    }
    .r-lnk-wrap > div:nth-child(3) {
        padding-left: 0 !important;
    }
    }

    @media (max-width: 575px) {
      .c-card {
            /* flex-direction: column; */
            text-align: center;
            padding: 10px 8px 10px 8px;    
            gap: 5px;
            
        }
      .material-icons{
          font-size:24px;
      }
      .r-lnk-wrap .col-6.col-sm-4.col-md-3.w-50 {
        margin: 0;
        padding: 4px;
        width:50%;
    }
    }
/*============= Feature Cards End ============*/
/* ===== Classic Computer redesign: shared product cards + brand logos ===== */
.bcard{height:100px!important;min-width:150px;padding:10px 18px!important;border-color:#e1e7f0!important}
.bcard img{height:78px!important;max-width:150px!important;object-fit:contain}
.bcard:hover{border-color:#1a6ee0!important;box-shadow:0 5px 15px rgba(26,110,224,.12)!important}
.pcard .b-sale{background:#f58220!important;color:#10203f!important;font-weight:800}
.pcard .p-price .pn,.pcard .pn{color:#0d1b36!important;font-weight:800}
.pcard .p-price .po{color:#5b6a85}
.pcard .btn-add,.featured-cart-btn{background:#004aad!important;border-color:#004aad!important;color:#fff!important;border-radius:8px;transition:background .2s}
.pcard .btn-add:hover,.featured-cart-btn:hover{background:#1a6ee0!important;border-color:#1a6ee0!important}
.featured-qv-btn{border-radius:8px;transition:color .2s,border-color .2s}
.featured-qv-btn:hover{color:#1a6ee0;border-color:#1a6ee0}

/* ===== Header actions (mockup style) ===== */
.hdr-acts{display:flex!important;align-items:center!important;gap:10px!important}
.hdr-acts .hico{display:grid!important;justify-items:center;gap:4px;background:none!important;border:0!important;padding:2px 6px!important;font:700 12px 'Manrope',system-ui,sans-serif!important;color:#0d1b36!important;position:relative;cursor:pointer;transition:color .2s}
.hdr-acts .hico .mi{position:relative;display:grid!important;place-items:center;width:40px;height:40px;border-radius:50%;background:#f5f8fd;border:1px solid #e1e7f0;color:#004aad!important;font-size:18px!important;margin:0!important;transition:background .2s,color .2s,transform .2s,border-color .2s}
.hdr-acts .hico .lbl{color:inherit!important;font-size:12px!important;font-weight:700!important;margin:0!important}
.hdr-acts .hico:hover{color:#1a6ee0!important}
.hdr-acts .hico:hover .mi{background:#1a6ee0;border-color:#1a6ee0;color:#fff!important;transform:translateY(-2px)}
.hdr-acts .hbadge{position:absolute!important;top:-3px!important;right:2px!important;left:auto!important;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#f58220!important;color:#10203f!important;font:800 11px/18px 'Manrope',sans-serif!important;text-align:center;border:2px solid #fff}
.hdr-acts .account-wrap{position:relative}
.hdr-acts .cart-btn{display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;background:#004aad!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:8px 18px 8px 10px!important;line-height:1.15;margin-left:4px;position:relative;transition:background .2s}
.hdr-acts .cart-btn::before{content:"";position:absolute;left:-10px;top:50%;width:1px;height:36px;margin-top:-18px;background:#e1e7f0}
.hdr-acts .cart-btn .mi{grid-row:1/3;display:grid!important;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff!important;font-size:18px!important;margin:0!important}
.hdr-acts .cart-btn .clbl{font:700 14px 'Manrope',sans-serif!important;color:#fff!important;border:0!important;padding:0!important;margin:0!important}
.hdr-acts .cart-btn .cart-amt{font:600 13px 'Manrope',sans-serif!important;color:#fff!important;opacity:.85;border:0!important;padding:0!important;margin:0!important}
.hdr-acts .cart-btn:hover{background:#1a6ee0!important}
.hdr-acts .btn-pcb{display:flex!important;align-items:center;background:#1a6ee0!important;color:#fff!important;padding:13px 18px!important;border-radius:12px!important;font:700 14px 'Manrope',sans-serif!important;text-decoration:none!important;transition:background .2s}
.hdr-acts .btn-pcb:hover{background:#004aad!important;color:#fff!important}

/* ===== Home: tighter vertical spacing ===== */
.brand-sec{margin-bottom:0!important}
.weekday-message{margin:12px auto!important}
.featured-category-showcase{padding:12px 0 24px!important}
/* PC Builder icon + equal button heights */
.hdr-acts .btn-pcb{gap:10px;height:52px;padding:6px 18px 6px 8px!important}
.hdr-acts .btn-pcb::before{content:"\f108";font-family:FontAwesome;font-size:17px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;flex-shrink:0}
.hdr-acts .cart-btn{height:52px;padding:6px 18px 6px 8px!important}
.hdr-acts .cart-btn .mi{width:38px;height:38px}
/* smaller cart + PC Builder buttons */
.hdr-acts .cart-btn,.hdr-acts .btn-pcb{height:44px!important;min-width:0!important;width:auto!important;padding:4px 14px 4px 6px!important;border-radius:10px!important}
.hdr-acts .cart-btn{column-gap:8px}
.hdr-acts .cart-btn .mi,.hdr-acts .btn-pcb::before{width:32px!important;height:32px!important;font-size:15px!important}
.hdr-acts .cart-btn .clbl{font-size:13px!important}
.hdr-acts .cart-btn .cart-amt{font-size:12px!important}
.hdr-acts .btn-pcb{font-size:13px!important;gap:8px}
.hdr-acts .cart-btn::before{height:30px;margin-top:-15px}
/* Popular Products (bestseller) cart button: beat the module's own orange rule */
body .bestseller-module .pcard .btn-add.bs-cart-btn,body .pcard button.btn-add.bs-cart-btn,body .pcard button.btn-add{background:#004aad!important;border-color:#004aad!important;color:#fff!important}
body .bestseller-module .pcard .btn-add.bs-cart-btn:hover,body .pcard button.btn-add:hover{background:#1a6ee0!important;border-color:#1a6ee0!important}