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

 .font-semi-bold {
   font-weight: 600;
 }

 .glossary-directory .f44 {
  font-size: 44px;
  color: var(--color-gray-14);
}

 .glossary-directory .f20 {
   font-size: 20px;
 }

 .glossary-directory .desk {
  display: block;
  margin-top:30px;
}

 .accordion-item-title .gap20 {
   gap: 20px;
 }

 .accordion-item-title .font-bold {
   font-weight: 700;
 }

 .accordion-item-title .f44 {
   font-size: 44px;
   color: var(--color-gray-14);
 }

 .accordion-item-title .text-center {
   text-align: center;
 }


 .accordion-item-title .mtop30 {
   margin-top: 30px;
 }

 .accordion-item-title .desk {
   display: block;
 }


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

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

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

 .glossary-directory a {
   color: var(--color-text-primary);
   text-decoration: none;
   font-size: 16px;
   font-weight: 400;
 }


 .allglossary .accordion {
   background: transparent;
 }

 .allglossary .accordion-item {
   margin-bottom: 20px;
   border-radius: 4px;
   background: var(--color-white);
   border: none;
   box-shadow: 4px 4px 24px 0 rgba(31 72 114 / 8%);
 }

 .allglossary .accordion-item-header {
   padding: 15px;
   line-height: 0;
 }

 .accordion-item .accordion-item-header {
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   cursor: pointer;
   display: -webkit-box;
   display: flex;
   font-size: 18px;
   padding: 15px;
 }

 .accordion-item .accordion-item-title {
   width: 100%;
 }

 .allglossary .accordion-item-header .f20 {
   font-size: 16px;
   line-height: 22px;
   margin:0;
 }

 .rightcontent.two-text-ellipses-r {
   font-size: 14px;
   font-weight: 400;
   font-family: var(--font-primary);
   color: var(--color-text-primary);
 }

 .lightblack {
   color: var(--color-gray-12);
 }

 .glossary-directory .d32 {
   margin-right: 10px;
   flex: 0 0 32%;
   max-width: 32%;
 }

 .d68 {
   flex: 0 0 68%;
   max-width: 68%;
 }

 .glossary-directory .lefttitle {
   font-size: 16px;
   font-weight: 500;
   text-transform: uppercase;
   color: var(--color-text-primary);
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   font-family: var(--font-primary);
 }

 .glossary-directory.rightcontent {
   font-size: 14px;
   font-weight: normal;
   color: #666;
   padding-right: 20px;
 }

 .allglossary {
    margin-top: 30px;
  }

.section.glossary-directory-container h1 span {
    font-size: var(--f-s-page-title);
    font-family: var(--font-secondary);
    font-weight: var(--font-weight-medium);
    color: var(--text-seaction-heading);
}

 

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

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

   .glossary-directory .d54,
   .glossary-directory .d32,
   .glossary-directory .d68,
   .glossary-directory .d28 {
     flex: 0 0 100%;
     max-width: 100%;
   }

   .dflexwrap {
     flex-wrap: wrap;
   }

   .glossary-directory .d68 {
     margin-top: 15px;
   }
   
   .allglossary .accordion-item {
    margin-bottom: 15px;
   }
 }