body {
    background: #fff
}

#home-banner {
    background: url('/assets/templates/play/img/supplies.png') bottom right / contain no-repeat, linear-gradient(60deg, #5E6B77 0%, #3F4952 100%);
    background-size:contain;
    background-position:bottom right;
    background-repeat:no-repeat;
    color:#fff;
    min-height: 350px;
}

.topbar-icon {
    text-decoration: none;
    color: #333;
    font-size: 1.2rem
}

.category-card {
    display: block;
    text-decoration: none;
    color: #fff;
    border-radius: 0.25rem;
    background-size:auto 50%;
    background-position: center;
}

.category-card:hover {
    color: #fff
}

.hero-image {
    max-height: 350px
}

.jet-blocks-cart__heading-link{
    position:relative;
    display:inline-block;
    text-decoration:none;
}

.jet-blocks-cart__heading-link:hover,
.jet-blocks-cart__heading-link:focus{
    text-decoration:none;
}

.jet-blocks-cart__count{
    position:absolute;
    top:-6px;
    right:-8px;
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#15b585;
    border-radius:50%;
    color:#fff;
    font-size:.75rem;
    font-weight:700;
    line-height:1;
}

.jet-blocks-cart__count-val{
    color:#fff;
    font-weight:700;
}

.lnk-black {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

.lnk-datanet 
{
    color: #15b585;
    text-decoration: none;
}

.lnk-social:hover
{
    color: #ffc107 !important;
}

.lnk-datanet:hover {
    text-decoration: underline;
}

.dropdown-item:focus,
.dropdown-item:active {
    background-color: transparent !important;
    color: inherit !important;
}

.text-yellow {
    color: #ffc107;
}

.text-green {
    color: #15b585;
}

.text-shadow {
    text-shadow: 1px 1px #AAAAAA;
}

.icon-24 {
    max-width: 24px !important;
    max-height: 24px !important;
}

.page-link {
    background-color: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

.page-item.active .page-link {
    background-color: #15b585 !important;
    border-color: #222222 !important;
    color: #ffffff !important;
}


.whatsapp {
	position:fixed;
	width:48px;
	height:48px;
	bottom:30px;
	right:30px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	z-index:100;
  }
  
  .whatsapp svg {
	width: 24px;
	height: 24px;
	margin-bottom: 5px;
  }


@media(max-width:991.98px) {
    .hero-image {
        max-height: 220px
    }
}