@font-face {
    font-family: 'cairo';
    src: url('fonts/cairo.ttf') format('truetype');
}

@font-face
{
    font-family: "DroidKufi-regular";
    font-style: normal;
  
    src: url("fonts/DroidKufi-Regular.ttf") format("truetype");
    src: url("fonts/DroidKufi-Regular.woff") format("woff"); /*src: url("../Font/DroidKufi-Regular.eot") format("eot");*/
}
*
{

    font-family:"DroidKufi-regular";

}
.breadcrumbs-v3::before,
.breadcrumbs-v3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%; /* Half of the body's width for each pseudo-element */
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity here (0.6) to control the darkness level */
    z-index: -1; /* Place the pseudo-elements behind other content */
}