/* ---------------------------------------------------------------------------
 * Moved out of assets/css/rtl/main.css (theme 4.9.7).
 * These rules only ever match inside this widget, so they now load with it
 * instead of on every page. They are kept ABOVE this file's own rules to
 * preserve the order they had when main.css was loaded first.
 * Edit them here - they are no longer in main.css.
 * --------------------------------------------------------------------------- */


.icon-dots-more:before {
	content: ""
}



.other-link-kala-items {
    gap: 24px 0;
  }
  
  .other-link-kala-items li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 12.5%;
  }
  
  .other-link-kala-items li img,
  .other-link-kala-items li i {
    width: 52px;
    height: 52px;
  }
  
  .other-link-kala-items li i {
    color: #9e9fb1;
    background-color: #f1f2f4;
    font-size: 12px;
  }
  
  .other-link-kala-items li .title {
    font-size: 11px;
    line-height: 24px;
    color: #3f4064;
  }
  
  @media only screen and (max-width: 991px) {
    .other-link-kala-items li {
        max-width: 25%;
    }
  }