@font-face {
    font-family: 'GothamBook';
    src: url('../../font/gotham/Gotham-Book.woff2') format('opentype');
    font-display: swap;
}

body {
    font-family: 'GothamBook' !important;
    color: black;
}
.smallfont{
    font-size:0.8rem;
}
.smallfont-1 {
    font-size: 0.9rem;
}
.smallfont-2 {
    font-size: 1rem;
}
.PrimaryColor {
    background-color: #12417b;
    color: white;
}

.ShoppingItemHeight {
    max-width: 100%;
    height: auto;
}

.ImgR1{
    height:150px;
}
.ImgR2 {
    height: 150px;
}

.picsize {
    max-width: 100%;
    height: auto;
    display: block; /* optional: removes extra bottom spacing */ /* default for small (sm) and below */
}
 

.label-R1 {
    margin-top: -55px;
}

.label-R2 {
    margin-top: -25px;
}

.bg-dark-yellow {
    background-color: rgb(101, 110, 10); /* Dark yellow with opacity */
}

.bg-pink {
    background-color: #ff69b4; /* Hot Pink */
}

.bg-dark-green {
    background-color: #477231; /* Darker Green */
}

.bg-light-green {
    background-color: #b4c142; /* lighter Green */
}


.hbp-icon-height {
    height: 480px;
}

.CardDescription {
    font-size: 0.8rem; 
    font-weight:normal;
}


.ShoppingTitle {
    font-size: 0.7rem; /* default for small (sm) and below */
}
/* md: ≥768px */
@media (min-width: 460px) {
    .ShoppingTitle {
        font-size: 0.8rem;
    }
}


/* md: ≥768px */
@media (min-width: 768px) {
    .ShoppingTitle {
        font-size: 0.8rem; 
    }
}

/* lg: ≥992px */
@media (min-width: 992px) {
    .ShoppingTitle {
        font-size: 0.9rem;
    }
}

/* xl: ≥1200px */
@media (min-width: 1200px) {
    .ShoppingTitle {
        font-size: 1rem;
    }
}

/* ssl (custom): ≥1400px or ≥1600px — depending on your design */
@media (min-width: 1600px) {
    .ShoppingTitle {
        font-size: 1.1rem;
    }
}