@font-face {
    font-family: 'MyCustomFont';
    src: url('1314-font.ttf') format('opentype'); /* Make sure the path is correct */
    font-weight: normal;
}

html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

body {
    min-height: 100vh;
}

main {
    flex: 1;
}

footer {
    background-color: #343a40;
    color: #ffffff;
    text-align: center;
    padding: 1rem;
}
.display-1 {
    font-family: 'Grey Qo', sans-serif;
    font-size: 60pt;
}
.navbar {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.navbar .navbar-nav .nav-item .nav-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#navbarNav {
    margin-right: 20px;
}
.navbar-brand {
    font-family: 'MyCustomFont', sans-serif;
    font-size: 30pt;
    font-weight: bold;
}
.custom-font {
    font-family: 'MyCustomFont', sans-serif;
    font-size: 30pt;
}
div, p {
    font-weight: normal;
}
.navbar-shadow {
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
}
.nav-link {
    /*font-family: 'Kalam', sans-serif;*/
    font-size: 11pt;
    text-decoration: none;
    text-transform: uppercase;
}
.nav-link:hover {
    text-decoration: none;
    color: #4b5563;
}
.cart-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 3px 5px;
    font-size: 10px;
    width: 15px;
}

.card-title {
    margin: 0 0 0.4444444444em;
    min-height: 3em;
    max-height: none;
    line-height: 1.5;
    overflow: hidden;
    font-size: 12pt;
}

.card-text {
    min-height: 3.5em;
}

.col-sm-12 .card-title {
    color: #6d3636;
}

.col-md-3 .card-title {
    min-height: 150px;
}
.col-md-3 .card-text {
    min-height: 150px;
}

@media(max-width: 767px) {

    .col-sm-12 .card-title {
        max-height: 30px;
    }
    .col-sm-12 .card-text {
    }

    .view-sm-gallery {
        margin-top: 30px;
    }
}

.equal-height {
    display: flex;
}

.card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-text {
    font-family: Arial , sans-serif;
}

.product-button {
    color: #999;
    font-family: 'Gochi Hand', sans-serif;
    text-decoration: none;
}

.card-link {
    color: #999;
}
.navbar-nav .nav-item .nav-link, .common-link {
    font-family: 'Arial', sans-serif !important;
}

.common-link {
    color: #fff;
    text-decoration: none;
    padding: 5px;
}

.common-link:hover {
    color: #ccc;
}


@media (max-width: 767px) {
    .navbar-nav .nav-item {
        padding-left: 15px;
    }
}
.navbar-cart {
    position: relative;
}

/* Style for the badge */
.cart-badge {
    position: absolute;
    top: 0;
    right: -12px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 3px 9px 5px 5px;
    font-size: 9px;
}

.card-box-shadow {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.pagination {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination li {
    display: inline;
    margin-right: 5px;
}

.pagination li a {
    text-decoration: none;
    border: none;
    background: none;
    padding: 5px 10px;
    color: #333;
    border-radius: 0;
}

.pagination li.active a {
    background: #333;
    color: #fff;
    text-decoration: underline;
}
.page-link {
    background: none !important;
    color: #000 !important;
    border: none !important;
}
#bx-pager {
    text-align: center;
    margin-top: -30px;
}

#bx-pager a {
    margin: 0 3px;
}

#bx-pager a img {
    padding: 3px;
    border: solid #ccc 1px
}

#bx-pager a.active img {
    border: solid #ccc 3px;
}

.bx-viewport {
    height:400px !important;
}

.buy-button {
    box-shadow: 0px 1px 0px 0px #f0f7fa;
    background: #33bdef linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
    border-radius:10px;
    border:1px solid #057fd0;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:9px 24px;
    text-decoration:none;
    text-shadow:0px -1px 0px #5b6178;
}
.buy-button:hover {
    color: #ccc;
}
.buy-button:active {
    position:relative;
    top:1px;
}

ul.dropdown-cart {
    min-width: 350px;
    padding: 0;
    margin: 0;
}

.dropdown-cart li {
    margin: 0;
    padding: 0;
    position: relative;
    top: -2px;
    left:2px;
    width:99%;
}

ul.dropdown-cart li .item {
    display: block;
    margin: 3px 0;
    padding: 4px;
}
ul.dropdown-cart li .item:hover {
    background-color: #f3f3f3;
}
ul.dropdown-cart li .item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left {
    float: left;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info {
    float: left;
}
ul.dropdown-cart li .item-left span.item-info {
    margin-left: 10px;
    width: 100%;
}
ul.dropdown-cart li .item-left span.item-info span {
    display: block;
}
ul.dropdown-cart li .item-right {
    float: right;
}
ul.dropdown-cart li .item-right button {
    margin-top: 14px;
}

@media only screen and (max-width: 767px) {
    ul.dropdown-cart {
        position: absolute;
        width: 100%;
        max-width: 100vw;
        margin-left:-220px;
    }

    ul.dropdown-cart li .item-left {
        float: none;
        text-align: center;
    }

    ul.dropdown-cart li .item-left img,
    ul.dropdown-cart li .item-left span.item-info {
        float: none;
        display: block;
        margin: 0 auto 10px;
    }

    ul.dropdown-cart li .item-right {
        float: none;
        text-align: center;
        margin-top: 10px;
    }
}

.list-unstyled li a{
    text-decoration: none;
    font-size: 10pt;
}

.bg-heading {
    /*background-color: #afa5a3;*/
    background-color: #647254;
}

.desi-title {
   font-family: 'MyCustomFont';
}

header p {
    font-size: 13pt !important;
    color: #fff !important;
}

.category-info-container {
    min-height: 50px;
}

.card-body {
    font-size: 10pt !important;
}

.bg-tag-custom {
    background-color: #647254;
}

.text-success1 {
    color: #647254;
}

.view-product {
    font-size: 10pt !important;
}

.right-image {
    max-width: 100%;
    height: auto;
    object-fit: contain; /* Prevents stretching */
}
.image-wrapper {
    display: block; /* Ensure it behaves as a block element */
    position: relative;
    max-width: fit-content; /* Keeps it only as wide as the image */
    height: max-content; /* Matches the image height */
    overflow: hidden; /* Ensures no unwanted overflow */

}


.image-wrapper img {
    display: block; /* Prevents unwanted spacing */
    height: auto;
    transition: transform .5s ease-in-out; /* Smooth 1s zoom effect */
}

.image-wrapper:hover img {
    transform: scale(1.1); /* Slight zoom effect */
}

.overlay {
    position: absolute;
    bottom: 20px;
    left: 0;
    background: none;
    width: 100%; /* Ensures it matches the parent width */
    color: white;
    padding: 10px;
    text-align: center;
    box-sizing: border-box; /* Prevents padding from increasing the width */
    transition: all 0.3s ease; /* Smooth transition */
    overflow: hidden; /* Prevents overflow */
}

.image-link {
    display: inline-block;
}