.navbar {
     position: absolute;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 1000;
     background-color: #10232C !important;
     padding: 20px 0;
 }

 .text-warning {
     font-weight: 400;
 }

 .expert-advisor-section {
     padding-top: 8rem;
     padding-bottom: 2rem;

 }

 .advisor-container {
     background-color: #ffffff;
     border: 2px solid #e0e0e0;
     border-top: 1px solid #e0e0e0;
     border-radius: 20px;
     padding: 40px;

 }

 .g-4,
 .gx-4 {
     --bs-gutter-x: 3rem;
 }

 .category-title {
     color: #008cc9;
     font-size: 1.5rem;
     font-weight: 600;
     margin-bottom: 20px;
 }

 .advisor-card img {
     width: 100%;
     aspect-ratio: 16 / 10;
     object-fit: cover;
     border-radius: 10px;
     display: block;
     margin-bottom: 10px;
 }

 .advisor-label {
     font-size: 1.1rem;
     color: #333333;
     font-weight: 500;
     margin-left: 5px;
 }

 @media (max-width: 768px) {
     .advisor-container {
         padding: 20px;
         margin: 10px;
     }
 }


 .session-card {
     background: #fff;
     border: 1px solid #e0e0e0;
     border-left: 8px solid #5da9e1;
     border-top: 1px solid #e0e0e0;
     border-radius: 25px;
     padding: 40px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
     transition: transform 0.3s ease;
 }

 .session-tag {
     color: #5da9e1;
     font-weight: 600;
     font-size: 18px;
 }

 .session-title {
     font-weight: 450;
     font-size: 1.4rem;
     color: #212529;
 }

 .instructor-name {
     font-size: 1.5rem;
 }

 .instructor-avatar {
     width: 85px;
     height: 85px;
     border-radius: 50%;
     object-fit: cover;
 }

 .session-thumbnail img {
     max-height: 200px;
     border-radius: 15px !important;
     object-fit: cover;
 }

 .btn-join {
     border: 1.5px solid #333;
     color: #333;
     background: transparent;
     border-radius: 50px;
     padding: 10px 45px;
     font-weight: 600;
     transition: all 0.3s ease;
 }

 .btn-join:hover {
     background-color: #333;
     color: #fff;
 }

 .session-meta i {
     font-size: 1.1rem;
     vertical-align: middle;
 }

 @media (max-width: 768px) {
     .session-card {
         padding: 20px;
         border-radius: 15px;
     }

     .btn-join {
         width: 100%;
         margin-top: 20px;
     }

     .align-items-end {
         align-items: center !important;
         flex-direction: column;
     }
 }


 .experts-outer-container {
     background-color: #ffffff;
     border: 2px solid #e0e0e0;
     border-top: 1px solid #e0e0e0;
     border-radius: 25px;
     padding: 40px;
 }

 .experts-section-title {
     color: #008cc9;
     font-size: 1.5rem;
     font-weight: 600;
 }

 .expert-profile-card {
     background: #fff;
     border: 2px solid #eeeeee;
     padding: 25px;
     border-radius: 4px;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .expert-profile-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
 }

 .expert-avatar-wrapper {
     width: 150px;
     height: 150px;
     border-radius: 50%;
     overflow: hidden;
     border: 2px solid #fff;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 }

 .expert-avatar {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .extra-small {
     font-size: 0.85rem;
 }

 .divider {
     border-top: 1px solid #e0e0e0 solid #eee;
     margin: 15px 0;
     opacity: 1;
 }

 .expert-name {
     font-size: 1rem;
 }

 .expert-stats p {
     color: #333;
 }

 @media (max-width: 768px) {
     .experts-outer-container {
         padding: 20px;
         border-radius: 15px;
     }
 }



 @media (max-width: 768px) {

     .expert-advisor-section {
         padding-top: 5rem;
         padding-bottom: 1rem;
     }

     .advisor-container {
         padding: 25px 15px;
     }

     .g-4,
     .gx-4 {
         --bs-gutter-x: 1rem;
         --bs-gutter-y: 1.5rem;
     }

     .advisor-card {
         margin-bottom: 15px;
     }

     .session-card {
         padding: 25px 20px;
         text-align: center;
         border-left-width: 5px;
     }

     .session-card .d-flex {
         flex-direction: column !important;
         align-items: center !important;
     }

     .session-thumbnail {
         width: 100%;
         margin-bottom: 20px;
         margin-right: 0 !important;
     }

     .session-thumbnail img {
         width: 100%;
         height: auto;
         max-height: 250px;
     }

     .instructor-info {
         display: flex;
         flex-direction: column;
         align-items: center;
         margin-bottom: 15px;
     }

     .instructor-avatar {
         width: 70px;
         height: 70px;
         margin-bottom: 10px;
         margin-right: 0 !important;
     }

     .btn-join {
         width: 100%;
         display: block;
         padding: 12px 0;
         background-color: #333;
         color: #fff;
     }

     .session-card .align-items-end {
         align-items: center !important;
         width: 100%;
     }

     .experts-outer-container {
         padding: 25px 15px;
     }

     .experts-section-title {
         font-size: 1.25rem;
         text-align: center;
         margin-bottom: 20px;
     }

     .expert-profile-card {
         padding: 20px;
         text-align: center;
         display: flex;
         flex-direction: column;
         align-items: center;
         margin-bottom: 15px;
     }

     .expert-avatar-wrapper {
         margin: 0 auto 15px auto;
         width: 120px;
         height: 120px;
     }

     .expert-stats {
         justify-content: center !important;
         gap: 15px;
     }

     .expert-action-buttons {
         width: 100%;
         display: flex;
         flex-direction: column;
         gap: 10px;
     }
 }