/* Breadcrumb Section */
.breadcrumb-section {
    padding: 260px 0 150px;
    text-align: center;
    position: relative;
    background-image: linear-gradient($white-color, rgba($primary-color, .1));
    @include tablet {
        padding: 300px 0 120px;
    }
    @include landscape-phone {
        padding: 300px 0 120px;
    }
    @include portrait-phone {
        padding: 350px 0 120px;
    }
    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('../images/breadcrumb-bg-shape.png');
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
    .breadcrumb-shape {
        @include tablet {
            display: none;
        }
        @include landscape-phone {
            display: none;
        }
        @include portrait-phone {
            display: none;
        }
        img {
            width: auto;
            height: auto;
            &.hero-round-shape-1 {
                position: absolute;
                top: 20%;
                left: 50px;
            }
            &.hero-round-shape-2 {
                position: absolute;
                top: 40%;
                left: 30%;
            }
            &.hero-round-shape-3 {
                position: absolute;
                bottom: 50px;
                right: 20%;
            }
            &.hero-plus-sign {
                position: absolute;
                top: 20%;
                right: 10%;
            }
        }
    }
    .breadcrumb-link {
        span {
            text-transform: capitalize;
            a {
                color: $paragraph-color; 
                transition: $transition;
                &:hover {
                    color: $primary-color;
                }
            }
        }
    }
}