#navsTab ul li:before{
                    content: "";
                    font-family: 'Font Awesome 5 Free';
                    font-weight: 900;
                    position: absolute;
                    left: -15px;
                    top: 0px;
                    color: #fbfdfd;
            }
                        .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;
            }
            ul.a {
                    list-style-type: circle;
                }

            .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;
        }

        nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#10454e;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#10454e;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
 
  left: -34%;
  border: 15px solid transparent;
  border-top-color: #e74c3c ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #e74c3c;
    border-bottom:5px solid #e74c3c;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #6c9024;
    color:black;
    border-radius:0;
    transition:background 0.20s linear;
}
        @media (min-width:320px) and (max-width:575.98px) {
            ul{
                text-align:left;
            }
            h3{
                 text-align:left;
            }
             p{
                 text-align:left;
            }
             .about-main h3{
                   text-align:left;
                   font-size: 1.2rem;
             }
              .card-footer{
                  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;
        }
             nav > div a.nav-item.nav-link.active:after
             {
             
              position: relative;
              bottom: -60px;
              
              left: -34%;
              border: 15px solid transparent;
            
            }
        }