.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;
}
                   .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;
            }
         .arr-right .breadcrumb-item+.breadcrumb-item::before {
 
              content: "›";
 
              vertical-align:top;
 
              color: #408080;
 
              font-size:35px;
 
              line-height:18px;
 
            }
         .text-light{
            color:black !important;
        }
        @media (min-width:320px) and (max-width:575.98px) {
            ul{
                text-align:left;
            }
            h3{
                 text-align:left;
                 font-size: 1.2rem;
            }
             p{
                 text-align:left;
            }
             .about-main h4{
                   text-align:left;
                   
             }
             .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;
            }
        }