/* Styles for the tab container */
 .mobf24{
  display: none;
}

 .wrap {
     flex-wrap: wrap;
 }

 .glossary-directory .font-bold {
     font-weight: 700;
 }

 .mutual-fund-directory-fold .f44{
    font-weight: 700;
 }
 
 .glossary-directory .f44 {
     font-size: 44px;
     color: var(--color-gray-14);
 }

 .glossary-directory .text-center {
     text-align: center;
 }

 .glossary-directory .mtop30 {
     margin-top: 30px;
 }

 .glossary-directory .desk {
     display: block;
 }


 .glossary-tab-list .tab-titles {
     display: flex;
     background-color: var(--color-gray-11);
 }

 .glossary-tab-list .tab-title.active {
     background-color: var(--color-gray-15);
     font-weight: bold;
 }

 .glossary-tab-list .tab-title {
     padding: 10px 16px;
     cursor: pointer;
     border-radius: 4px;
     margin-right: 3px;
     text-transform: uppercase;
 }

 .glossary-tab-list a {
     color: var(--color-gray-14);
     text-decoration: none;
     font-size: 16px;
     font-weight: 400;
 }

 .glossary-tab-list table,
 .glossary-tab-list th,
 .glossary-tab-list td {
     border: 1px solid #ddd;
     border-collapse: collapse;
 }

 .glossary-tab-list {
    margin-top: 30px;
}
 
 

 @media (width <= 768px) {
     .desk {
         display: none;
     }

     .mobinnernavscroll {
         overflow-x: scroll;
         padding: 0;
         margin: 15px 0;
     }

    

     .mobinnernavscroll::-webkit-scrollbar {
         height: 3px;
         border-radius: 10px;
     }

     .mobinnernavscroll::-webkit-scrollbar-thumb {
         background: var(--color-dark-gray-6);
         border-radius: 10px;
     }


 }

 .container {
     width: 1140px;
     max-width: 1140px;
     margin: auto;
 }

 .mfreportcardholder {
     display: flex;
     gap: 15px;
     flex-wrap: wrap;
     margin-top:20px;
 }

 .mfreportcardholder .reportcards {
     padding: 15px;
     gap: 16px;
     background: var(--color-white);
     box-shadow: 0 8px 24px rgba(115 96 0 / 15%);
     border-radius: 8px;
     flex: 0 0 24%;
     max-width: 24%;
 }

 .mfreportcardholder .reportdate {
     color: var(--color-gray-7);
     font-size: 14px;
 }

 .mfreportcardholder .label {
     background: var(--color-light-gray-2);
     padding: 5px 10px;
     font-size: 12px;
     border-radius: 4px;
     color: var(--color-gray-5);
 }

 .mfreportcardholder .mtop5 {
     margin-top: 5px;
 }

 .mfreportcardholder .reportcontent {
     color: var(--color-gray-2);
     font-size: 14px;
 }

 .mfreportcardholder .text-right {
     text-align: right;
 }

 .mfreportcardholder .flexend {
     justify-content: flex-end;
 }

 .readmore {
     color: var(--color-orange-red);
     text-decoration: none;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 600;
 }

 
 @media (width <= 768px) {
    .mfreportcardholder .reportcards {
         flex: 0 0 100%;
         max-width: 100%;
     }
     
     .mfreportcardholder  .mobwrap {
         flex-wrap: wrap;
     }
 }