.page-hero-section .container {
    background-image: url('../img/services-hero-2.webp');
}

.services-section {
    margin: 0 0 124px;
}
.startup-box{
	border: 5px solid;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-source: linear-gradient(180deg, #A2845E 0.1%, rgba(162, 132, 94, 0) 83.22%);
	border-image-slice: 1;
	padding: 50px;
	margin: 50px auto 100px;
	gap: 100px;
	position:relative;
	overflow: hidden;
}
.startup-box .img-col{
	min-width: 300px;
	height: 300px;
	display: flex;
	border: 6px solid #15302B;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
}
.startup-box .img-col::before{
	position:absolute;
	content:'';
	left:12px;
	top:-28px;
	background-image:url('../img/service-startup-bg.webp');
	background-repeat:no-repeat;
	background-size:auto;
	width: 466px;
	height: 466px;
	opacity:0.03;
	z-index:-1;
}
.startup-box .img-col img{
	min-width: 180px;
	height: 180px;
}
.startup-box .section-desc{
	margin:16px 0 32px;
}
.startup-box .btn{
	width: 250px;
	margin-left:auto;
}
.startup-box .btn img {
	margin-left: 10px;
}
.services-items-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 50px;
	justify-content: center;
}

.services-item {
    max-width: calc(33% - 10px / 2);
    border-style: solid;
    border-image-slice: 1;
    text-align: center;
	padding: 60px 40px 160px;
  	position: relative;
}

.services-item:nth-child(3n + 1) {
    border-width: 5px 5px 5px 0px;
    border-image-source: linear-gradient(90deg, rgba(227, 227, 227, 0) 1.4%, #E3E3E3 56.5%);
}

.services-item:nth-child(3n + 2):not(.top-mid):not(.bottom-mid) {
    border: 5px solid #E3E3E3;
    background: #FFFFFF;
}

.services-item:nth-child(3n + 3) {
    border-width: 5px 0px 5px 5px;
    border-image-source: linear-gradient(-90deg, rgba(227, 227, 227, 0) 6%, #E3E3E3 54.8%);
}

.services-item.top-left {
    border-image-source: linear-gradient(135deg, rgba(227, 227, 227, 0) 50%, #E3E3E3 100%);
    border-width: 0px 5px 5px 0px;
}

.services-item.top-mid {
    border-image-source: linear-gradient(180deg, rgba(227, 227, 227, 0) 9.7%, #E3E3E3 100%) !important;
    border-width: 0px 5px 5px 5px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.services-item.top-right {
    border-image-source: linear-gradient(-135deg, rgba(227, 227, 227, 0) 50%, #E3E3E3 100%);
    border-width: 0px 0px 5px 5px;
}

.services-item.bottom-left {
    border-width: 5px 5px 0px 0px;
    border-image-source: linear-gradient(55deg, rgba(227, 227, 227, 0) 50%, #E3E3E3 100%);
}

.services-item.bottom-mid {
    border-width: 5px 5px 0px 5px;
    border-image-source: linear-gradient(0deg, rgba(227, 227, 227, 0) 9.7%, #E3E3E3 100%);
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.services-item.bottom-right {
    border-width: 5px 0px 0px 5px;
    border-image-source: linear-gradient(-55deg, rgba(227, 227, 227, 0) 50%, #E3E3E3 100%);
}
.services-item-img{
	width: 125px;
	height: 125px;
	padding: 24px;
	border: 3px solid var(--primary);
	border-radius: 50%;
	margin:auto;
}
.services-item-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    margin: 30px 0 10px;
}

.services-item .btn {
    margin: 50px auto 0;
	width: 250px;
	position: absolute;
 	bottom: 60px;
  	left: 50%;
  	transform: translateX(-50%);
}

.services-item .btn img {
    margin-left: 10px;
}


@media (max-width: 1200px) {
    .services-item {
        padding: 48px 32px 140px;
    }

    .services-item-img {
        max-width: 100px;
        max-height: 100px;
		padding:16px;
    }

    .services-item-title {
        font-size: 24px;
        line-height: 1.3;
    }
	.startup-box{
		gap: 42px;
	}
}

@media (max-width: 992px) {
    .services-section .d-lg-flex .btn {
        margin: 24px 0 0 auto;
    }

    .services-item {
        max-width: calc(50% - 10px / 2);
        background: transparent !important;
    }

    .services-item.top-right,
    .services-item:nth-child(3n+1):not(.top-left) {
        border: 5px solid #E3E3E3;
    }

    .services-item.top-left {
        border-image-source: linear-gradient(180deg, rgba(227, 227, 227, 0) 9.7%, #E3E3E3 100%) !important;
        border-width: 0px 5px 5px 5px;
    }

    .services-item.bottom-right {
        border-width: 5px 5px 0px 5px;
        border-image-source: linear-gradient(0deg, rgba(227, 227, 227, 0) 9.7%, #E3E3E3 100%);
    }
	.startup-box{
		flex-direction: column;
		align-items: center;
	}
	.startup-box .img-col{
		min-width: 240px;
		height: 240px;
	}
	.startup-box .img-col img {
		min-width: 120px;
		height: 120px;
	}
}
@media (max-width: 768px) {
	.startup-box {
		text-align: center;
		gap: 16px;
	}
	.startup-box .img-col{
		min-width: 180px;
		height: 180px;
	}
	.startup-box .img-col img {
		min-width: 80px;
		height: 80px;
	}
	.startup-box .btn{
		margin-right: auto;
	}
}

@media (max-width: 576px) {
	.services-section{
		margin: 0 0 60px;
	}
    .services-item {
        max-width: 100%;
    }

    .services-item:not(.top-left):not(.bottom-right) {
        border: 5px solid #E3E3E3 !important;
    }

    .services-item.top-left {
        border-image-source: linear-gradient(180deg, rgba(227, 227, 227, 0) 9.7%, #E3E3E3 100%) !important;
        border-width: 0px 5px 5px 5px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    }

    .services-item.bottom-right {
        border-width: 5px 5px 0px 5px;
        border-image-source: linear-gradient(0deg, rgba(227, 227, 227, 0) 9.7%, #E3E3E3 100%);
        background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    }
	.startup-box{
		padding: 32px 24px;
	}
}