@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: HONO
    Template Description: HONO - Multipurpose eCommerce HTML Template
    Version: 1.0
    Template Author: Jaber Hossain Shovon
    Template URL: https://hasthemes.com/

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    -> Base - Default

    -> Components - Button
    -> Components - Hero
    -> Components - Service Promo
    -> Components - Banner
    -> Components - Product
    -> Components - Blog Feed
    -> Components - Instagram
    -> Components - Company Logo
    -> Components - Slider Customize
    -> Components - Tab Style
    -> Components - Form
    -> Components - Sidebar Widget
    -> Components - Breadcrumb
    -> Components - Pagination
    -> Components - Comment
    -> Components - Table

    -> Pages - Shop
    -> Pages - Product Details
    -> Pages - Cart
    -> Pages - Compare
    -> Pages - Checkout
    -> Pages - Login
    -> Pages - My Account
    -> Pages - FAQ
    -> Pages - Privacy Policy
    -> Pages - 404 
    -> Pages - About
    -> Pages - Contact
    -> Pages - Blog
    -> Pages - Empty Cart

    -> Layout - Header
    -> Layout - Header Mobile
    -> Layout - Footer
    -> Layout - Offcanvas
    -> Layout - Modal


-----------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
/*!
 * Bootstrap v5.0.0-alpha2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/*****************************
* Components - Breadcrumb
*****************************/
.breadcrumb-wrapper2 {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: left;
    text-align: center;
}
@media (min-width: 768px) {
    .breadcrumb-wrapper2 {
        margin-bottom: 80px;
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media (min-width: 992px) {
    .breadcrumb-wrapper2 {
        margin-bottom: 50px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.breadcrumb-title {
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 12px;
}
@media (min-width: 768px) {
    .breadcrumb-title {
        font-size: 34px;
    }
}
@media (min-width: 992px) {
    .breadcrumb-title {
        font-size: 38px;
    }
}
@media (min-width: 1200px) {
    .breadcrumb-title {
        font-size: 42px;
    }
}

.breadcrumb-nav li {
    display: inline-block;
    margin-right: 0px;
    position: relative;
}
.breadcrumb-nav li a {
    color: #000;
}
.breadcrumb-nav li::after {
    position: absolute;
    content: "";
    font-family: "Ionicons";
    left: calc(100% + 15px);
}
.breadcrumb-nav li:last-child {
    margin-right: 0;
}
.breadcrumb-nav li:last-child::after {
    display: none;
}

.sort-layout-single > .row > .col-12 {
    margin-top: 40px;
}

.breadcrumb-bg-color--golden {
    background-color: #FEF5EF;
}

.breadcrumb-nav-color--black li a {
    color: #000;
}
.breadcrumb-nav-color--black li a:hover {
    color: #b19361;
}

.breadcrumb-nav-hover-color--black li a:hover {
    color: #000;
}
.breadcrumb-nav-hover-color--black li a:hover:hover {
    color: #b19361;
}
.breadcrumb-nav-hover-color--black li .active {
    color: #b19361;
}