ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    font-family: 'Roboto-Light';
  }
  ul.breadcrumb li {
    display: inline;
    font-size: 18px;
  }
  ul.breadcrumb li+li:before {
    padding: 8px;
    color:var(--dark-blue);
    content: "/\00a0";
  }
  ul.breadcrumb li a {
    color: var(--dark-blue);
    text-decoration: none;
  }
  ul.breadcrumb li a:hover {
    color: var(--dark-blue);
    text-decoration: none;
  }

  #blog-details{
    background-color: var(--light-blue);
  }

  #blog-details h1{
    color: var(--dark-blue);
    font-size: 30px;
    font-family: 'Figtree-Medium';
  }
  #blog-details ul li {
    color: var(--dark-blue);
    font-size: 16px;
    
  }
  #blog-details ul li i {
    background-color: var(--dark-blue);
    font-size: 16px;
    border-radius: 50px;
    color: white;
    padding: 5px 7px;
  }
  .blog-search .card{
    background-color: var(--light-sky);

  }

  .blog-search .card-body h2{
    color: var(--dark-blue);
    font-size: 20px;
    font-family: 'EudoxusSans-Bold'; 
  }
  .blog-search .border-bottom-line{
    border-bottom: 2px solid var(--sky);
    width: 80%;margin-right: auto;
    margin-left: auto;
  }
  .recent-post h5{
    color: var(--dark-blue);
    font-size: 16px;
    font-family: 'EudoxusSans-Bold'; 
  }