/* 	.portfolio-gallery img {
object-fit: cover;
height: 500px;
}
*/
.portfolio-item a {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.portfolio-inner img {
	border-radius: 5px;
}

.portfolio-item img {
	min-width: 100% !important;  
	object-fit: cover;
	border-radius: 5px;
}

.portfolio-item .box-image {
	border-radius: 5px;
}

.portfolio-img-container {
	width: 80px !important;
	height: 75px !important;
}

.portfolio-item {
	margin-bottom: 1.5rem;
}

.swiper-button-prev , .swiper-button-next{
	color: white;
}
.swiper-pagination-bullet-active {
	background: white;
}

.swiper-slide {
	width: auto;
	height: 450px;
}

.swiper-slide img {
	object-position: center !important; 
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 4px !important;
	height: 25px !important;
	border-radius: 5px !important;
}

.swiper-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 25px !important;
}	

.swiper-pagination .swiper-pagination-bullet  {
	width: 3px !important;
	height: 15px !important;
	border-radius: 5px !important;
	background: white !important;
}

.col-divided {
	border-right: 1px solid #ececec61;
	padding-right: 30px;
}

.portfolio-des-heading {
	font-size: 1.15rem;
	margin-bottom: 0;
}

.portfolio-inner ol,
.portfolio-inner ul{
	margin-left: 15px;
}

@media (max-width: 600px ){
	.portfolio-single-page .large-8 {
		padding-right: 15px;
	}
	.swiper-slide  {
		height: 350px !important;
	}

	.portfolio-des-box {
		padding: 15px !important; 
	}
	/* 		.portfolio-des-box {
	width: 100%;
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	/* 			flex-wrap: wrap !important;
	justify-content: space-between !important; */

	.portfolio-des-box {
		width: 100%;
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto auto;
		grid-template-areas: 
			"scope time "
			"scale address";
		gap: 20px !important; 
		row-gap: 8px !important;
	}

	.portfolio-des-heading {
		font-size: 1rem !important;
	}

	.portfolio-des {
		font-size: 0.95rem !important;
	}

	.portfolio-des-box > div:nth-child(1) { grid-area: scope; }
	.portfolio-des-box > div:nth-child(2) { grid-area: time; }
	.portfolio-des-box > div:nth-child(3) { grid-area: scale; }
	.portfolio-des-box > div:nth-child(4) { grid-area: address; }
}
.portfolio-des {
	margin-bottom: 0;
}

.portfolio-des-box {
	padding: 20px;
	background: #F5F5F5;
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto auto;
	grid-template-areas: 
		"scope time "
		"scale address";
	gap: 8px;
	border-radius: 5px;
	margin: 20px 0;
}

.portfolio-des-heading {
	font-size: 1.1rem;
	font-weight: bold;
}
.portfolio-shortdes *{
	margin-bottom: 12px !important;
}

.portfolio-list {
	max-height: 758px;
	overflow: hidden;
	position: relative;
}

.portfolio-slider {
	bottom: 0;
	width: 100%;
	animation: slideUp 180s linear infinite;
}

@keyframes slideUp {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-100%);
	}
}

/* Pause animation on hover */
.portfolio-list:hover .portfolio-slider {
	animation-play-state: paused;
}

/* To ensure the animation is smooth, duplicate the content */
.portfolio-content {
	width: 100%;
}