/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-style1 {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #fff;
    z-index: 10;
}

.breadcrumb-style1-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.breadcrumb-style1 .inner-content {
    position: relative;
    display: block;
    padding: 120px 0 121px;
}

.breadcrumb-style1 .title {
    position: relative;
    display: block;
    z-index: 1;
}

    .breadcrumb-style1 .title h2 {
        color: #fff;
        font-size: 75px;
        line-height: 1.1em;
        font-weight: 900;
        font-family: var(--thm-font-3);
        text-transform: capitalize;
    }

.breadcrumb-menu {
    position: relative;
    display: block;
    line-height: 0;
    padding-top: 9px;
    z-index: 1;
}

    .breadcrumb-menu ul {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .breadcrumb-menu ul li {
            position: relative;
            float: left;
            color: #fff;
            font-size: 18px;
            line-height: 28px;
            font-weight: 400;
            text-transform: capitalize;
            padding-right: 12px;
            margin-right: 12px;
            font-family: var(--thm-font-3);
        }

            .breadcrumb-menu ul li:before {
                content: "";
                position: absolute;
                top: 9px;
                right: 0;
                bottom: 7px;
                width: 1px;
                background-color: #fff;
                transform: rotate(20deg);
            }

            .breadcrumb-menu ul li:last-child:before {
                display: none;
            }

            .breadcrumb-menu ul li:last-child {
                padding-right: 0;
                margin-right: 0;
            }

            .breadcrumb-menu ul li a {
                color: #fff;
                transition: all 200ms linear;
                transition-delay: 0.1s;
            }

            .breadcrumb-menu ul li:hover a,
            .breadcrumb-menu ul li.active {
                color: var(--thm-black);
            }