@font-face{
            font-family:"menufont";
            src:url("http://www.myfontfree.com/data/205/s/serifa-bt/Serifa BT.ttf");
            font-weight:bold;
        }

        body{
            font-family: Ubuntu, sans-serif;
            font-size:16px;
            background: url('../images/bg.jpg') no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;}
        
        .container .spc{
            width: 65% !important;
        }

        #servicescontent ul li {
            margin: 0px;
            padding:0px;
        }
        
	.tab-pane li {
		margin-top:10px;
	}
    .contentdiv ul li {
            margin-top:10px;
    }

            .margin-less{
                margin-top:5px;
            }

            .footercon{
                margin:0px !important;
                padding:0px !important;
            }
            .footercl span{
                font-size:14px;
                color: #990000;
            
            }
            .rightsidetext{
                color: #990000;
                font-size:16px;
            }

            .tab-content ul li{
                margin-top:10px;
            }

        .leftmenucls{
            
        }

        .leftmenucls li{
            cursor: pointer;
            border-bottom:solid 1px #ccc;
            margin-top:5px !important;
            
        }
        .leftmenucls li a{
            padding: 11px 10px;
            word-wrap: normal;
            display: block;
            text-decoration: none;
            font-weight: bold;
            font-style: normal;
            font-size: 20px;
            line-height: 1.2;
            color: #990000;
        }

        .leftmenucls li a:hover{
            color: #000;
            background:none !important;
        }

        .leftmenucls > li.active > a {
            background:none !important;
            color:#000;
        }

        .leftmenucls > li.active > a:hover {
            color:#000;
        }
        .rightlist_logo ul{
            list-style:none;
            margin:0px;
            padding:0px;
            margin-top:25px;
            float:right;
        }
         .rightlist_logo ul li{
            float:right;
            margin-left:5px;
        }
        .footerimg img{
            float:right;
        }
        .affiliationslogo{
            list-style:none;
            margin-top:15px;
            padding:0px;
        }
        .affiliationslogo li{
            float:left;
            margin-left:30px;
        }
        .rightsidebardiv{
            cursor:pointer;
        }
        .afflul ul{
            list-style:none;
            padding:0px;
            margin:0px;
        }
        .afflul ul li{
            float:left;
            margin-left:30px;
        }


        #talks ul{
            margin:0px;
            padding:0px;list-style: none;
        }

        .talks_spcl div{
            margin-top:10px;
        }

      .talks_spcl img{
          margin:0px auto;
      }

      .talks_spcl .brdr{
          border-right:solid 1px #0f0f0f;
      }

      
      #myImg {
          border-radius: 5px;
          cursor: pointer;
          transition: 0.3s;
      }

      #myImg:hover {opacity: 0.7;}

      
      .modal {
          display: none; 
          position: fixed; 
          z-index: 1; 
          padding-top: 100px;
          left: 0;
          top: 0;
          width: 100%; 
          height: 100%; 
          overflow: auto; 
          background-color: rgb(0,0,0); 
          background-color: rgba(0,0,0,0.9);
      }

      
      .modal-content {
          margin: auto;
          display: block;
          width: 60%;
          max-width: 400px;
      }

     
      #caption {
          margin: auto;
          display: block;
          width: 80%;
          max-width: 700px;
          text-align: center;
          color: #ccc;
          padding: 10px 0;
          height: 150px;
      }


      .modal-content, #caption {
          -webkit-animation-name: zoom;
          -webkit-animation-duration: 0.6s;
          animation-name: zoom;
          animation-duration: 0.6s;
      }

      @-webkit-keyframes zoom {
          from {-webkit-transform:scale(0)}
          to {-webkit-transform:scale(1)}
      }

      @keyframes zoom {
          from {transform:scale(0)}
          to {transform:scale(1)}
      }

  
      .close {
          position: absolute;
          top: 15px;
          right: 35px;
          color: #f1f1f1;
          font-size: 40px;
          font-weight: bold;
          transition: 0.3s;
      }

      .close:hover,
      .close:focus {
          color: #bbb;
          text-decoration: none;
          cursor: pointer;
      }


      @media only screen and (max-width: 700px){
          .modal-content {
              width: 100%;
          }
      }


      .honors-tabs li a {
          font-size: 18px;
          font-weight: bold;
          color: #990000;
          border-radius: 25px;
          padding: 10px 20px;
          border: 2px solid #990000;
          background-color: transparent;
          transition: all 0.3s ease;
      }
      .honors-tabs li a:hover {
          background-color: transparent;
      }
      .honors-tabs li.active a,
      .honors-tabs li.active a:hover,
      .honors-tabs li.active a:focus {
          background-color: #990000 !important;
          color: #fff !important;
          border-color: #990000;
          border-radius: 25px;
      }

      
      .honors-cards {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          padding: 15px 0;
          width: 100%;
          justify-content: flex-start;
          margin: 0;
      }
      .honor-card-wrapper {
          flex: 0 0 calc(20% - 10px);
          min-width: 0;
      }
      .honor-card {
          background: #fff;
          border-radius: 12px;
          box-shadow: 0 4px 12px rgba(0,0,0,0.15);
          overflow: hidden;
          width: 100%;
          transition: transform 0.3s ease, box-shadow 0.3s ease;
          position: relative;
          cursor: pointer;
      }
      .honor-card:hover {
          /* No hover effect */
      }
      .honor-card-badge {
          position: absolute;
          bottom: 10px;
          right: 10px;
          padding: 5px 12px;
          font-size: 12px;
          font-weight: bold;
          color: #fff;
          border-radius: 3px;
          z-index: 1;
      }
      .honor-card-badge.award {
          background-color: #990000;
      }
      .honor-card-badge.recognition {
          background-color: #0077C8;
      }
      .honor-card-badge.scholarship {
          background-color: #2E7D32;
      }
      .honor-card-img {
          width: 100%;
          height: 160px;
          object-fit: cover;
          object-position: top;
          border-bottom: 1px solid #eee;
      }
      /* Responsive image sizing */
      @media (max-width: 768px) {
          .honor-card-img {
              height: 160px;
          }
      }
      .honor-card-body {
          padding: 10px;
          padding-bottom: 20px;
          border-top: 1px solid #eee;
      }
      .honor-card-body p {
          font-size: 16px;
          color: #333;
          margin: 0;
          line-height: 1.5;
          transition: color 0.3s ease;
      }
      .honor-card:hover .honor-card-body p {
          /* No hover effect */
      }
      .honor-card-body a {
          color: #990000;
          text-decoration: none;
      }
      .honor-card:hover .honor-card-body a {
          
      }
      /* Medium screens: 3 columns */
      @media (max-width: 1200px) {
          .honor-card-wrapper {
              flex: 0 0 calc(33.333% - 14px);
          }
      }
      /* Small/Mobile screens: 2 columns */
      @media (max-width: 768px) {
          .honor-card-wrapper {
              flex: 0 0 calc(50% - 10px);
          }
      }

            
      .honor-modal-overlay {
          display: none;
          position: fixed;
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh;
          background-color: rgba(0, 0, 0, 0.3);
          backdrop-filter: blur(5px);
          -webkit-backdrop-filter: blur(5px);
          z-index: 9999;
          justify-content: center;
          align-items: flex-start;
          padding-top: 20px;
      }
      .honor-modal-overlay.active {
          display: flex;
      }
      body.modal-open {
          overflow: hidden;
      }
      .honor-modal-box {
          background: rgba(255, 255, 255, 0.95);
          width: 88%;
          max-width: 1300px;
          height: 90vh;
          margin: 0 auto;
          text-align: left;
          border-radius: 10px;
          position: relative;
          display: flex;
          flex-direction: column;
      }
      .honor-modal-header {
          position: relative;
          padding: 15px 30px;
          flex-shrink: 0;
      }
      .honor-modal-close {
          position: absolute;
          top: 15px;
          right: 15px;
          font-size: 16px;
          font-weight: bold;
          color: #333;
          cursor: pointer;
          transition: color 0.3s ease;
          background: transparent;
          border: none;
          padding: 5px 15px;
          z-index: 11;
      }
      .honor-modal-close:hover {
          color: #990000;
      }
      .honor-modal-content {
          font-size: 20px;
          color: #333;
          padding: 30px;
          overflow-y: auto;
          overflow-x: hidden;
          flex: 1;
          min-height: 0;
          display: flex;
          flex-direction: column;
          scrollbar-width: thin;
          scrollbar-color: #0077C8 #f1f1f1;
      }
      .honor-modal-content::-webkit-scrollbar {
          width: 8px;
      }
      .honor-modal-content::-webkit-scrollbar-track {
          background: #f1f1f1;
      }
      .honor-modal-content::-webkit-scrollbar-thumb {
          background: #0077C8;
          border-radius: 4px;
      }
      .honor-modal-content::-webkit-scrollbar-thumb:hover {
          background: #005a9e;
      }
      
      
      .honor-modal-content li {
          margin-bottom: 10px;
      }

      /* Books Horizontal Slider */
      .books-slider-container {
          position: relative;
          width: 100%;
          overflow: hidden;
          display: flex;
          align-items: center;
          background-color: #ededed;
          padding: 10px 0;
      }
      .books-slider {
          display: flex;
          gap: 10px;
          overflow-x: auto;
          scroll-snap-type: x mandatory;
          scroll-behavior: smooth;
          padding: 20px 60px;
          margin: 0 40px;
          width: calc(100% - 80px);
          scrollbar-width: none;
          -ms-overflow-style: none;
      }
      .books-slider::-webkit-scrollbar {
          display: none;
      }
      .book-card {
          flex: 0 0 100px;
          scroll-snap-align: start;
          transition: box-shadow 0.3s ease;
      }
      .book-card:hover {
          box-shadow: 0 4px 15px rgba(153, 0, 0, 0.5);
      }
      .book-card img {
          width: 160px;
          height: 95%;
          object-fit: cover;
          border-radius: 5px;
          box-shadow: 0 4px 15px rgba(0,0,0,0.2);
      }
      .books-slider-btn {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          background: rgba(0, 0, 0, 0.6);
          color: white;
          border: none;
          padding: 15px 10px;
          font-size: 20px;
          cursor: pointer;
          z-index: 10;
          border-radius: 5px;
          transition: background 0.3s ease;
      }
      .books-slider-btn:hover {
          background: rgba(0, 0, 0, 0.8);
      }
      .books-prev-btn { left: 5px; }
      .books-next-btn { right: 5px; }

      /* Publications Scrollbar for the future reference professor */
      .publications-scroll {
          max-height: 500px;
          overflow-y: auto;
          padding-right: 10px;
      }
      .row.publications-scroll {
          display: flex;
          align-items: stretch;
      }
      .row.publications-scroll > div {
          display: flex;
          flex-direction: column;
          background-color: #ededed !important;
          min-height: 100%;
      }
      .row.publications-scroll > div > ul {
          flex: 1;
          background-color: #ededed;
      }
      .publications-scroll::-webkit-scrollbar {
          width: 8px;
      }
      .publications-scroll::-webkit-scrollbar-track {
          background: #f1f1f1;
      }
      .publications-scroll::-webkit-scrollbar-thumb {
          background: #0077C8;
          border-radius: 4px;
      }
      .publications-scroll::-webkit-scrollbar-thumb:hover {
          background: #005a9e;
      }
      /* Firefox scrollbar */
      .publications-scroll {
          scrollbar-width: thin;
          scrollbar-color: #0077C8 #f1f1f1;
      }