.promo-area {
    position: relative;
    z-index: 1;
}

.promo-area::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #ffb200;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    z-index: -1;
}

.promo-area {
    background: url("./images/slider3.jpg") no-repeat center /cover;
}

.promo-area::before {
    background: #000000;
    z-index: -1;
}

.promo-area .promo-wrap {
    padding: 120px 0;
}

.promo-area .promo-wrap .promo-title {
    font-size: 48px;

    color: #ffffff;
    font-weight: 700;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-bottom: 12px;
}

.promo-area .promo-wrap .promo-title::after {
    position: absolute;
    content: '';
    left: 2px;
    bottom: 0;
    width: 15%;
    height: 6px;
    border-top: 2px solid #ffffff;
    border-right: 3px solid #ffffff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    transform: skew(45deg);
    -webkit-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -ms-transform: skew(45deg);
    -o-transform: skew(45deg);
}

.promo-area .promo-wrap .promo-title::before {
    position: absolute;
    content: '';
    left: 17%;
    bottom: 0;
    width: 80%;
    height: 6px;
    border-top: 2px solid #ffffff;
    border-left: 3px solid #ffffff;
    border-bottom-color: transparent;
    border-right-color: transparent;
    transform: skew(-45deg);
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    -o-transform: skew(-45deg);
}

.promo-area .promo-wrap .promo-title.s-title::before {
    left: 21%;
}

.promo-area .promo-wrap .promo-title span {
    color: #3DB4FD;
}

.promo-area .promo-wrap .breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
}

.promo-area .promo-wrap .breadcrumb .breadcrumb-item {
    font-size: 16px;
    font-weight: 500;
}

.promo-area .promo-wrap .breadcrumb .breadcrumb-item a {
    color: #ffffff;
}

.promo-area .promo-wrap .breadcrumb .breadcrumb-item.active {
    color: #3DB4FD;
}

.promo-area .promo-wrap .breadcrumb .breadcrumb-item::before {
    color: #ffffff;
}