.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

.portfolio-item{
	/*width:100%;*/
}
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}







  

  /* news css */


  /* news --------------------------------------*/

  
.demof{
  border: 1px solid #ccc;
  margin: 25px 0;
}
.demof ul{
  padding: 0;
  list-style: none;
}
.demof li{
  padding: 20px;
  border-bottom: 1px dashed #ccc;
}
.demof li.odd{
  background: #fafafa;
}
.demof li:after {
  content: '';
  display: block;
  clear: both;
}
.demof img{
  float: left;
  width: 100px;
  margin: 0px 15px 0 0;
}
.demof a:hover {
  text-decoration: underline; /* Add underline on hover */
}
.demof a{
  font-family: Arial, sans-serif;
  font-size: 15px;
  /* font-weight: bold; */
  color: #06f;
}
.demof p {
  margin: 15px 0 0;
  font-size: 14px;
}

.demo3 {
  font-family: Arial, sans-serif;
  border: 1px solid #C20;
  margin: 50px 0;
  font-style: italic;
  position: relative;
  padding: 0 0 0 80px;
  box-shadow: 0 2px 5px -3px #000;
  border-radius: 3px;
}
.demo3:before {
  content: "Latest News";
  display: inline-block;
  font-style: normal;
  background: #C20;
  padding: 10px;
  color: #FFF;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
}
.demo3:after {
  content: '';
  display: block;
  top: 0;
  left: 80px;
  background: linear-gradient(#FFF, rgba(255, 255, 255, 0));
  height: 20px;
}
.demo3 ul li {
  list-style: none;
  padding: 10px 10px;
}


.demo4{
  border: 2px solid #06F;
  margin-top: 10px;
  border-radius: 5px;
}

.demo5{
  border: 2px solid #FF3333;
  margin-top: 10px;
  border-radius: 10px;
  width: 500px;
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
}
.demo5 ul{
  padding: 0;
}
.demo5 ul li{
  padding: 10px 10px 10px 10px;
  border-bottom: 1px solid #FF3333;
  border-radius: 10px;
  list-type: none;
  margin: 0;
}
.et-run{
  background-color: #0cf;
  color: white;
  border: 1px solid black;
}



.demo1 {
  position: relative;
  height: 300px; /* Set height for the scrolling area */
  overflow: hidden; /* Hide overflow content */
  background: #f9f9f9; /* Optional background color */
  border: 1px solid #ddd; /* Optional border for clarity */
}

/* List for Scrolling */
.demo1 ul {
  position: absolute;
  top: 0; /* Start from the top of the container */
  animation: scrollUp 20s linear infinite; /* Slow scroll with infinite loop */
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Individual List Items */
.demo1 ul li {
  margin: 10px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 1120px;
}

/* Large screens (default, 1120px and above) */
@media (min-width: 1120px) {
  .demo1 ul li {
      width: 1120px;
  }
}

/* Medium screens (768px to 1119px) */
@media (max-width: 1119px) and (min-width: 768px) {
  .demo1 ul li {
      width: 90%; /* Adjust width for medium screens */
  }
}

/* Small screens (less than 768px) */
@media (max-width: 767px) {
  .demo1 ul li {
      width: 100%; /* Full width for smaller screens */
      flex-direction: row; /* Stack items vertically */
      gap: 5px; /* Reduce gap for smaller space */
  }
}

/* Scrolling Animation */
@keyframes scrollUp {
  0% {
      transform: translateY(0); /* Start at the original position */
  }
  100% {
      transform: translateY(-100%); /* Move upward to hide all items */
  }
}





.news-ticker{
  padding: 0px;
  display: flex;
  align-items: center;
  height:37px;
  /* border: 1px solid gray; */
  margin-bottom: 20px;
  margin-top: 26px
}
.news{
  height: 50px;
  overflow: hidden;
}
.news > div span{
  padding: 8px 15px;
  height: 50px;
  margin-bottom: 32px;
  display: block;
  color:black;
}
.news div:first-child{
  animation: slide 18s linear infinite;
}
@keyframes slide{
  0%{margin-top: -240px}
  5%{margin-top: -160px}
  35%{margin-top: -160px}
  40%{margin-top: -80px}
  65%{margin-top: -80px}
  70%{margin-top: 0}
  99.99%{margin-top: 0}
  100%{margin-top: 0}
}

/* news css */