#sp-left .sp-module:first-child, #sp-right .sp-module:first-child {
        margin-bottom: 30px;
    }
    
    
    .article-list .article .article-intro-image
    {
      margin:-30px -30px 20px -30px;
      border-bottom:0px;
    }
    
    .article-list .article .article-intro-image:hover
    {
         opacity: 0.6;
          transition-duration: 350ms;
          
    }
    
    .article-info>span {
        font-size: 1.1rem;
    }
    
    
    .article-list .article {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
        padding: 30px;
        width: 320px;
        box-shadow: 0px 4px 8px #505050a6;
    }
    
    
    
    .downloadBtn
    {
      width: 80px;
      background-color:#ffcccc;
      border-radius: 10px;
    }
    .downloadBtn:hover
    {
      background-color: #e25353;
      transition-duration: 250ms;
    }
    
    .page-link
    {
      position:relative;
      display:block;
      color:#db3131;
      text-decoration:none;
      background-color:#fff;
      border:1px solid #dee2e6;
      transition:color .15s ease-in-out,
      background-color .15s ease-in-out,
      border-color .15s ease-in-out,
      box-shadow .15s ease-in-out
    }
    
    .page-link:hover
      {
        z-index:2;color:#ef8b92;
        background-color:#e9ecef;
        border-color:#dee2e6
      }
      
      .page-link:focus
      {
        z-index:3;color:#db3131;
        background-color:#e9ecef;
        outline:0;
        box-shadow:0 0 0 .25rem #db31315b;
      }
    
        .page-item:not(:first-child) .page-link
        {
          margin-left:-1px
        }
        .page-item.active .page-link
        {
          z-index:3;
          color:#fff;
          background-color:#db3131;
          border-color:#db3131;
        }
        .page-item.disabled .page-link
        {
          color:#6c757d;
          pointer-events:none;
          background-color:#fff;
          border-color:#dee2e6
        }
    
    
    
    
    .article-list .article .readmore a, .bottonCard    
    {
      
      background-color: #F78F39;
      border: none;
      color: #ffffff;
      padding: 5px 10px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 120%;
      cursor: pointer;
      min-width: 150px;
      border-radius:5px;
        }
    .article-list .article .readmore a:hover, .bottonCard:hover
        {
            transition-duration: 350ms;
            background-color: #FFB87E;
            color: #ffffff;
        }
    
    .bottonCard:active
        {
          background-color: #FFB87E;
            color: #ffffff;
        }
    
    .card-cardBP
        {
          border:0;
            width:350px; 
          margin-left:auto; 
          margin-right:auto; 
          margin-bottom:40px; 
          border-radius:10px;
        }
    
    .card-cardBP:hover
    {
      transform: scale(1.1);
      transition-duration: 350ms;
      opacity: 0.8;
    }

    .zoomimg:hover
    {
      transform: scale(1.2);
      transition-duration: 350ms;
    }
    
    
    .sidenav {
      margin-left:auto;
      margin-right:auto;
      text-align: center;
      width: 250px;
      min-width: 200px;
      background-color: #242222;
      padding: 10px;
      border-radius:10px;
    
    }
    
    .sidenav a, .dropdown-btn,.sidebtn {
      padding: 5px;
      text-decoration: none;
      font-size: 120%;
      color:#ffffff;
      display: block;
      cursor: pointer;
    }
    
    .sidenav a:hover, .dropdown-btn:hover,.sidebtn:hover {
    background-color: #9f9f9f;
    color: #ffffff;
    }
    
    
    .dropdown-container {
      display: none;
      background-color: #3d3d3d;
    
    }
    
     @media screen and (max-width: 992px) {
    
      .sidenav {
        width: 100%;
        position: relative;
        margin-bottom:40px;
        }
        
     .sidenav a {
        text-align: center;
        float: none;
      }
       
           .zoomimg:hover
    {
      transform: scale(1);
    }
    }
    
     @media screen and (min-width: 993px) {
    
      #offcanvas-toggler.offcanvas-toggler-right{
        visibility: hidden;
        }
        
    }