.arr-right .breadcrumb-item+.breadcrumb-item::before {
 
  content: "›";
 
  vertical-align:top;
 
  color: #408080;
 
  font-size:35px;
 
  line-height:18px;
 
}
        .text-light{
            color:black !important;
        }
           .about-main i{
        color:red;    
    }
           @media (min-width:320px) and (max-width:575.98px) {
            .about-main h5 {
                font-size: 16px;
            }
               ul{
                text-align:left;
            }
            h3{
                 text-align:left;
            }
             p{
                 text-align:left;
            }
             .about-main h3{
                   text-align:left;
                   font-size:1.2rem;
             }
              .arr-right .breadcrumb-item+.breadcrumb-item::before {
 
          content: "›";
 
          vertical-align:top;
 
          color: #408080;
 
            font-size:20px;
 
          line-height:18px;
 
        }
              .breadcrumb {
                  font-size:12px;
                  text-align:left;
              }
        }