:root {
    --primary:#FA4F12;
    --secondary:#242729;
    --grey:#D8D8D8;
    --lite-grey:#EDEDED;
    --heading:#000000;
    --text:#000000;
    --nav:#ffffff;
    --color1:#081e46;
    --color2:#2381ff;
    --color3:#135fc3;
    --color4:#f3f4f9;
}

* { transition:ease-in-out 0ms; -moz-transition:ease-in-out 0ms; -o-transition:ease-in-out 0ms; -webkit-transition:ease-in-out 0ms; -ms-transition:ease-in-out 0ms; }

@font-face {
    font-family: 'Sharp Sans Extrabold';
    src: url('../fonts/SharpSans-Extrabold/Sharp-Sans-Extrabold.eot');
    src: url('../fonts/SharpSans-Extrabold/Sharp-Sans-Extrabold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SharpSans-Extrabold/Sharp-Sans-Extrabold.woff2') format('woff2'),
         url('../fonts/SharpSans-Extrabold/Sharp-Sans-Extrabold.woff') format('woff'),
         url('../fonts/SharpSans-Extrabold/Sharp-Sans-Extrabold.ttf')  format('truetype'),
         url('../fonts/SharpSans-Extrabold/Sharp-Sans-Extrabold.svg#Sharp Sans Extrabold') format('svg');
}

/*html, body { height:100%; }*/
body { font-family: "Inter", sans-serif; font-weight:400; font-size:17px; color:var(--text); line-height:28px; margin:0px; padding:0px; background:#ffffff; }


.hide_desktop { display:none; }

a, input { transition:ease-in-out 250ms; -moz-transition:ease-in-out 250ms; -o-transition:ease-in-out 250ms; -webkit-transition:ease-in-out 250ms; -ms-transition:ease-in-out 250ms; }

.wide_container { max-width:1400px; margin:0px auto; }
.container { max-width:1200px; margin:0px auto; position: relative; }
section { position:relative; padding:80px 0px; }

h1, h2, h3, h4, h5, h6  { color:var(--heading); margin:0px 0px 30px 0px; padding:0px; font-weight:700; text-transform:uppercase; }
h4, h5, h6  { margin:0px 0px 10px 0px; }
.item-list li { margin:0px 0px 15px 0px; }



.grey_bg { background:var(--lite-grey); }
section .page_title { font-size:32px; line-height:38px; font-weight:700; margin:0px auto 10px auto; }

.text_center { text-align:center; }

p { margin:0px 0px 20px 0px; padding:0px; }
a { color:var(--primary); text-decoration:none; }
a:hover { color:var(--secondary); }

.lp-btn a { background:var(--primary); border:solid 1px var(--primary); color:#fff; font-size:20px; font-weight:400; padding:15px 35px; border-radius:0px; display:inline-block; text-transform:uppercase; }
.lp-btn a:hover { background:var(--secondary); border-color:#fff; color:#fff; }
.lp-btn.sbtn a { font-size:16px; padding:8px 20px; }
.lp-btn a.nobg { background:transparent; border:solid 1px #fff; }
.lp-btn a.nobg:hover { background:#fff; border:solid 1px var(--secondary); color:var(--primary); }

/*.lp-btn  { background:var(--primary); border:solid 1px var(--primary); color:#fff; font-size:20px; font-weight:400; border-radius:0px; display:inline-block; text-transform:uppercase; }*/


.hiliter { color:var(--primary); }

.hr_divider { border-top:solid 1px #C9C9C9; }

select, textarea { background-color:#EEEDED !important; border-radius:0px !important; padding:10px; text-transform:uppercase; }
textarea { resize:none; height:150px; }
button { border-radius:0px !important; border:0px !important; background:var(--primary) !important; color:#fff !important; padding:10px 15px; }
button:hover { background:var(--secondary) !important }
.input-group-text { border-radius:0px; background:none; border:0px; }

.btn-common {
    background-color: #FA4F12 !important;
    border:none;
    border-radius: 2px !important;
    padding: 0.7rem !important;
    color: white !important;
    font-size: 1rem !important;
    text-transform:uppercase;
}

.btn-common:hover {
    background-color: black !important;
    color: white !important;
}

.btn-wishlist {
    background-color: #B2B2B2 !important;
    border:none;
    border-radius: 2px !important;
    padding: 0.7rem !important;
    color: white !important;
    font-size: 1rem !important;
    text-transform:uppercase;
}

.btn-wishlist:hover {
    background-color: black !important;
    color: white !important;
}

 .inputField-common{
    border:1.5px solid #bfbfbf; 
    border-radius:5px; 
    background-color:white !important;
    margin-bottom:1rem;
    margin-right:2rem;
    margin-left:3rem;
    max-width:80%;
}


 .content-area {
}

.content-area > :first-child {
    float:left;
    margin-right:5rem;
}

.content-area > :nth-child(2) {
     /*float:right;*/   /*NILESH*/
}

.content-area > :nth-child(3) {
    /*float:right;*/     /*NILESH*/
    padding-top: 2%;
}

.flexitem{
        padding:3rem;
        border-radius:0.1rem;
        background: linear-gradient(to top, #f2f2f2, #ffffff);
        font-size:1rem;
        line-height:2rem;
        flex: 1;
        border:3px solid #f2f2f2;
    }

.nav-bar-align{
    display:flex;
    flex-direction:row;
    column-gap:0.8rem !important;
}

.inputFieldText {
    width: 100%;
    border: none;
    border: 0.1px solid transparent;
    padding: 8px; 
}

.inputFieldText:focus {
    border-color:#66a3ff;
    box-shadow: 0 0 0 4px #b3d1ff;
    outline: none;
}


.btn-nav{
    font-size:0.8rem;
    border:none;
}

.CatCol1{
    display:flex;
    margin-top:2rem;
}

#isotopeContainer.isotope-container.isotope {
    position: static !important; 
    overflow: visible !important;
    height: auto !important;
}

.isotope--target {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
}

.popup-products{
    /*width:100%;*/      /*NILESH*/
}


.CatCol2{
    width:100%;
    display:flex;
    column-gap:1rem;
}



.CatCol2 #isotopeContainer {
    display:flex;
    column-gap:1rem;
    width:100%;
    flex-wrap:wrap;
        }

.CatCol2 .category_item{
    border: 1px solid #D8D8D8;
    padding:1rem;
    margin-bottom:2rem;
    width:25rem;
}

.CategoryCatalogue{
    display:flex;
    justify-content:flex-end;
    flex-direction:column;
}

.page-style{
    list-style:none;
    display:flex;
    column-gap:1rem;
    justify-content:center;
    align-items:center;
    margin-left:-2rem;
}

.Col2{
    width:100%;
    display:flex;
    justify-content:flex-end;
    position:absolute; 
    
}

.Col2 #isotopeContainer{
    display: grid;
    grid-template-columns:1fr 1fr; 
    grid-gap:3rem; 
}

.Col2 .popup-products{
    width:75%; 
}

.ItemCatalogue{
    min-height:90rem;
    display:block;
}

.Col2 .product{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}


.product-img {
  /*width: 18rem;*/
  /*height: 10rem;*/   /*NILESH*/
  position: relative;
  overflow: hidden; 
}

.product-img .picture {
  width: 100%;
  height: 100%;
  text-align: center; 
}

.product-img .picture img {
  max-width: 100%; 
  max-height: 100%; 
  display: block;
  margin: 0 auto; 
}

.tab-pane.active {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.Brands-Align{
  
    grid-template-columns: repeat(2, 1fr); 
    gap: 1rem; 
}


.Brand-List-Item{
    border:1px solid #D8D8D8; 
    padding:0.5rem;
    display:flex;
    align-content:center;
    justify-content:center;
    min-height:10rem;
}


/*** Header ***/
header#site_header { padding:0px; }
header #top_bar { background:var(--secondary);}
header #logo_bar { background:#fff; padding:10px 0px; }
header #search_cart_bar { background:var(--grey);}
header #nav_bar { background:var(--primary); }
header#site_header .site_logo { }

header ul.header_social_menu { margin:0px; padding:90px; list-style:none; text-align:right; }
header ul.header_social_menu li { margin:0px 15px; padding:0px; display:inline-block; }
header ul.header_social_menu li a { font-size:30px; text-decoration:none; color:var(--secondary); display:block; }
header ul.header_social_menu li a:hover { color:var(--primary);  }

header #search_cart_bar { padding:12px 10px; }
header #search_cart_bar .row>* { padding:0px 5px; }
header #search_cart_bar .quick_order_btn a { font-size:16px; padding:10px 20px; width:100%; margin:0; border:0px !important; }
header #search_cart_bar select { background-color:#fff !important; border-radius:0px; padding:12px; text-transform:uppercase; } /*NILESH*/
header #search_cart_bar button { border-radius:0px; border:0px; background:var(--primary); color:#fff; padding:10px 15px; }
header #search_cart_bar button:hover { background:var(--secondary);}
header .cart_info { line-height:24px; }
header .cart_info ul { margin:0px; padding:0px; list-style:none; }
header .cart_info ul li { margin:0px; padding:0px; display:inline-block; font-weight:500; }
header .cart_info ul li a { color:var(--secondary); }
header .cart_info ul li a:hover { color:var(--primary); }
header .cart_info ul li a i { font-size:28px; line-height:28px; }
header .cart_info ul li a sup { background:var(--primary); padding:2px 6px; color:#fff; font-size:12px; border-radius:50%; margin:0px 0px 0px -5px; }
header .cart_info ul li a:hover sup { background:var(--heading);}

/*** Hero ***/
#hero_section { padding:0px; }
#hero_section .hero_slide { background:#04102F; position:relative;width:100%; height:100%;  }
#hero_section .hero_slide .slide_bg {background-repeat:no-repeat; background-position:center left; background-size:50% 100%; position:relative; width:100%; height:100%;}
#hero_section .hero_slide.hero_slide2 .slide_bg { }
#hero_section .hero_slide.hero_slide3 .slide_bg { }
#hero_section .hero_slide.hero_slide4 .slide_bg { }
/*#hero_section .hero_slide { background:#04102F; }
#hero_section .hero_slide .slide_bg { background-image:url('../images/computer-parts-slide-pic.jpg'); background-repeat:no-repeat; background-position:center left; background-size:contain; position:relative; }
#hero_section .hero_slide.hero_slide2 .slide_bg { background-image:url('../images/printing-parts-slide-pic.jpg'); }
#hero_section .hero_slide.hero_slide3 .slide_bg { background-image:url('../images/server-parts-slide-pic.jpg'); }
#hero_section .hero_slide.hero_slide4 .slide_bg { background-image:url('../images/toners-slide-pic.jpg'); }*/
#hero_section .hero_slide .slide_overlay {  padding:150px 10px 150px 10px; background-image:linear-gradient(to right, #04102F35 , #04102F); min-height:580px; }
#hero_section .hero_content { margin:0px auto; }
#hero_section .hero_content .slide_title { font-size:78px; font-weight:700; line-height:84px; color:#fff; text-align:left; text-transform:uppercase; margin-bottom:30px; }
#hero_section .hero_content .slide_title span { color:var(--primary); padding:0px; }
#hero_section .hero_content p { color:#ffffff; font-size:20px; font-weight:500; line-height:36px; }
#hero_section .hero_content .lp-btn a { margin:5px; }
#hero_section .carousel-indicators [data-bs-target] { width:40px; height:8px; background:#ffffff !important; border-radius:5px !important;}

/*** Category Section ***/
#category_section { background:#fff; }
#category_section h2 { max-width:50%; margin:0px auto 30px auto; }
#category_section .category_grid { display:grid; grid-template-columns:1fr 1fr; grid-gap:30px; }
#category_section .category_grid .category_item { text-align:center; padding:40px 20px; background:#fff; border-radius:10px; box-shadow:0px 0px 12px #00000046; min-height:470px; display:flex; align-content:center; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; justify-content:space-between; }
#category_section .category_grid .category_item:hover { box-shadow:0px 0px 12px #00000085; }
#category_section .category_grid .category_item img { display:block; width:auto; margin:0px auto 30px auto; }
#category_section .category_grid .category_item h3 { margin:0px; font-size:32px; line-height:38px; margin-bottom:20px; }
#category_section .category_grid .category_item .lp-btn a { }
#category_section .category_grid .category_item .lp-btn a:hover {  }


/*** Brands Section ***/
#brands_section { background:var(--primary) url('../images/section-bg1.jpg') no-repeat center center; background-size:cover; }
#brands_section h2 { font-size:42px; font-weight:700; line-height:48px; margin:0px auto 30px auto; color:#fff; }
#brands_section p { color:#fff; }
#brands_section .brands_grid { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:20px; align-items:center; }
#brands_section .brand_item { padding:15px; margin:0px; background:#fff; box-shadow:0px 0px 5px #00000085; border-radius:10px; }
#brands_section .brand_item img { width:100%; }

/*** Footer ***/
footer { background:var(--secondary); color:#fff; padding:20px 0px 20px 0px; }

footer .footer_title { color:#fff; font-weight:500; }

footer .site_logo { text-align:center; margin:0px 0px 50px 0px; }
footer .site_logo img { background:#fff; padding:5px; border-radius:5px; }

footer .footer_nav ul { margin:0px 0px 30px 0px; padding:0px; font-size:0px; width:100%; text-align:center; list-style:none; }
footer .footer_nav ul li { margin:0px; padding:0px 40px; display:inline-block; border-right:solid 1px #fff; height:24px; }
footer .footer_nav li a { font-size:17px; line-height:24px; font-weight:300; text-decoration:none; color:#fff; padding:0px; }
footer .footer_nav ul li:last-child { border:0px; }
footer .footer_nav li a:hover { color:var(--primary);  }

footer ul.footer_social_menu { margin:0px 0px 50px 0px; padding:0px; text-align:center; list-style:none; }
footer ul.footer_social_menu li { margin:0px 3px; padding:0px; display:inline-block; font-size:20px; line-height:28px; }
footer ul.footer_social_menu li i { margin:0px; }
footer ul.footer_social_menu li a { color:#fff !important; background:var(--secondary); border:solid 2px #fff; font-size:22px; padding:0px; display:block; width:44px; line-height:40px; text-align:center; border-radius:50%; }
footer ul.footer_social_menu li a:hover { background:var(--primary); border:solid 2px var(--primary); color:#fff; }

footer .copyright { text-align:center; font-size:15px; font-weight:300; border-top:solid 1px #ffffff35; padding:20px 0px 0px 0px; }

/*** Main Section ***/
#main_section { padding:40px 0px; }
#main_section h2 { font-size:24px; }

.breadcrumb  { font-weight:500; }
.breadcrumb li.breadcrumb-item.active { color:var(--heading); font-weight:700; }

/*** Product Card ***/
.product-card { border:solid 1px #B4B4B4; padding:20px; margin-bottom:25px; }
.product-card .product-pic { display:block; margin:auto; }
.product-card .product-title { margin-bottom:20px; }
.product-card .product-title a { color:var(--primary); font-size:24px; }
.product-card .product-title a:hover { color:var(--secondary); }
.product-card .product_price { font-size:22px; font-weight:700; }
.product-card .product_price span { font-size:16px; font-weight:700; }
.product-card .product_availability { font-size:16px; color:#3AB844; }
.product-card .qty-group input { font-size:20px; line-height:36px; max-width:30%; }
.product-card button.addcart-btn, .product-card button.wishlist-btn { width:100%; padding:15px !important; text-transform:uppercase; font-size:18px; font-weight:500; }
.product-card button.addcart-btn:hover, .product-card button.wishlist-btn:hover { background-color:var(--secondary) !important; }
.product-card button.wishlist-btn { background-color:#B2B2B2 !important; }

/*** Product Description page ***/
.ItemAvailabilityText{ font-size:16px; color:#3AB844; }

/*** Pagination ***/
.pagination-bar { font-size:18px; font-weight:500; margin:0px 0px 20px 0px; }
.pagination-bar .page-pointer {}
.pagination-bar ul.pagination-list { margin:0px; padding:0px; list-style:none; text-align:right; }
.pagination-bar ul.pagination-list li { margin:0px 10px; padding:0px; display:inline-block; }
.pagination-bar ul.pagination-list li a { font-size:20px; font-weight:500; }
.pagination-bar ul.pagination-list li:first-child, .pagination-bar ul.pagination-list li:last-child { margin:0px; }
.pagination-bar ul.pagination-list li:first-child a, .pagination-bar ul.pagination-list li:last-child a { padding:5px 12px; background:var(--primary); color:#fff; }
.pagination-bar ul.pagination-list li:first-child a:hover, .pagination-bar ul.pagination-list li:last-child a:hover { background:#EEEDED; color:#8f8e8e; }

/*** Sidebar ***/
.sidebar {}
#filterPanel .accordion-item .accordion-header span { background:#EAEAEA !important; border-radius:0px; color:var(--heading) !important; font-size:19px; font-weight:600; text-transform:uppercase; color:var(--secondary); padding:10px 6px; }
#filterPanel .accordion-item { margin-bottom:20px; border-top:solid 1px #dee2e6; border-radius:0px; }
#filterPanel .accordion-item .accordion-header { background:#EAEAEA; }
#filterPanel .accordion-item .accordion-header button { background:#EAEAEA !important; border-radius:0px; color:var(--heading) !important; font-size:19px; font-weight:600; text-transform:uppercase; color:var(--secondary); padding:10px 6px; }
#filterPanel .accordion-item .accordion-header a { background:#EAEAEA !important; border-radius:0px; color:var(--heading) !important; font-size:19px; font-weight:600; text-transform:uppercase; color:var(--secondary); padding:10px 6px; }
#filterPanel .accordion-item .accordion-body { padding:10px; }
#filterPanel ul { margin:0px; padding:0px; list-style:none;  }
#filterPanel ul li { margin:0px; padding:5px 0px; text-transform:capitalize; }
#filterPanel ul li .sel_filter_hd { font-size:16px; font-weight:600; }
#filterPanel ul li a { margin:0px; padding:5px 0px; color:var(--primary) }
#filterPanel ul li a:hover { color:var(--secondary) }

/*** Contact Icon List ***/
ul.icon-list { margin:0px; padding:0px; list-style:none; }
ul.icon-list li { margin:0px 0px 25px 0px; padding:0px; }
ul.icon-list li i { background:var(--primary); color:#fff; font-size:22px; width:40px; line-height:40px; text-align:center; margin:0px 5px 5px 0px; }