/*Breadcrumb*/

.breadcrumb {
    padding: 24px 0;
    max-width: 1320px;
    margin: auto;
}

    .breadcrumb ul {
        display: flex;
        align-items: center;
        padding: 0;
        margin: 0;
        list-style: none;
        column-gap: 3px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

    .breadcrumb ul::-webkit-scrollbar {
        display: none;
    }

        .breadcrumb ul li a {
            display: flex;
            align-items: center;
            column-gap: 3px;
            font-family: Inter;
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            color: #2F2F2F;
            text-decoration: none;
        }

        .breadcrumb ul li .icon {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #D1000F;
            font-size: 14px;
        }


/*Page Header*/
.main-header-area {
    background: #000;
    position: relative;
}

.main-mobile-header {
    top: 0;
    background: #000;
    padding-top: 32px;
    position: relative;
}


/*Page*/
.page-container
{
    max-width: 1320px;
    padding: 0;
}





@media only screen and (max-width: 1399px)
{
    .page-container {
        padding: 0 12px;
    }

    .breadcrumb {
        padding: 24px 12px;
        padding-right: 0;
    }
}