/*-------------------- Agenda Style -------------------*/
    .col-sm-12 {
       padding: 15px 160px;
   }
   .tabs {
       display: flex !important;
       background: #f8f9fa;
       gap: 5px;
   }

   .tab {
       flex: 1;
       padding: 12px 16px;
       background: #f8f9fa;
       border: none;
       cursor: pointer;
       font-size: 13px;
       font-weight: 600;
       color: #6c757d;
       border: 1px solid #e9ecef;
       transition: all 0.3s ease;
       text-align: center !important;
   }

   .tab.active {
       background: #8B4B6B !important;
       color: white !important;
   }

   .tab:hover:not(.active) {
       background: #e9ecef;
       color: #495057;
   }

   .tab-content {
       display: none;
       padding: 20px;
   }

   .tab-content.active {
       display: block;
   }

   .session {
       background: white;
       border-radius: 8px;
       padding: 16px;
       margin-bottom: 16px;
       border-left: 4px solid #8B4B6B;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
       transition: all 0.3s ease;
   }

   .session:hover {
       transform: translateY(-2px);
       box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
   }

   .session-header {
       display: flex;
       justify-content: space-between;
       align-items: flex-start;
       margin-bottom: 12px;
   }

   .session-time {
       background: #8B4B6B;
       color: white;
       padding: 4px 12px;
       border-radius: 12px;
       font-size: 12px;
       font-weight: 600;
       white-space: nowrap;
   }

   .session-badge {
       padding: 4px 10px;
       border-radius: 12px;
       font-size: 11px;
       font-weight: 600;
       text-transform: uppercase;
   }

   .badge-conference { background: #fff3cd; color: #856404; }
   .badge-opening { background: #cce7ff; color: #0066cc; }
   .badge-presentation { background: #e1bee7; color: #7b1fa2; }
   .badge-panel { background: #c8f7c5; color: #2e7d32; }

   .session-title {
       font-size: 16px;
       font-weight: 600;
       color: #333;
       margin-bottom: 8px;
       line-height: 1.4;
   }

   .session-subtitle {
       font-size: 14px;
       color: #666;
       margin-bottom: 12px;
       line-height: 1.4;
       /* display: none; */
   }

   .speaker-info {
       display: flex;
       align-items: center;
       gap: 10px;
       margin-bottom: 8px;
   }

   .speaker-avatar {
       width: 70px;
       height: 70px;
       border-radius: 10px;
       background: #8B4B6B;
       display: flex;
       align-items: center;
       justify-content: center;
       color: white;
       font-size: 12px;
       font-weight: 600;
       flex-shrink: 0;
   }

   .speaker-details {
       flex: 1;
   }

   .speaker-name {
       font-size: 14px;
       font-weight: 600;
       color: #333;
       margin-bottom: 2px;
   }

   .speaker-title {
       font-size: 12px;
       color: #666;
       line-height: 1.3;
   }

   .lunch-break {
       background: linear-gradient(135deg, #f8f9fa, #e9ecef);
       text-align: center;
       border-left: 4px solid #28a745;
   }

   .lunch-break .session-title {
       color: #28a745;
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 8px;
   }

   .panel-discussion {
       /* border-left: 4px solid #17a2b8; */
       border-left: 4px solid #ec7941;
   }

   .panelist {
       background: rgba(23, 162, 184, 0.05);
       padding: 8px 12px;
       margin: 6px 0;
       border-radius: 6px;
       border-left: 3px solid #17a2b8;
   }

   .panelist-name {
       font-size: 13px;
       font-weight: 600;
       color: #17a2b8;
       margin-bottom: 2px;
   }

   .panelist-title {
       font-size: 12px;
       color: #666;
       line-height: 1.3;
   }

   .moderator-label {
       font-size: 12px;
       color: #8B4B6B;
       font-weight: 600;
       margin-bottom: 8px;
   }

   .coming-soon {
       text-align: center;
       padding: 40px 20px;
       background: linear-gradient(135deg, #f8f9fa, #e9ecef);
       border-radius: 8px;
   }

   .coming-soon-icon {
       font-size: 48px;
       margin-bottom: 16px;
       opacity: 0.5;
   }

   .coming-soon-title {
       font-size: 18px;
       font-weight: 600;
       color: #666;
       margin-bottom: 8px;
   }

   .coming-soon-text {
       font-size: 14px;
       color: #888;
   }

   @media (max-width: 768px) {
       .container {
           margin: 10px;
           border-radius: 8px;
       }

       .tab-content {
           padding: 16px;
       }

       .session {
           padding: 14px;
       }

       .session-header {
           flex-direction: column;
           gap: 8px;
           align-items: flex-start;
       }

       .speaker-info {
           flex-direction: column;
           align-items: flex-start;
           text-align: left;
       }
       .col-sm-12 {
            padding: 15px 0px;
        }
      .header-content-txt{
       padding: 20px 0;
       border: 1px solid #8b4b6b;
      }  
   }
   .speaker-avatar img {
        border-radius: 10px;
        border: 1px solid #8b4b6b;
    }
/*-------------------- Agenda Style -------------------*/