.cib-wrap {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}
.cib-track {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    max-width: 1400px;
    margin: 0px auto;
}
.cib-item {
    padding: 25px 20px;
    border-right: 1px solid #e2e8f0;
    text-align: center;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.cib-item:last-child {
    border-right: 0;
}
.cib-icon {
    font-size: 32px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cib-item-info {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}
.cib-title {
    font-weight: 800;
    font-size: 15px;
    color: #0f172a;
    text-transform: uppercase;
    text-align: left;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}
.cib-desc {
    font-size: 13px;
    color: #64748b;
    font-weight: 500;
    text-align: left;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

@media (min-width:1025px) and (max-width:1200px){
	.cib-icon {
		font-size: 30px;
		width: 40px;
		height: 40px;
	}	
	.cib-item {
		padding: 20px 15px;
		gap: 10px;
	}
	.cib-title {
		font-size: 14px;
	}	
	
	
}



@media(max-width:1024px){
	.cib-track {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-bottom: 10px;
		background: #f8fafc;
	}
	.cib-item {
		min-width: 50vw;
		scroll-snap-align: start;
		border-right: 1px solid #ddd;
		padding: 20px;
	}

	
}

@media(max-width:767px){
	.cib-item {
		min-width: 85vw;
	}
		
}