.stampli-erp-grid {
    font-family: 'Aeonik', 'Inter', sans-serif;
    color:#1e3c74;
	width: 1248px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	margin:auto;
}

.stampli-erp-grid__header {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:24px;
    margin-bottom:30px
}

.stampli-erp-grid__heading {
    font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 42px; /* 105% */
	letter-spacing: -0.5px;
    max-width:750px;
    margin:0;
    color:inherit;
	font-family: 'Aeonik', 'Inter', sans-serif;
}

.stampli-erp-grid__header-image {
    flex:0 0 72px;
    max-width:72px
}

.stampli-erp-grid__header-image img {
    display:block;
    width:100%;
    height:auto
}

.stampli-erp-grid__items {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px
}

.stampli-erp-grid__item {
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    min-height:86px;
    padding:14px 12px;
    background:#fff;
    border:1px solid #dceafa;
    border-radius:9px;
    color:#1e3c74;
    text-decoration:none;
    transition:border-color .2s,box-shadow .2s
}

.stampli-erp-grid__item:hover,.stampli-erp-grid__item:focus-visible {
    border-color:#008cf5;
    box-shadow:0 2px 8px rgba(30,60,116,.08);
    color:#1e3c74;
    text-decoration:none
}

.stampli-erp-grid__logo {
    flex:0 0 48px;
    width:48px;
    display:flex;
    align-items:center;
    justify-content:center
}

.stampli-erp-grid__logo img {
    display:block;
    max-width:100%;
    max-height:48px;
    width:auto;
    height:auto;
    object-fit:contain
}

.stampli-erp-grid__details {
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px
}

.stampli-erp-grid__name {
    font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; 
}

.stampli-erp-grid__description {
    font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; 
}

.stampli-erp-grid__footer {
    display:flex;
    justify-content:center;
    margin-top:30px
}

.stampli-erp-grid__button {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-height:40px;
    padding:12px 24px;
	border-radius: 6px;
	border: 1px solid var(--Web-UI-Blue-grey-light, #B4CBE1);
	background: var(--Brand-Pallette-White, #FFF);
    color:#1e3c74;
    font-size:16px;
    font-weight:500;
	line-height: 24px;
    text-decoration:none;
	gap: 12px;
}

.stampli-erp-grid__button:hover,.stampli-erp-grid__button:focus-visible {
    border-color:#008cf5;
    color:#1e3c74;
    text-decoration:none
}

@media(max-width:1024px) {
    .stampli-erp-grid__items {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .stampli-erp-grid__heading {
        font-size: 32px;
		font-style: normal;
		font-weight: 500;
		line-height: 33px; /* 103.125% */
		letter-spacing: -0.5px;
    }
	
	.stampli-erp-grid {
		width: 704px;
		flex-direction: column;
		align-items: flex-start;
		gap: 48px;
	}
	
	.stampli-erp-grid__name {
		font-size:16px;
		line-height: 24px;
	}
}

@media(max-width:767px) {
    .stampli-erp-grid {
        padding:24px 16px;
		max-width: 343px;
    }
    .stampli-erp-grid__header {
        gap:12px
    }
    .stampli-erp-grid__heading {
        font-size:24px;
		line-height: 28px;
    }
    .stampli-erp-grid__header-image {
        flex-basis:48px;
        max-width:48px
    }
    .stampli-erp-grid__items {
        grid-template-columns:1fr
    }
    .stampli-erp-grid__item {
        min-height:72px
    }
	.stampli-erp-grid__name {
        font-size: 14px;
        line-height: 20px;
    }
	
    .stampli-erp-grid__footer {
        margin-top:24px
    }
}