.sidebar {
     background-color: #ffffff;
     background-image: url("https://www.transparenttextures.com/patterns/arches.png");
     /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
     padding: 20px;
     border-radius: 7px;
     border-top: 3px solid #001e31ff;
     margin-top: 40px;
 }

 .widget {
     background-color: #f8f9fa;
     padding: 20px;
     border-radius: 10px;
     margin-bottom: 20px;
 }

 .widget h5 {
     border-bottom: 2px solid #006ab1;
     padding-bottom: 5px;
     font-size: 18px;
 }

 .widget ul li {
     margin-bottom: 8px;
     padding: 10px 6px;
     border-bottom: 1px solid #ddd;
     transition: background-color 0.3s ease;
     cursor: pointer;
     background-color: #fff;
     display: flex;
     align-items: center;
     border-radius: 5px;

 }

 .widget ul li a {
     text-decoration: none;
     color: #333;
     align-items: center;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
     max-height: 3em;
 }

 .widget ul li a {
     color: #333;
     text-decoration: none;
     align-items: center;
 }

 .widget ul li a:hover {
     color: #006ab1;
 }

 .widget-popular-tools ul li img {
     max-width: 24px;
     margin-right: 8px;
     vertical-align: middle;
 }

 .widget-recent-blogs ul li img {
     width: 60px;
     height: 40px;
     margin-right: 8px;
     border-radius: 3px;
     vertical-align: middle;
 }

 .add-image img {
     border-radius: 5px;
     width: 100%;
     height: auto;
 }