/** FROM HOME **/

.fadeInUp {
      animation: fadeInUp 600ms ease-in-out both;
      }
      .baner-date {
      margin-bottom: 0;
      }
      .top_notification img {
      width: 17px;
      margin-right: 5px;
      vertical-align: middle;
      }
      .team-member{
      display: flex;
      flex-direction: column;  
      }
      .successful-conferences{
      overflow-y: scroll; 
      height:300px;
      }
      .reload-captcha {
      background: none;
      border: none;
      padding: 0;
      color: #565656;
      font: inherit;
      text-decoration: none;
      cursor: pointer;
      }
      .reload-captcha:hover {
      text-decoration: none;
      outline: none;
      color: #bf972b;
      }
      .album-image-container {
      position: relative;
      aspect-ratio: 16 / 9;
      width: 100%;
      }
      .album-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 0.3s ease;
      }
      .slide {
      position: relative;
      width: 100%;
      height: 100vh; 
      overflow: hidden;
      }
      .slide-image-wrapper {
      position: absolute;
      inset: 0;
      z-index: 0;
      }
      .slide-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      }
      /* Dark overlay to replace background-overlay-dark */
      .slide-overlay {
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.6); /* adjust darkness */
      z-index: 1;
      }
      /* Caption container on top of image */
      .slide .container {
      position: relative;
      z-index: 2;
      }
      
      
       .space-x-2 > * + * { margin-left: 0.5rem; }
      .space-x-4 > * + * { margin-left: 1rem; }
      .space-y-4 > * + * { margin-top: 1rem; }
      .grid { display: grid; }
      .grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
      .grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
      .gap-4 { gap: 1rem; }
      .gap-6 { gap: 1.5rem; }
      /* Spacing */
      .p-4 { padding: 1rem; }
      .p-6 { padding: 1.5rem; }
      .p-8 { padding: 2rem; }
      .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
      .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
      .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
      .px-4 { padding-left: 1rem; padding-right: 1rem; }
      .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
      .mb-2 { margin-bottom: 0.5rem; }
      .mb-4 { margin-bottom: 1rem; }
      .mb-6 { margin-bottom: 1.5rem; }
      .mb-8 { margin-bottom: 2rem; }
      .mt-4 { margin-top: 1rem; }
      .mr-2 { margin-right: 0.5rem; }
      .ml-1 { margin-left: 0.25rem; }
      .text-gray-600 { color: #4b5563; }
      .text-gray-900 { color: #111827; }
      .text-blue-600 { color: #2563eb; }
      .flex-wrap .btn {
      display: inline-flex;
      align-items: center;
      padding: 0.75rem 1.5rem;
      border: 1px solid #d1d5db;
      border-radius: 0.5rem;
      background-color: white;
      color: #374151;
      text-decoration: none;
      font-weight: 500;
      transition: all 150ms ease-in-out;
      cursor: pointer;
      }
      .flex-wrap .btn:hover {
      background-color: #f9fafb;
      border-color: #9ca3af;
      }
      .flex-wrap .btn:focus {
      outline: 2px solid #3b82f6;
      outline-offset: 2px;
      }
      /* Tab navigation */
      .tab-nav {
      border-bottom: 1px solid #e5e7eb;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
      }
      .tab-nav::-webkit-scrollbar {
      display: none;
      }
      .tab-nav .tab-list {
      display: flex;
      min-width: max-content;
      }
      .tab-button {
      padding: 0.75rem 1.5rem;
      border: none;
      background: none;
      color: #6b7280;
      font-weight: 500;
      white-space: nowrap;
      border-bottom: 2px solid transparent;
      cursor: pointer;
      transition: all 150ms ease-in-out;
      }
      .tab-button:hover {
      color: #374151;
      border-bottom-color: #d1d5db;
      }
      .tab-button.active {
      color: #bf972b;
      border-bottom-color: #bf972b;
      }
      .accordion {
      border: 1px solid #e5e7eb;
      border-radius: 0.5rem;
      }
      .accordion-header {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1rem;
      background: none;
      border: none;
      text-align: left;
      cursor: pointer;
      font-weight: 500;
      transition: background-color 150ms ease-in-out;
      }
      .accordion-header:hover {
      background-color: #f9fafb;
      }
      .accordion-content {
      border-top: 1px solid #e5e7eb;
      padding: 1rem;
      max-height: 20rem;
      overflow-y: auto;
      }
      .accordion-content.hidden {
      display: none;
      }
      .person-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.75rem;
      border-radius: 0.5rem;
      transition: background-color 150ms ease-in-out;
      }
      .person-item:hover {
      background-color: #f9fafb;
      }
      .person-link {
      color: #bf972b;
      text-decoration: none;
      font-weight: 500;
      }
      .person-link:hover {
      color: #bf972b;
      text-decoration: underline;
      }
      /* Scrollable containers */
      .scroll-container {
      /*display: flex;*/
      gap: 1rem;
      /*overflow-x: auto;*/
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding-bottom: 0.5rem;
      }
      .testimonial-card {
      width: 20rem;
      background: white;
      border: 1px solid #e5e7eb;
      border-radius: 0.5rem;
      padding: 1rem;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      transition: transform 150ms ease-in-out;
      }
      .testimonial-card:hover {
      transform: scale(1.02);
      }
      .testimonial-avatar {
      width: 3rem;
      height: 3rem;
      border-radius: 50%;
      object-fit: cover;
      margin-right: 0.8rem;
      }
      .media-item {
      position: relative;
      transition: transform 150ms ease-in-out;
      }
      .media-item:hover {
      transform: scale(1.02);
      }
      .media-thumbnail {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0.5rem;
      }
      .video-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, 0.2);
      border-radius: 0.5rem;
      cursor: pointer;
      transition: background-color 150ms ease-in-out;
      }
      .video-overlay:hover {
      background: rgba(0, 0, 0, 0.3);
      }
      .play-button {
      width: 50px;
      height: 50px;
      border-width: 2px !important;
      background: #dc2626;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      }
      .video-duration {
      position: absolute;
      bottom: 0.5rem;
      right: 0.5rem;
      background: rgba(0, 0, 0, 0.7);
      color: white;
      font-size: 0.75rem;
      padding: 0.25rem 0.5rem;
      border-radius: 0.25rem;
      }
      .hashtag {
      display: inline-block;
      padding: 0.25rem 0.75rem;
      background: #f3f4f6;
      color: #374151;
      font-size: 0.875rem;
      border-radius: 9999px;
      text-decoration: none;
      transition: background-color 150ms ease-in-out;
      }
      .hashtag:hover {
      background: #e5e7eb;
      }
      @media (max-width: 768px) {
      /*.container { padding: 0 0.5rem; }*/
      .grid-cols-4 { grid-template-columns: repeat(2, 1fr); }
      .grid-cols-2 { grid-template-columns: 1fr; }
      .testimonial-card { width: 18rem; }
      }
      .hidden { display: none; }
      .block { display: block; }
      .inline-flex { display: inline-flex; }
      .w-full { width: 100%; }
      .h-full { height: 100%; }
      .object-cover { object-fit: cover; }
      .cursor-pointer { cursor: pointer; }
      .font-medium { font-weight: 500; }
      .font-semibold { font-weight: 600; }
      .font-bold { font-weight: 700; }
      .italic { font-style: italic; }
      .leading-relaxed { line-height: 1.625; }
      .text-center { text-align: center; }
      .transition-colors { transition: color 150ms ease-in-out, background-color 150ms ease-in-out; }
      .aspect-video { aspect-ratio: 16 / 9; }
      .aspect-3-2 { aspect-ratio: 3 / 2; }
      /* Focus styles for accessibility */
      .focus-ring:focus {
      outline: 2px solid #3b82f6;
      outline-offset: 2px;
      }
      .chevron {
      transition: transform 150ms ease-in-out;
      }
      .chevron.rotated {
      transform: rotate(180deg);
      }
      blockquote.text-gray-700.italic.leading-relaxed {
      border-left: none;
      font-size: 15px;
      padding: 0px;
      margin: 0px;
      }
      .text-sm {
      font-size: 12px !important;
      margin: 0px;
      }
      .flex-box {
      display: flex;
      }
      .mb-2 {
      font-size: 1.5rem !important;
      font-weight: 600;
      color: #111827;
      }
      .text-lg {
      font-size: 1.125rem !important;
      line-height: 20px !important;
      }
      .bell-anim{
      width:17px; 
      margin-right:5px;  
      }
      .team-member{
      display: flex;
      flex-direction: column;
      }
      .Past-conferences{
      overflow-y: scroll; 
      height:300px;  
      }
      
      
/** FROM HEADER **/      

   @media (max-width: 1024px) {
    #header #logo > a {
        display: grid;
    }
}
@media (max-width: 991px) {
    #header #header-wrap #logo a > img {
        margin-top: 7px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #header #header-wrap #logo {
    float: left;
    font-size: 28px;
    position: relative;
    z-index: 1;
    transition: all .4sease-in-out;
    height: 80px;
    margin-top: 10px;
    width: 139px;
}
#mainMenu nav {
    float: right;
    margin-top: 30px;
}
.top_notification ul li a {
    padding: 4px 4px !important;
}
#mainMenu nav > ul > li > a {
    font-size: 12px !important;
}
}
#header #header-wrap #logo a > img {
    vertical-align: inherit;
    transition: all .4sease-in-out;
    width: auto;
}
#google_translate_element {
    position: relative !important;
    z-index: 9999 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.btn.btn-dark-theme {
    background-color: #9f7d23;
    border-color: #9f7d23;
    color: #ffffff;
    padding: 10px 10px;
    border-radius: 0px;
}
#mainMenu nav {
    float: right !important;
    margin-top: 30px !important;
}