.tmn-service-menu{
        list-style: none;
        margin: 0;
        flex-shrink: 0; 
    }
    .gradient-section {
        background: linear-gradient(180deg, rgba(255, 178, 114, 0.15) 0%, rgba(255, 178, 114, 0) 77.16%);
        font-family: "Noto Sans Myanmar", sans-serif;
        padding: 80px 20px 20px 20px;
        display: flex;
        justify-content: center;
        align-items: flex-start; 
        margin: 0;
        margin-top: -5%;
    }

    .gradient-section .intro-container {
      max-width: 1200px;
      width: 100%;
      margin: 0 auto;
      padding: 32px;
      display: flex;
      gap: 60px;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
    }

    /* Left text */
    .gradient-section .left {
      flex: 1.1;
      padding:50px;
    }

    .gradient-section .intro-gradient-title {
      margin: 0 0 22px 0;
      color: #1f1a17;
      font-weight: 700;
      font-style: Bold;
      font-size: 34px;
      line-height: 51px;
      letter-spacing: 0px;
      vertical-align: bottom;

    }

    .gradient-section p.lead {
      margin: 0 0 22px 0;
      max-width: 600px;
      font-family: Myanmar Text;
      font-weight: 400;
      font-size: 16px;
      line-height: 2;
      letter-spacing: 0px;
      vertical-align: bottom;
    }

    .gradient-section .money-transfer-right {
      margin: 0 auto;
      width: 500px;
      display: flex;
      flex-direction: column;
      gap: 25px;
      position: relative;
    }

    .info-section {
      flex: 1 1 45%;
      display: flex;
      flex-direction: column;
      gap: 20px;
      align-items: center;
      min-width: 300px;
    }

    .info-box {
      background: #fff7f0;
      border-radius: 10px;
      padding: 24px;
      width: 322px;
      height: 109px;
      box-shadow: 0 0 8px rgba(255, 165, 90, 0.2);
      display: flex;
      align-items: center;
      gap: 15px;
    }

    .info-box.middle {
      position: relative;
      right: 30%;
    }

    .info-icon .material-symbols-outlined{
      font-size: 56px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .info-content {
      display: flex;
      flex-direction: column;
    }

    .info-box h5,
    .info-box p,
    .info-icon i {
      background: linear-gradient(90deg, #F58220 0%, #F14F22 50%, #EC462F 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin: 0;
    }

    .info-box h5 {
      font-size: 24px;
      font-weight: 600;
    }

    .info-box p {
      font-size: 14px;
      margin-top: 5px;
    }
        
    @media (max-width: 992px) {
      .gradient-section{
        margin-top: -10%;
      }
      .gradient-section .intro-container {
        flex-direction: column; 
        gap: 30px;
      }

      .gradient-section .left,
      .gradient-section .money-transfer-right {
        width: 100%;
        padding: 50px;
      }
      .gradient-section .intro-gradient-title {
        font-size: 24px;
      }

      .gradient-section p.lead {
        font-size: 16px;
      }

      .info-box {
        padding: 20px;
      }
      .info-box h5 {
        font-size: 22px;
      }

      .info-box p {
        font-size: 13px;
      }
      .info-box.middle {
        position: relative;
        right: 20%;
      }
    }


    @media (max-width: 576px) {
      .gradient-section{
        padding: 80px 0px 0px 0px;
        margin: 0 auto;
        margin-top: -30%;
      }
      
      .gradient-section .intro-gradient-title {
        font-size: 20px;
      }
      .gradient-section .left{
        width: 100%;
        padding: 10px;
      }

      .info-box {
        width: 280px;
        height: 96px; 
      }

      .info-box h5 {
        font-size: 20px;
      }

      .info-box p {
        font-size: 12px;
      }
      .info-box.middle {
        position: relative;
        right: 15%;
    }
    }


  /* Main Menu Tabs */
    .menu-tabs {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 40px;
      gap: 14px;
      padding: 3px;
      background: #fff;
      box-shadow: 0px 0px 4px 0px #00000040;
      border-radius: 50px;
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
    }

    .menu-btn {
      padding: 10px 100px;
      font-size: 16px;
      font-weight: 400;
      background: transparent;
      border: none;
      border-radius: 50px;
      color: #858A94;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      gap: 8px;
      white-space: nowrap;
    }
    
    .menu-btn:hover {
      color: #FF6600; 
    }

    .menu-btn:not(.inactive){
      background: linear-gradient(270deg, #F58220 0%, #F14F22 51%, #EC462F 100%);
      color: white;
    }
    .irdr-menu-container{
      width: 100%;
      margin: 0 auto;
    }

    .irdr-main-content{
      max-width: 1200px;
      width: 100%;
      margin: 50px auto;
      gap:10px;
      display: flex;
      box-sizing: border-box;
      
    }

    .moneytransfer-section-title {
      text-align: center;
      font-size: 28px;
      font-weight: 700;
      margin-top: 80px;
  
    }
    .exchangerate-section .moneytransfer-section-title{
      margin-top: 0px;
      margin-bottom: 20px;
      line-height: 42px;
    }
    .currency-label .material-symbols-outlined{
      background: linear-gradient(180deg, #F58220 0%, #F36921 50%, #F14F22 100%);
      color: white;
      margin-right:10px ;
      font-size: 10px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    /* Left Sidebar */
    .sidebar {
      background-color: #F6DBC433;
      border-radius: 32px;
      padding: 15px;
      min-width: 350px;
      min-height: 100px;
    }

    .sidebar .menu-item{
      background: linear-gradient(90deg, #EC462F 0%, #F14F22 50%, #F58220 100%);
      color: #fff;
      padding: 20px;
      border-radius: 12px;
      font-weight: bold;
      font-size: 16px;
      transition: all 0.3s;
    }
    
    .menu-item-content {
      display: flex;        
      align-items: center;   
      margin-bottom: 10px;           
    }
    
    .sidebar .menu-item p{
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 0;  
    }

    .sidebar .menu-item.inactive {
      background: none;
      color: #4B5563E5;
    }

    .sidebar i {
      font-size: 24px;
      margin-right: 10px;
    }

    .fee-require-list p .check-list-icon {
      font-size: 18px;
      margin-right: 5px;
      color:#FF8724;
      line-height: 2px;
    }


    .fee-require-list p {
      display: flex;            
      align-items: center;                    
      font-weight: 400;
      font-size: 16px;
      color: #333;    
    }


    /* Content Box */
    .content-box {
      background: #F6DBC433;
      border-radius: 32px;
      padding: 30px;
      width: 100%;
    }
    .content-box h5{
      text-align: center;
      font-size: 20px;
    }
    .irdr-content-heading{
      font-weight: 700;
      font-style: Bold;
      font-size: 20px;
      line-height: 30px;
      letter-spacing: 0px;
      text-align: center;
      margin-bottom: 30px;
    }
    .info-card {
      display: flex;
      align-items: center;
      background: #fff;
      border-radius: 20px;
      padding: 20px 20px;
      margin-bottom: 15px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }

    .info-text {
      font-size: 16px;
      line-height: 1.5;
      font-weight: bold;
    }
    .icon-wrapper{
      position: relative;
      display: inline-block;
      width: 63px;
      height: 63px;
      border-radius: 50%;
      background: linear-gradient(270deg, #F58220 0%, #F36921 50%, #F14F22 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 30px;
      margin-right: 15px;
      flex-shrink: 0;
    }
    .info-card .material-symbols-outlined{
      font-size: 30px;
    }

    .number-badge{
      position: absolute;
      top: -5px;
      right: -5px;
      background-color: #EC462F; 
      color: white;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 600;
      font-size: 12px;
      z-index: 10;
    }


    
  @media (max-width: 1024px) and (min-width: 577px) {
    .irdr-main-content {
        flex-direction: column;
        align-items: stretch;
      }
    .sidebar {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 10px;
    }
    .sidebar .menu-item span{
      font-size: 18px;
    }
    .menu-btn{
      font-size: 14px;
    }
    .moneytransfer-section-title{
      font-size: 24px;
    }

    .menu-item {
      display: flex;
      justify-content: space-between; 
      align-items: center;
      padding: 10px 15px;
      width: 100%;
    }

    .menu-item .menu-item-content{
      display: flex;
      align-items: center;
    }

    .menu-item .menu-item-content{
      margin: 0;
    }

    .menu-item p{
      margin: 0;
      white-space: nowrap;
    }
    .content-box h5{
      font-size: 24px;
    }
    .irdr-content-heading{
      font-size: 24px;
      line-height: 36px;
    }
  }

    @media (max-width: 576px) {
      .irdr-main-content {
        flex-direction: column;
        align-items: stretch;
      }
      .sidebar {
        flex-direction: column;
        align-items: stretch;
      }
      .sidebar .menu-item span{
        font-size: 14px;
      }
      .menu-btn{
        font-size: 12px;
        padding: 10px 45px;
      }
      .moneytransfer-section-title{
        font-size: 20px;
      }

      .icon-wrapper{
        width: 56px;
        height: 56px;
      }
      .number-badge{
        width: 20px;
        height: 20px;
      }
      .info-text{
        font-size: 14px;
      }
      .irdr-content-heading{
        font-size: 16px;
        line-height: 24px;
      }
    }

        /* DR fee */
    .remittance-section {
      background-color: #F6DBC433;
      border-radius: 32px;
      padding: 50px 20px;
      max-width: 1200px;
      margin: 50px auto;
      width: 100%;
      display: flex;
      gap: 50px;
      box-sizing: border-box;
      position: relative;
      overflow: hidden;
    }

    .left-content,
    .right-image {
      flex: 1 1 50%;
      display: flex;
      flex-direction: column;
    }

    .left-content {
      min-width: 0;
      padding: 20px;
      z-index: 1;
      align-items: flex-start;
    }

    .right-image {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
    }

    .right-image img {
      width: 100%;
      max-width: 500px;
      height: auto;
      border-radius: 20px;
      object-fit: contain;
    }


    .popular-badge {
      position: relative;
      background: linear-gradient(90deg, #EC462F 0%, #F14F22 50%, #F58220 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-flex;
      align-items: center;
      font-weight: 700;
      padding: 8px 15px;
      margin-bottom: 20px;
      color: transparent;
      font-size: 14px;
    }

    .popular-badge::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #FFB27238;
      z-index: -1;
      border-radius: 12px;
    }

    .left-content .popular-badge::before{
      border-radius: 50px;
    }

    .left-content .popular-badge .material-symbols-outlined {
      font-size: 20px;
      margin-right: 6px;
      background: linear-gradient(90deg, #EC462F 0%, #F14F22 50%, #F58220 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .remittance-fee-heading{
      font-weight: 700;
      font-size: 24px;
      line-height: 100%;
      margin-bottom: 20px;
    }
    .remittanceInfo{
      margin-bottom: 20px;
    }
    .remittanceInfo p{
      line-height: 2;
      font-size: 16px;
    }
    .fee-require-list p {
      display: flex;
      align-items: center;
      font-weight: 400;
      font-size: 16px;
      color: #333;
    }
    @media (max-width: 1024px) and (min-width: 577px){
    .remittance-section {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
      }

      .left-content {
        min-width: unset;
        width: 100%;
        padding: 30px 20px;
    
      }

      .right-image {
        padding: 0 20px 30px 20px;
        width: 100%;
        display: flex;
        justify-content: center;
      }

      .right-image img {
        width: 90%;
        height: auto;
      }
      
      .remittance-fee-heading{
        font-size: 22px;
        line-height: 100%;
        margin-bottom: 20px;
      }
      .remittanceInfo p{
        line-height: 2;
        font-size: 15px;
      }
      .fee-require-list p {
        font-weight: 400;
        font-size: 15px;
      }
    }

    @media (max-width: 576px) {
      .remittance-section {
        flex-direction: column;
      }
      .left-content {
        text-align: left;
        padding: 20px;
      }

      .right-image {
        padding: 20px;
      }

      .right-image img {
        max-width: 300px;
        max-height: 350px;
      }
      .remittance-fee-heading{
        font-size: 20px;
        line-height: 100%;
        margin-bottom: 20px;
      }
      .remittanceInfo p{
        line-height: 2;
        font-size: 14px;
      }
      .fee-require-list p {
        font-weight: 400;
        font-size: 14px;
      }

    }



   /* VIDEO MAIN CONTAINER */
    .video-money-container {
      font-family: 'Noto Sans Myanmar', sans-serif;
      background-color: #F6DBC433;
      text-align: center;
      padding: 80px 20px;
      margin: 50px auto;
    }

    .video-money-container h2 {
      font-weight: 700;
      font-size: 28px;
      line-height: 42px;
      margin-bottom: 10px;
    }

    .video-money-container p.moneytransfer-subtitle {
      padding: 10px;
      margin: 5px auto 40px;
      font-size: 16px;
      font-weight: 400;
      max-width: 700px;
      color: #3b2e2a;
    }


    .tabs {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-bottom: 30px;
      flex-wrap: wrap;
    }

    .tab-btn {
      background: transparent;
      border: none;
      font-weight: bold;
      font-size: 16px;
      padding: 10px 20px;
      color: #4B55639E;
      cursor: pointer;
      position: relative;
      transition: color 0.3s ease;
    }

    .tab-btn::after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 1px;
      background-color: #F14F22;
      transition: width 0.3s ease;
      border-radius: 2px;
    }

    .tab-btn:hover,
    .tab-btn.active {
      color: #F14F22;
    }

    .tab-btn:hover::after,
    .tab-btn.active::after {
      width: 100%;
    }

    .tab-content .tab-panel {
      display: none;
    }

    .tab-content .tab-panel.active {
      display: block;
    }

    .video-container {
      position: relative;
      width: 100%;
      max-width: 1000px;
      height: 500px;
      margin: 0 auto;
      border-radius: 32px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .video-container video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .video-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgba(0, 0, 0, 0.3);
      opacity: 1;
      transition: opacity 0.3s ease;
      cursor: pointer;
    }

    .play-btn {
      background: linear-gradient(90deg, #EC462F 0%, #F14F22 50%, #F58220 100%);
      border-radius: 50%;
      width: 63px;
      height: 63px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.2s ease;
    }

    .play-btn i {
      color: #fff;
      font-size: 36px;
    }

    @media (max-width: 992px) {
      .video-money-container { padding: 60px 20px; }
      .video-money-container p.moneytransfer-subtitle { font-size: 15px; max-width: 600px; margin-bottom: 30px; }
      .tab-btn { font-size: 15px; padding: 8px 16px; }
      .video-container { max-width: 100%; height: 400px; border-radius: 24px; }
      .play-btn { width: 60px; height: 60px; }
      .play-btn i { font-size: 30px; }
    }

    @media (max-width: 576px) {
      .video-money-container { padding: 40px 15px; margin: 20px auto; }
      .video-money-container h2 { font-size: 20px; line-height: 30px; }
      .video-money-container p.moneytransfer-subtitle { font-size: 14px; line-height: 1.8; padding: 0 10px; margin-bottom: 25px; }
      .tab-btn { font-size: 14px; padding: 6px 10px; }
      .video-container { height: 220px; border-radius: 16px; }
      .play-btn { width: 40px; height: 40px; }
      .play-btn i { font-size: 24px; }
    }


    /* Money Exchange Section */

    .exchangerate-section {
      width: 100%;
      background: #F6DBC433;
      margin: 50px auto;
      margin: 0 auto;
      opacity: 1;
      padding:80px 20px;
      text-align: center;
      gap: 50px;
    }

    .exchangerate-section .moneytransfer-section-title {
      font-size: 28px;
      font-weight: 700;
      line-height: 42px;
    }
    .exchangerate-section .moneytransfer-subtitle {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .exchangerate-section .popular-badge{
      padding: 16px 30px;
      margin-bottom: 50px;
      border-radius: 12px;
      gap: 10px;
    }

    .converter {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .exchange-card {
      background: #fff;
      border-radius: 16px;
      padding: 30px;
      width: 450px;
      height: 140px;
      position: relative;
      z-index: 1;
    }

    .exchange-wrapper {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 3;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .exchange-bg {
      position: absolute;
      width: 58px;
      height: 58px;
      background: #FDF8F3;
      border-radius: 50%;
      z-index: 0;
    }

    .icon {
      position: relative;
      background: linear-gradient(180deg, #F58220 0%, #F36921 50%, #F14F22 100%);
      color: #fff;
      font-size: 20px;
      padding: 12px;
      border-radius: 50%;
      width: 44px;
      height: 44px;
      z-index: 1;
    }

    .currency-label {
      font-weight: 500;
      font-size: 14px;
      display: flex;
      align-items: center;
      gap: 6px;
      color: #000;
    }

    .input-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 8px;
      background: #fff;
      padding: 7px 10px;
      border-radius: 5px;
      box-shadow: 0px 0px 7px 0px #0000001A;
    }

    .amount {
      width: 70%;
      font-size: 16px;
      font-weight: 700;
      border: none;
      outline: none;
      text-align: left;
    }

    .rate {
      margin-top: 20px;
      color: #0000007A;
      font-size: 14px;
      font-weight: bold;
    }

    @media (max-width: 1024px) and (min-width: 577px){
      .exchangerate-section .moneytransfer-section-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
      }
      .exchange-card {
        width: 100%;
        max-width: 320px;
      }

    }
    @media (max-width:576px){
      .exchangerate-section .moneytransfer-section-title {
        font-size: 20px;
        line-height: 30px;
      }
      .exchangerate-section .moneytransfer-subtitle{
        font-size: 14px;
        line-height: 24px;
      }
      .converter {
        flex-direction: column;
        align-items: center;
        gap: 10px;
      }

      .exchange-wrapper {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        margin: -25px 0;
      }

      .exchange-card {
        width: 100%;
        max-width: 320px;
      }
      .icon{
        transform: rotate(90deg);
      }
      .exchangerate-section .popular-badge{
        font-size: 12px;
      }

    }

  .tm-feature-section {
      font-family: "Noto Sans Myanmar", sans-serif;
      margin: 50px auto;
    }

    .tm-feature-inner {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      gap: 50px;
      padding: 50px;
      border-radius: 32px;
      background: #F6DBC433;
    }

    /* Left column */
    .tm-left {
      flex: 1 1 50%;
      min-width: 320px;
    }
    .tm-left .bg_btn{
      font-size: 14px;
      line-height: 21px;
      font-weight: 400;
    }

    .tm-title {
      margin: 0 0 10px 0;
      font-size: 24px;
      font-weight: 700;
    }

    .tm-desc {
      margin: 0 0 18px 0;
      line-height: 2;
      font-size: 16px;
    }

    /* Feature list */
    .tm-features {
      list-style: none;
      padding: 0;
      margin: 0 0 20px 0;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }

    .tm-feature {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 10px;
    }

    .tm-feature-icon{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      font-size: 24px;
      border-radius: 50%;
      color: white;
      background: linear-gradient(180deg, #F58220 0%, #F36921 50%, #F14F22 100%);
      flex-shrink: 0;
    }

    .tm-feature-title {
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 5px;
    }

    .tm-feature-sub {
      font-weight: 400;
      font-size: 12px;
      line-height: 18px;
    }


    /* Right column with photo */
    .tm-right {
      flex: 0 0 450px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .tm-photo-card{
      position: relative;
      border-radius: 18px;
      overflow: visible;
      width: 100%;
      height: 100%;
      max-width: 420px;
      box-shadow: 0 8px 28px rgba(14, 20, 25, 0.08);
    }

    .tm-photo{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 18px;
    }

    .tm-badge{
      position: absolute;
      display: inline-flex;
      align-items: center;
      padding: 10px 20px;
      border-radius: 12px;
      background: linear-gradient(180deg, #F58220 0%, #F14F22 50%, #EC462F 100%);
      color: white;
      font-weight: 700;
      font-size: 14px;
      box-shadow: 0 8px 22px rgba(241,79,34,0.16);
      transform: translateZ(0);
    }
    .tm-badge .material-symbols-outlined{
      font-size: 24px;
      line-height: 1;
      margin-right: 10px;
    }

    .tm-badge.top-left{
      top: 10px;
      left: -50px;
    }

    .tm-badge.bottom-right {
      bottom: 70px;
      right: -20px;
      padding-left: 14px;
      padding-right: 14px;
    }


  @media (max-width: 920px) {
    .tm-feature-inner { flex-direction: column; gap: 20px;}
    .tm-left { width: 100%;}
    .tm-right { flex-basis: auto; width: 100%; }
    .tm-badge{ font-size: 13px;}
    .tm-title{font-size: 22px;}
    .tm-desc,.tm-feature-title{font-size: 15px;}
  }
  
  @media (max-width:576px) {
    .tm-feature-inner {
      flex-direction: column;
      align-items: center;
      gap: 30px;
      padding: 20px;
    }

    .tm-left {
      width: 100%;
      max-width: 600px;
    }

    .tm-right {
      width: 100%;
      display: flex;
      justify-content: center;
    }

    .tm-photo-card {
      max-width: 360px;
    }

    .tm-features {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px 24px;
      justify-items: stretch;
      align-items: start;
      justify-content: c;
    }

    .tm-feature {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .tm-badge{
      font-size: 12px;
    }
    .tm-title{font-size: 20px;}
    .tm-desc{
      font-size: 14px;
    }
    .tm-feature-title{
      font-size: 14px;
      min-height: 40px;
      display: flex;
      justify-content: center;
    }
    .tm-left .bg_btn{font-size: 12px;line-height: 23px;}
    
    .tm-badge .material-symbols-outlined{
      font-size: 20px;
    }
    
  }