@charset "utf-8";

/* GOOGLE FONTS - ROBOTO */
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600" rel="stylesheet">

body{ }
.wrapper{ font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 27px; }
.branding{ padding: 5px 0px; text-align: center; font-size: 35px !important; color: #80bb39; margin: 10px 0px; }
.branding img{ max-width:120px;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ line-height: 1.5 !important; }

#menu-toggle {
    display: none; /* Hide the menu button by default */
}

/* Basic styling for the navbar-nprs */
  .navbar-nprs { font-family: 'Montserrat', sans-serif; background-color: #1080ff; color: white; text-transform: uppercase; position: relative; z-index: 1; }
  .navbar-nprs ul{ padding: 0px; margin: 0px; text-align: center; }
  .navbar-nprs ul li{ display: inline; position: relative; }
  .navbar-nprs li ul{ display: none;}
  .navbar-nprs li ul li{ /* display: none; */ display: inline; }
  .navbar-nprs ul li:hover ul{ display: inline; position: absolute; left: 0px; top: 32px; animation: fadeIn 0.5s; }
  .navbar-nprs li:hover ul li a{ background-color: #1080ff; display:block; line-height: 10px; width: 180px; text-align: left; border-top: #67aeff solid 1px; }
  .navbar-nprs li:hover ul li a:hover{ background-color: #0553ac; }
  .navbar-nprs ul li a{ color: #fff; font-size: 12px; font-weight: 500; line-height: 45px; text-decoration: none; margin: 0px; padding: 15px 11px;}
  .navbar-nprs ul li a:hover{ background-color:#0553ac; }
  
  @media only screen and (max-width: 992px)  {

    .navbar-nprs ul li{ display: block; position: relative; border-top: #539ef4 solid 1px; }
    /* .navbar-nprs ul li a{ display: block; line-height: 16px; } */
    .navbar-nprs ul li a{ display: block; line-height: 16px; color: #fff; font-size: 12px; font-weight: 500;  text-decoration: none; margin: 0px; padding:7px 0px;}
    .navbar-nprs ul li:hover ul{ display: contents; background-color: #0553ac; } 
    .navbar-nprs li:hover ul li a{ width: inherit; border-top: #396aa2 solid 1px; text-align: center; background-color: #0553ac; }
    .navbar-nprs ul li.active:before {content: "\25be"; position: absolute !important; left: 0; right: 0; top: -2px !important; font-size: 15px; color: yellow; margin-left: auto; margin-right: auto; line-height: 5px;}

    .navbar-nprs ul {
        display: none; 
    }

    .navbar-nprs ul.open {
        display: block;
    }

    .navbar-nprs ul li {
        display: block; 
        margin: 2px 0;
        
    }
    #menu-toggle {
        display: block;
        position: absolute;
        transform: translate(-50%, -4%); /* Adjust position relative to width and height */
        /* background-color: #1080ff; */
        color: #000;
        font-size: large;
        cursor: pointer;
        z-index: 9999;
        margin-bottom: 15px;
        padding: 10px !important;
        background-color: #fff !important;
        font-size: 29px !important;
        border: none !important;
        right: 0px !important;
        top: 33px !important;
    }
    .pro-list{
        margin-top: 25px;
    }
    
 
  
}

  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }

  .outofstock{
    color:#c92f24 !important;
    font-size: 12px !important;
  }


/*.nav li.active { border-bottom: #fff solid 2px; }*/
.navbar-nprs ul li.active:before {content: "\25be"; position: absolute; left: 0; right: 0; top: -10px; font-size: 15px; color: yellow; margin-left: auto; margin-right: auto; line-height: 10px;}

.pro-coin{ width: 20px !important; position: absolute; left: 21px; top: 6px; }

/* .heading-section{ position: relative; padding: 10px 5px; text-align: center; font-size: 30px; color: #fff; font-weight: 600; margin-bottom: 30px; line-height: 70px; }
.heading-section::after { content: ""; background: url(../images/heading-bg.jpg) center center no-repeat; opacity: 0.6; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
.heading-section::before { content: ""; background-color: #101b2e; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
.heading-section img { max-width: 120px; } */

.heading-section{ position: relative; padding: 10px 5px; text-align: center; font-size: 30px; color: #1080ff; font-weight: 600; margin-bottom: 30px; line-height: 70px; }
.heading-section::after { content: ""; background: rgb(247,201,4);
    border-top:#fff solid 1px;
    background: rgb(247,201,4);
    background: -moz-linear-gradient(119deg, rgba(247,201,4,1) 9%, rgba(255,223,145,1) 23%, rgba(247,201,4,1) 50%, rgba(250,230,157,1) 72%, rgba(247,201,4,1) 92%);
    background: -webkit-linear-gradient(119deg, rgba(247,201,4,1) 9%, rgba(255,223,145,1) 23%, rgba(247,201,4,1) 50%, rgba(250,230,157,1) 72%, rgba(247,201,4,1) 92%);
    background: linear-gradient(119deg, rgba(247,201,4,1) 9%, rgba(255,223,145,1) 23%, rgba(247,201,4,1) 50%, rgba(250,230,157,1) 72%, rgba(247,201,4,1) 92%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7c904",endColorstr="#f7c904",GradientType=1);

top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
.heading-section::before { content: ""; background-color: #101b2e; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
.heading-section img { max-width: 120px; }

footer{background-color: #474747; padding: 0px 0px 50px 0px; text-align: center; font-size: 13px; color: #c3c3c3; margin-top: 50px;}
footer .copyrights{ padding-top: 60px; }

.btn-blue{ padding: 15px; background-color: #8acc3c; color: #fff; text-transform: uppercase; border: #000 solid 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 10px; border: #80bb39 solid 2px; }
.btn-blue:hover{ background-color: #80bb39; text-decoration: none; color: #fff;}

input, textarea{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 10px;display: block; border: #e4e4e4 solid 2px !important; margin-bottom: 15px !important; width: 100%; }
input[type="submit"]{ background-color: #1080ff; color: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 10px;display: block; border: #1d73d6 solid 2px !important; margin-bottom: 15px !important; width: 100%; }
input[type="checkbox"]{ display: inline !important; padding: 0px; width:25px !important;}

.redeem-box{border:#1080ff solid 2px; background-color:#f6fcff; padding: 50px; margin:15px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center;}
.redeem-box span{font-size: 40px; font-weight: 700; display: block; color: #0d1a7a; line-height: 70px;}

button[disabled], html input[disabled]{
	background-color: #9c9c9c !important;
	border-color: #7b7b7b !important;
}
.shopbar{margin-bottom: 25px; border: #eee solid 1px; border-radius: 8px; padding: 5px 10px;}
.top-cart{ font-size:14px; font-weight:600px; text-align: right;}
.wallet-bar{ font-size: 14px; }
.wallet-bar img{ width: 19px; }

/* . */
/* 
.pro-list-row .col-md-4{
    margin-bottom: 25px;
} */

table {
    font-size: 13px !important;
    font-weight: 400;
}
table th{
    font-weight: 600;
}

.pro-list{
    border: #eee solid 2px;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    height: 100%;
    margin-bottom: 25px !important;
    display: flex;
    flex-direction: column;
}
.pro-single{
    border: #eee solid 2px;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    height: 100%;
    margin-bottom: 10px !important;
}

.pro-img{
    max-width: 100%;
    object-fit: cover;
}

.pro-list .col-md-3 {
    border-right: #eee solid 2px;
}

.pro-list .pro-img img,
.pro-single .pro-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 30px;
}

.pro-list .pro-name{
    font-size: 14px;
    font-weight: 600;
    min-height: 70px;
}

.pro-info{
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pro-actions{
    margin-top: auto;
}
.pro-price{
color: #d35310;
}
.pro-thumb{
    width:70px;
    height:70px;
    overflow: hidden;
    border: #eee solid 2px;
    border-radius: 7px;
    float: left;
    margin-right: 10px;
}
.pro-thumb img{
    max-width:70px;
    max-height:70px;
    object-fit: cover;
}
.pro-buynow,
.pro-addtocart{
    border: #ecbe8f solid 1px;
    background-color: #ffde5c;
    border-radius: 5px;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    padding: 3px 10px;
    cursor: pointer;
}
 .pro-list:hover .pro-addtocart{
    border: #212121 solid 1px;
    background-color: #333;
    color: #fff;
}
/* .pro-list:hover{
    border: #d7d7d7 solid 2px;
} */

/* .nprs-table{
     max-width: 100%;
    overflow: scroll; 
} */

input[type=checkbox] {
    zoom: 1.5;
    margin: 0px !important;
}   

.pro-list-row {
    display: block !important;
}

.pro-list-row:before,
.pro-list-row:after {
    content: " ";
    display: table;
}

.pro-list-row:after {
    clear: both;
}

.terms_tick{ padding-right: 15px; height: 95px; width: 38px; float: left;}
.col-md-4 .thumbnail{ min-height: 350px; }

.category-list{
    border: #eee solid 1px;
    border-radius: 10px;
}
.category-list h4{
    margin: 20px 10px;
}

.category-list ul{
    padding: 0px;
    margin: 0px;
}
.category-list ul a{
    display: block;
    padding: 4px 4px 4px 10px;
    margin: 0px;
    cursor: pointer;
    color: #1080ff;
    font-size: 14px;
    border-bottom: #eee solid 1px;
}
.category-list ul a:hover{
    background-color: #f6f6f6;
    text-decoration: none;

}
.category-list ul a:last-child{
    border-bottom: none;
}
.category-list ul a:first-child{
    border-top: #eee solid 1px;
}


@media (max-width: 575px) {
	.terms_tick{ padding-right: 15px; width: 100%; height: 30px;}
    .heading-section{ font-size: 18px; padding:0px;}
    .redeem-box span{font-size: 30px;}
}

@media (max-width: 767px) { 
}

@media (max-width: 991px){ 
    .row{
        display:inherit !important;
    }
    .pro-list .col-md-3 {
        border-right: none !important;
        padding:0px;
    }
    .pro-list{
        padding-left:0px !important;
        padding-right:0px !important;
        padding-bottom:15px !important;
    }
}

@media (max-width: 1199px) {
}

@media (max-width: 320px) {
    
    .nprs-table{
        max-width: 320px !important;
        overflow: scroll;
    }
}


/* Sidebar Collapse Styles */
@media (min-width: 992px) {
    #category-menu-container {
        display: block !important;
        height: auto !important;
        visibility: visible !important;
    }
    .category-list h4 {
        cursor: default !important;
        pointer-events: none;
    }
}

@media (max-width: 991px) {
    #category-menu-container {
        display: none;
    }
    .category-list h4 {
        cursor: pointer;
    }
}

/* Product Grid Styles */
.product-card {
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 30px;
    background: #fff;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    min-height: 470px;
}

.product-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

.pro-img-container {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
}

.pro-img-container img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.pro-info {
    padding: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-top: 0;
}

.pro-name {
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 20px;
    min-height: 40px;
}

.pro-name a {
    color: #333;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro-name a:hover {
    color: #1080ff;
}

.pro-price {
    font-size: 18px;
    color: #3c3c3c;
    font-weight: 700;
    margin-bottom: 15px;
}

.pro-actions {
    margin-top: auto;
}

.whatsapp-btn {
    background: #25D366;
    color: #fff;
    border: none;
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 500;
    transition: background 0.2s;
}

.whatsapp-btn:hover, .whatsapp-btn:focus {
    background: #1ebe5d;
    color: #fff;
    text-decoration: none;
}

.whatsapp-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* Flexbox Grid Alignment */
.pro-list-row {
    display: flex;
    flex-wrap: wrap;
}

/* More Details Link Style */
.more-details-link {
    color: #999;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s;
}

.more-details-link:hover {
    color: #1080ff;
    text-decoration: none;
}