.scroll-top {
          width: 55px;
          height: 55px;
          position: fixed;
          bottom: 25px;
          right: 20px;
          display: none;
          z-index:4;
        }
        .scroll-top i {
          display: inline-block;
          color: #fff;
        }

        .animated {
          animation-duration: 2.5s;
          animation-fill-mode: both;
          animation-iteration-count: infinite;
        }

        @keyframes bounce {
          0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
          40% {transform: translateY(-30px);}
          60% {transform: translateY(-15px);}
        }
        .bounce {
          animation-name: bounce;
        }
        .arr-right .breadcrumb-item+.breadcrumb-item::before {
 
          content: "›";
 
          vertical-align:top;
 
          color: #408080;
 
          font-size:35px;
 
          line-height:18px;
 
        }
        .text-light{
            color:black !important;
        }
        .card-body p{
            text-transform:none;
        }
        @media (min-width:320px) and (max-width:575.98px) {
            ul{
                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;
              }
                 .scroll-top {
              width: 40px;
              height: 35px;
              position: fixed;
              bottom: 25px;
              right: 1px;
              display: none;
              z-index:4;
            }
       
        }