@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&display=swap');

body {font-family: 'Heebo', sans-serif;}

.headerlogin{font-size:18px; color:#000000; text-decoration:none}
.headerlogin:hover , .headerlogin:active{font-size:18px; color:#40b194; text-decoration:none}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc);
    /* width: 26px; */
    /* height: 26px; */
    padding: 2px 6px;
    background: #FF4440;
    /* border: 0px solid #666; */
    color: #ffffff;
    text-align: center;
    font-size: 10px;
}

.pagestitle {font-style: normal;font-weight: 500;font-size: 35px;text-align: right;color: #282828;}
.spacertop {margin-top:15px;}

.sitebtnpink{
    background-color:#40b194;  padding:8px 30px; box-sizing:border-box; text-align:center; color:#ffffff; min-width:100px; font-weight:bold; border-radius:10px; border:0px; font-size:18px;
}
.sitebtnpink:hover {
    background-color:#a54d5e;  padding:8px 30px; box-sizing:border-box; text-align:center; color:#ffffff; min-width:100px; font-weight:bold; border-radius:10px; border:0px; font-size:18px;
}


.bootstraprtl [class^="col-"], .productscontainer [class*=" col-"] {   float:right !important }     
.btnshadow {-webkit-box-shadow: 5px 5px 8px -1px rgba(235,228,235,1);
-moz-box-shadow: 5px 5px 8px -1px rgba(235,228,235,1);
box-shadow: 5px 5px 8px -1px rgba(235,228,235,1);}

.ProdQtymodal {border-radius:0px; padding:5px 10px; box-sizing:border-box}
.borderless td, .borderless th {     border: none !important; }

.shadow {-webkit-box-shadow: 10px 10px 19px -2px rgba(209,197,209,1);
-moz-box-shadow: 10px 10px 19px -2px rgba(209,197,209,1);
box-shadow: 10px 10px 19px -2px rgba(209,197,209,1);
}

.shadowhover:hover {-webkit-box-shadow: 10px 10px 19px -2px rgba(209,197,209,1);
-moz-box-shadow: 10px 10px 19px -2px rgba(209,197,209,1);
box-shadow: 10px 10px 19px -2px #dedede;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #40b194;
    border-color: #40b194;
}

.fav-color:hover * {color:#40b194 !important}

.pagination>li>a, .pagination>li>span {
    color: #000000;
}

.sitebtnoff {
    padding:5px 20px; box-sizing:border-box; background-color:#40b194;  text-align:center; color:#000000; min-width:100px; font-size:14px; border:1px solid #40b194; border-radius:20px;
}
.sitebtnoff:hover , .sitebtnoff:active, .sitebtnoff:focus  {
    padding:5px 20px; box-sizing:border-box; background-color:#ffffff;  text-align:center; color:#40b194; min-width:100px;  font-size:14px; border:1px solid #40b194; border-radius:20px;
}

.productpageline {border-bottom: 1px solid #BAA673; height:1px; margin:15px 0px}
.qtydd {width: 80px;border: 1px solid #282828;border-radius: 10px; font-style: normal;font-weight: 500;font-size: 16px;color: #282828; text-align:center;}

@media (min-width: 768px) {
.tavit {background-color:#A10D01; background-image: linear-gradient(to right, #A10D01 , #C81500); color:#ffffff; font-size:12px; padding:6px 15px;  z-index:999999; border-radius: 15px 50px;}
.productcubeimgcontainer {height:250px; overflow:hidden}
.ProductName			 {  font-size: 20px; color: #282828; text-decoration:none; font-weight:bold }
.ProductName:hover			 {  font-size: 20px; color: #000000; text-decoration:none ; font-weight:bold }
.productcubeimgcontainerbig {height:600px; overflow:hidden}
}

@media (max-width: 768px) {
.tavit {background-color:#A10D01; background-image: linear-gradient(to right, #A10D01 , #C81500); color:#ffffff; font-size:10px; padding:2px 4px; z-index:999999; border-radius: 10px 30px;}
.productcubeimgcontainer {height:150px; overflow:hidden}
.ProductName			 {  font-size: 16px; color: #282828; text-decoration:none; font-weight:bold }
.ProductName:hover			 {  font-size: 16px; color: #000000; text-decoration:none ; font-weight:bold }
.productcubeimgcontainerbig {height:150px; overflow:hidden}
.pagestitle {font-style: normal;font-weight: 500;font-size: 20px;text-align: right;color: #282828;}

.CatPath {
    color: #282828;
    font-size: 14px;
    padding: 0px 4px;
}
.productpagepname {
    font-size: 30px;
    color: #282828;
}
.numberCircle {
    top:-8px !important; right:-10px !important;
}

.productcubecontainer {
    margin-bottom: 0px !important;
}

}