.sec-services .imgimg{margin-bottom: 20px}
.pad{padding: 60px 0;}
.itemitemlist {column-count: 3;  column-gap: 0;}
.itemitemlist img{max-width: 100%}
.itemitemlist .itemitem{break-inside: avoid;position: relative;}
.itemitemlist .itemitem span{display: none;height: 100%;font-size: 20px;text-align: center;position: absolute;left: 0;right: 0;z-index: 99;top: 0;bottom: 0;background: rgba(0,0,0,0.5);vertical-align:middle;color: #fff;line-height: 288px;}
.itemitemlist .itemitem:hover span{display: block;}



 .portfolio-details {
  padding-top: 40px;
  color: #000;
}
.portfolio-details .portfolio-details-slider img {
  width: 100%;
}
.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #3279fc;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #3279fc;
}
.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(246,247,247, 1);
}
.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #3279FC;
}
.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}
.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}
.portfolio-details .portfolio-description {
  padding: 30px;
    box-shadow: 0px 0 30px rgba(246,247,247, 1);
}
.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
   border-bottom: 1px solid #3279FC;
   padding-bottom: 20px;
}
.portfolio-details .portfolio-description p {
  padding: 0;
}



@media (max-width: 760px) {

	.itemitemlist {column-count: 1;  column-gap: 0;}
	.itemitemlist .itemitem span{line-height: 260px}
}