.home .ModuleCategoryContainer__gridView .TitleContainer__gridView .TitleContainer__body,
.home .ModuleCategoryContainer__gridView .TitleContainer__gridView .TitleContainer__content{
   display: none
}
.home .ModuleCategoryContainer__gridView .TitleContainer__container{
  min-height: auto
}
.home .ModuleCategoryContainer__gridView .TitleContainer__gridView .TitleContainer__header{
  border-bottom: 0
}
.home .ModuleCategoryContainer__containerListView .TitleContainer__description,
.home .ModuleCategoryContainer__containerListView  .TitleContainer__content{
  display: none
}
.home .ModuleCategoryContainer__containerListView .TitleContainer__Listcontainer{
  align-items: center
}
.kbLanding .kbCategory__gridView .TitleContainer__gridView .TitleContainer__body,
.kbLanding .kbCategory__gridView .TitleContainer__gridView .TitleContainer__content{
   display: none
}
.kbLanding .kbCategory__gridView .TitleContainer__container{
  min-height: auto
}
.kbLanding .kbCategory__gridView .TitleContainer__gridView .TitleContainer__header{
  border-bottom: 0
}
.home .ModuleCategoryContainer__gridView .TitleContainer__container .TitleContainer__boxLink,
.kbLanding .kbCategory__gridView .TitleContainer__container .TitleContainer__boxLink{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%
}
/* ---- Base Tile Look (Microsoft Style) ---- */
.home .ModuleCategoryContainer__gridView .TitleContainer__container,
.kbLanding .kbCategory__gridView .TitleContainer__container {
    width: 165px;              /* size of each tile */
    padding: 20px 10px;
    border-radius: 0px;       /* rounded look */
    background: #ffffff;
    text-align: center;
    box-shadow: 0 0 0 rgba(0,0,0,0);  /* clean flat look */
    transition: all 0.25s ease;
    position: relative;
    cursor: pointer;
}

/* Hover effect like Microsoft tiles */
.home .ModuleCategoryContainer__gridView .TitleContainer__container:hover,
.kbLanding .kbCategory__gridView .TitleContainer__container:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}

/* ---- Title / Name ---- */
.TitleContainer__header {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    margin-top: 10px;
}

/* ---- Hide unwanted text ---- */
.TitleContainer__body,
.TitleContainer__description,
.TitleContainer__content {
   display: none !important;
}

/* ---- Icons styling ---- */
.TitleContainer__icon img {
    width: 48px !important;    /* larger Microsoft-style icon */
    height: 48px !important;
    object-fit: contain;
    margin-bottom: 8px;
}

/* ---- Make the whole card clickable ---- */
.TitleContainer__boxLink {
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0;
    height: 100%; width: 100%;
}

/* ---- Grid alignment ---- */
.ModuleCategoryContainer__gridView,
.kbCategory__gridView {
    display: flex;
    justify-content: center;
    gap: 30px;      /* spacing between tiles */
    flex-wrap: wrap;
    padding: 0px 0;
}
/* Force cards to touch with ZERO spacing */
.TitleContainer__container {
    margin: 0 !important;
}
.articleDetail .ArticleDetailLeftContainer__pdfView
{
display:none;
}
.articleDetail .Printcontainer__print{
  display:none;
} 
.home .ModuleCategoryContainer__tabs{
   visibility: hidden
}
/* Make the header take full width and stack vertically */
.TitleContainer__header {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Make icon block truly centered */
.TitleContainer__headerIcon {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure icon does not push text or overlap */
.TitleContainer__headerIcon .Avatar__square {
    width: 120px !important;   /* adjust for desired size */
    height: 120px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 10px !important;
    overflow: visible !important; 
}

/* Fix image scaling to avoid overflow/overlap */
.TitleContainer__headerIcon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Center title */
.TitleContainer__title {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    margin-top: 6px !important;
}

/* Center description */
.TitleContainer__description {
    text-align: center !important;
    width: 100% !important;
    margin-top: 4px !important;
}