/* Encapsulated Styles */
        tabs-component::part(tab-header){
          display: flex;
        }
        .tab-header {
            display: flex;
            border-bottom: 2px solid #eee;
          }
          .tab {
            padding: 10px 20px;
            cursor: pointer;
            background-color: #f9fafb;
            font-weight: 700;
          }
          .tab.styles {
            color: #ee7214;
            position: relative;
          }
          .tab.styles::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: #46aa49;
          }
          .tab-content {
            display: none;
            padding: 15px;
            box-shadow: 0px 6px 6px 0px #00000017;
          }
          .tab-content.active {
            display: block;
          }
          .countdown-timer .time-unit {
              display: flex;
              flex-direction: column;
              align-items: center;
          }
          .value {
              font-size: 2rem;
              font-weight: bold;
          }
          tabs-component{
            margin-bottom: 50px;
            display: block;
          }

          countdown-timer::part(container) {
            display: flex;
            gap: 1rem;
            text-align: center;
            margin: 10px 0;
          }
          countdown-timer::part(time-unit){
            display: flex;
            flex-direction: column;
            align-items: center;
            border: 1px solid #BFBFBF;
            padding: 2px 10px;
            border-radius: 3px;
          }
          countdown-timer::part(value){
            font-size: 1rem;
            font-weight: 500;
          }