 .campus-news-marquee {
     background-color: rgb(20 30 72);
     margin-bottom   : 0px;
     color           : white;
     overflow        : hidden;
     display         : flex;
     justify-content : space-between;
     align-items     : center;
     white-space     : nowrap;
     width           : 100%;
 }

 .news-button {
     background-color   : rgba(255, 201, 65, 0.959);
     color              : rgb(20 30 72);
     /* padding         : 12px 25px; */
     padding            : 3px 6px;
     text-decoration    : none;
     font-weight        : bold;
     transition         : all 0.3s ease-in-out;
     font-size          : 16px;
     display            : inline-block;
     text-align         : center;
     width              : 225px;
 }



 .campus-news-text {
     font-size           : 14px;
     margin              : 0;
     white-space         : nowrap;
     display             : inline-block;
     animation           : news-marquee 30s linear infinite;
     flex-grow           : 1;
     animation-play-state: running;
 }

 @keyframes news-marquee {
     0% {
         transform: translateX(100%);
     }

     100% {
         transform: translateX(-100%);
     }
 }

 .campus-news-text:hover {
     animation-play-state: paused;
 }

 @media (max-width: 768px) {
     .campus-news-marquee {
         flex-direction: column;
         text-align    : center;
     }

     .news-button {
         width        : 100%;
         margin-bottom: 10px;
     }

     .campus-news-text {
         font-size : 16px;
         text-align: center;
     }
 }


 /* ===============================Campus Updates============================== */
 .event-area {
     background-color: #eddada8c;
     padding-top     : 40px;
     padding-bottom  : 20px;
 }

 /* .site-heading {
     text-align: center;
 } */

 .site-title_one {
     font-size      : 32px;
     color          : rgb(20 30 72);
     margin-bottom  : 15px;
     text-decoration: underline;
 }

 .site-heading p {
     font-size: 16px;
     color    : black;
 }

 .testimonial-slider {
     display        : flex;
     justify-content: center;
     align-items    : center;
 }

 .testimonial-item {
     display        : flex;
     justify-content: space-between;
     margin-bottom  : 30px;
 }

 .news-date {
     background-color: rgb(20 30 72);
     color           : white;
     padding         : 5px;
     text-align      : center;
     font-size       : 16px;
     border-radius   : 5px;
     height          : 115px;
     width           : 35%;
 }

 .news-date i {
     font-size: 50px;
 }

 .day {
     font-size  : 16px;
     font-weight: bold;
     color      : black;
 }

 .month {
     font-size: 14px;
     display  : block;
 }

 .news-content {
     padding-left: 8px;
     padding-top : 0px;
 }

 .news-title h4 {
     font-size    : 18px;
     margin-bottom: 10px;
 }

 .news-title a {
     color             : rgb(20 30 72);
     text-decoration   : none;
     font-weight       : bold;
     transition        : color 0.3s ease;
     font-size         : 15px;
     /* margin-top     : -15px; */
 }

 .news-title a:hover {
     color: #eba844ff;
 }

 .entrymore {
     margin-top: 40px;
 }

 .read-more {
     font-size         : 12px;
     color             : rgb(20 30 72);
     text-decoration   : none;
     font-weight       : bold;
     /* border         : 2px solid rgb(20 30 72); */
     padding           : 4px 4px;
     border-radius     : 5px;
     transition        : background-color 0.3s, color 0.3s;
 }

 .read-more:hover {
     background-color: rgb(20 30 72);
     color           : white;
 }