/* :: 12.0 Blog Area CSS */
.breadcrumb-area {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 255px; }
@media only screen and (max-width: 767px) {
    .breadcrumb-area {
        height: 180px; } }
.breadcrumb-area .breadcrumb-content h2 {
    color: #ffef00;;
    font-size: 30px;
    text-transform: uppercase;
    display: block; }
@media only screen and (max-width: 767px) {
    .breadcrumb-area .breadcrumb-content h2 {
        font-size: 24px; } }
.breadcrumb-area .breadcrumb-content .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0; }
.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item::before {
    color: #6d6dff; }
.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item.active {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600; }
.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item a {
    font-size: 16px;
    color: #6d6dff;
    font-weight: 600; }
.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item a:hover {
    color: #092f08; }
.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
.bg-overlay {
    position: relative;
    z-index: 2;
    background-position: center center;
    background-size: cover; }
.bg-overlay::after {
    background-color: rgba(0, 0, 0, 0.61);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""; }
.text-d{
    color: #6d6dff;
}
.text-a{
    color: #092f08;
}
.fa{
    color: #6d6dff;
}
.nav> li.active > a{
    background-color: #6d6dff!important;
    color: #092f08!important;
}
.nav> li.active > a:hover{
    background-color: #1a1c27;
    color: #6d6dff;
}
.nav> li > a:hover{
    background-color: #092f08;
    color: #6d6dff;
}
.nav> li > a{
    color: #092f08;
    background-color: rgba(26, 28, 39, 0.1);
}
.str-title{
    color: #092f08;
    text-decoration: underline;
    text-decoration-color: #6d6dff;
}