*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  
}
       .tab-content .row h3{
            color: rgb(5, 5, 134);
        }
        .tab-content h3{
            color: rgb(5, 5, 134);
        }
        .tab-content h3:hover{
            background-color: 1px solid #0ac766;
            color: #0ac766;
        }
        .container h2{
            color: rgb(5, 5, 134);
            text-align: center;
        }
       .container h2:hover{
            background-color: 1px solid #0ac766;
            color: #0ac766;
        }
        /* .container ul li:hover{
            background-color: 1px solid #0ac766;
            color: #0ac766;
        } */
        .nav-item a:hover{
           color: #0ac766;

            }
        .nav-item  a{
            color: rgb(5, 5, 134);
           
        }
        .fade .row {
            padding-left: 15%;
        }
        .fade .col-md-3{
            background-color: rgb(12, 12, 124);
            margin:3px;
            position: relative;
            display: block;
            width: 100%;
            height: auto;
            
        }
        
        .fade .overlay{
            position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
        }

        
        .service-section-2 .cards {
            display: grid;
          
         }
          .service-section-2 .card {
             
           overflow: hidden;
           position: relative;
            cursor: pointer;
            /* border-radius: 10px; */
            margin: 2px;
            border: none;
            background: #f4f4f4;
           
         }
         .service-section-2 .card p{
             color: black;
         }
         .service-section-2 .card h4{
             color: #0c0c7c;
         }
          .service-section-2 .card-body {
            transform-style: preserve-3d;
            transition: 1s transform;
            padding: 1.25rem 1.25rem 1.9rem 1.25rem;
         }
          .service-section-2 .card:hover .card-body {
            bottom: 0%;
         }
          .card-front, .card-back {
              word-spacing: 2px;
            backface-visibility: hidden;
         }


          .card-back {
           position: absolute;
           left: 0px;
           top: 0px;
           right: 0px;
           bottom: 0px;
           transition: -webkit-transform 0.4s ease;
           transition: transform 0.4s ease;
           transition: transform 0.4s ease, -webkit-transform 0.4s ease;
           -webkit-transform: scale(0, 1);
           -ms-transform: scale(0, 1);
           transform: scale(0, 1);
           -webkit-transform-origin: right center;
           -ms-transform-origin: right center;
           transform-origin: right center;
         }
         .card:hover .card-back{
           -webkit-transform: scale(1, 1);
           -ms-transform: scale(1, 1);
           transform: scale(1, 1);
           -webkit-transform-origin: left center;
           -ms-transform-origin: left center;
           transform-origin: left center;
         }
         .card-back:before {
          position: absolute;
             content: '';
             left: 0px;
             top: 0px;
             right: 0px;
             bottom: 0px;
             z-index: 1;
             background: #0ac766;
         }
          .card-back ul{ position: absolute;
             left: 10%;
             top: 14%;
             z-index: 1;
             color: #fff;}

          .card-back ul li{
               color: rgb(12, 12, 124);
                list-style:none;
                 text-align: left; 
                 padding: 7px 0px;
                  font-size: 16px; 
                  font-weight: 500;
                }

          .card {
           position: relative;
         }
          .card-body {
           position: relative;
         }
         .card-back ul li:hover{
             color: rgb(12, 12, 124);
         }
         .samecard .card{
             border:1px solid rgb(12, 12, 124);
             width: 100%;
             height: 165px;
             margin-bottom: 20px;
         }

       /* -----Contributers CSS.-----   */
.Minisamecard .card{
    width: 100%;
    height: 80px;
    margin-bottom: 20px;
    border: 1px solid rgb(12, 12, 124);
}