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

.landing .items {
    background: url(../../assets/images/headerBg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    box-shadow: none;
    position: relative;
}
.landing .items .text-decoration-none{background: transparent; width:100%; height:100%; border:0;display: flex; flex-direction: row;}
.landing .items .bgimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.landing .items .bgimg {
    border: 0;
    height: 197px;
    width: 100%;
    background: #fff;
    margin: 10px;
    border-radius: 6px 6px 0px 0px;
    position: relative;
    z-index: 9;
}
.landing .items .item-content .itemsmainimg{height: 193px; margin: 0 auto; display: inline-block;}
.landing .item-content .pricetag{background:transparent;}
.landing .item-content{background:transparent;text-align: center;}
.landing .item-content .bar{border:3px solid #fff; background:#fff;}
.grid .item-content .bar .subbar{background:#F54400;}
/*.grid .item-content .pricetag .price img{width:24px;}*/
.landing .item-content .btn-primary{padding:0; background:transparent; border:0; width: calc(50% - 5px);}
.landing .item-content .btn-container{margin-bottom: 0; display: flex; align-items: center; justify-content: space-between; padding-top:15px; line-height: 52px;}
.landing .item-content .btn-container .btn:first-child{margin-right:5px;}
.landing .item-content .btn-container .btn:last-child{margin-left:5px;}
.landing .item-content .btn-primary{height:54px; display: flex; align-items: center; justify-content: center;}
.landing .item-content .pricetag .price, .grid .item-content .pricetag span, .landing .item-content .pricetag .price sub, .landing .item-content .pricetag .price2 sub{color:#2A2A2A;}

.landing .item-content .pricetag .price{ }
.landing .item-content .pricetag .price2{text-align:left;}
.landing .item-content .pricetag .price2 .f4 {
    margin-right: 4px;
    font-size: 20px;
    line-height: 7px;
    color: #fff;
    font-family: "Kaisei Tokumin", serif;
    font-weight: 700;
    background: #101238;
    -webkit-background-clip: text;
    -webkit-text-stroke: 5px transparent;
    padding-left: 2px;
}
.landing .item-content .pricetag .price2 .f4 img{height:30px;}
.landing .item-content .pricetag .price2 .valuetext {
    font-size: 20px;
    line-height: 4px;
    font-family: "Kaisei Tokumin", serif;
    font-weight: 800;
    color: #fff;
    background: #101238;
    -webkit-background-clip: text;
    -webkit-text-stroke: 5px transparent;
    padding-left: 1px;
}
.landing .item-content .pricetag .price2 span sub {
    text-shadow: none;
    margin-left: 2px;
    opacity: 1;
    font-family: "Kaisei Tokumin", serif;
    font-weight: 500;
    color: #fff;
    background: #101238;
    -webkit-background-clip: text;
    -webkit-text-stroke: 5px transparent;
    padding: 0 3px;
}
.landing .item-content .pricetag .price span {
    color: #fff;
    font-size: 20px;
    font-family: "Kaisei Tokumin", serif;
    font-weight: 800;
    background: #101238;
    -webkit-background-clip: text;
    -webkit-text-stroke: 5px transparent;
    padding: 0px 1px 5px;
}
.landing .item-content .pricetag .price sub {
    color: #fff;
    margin-left: 0;
    text-shadow: none;
    opacity: 1;
    background: #101238;
    -webkit-background-clip: text;
    -webkit-text-stroke: 5px transparent;
}
header .headercart .star{padding:6px;}

.grid .items .item-content .btn-primary{background: #ff8a00; border: 4px solid #ffba68; color: #fff;}
.grid .items .item-content .btn-primary img{height: 20px; margin-right:3px;}
.grid .items .item-content .btn-primary span{font-family: 'Roboto Mono', monospace;  color: #fff; font-weight: 700;vertical-align: middle;}
.grid .items .item-content .btn-default img{height: 20px; margin-right:3px;}
.grid .items .item-content .btn-default span{font-family: 'Roboto Mono', monospace;  color: #fff; font-weight: 700;vertical-align: middle;}

.grid .items .item-content .btn-primary:hover, .grid .items .item-content .btn-default:hover {
    filter: brightness(1) contrast(2);
}

.orange-bar{
    background: #FC8F18 !important;
}

.green-bar {
    background: #6FB718 !important;

}