.webinarFilter { display: flex; gap: 20px; font-weight: bold; align-items: center;}
.webinarListOuter { display: grid;grid-template-columns:  1fr 1fr; gap: 40px; margin: 30px 0;}
.webinarImg img{ max-width: 100%; width: 100%;}
.webinarList:hover .webinarImg img { opacity: 0.8;}

.webinarList {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
    background: #fff;
    border: 1px solid #d2d2d290;
    border-radius: 10px;
    font-size: 16px;
    padding: 20px;

}
 
.webinarType { color: #00000070; margin: 10px 0;}
.webinarDate  { color: #000;  font-size: 20px; margin: 20px 0 ;}
 .webinarName{ color: #2b60b7; font-weight: bold;}
 .webinar-action { margin:25px 0 ; display: flex; gap: 20px; align-items: center;}
  .videoAction a , .themeBtn, .bookActionBtn a { background: #2b60b7; border-radius: 15px; padding: 8px 15px ; color: #fff; display: inline-block;}
  .videoAction { display: flex; gap:20px ; padding: 15px 0 ;}
  .conditonalBtn a{  background: #ec281c ; color: #fff !important;  border-radius: 15px; padding: 8px 20px ;  display: inline-block;}
  .bookActionBtn { display: flex; gap: 20px;}
  .AdditionalwebinarContent { margin: 0 0 20px  0 ;}
.webinar-action a.redbtn { background: #ec281c ; color: #fff !important;  border-radius: 15px; padding: 8px 20px ;  display: inline-block;}
.webinar-action a.redbtn:hover { background: #2b60b7 ; color: #fff !important; }
.webinar-action a { color: #262626; display: flex; align-items: center; }
.webinar-action a:hover { color: #2b60b7 !important; text-decoration: none;}
.webinar-action a img { padding-right: 5px;}
 .themeBtn:hover { background: #ec281c; color: #fff !important;}
 .themeBtn.active { background: #ec281c; color: #fff !important;}
 .WebinarCate ul li  { line-height: none; margin: 10px 0; list-style: none;  font-size: 18px;}
 .WebinarCate ul li a { color: #fff; }
 .WebinarCate ul li a.active { color: #ec281c; }
 .WebinarCate ul { margin: 0px; padding: 0 0 0 15px;}
 .WebinarCate ul li a:hover { opacity: 0.5;}
 .innerpagePartition_detail { padding: 40px 0 ;}
 .webinardetailCOntent p { margin: 20px 0 ;}
.offerText { margin: 20px 0 ;}
 .commentOuter { max-width: 600px; margin: 50px 0 0 0; border-top: solid 3px #dfdfdf; }
    .commentBox, .adminReply { border: 1px solid #ccc; padding: 10px; margin-top: 10px; border-radius: 5px; }
    .adminReply { background: #f1f1f1; margin-left: 20px; }
    .commentForm { margin-top: 20px; }
    .commentForm input, .commentForm textarea { width: 100%; padding: 8px; margin-bottom: 10px; }
    .replyForm { display: none; margin-top: 10px; }
    button { padding: 6px 12px; }



    
    h3 {
      color: #2c3e50;
      margin-bottom: 10px;
    }
    textarea {
      width: 100%;
      height: 100px;
      padding: 10px;
      font-size: 14px;
      border: 1px solid #ccc;
      border-radius: 5px;
      resize: none;
    }
    .submit-btn {
      background-color: #2a59b5;
      color: white;
      padding: 8px 16px;
      border: none;
      border-radius: 4px;
      margin-top: 10px;
      cursor: pointer;
    }
    .commentList {
      margin-top: 40px;
    }
    .commentItem {
      display: flex;
      gap: 15px;
      margin-bottom: 30px;
      border-top: 1px solid #ccc;
      padding-top: 15px;
    }
    .avatar {
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #ddd;
      border-radius: 50%;
    }
    .commentContent {
      flex: 1;
    }
    .commentContent .name {
      color: #2a59b5;
      font-weight: bold;
    }
    .commentContent .meta {
      color: #888;
      font-size: 13px;
    }
    .commentContent .text {
      margin-top: 5px;
      font-size: 14px;
    }
    .adminReply {
      margin-top: 10px;
      padding-left: 20px;
      border-left: 3px solid #ccc;
    }
    .adminReply .name {
      font-weight: bold;
      color: #2a59b5;
    }
    .adminReply .meta {
      font-size: 12px;
      color: #777;
    }
    .commentCount {
      font-weight: bold;
      margin-bottom: 10px;
    }


    .avatar img { width: 20px; height: 20px; opacity: 0.5;}

    /* .webinarCategory { padding-top: 5px;} */
    .webinarCategory, .skillsFocus { color: #41940a; font-size: 14px; margin: 5px 0 ;}
    .webinarList .themeBtn { margin-top: 20px;}
    .webinarType_detail { display: flex; gap: 10px; column-gap: 10px; align-items: center; line-height: 15px; flex-wrap: wrap;}
    .webinarType_detail .category, .webinarType_detail .skillsfocus { color: #41940a; border-left: solid 1px #262626; padding-left: 10px;}
    .webinarContent ul{ margin: 20px 0 ; padding: 0;}
    .webinarContent ul li { list-style: none; background:  url(./../../images/greentick.png) no-repeat left 10px; padding: 7px 0 7px 25px  ;}

 .webinardetailCOntent p { margin: 20px 0 ;}
 .innerpagePartition {border: 1px solid #d2d2d280 !important; }
.webinarright  {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
    background: #fff;
    border: 1px solid #d2d2d280 !important;
    border-radius: 10px;
    margin-bottom: 30px;
    font-size: 16px;
    height: 100%;
    padding: 15px;
}
.relatedCourse { border-bottom: solid 4px #00000020; padding-bottom: 20px;}
.relatedCourse a { color: #000; font-weight: bold;}
.relatedCourse a:hover { color: #2b60b7;}
.relatedCourse img { width: 100%; margin-bottom: 10px;}
.relatedWebinars ul { padding: 0; margin: 0;}
.relatedWebinars ul li { margin: 15px 0 ; list-style: none;}
.relatedWebinars ul li a { color: #000; background: url(./../../images/greentick.png) no-repeat left 15px;  padding: 10px 0 0 25px; display: block; border-top: solid 1px #00000020; }
.relatedWebinars ul li a:hover { color: #2b60b7; }
.relatedWebinars h2 , .relatedCourse h2{ font-size: 22px; margin-bottom: 20px;  color: #2b60b7;}
 .relatedCourse h2 { margin-top: 0px;}

 .short_webinar { gap: 0px; row-gap: 10px; }
 .short_webinar .category , .short_webinar .fullwebinar  { padding-right: 5px;}
 
.innerPage_detail_webinarOuter .innerpagePartition  { padding: 25px; }
 @media (min-width: 200px) and (max-width: 767px) {
.webinar-action, .webinarType_detail, .videoAction , .bookActionBtn{ display: grid; grid-template-columns: 1fr; gap: 20px;}
.webinarType_detail .category, .webinarType_detail .skillsfocus { border: none; padding: 0;}


.webinar-action { grid-template-columns: repeat(2, 1fr); /* two equal columns */}
.webinar-action > a:first-child,
.webinar-action > a:nth-child(2) {
  grid-column: 1 / -1; /* spans full width */
}

.webinar-action > a:nth-child(3),
.webinar-action > a:nth-child(4) {
  grid-column: span 1; /* each half */
}
    .webinardetailCOntent iframe {
      height: 200px !important;
        
    }
    .webinar-action { margin-top: 0;}
    .innerpagePartitionWebinar h2{ font-size: 20px; font-weight: bold; line-height: 25px;}
    .innerPage_detail_webinarOuter { padding: 0px !important;}
    .innerPage_detail_webinarOuter .innerpagePartition  { border-radius: 0px !important; border: 0px !important; margin: 0px; }
    .innerPage_detail_webinarOuter .webinarright { border-radius: 0px !important;}
    .innerPage_detail_webinarOuter .row .col-lg-9, .innerPage_detail_webinarOuter .row .col-lg-3 { padding: 0px;}
 }
 @media (min-width: 768px) and (max-width: 1000px) {
.innerPage_detail_webinarOuter { padding: 20px 0 0 00px !important;}
    .innerPage_detail_webinarOuter .innerpagePartition  { border-radius: 0px !important; border: 0px !important; margin: 0px;}
    .innerPage_detail_webinarOuter .webinarright { border-radius: 0px !important;}
    .innerPage_detail_webinarOuter .row .col-lg-9, .innerPage_detail_webinarOuter .row .col-lg-3 { padding: 0px;}

    .relatedCourse img { width: auto; display: block;}
    .videoAction a, .themeBtn, .bookActionBtn a { padding: 8px 10px;}
    .videoAction { gap: 10px;}
  }



  .videoAction a:hover, .themeBtn:hover, .bookActionBtn a:hover { color: #fff !important; background-color: #ec281c !important;}
/* Share Dropdown Styles */
.share-dropdown {
    position: relative;
    display: inline-block;
}

.share-btn {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.share-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    min-width: 180px;
}

.share-menu a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s;
}

.share-menu a:last-child {
    border-bottom: none;
}

.share-menu a:hover {
    background-color: #f5f5f5;
}

.share-menu a i {
    margin-right: 8px;
    width: 16px;
}

.share-dropdown.active .share-menu {
    display: block;
}

.copy-success {
    background-color: #d4edda !important;
    color: #155724 !important;
}

/* Like Button Styles */
.like-btn {
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.like-btn:hover {
    opacity: 0.8;
}

.like-btn i {
    font-size: 16px;
    transition: all 0.3s ease;
}

.like-btn.liked {
    color: #e74c3c !important;
    font-weight: bold;
}

.like-btn.liked i {
    color: #e74c3c;
    animation: heartBeat 0.6s ease-in-out;
}

.like-btn:not(.liked) i {
    color: #666;
}

.like-btn:not(.liked):hover i {
    color: #e74c3c;
}

@keyframes heartBeat {
    0% { transform: scale(1); }
    25% { transform: scale(1.2); }
    50% { transform: scale(1); }
    75% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Calendar Dropdown Styles */
.calendar-dropdown {
    position: relative;
    display: inline-block;
}

.calendar-btn {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.calendar-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    min-width: 200px;
}

.calendar-menu a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s;
}

.calendar-menu a:last-child {
    border-bottom: none;
}

.calendar-menu a:hover {
    background-color: #f5f5f5;
}

.calendar-menu a i {
    margin-right: 8px;
    width: 16px;
}

.calendar-dropdown.active .calendar-menu {
    display: block;
}

  .livewebinardetail {border-radius: 15px; background: #00000010;  margin-bottom: 20px; display:flex; flex-direction: column; width: 100%;   border: solid 1px #ec281c; height: 400px; justify-content: center; align-items:  center;}
  .livewebinardetail img { width: 90px;}
  .livewebinardetail a {background: #fff;
    color: #000 !important;
  border-radius: 15px;
    
    font-weight: bold;
    padding: 8px 20px;
    display: inline-block;}