.bpm-posts {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.bpm-posts .bpm-grid {
  background: #FFF;
  width: calc(100% / 3 - 14px);
  border: 1px solid rgba(0, 0, 0, .1);
  padding: 15px;
  border-radius: 10px;
}

.bpm-posts .bpm-grid .bpm-thumb {
  width: 100%;
}

.bpm-posts .bpm-grid .bpm-thumb a {
  width: 100%;
  display: block;
}

.bpm-posts .bpm-grid .bpm-thumb a img {
  width: 100%;
  border-radius: 10px;
}

.bpm-posts .bpm-grid h3,
.bpm-posts .bpm-grid h3 a {
    font-family: var(--e-global-typography-88ef083-font-family), "Roboto", Sans-serif;
    font-size: var(--e-global-typography-88ef083-font-size);
    font-weight: var(--e-global-typography-88ef083-font-weight);
    line-height: var(--e-global-typography-88ef083-line-height);
    margin: 0 0 12px;
    color: #000;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.bpm-posts .bpm-grid h3 a {
  margin-bottom: 0;
}

.bpm-posts .bpm-grid p {
    font-family: var(--e-global-typography-text-font-family), "Roboto", Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.bpm-posts .bpm-grid .bpm-read-more {
    background-color: var(--e-global-color-9d2eaf2);
    font-family: var(--e-global-typography-accent-font-family), "Roboto", Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    fill: var(--e-global-color-ccabf1c);
    color: var(--e-global-color-ccabf1c);
    transition-duration: 0.3s;
    border-radius: 8px 8px 8px 8px;
    padding: 13px 26px 13px 26px;
    display: inline-block;
}

.bpm-posts .bpm-grid .bpm-read-more:hover {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
}

.bpm-pagination {
    width: 100%;
    margin-top: 40px;
}

.bpm-pagination .page-numbers {
    display: flex;
    width: 100%;
    list-style: none;
    padding: 0;
    align-items: center;
    justify-content: center;
}

.bpm-pagination .page-numbers li {
    /* font-family: var(--e-global-typography-text-font-family), "Roboto", Sans-serif;
    font-size: var(--e-global-typography-c3c77d2-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
    background: transparent;
    padding: 4px 12px;
    border: 1px solid rgba(0, 0, 0, .1); */
}

.bpm-pagination .page-numbers li .page-numbers {
    font-family: var(--e-global-typography-text-font-family), "Roboto", Sans-serif;
    font-size: var(--e-global-typography-c3c77d2-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
    background: transparent;
    padding: 4px 12px;
    border: 1px solid rgba(0, 0, 0, .1);
}

.bpm-pagination .page-numbers li .page-numbers.current {
  background: var(--e-global-color-9d2eaf2);
  border-color: var(--e-global-color-9d2eaf2);
  color: #FFF;
}

@media only screen and (max-width: 1366px) {
	
	.bpm-posts .bpm-grid {
		width: calc(100% / 2 - 10px);
	}
	
}


@media only screen and (max-width: 1024px) {
	
	.bpm-posts .bpm-grid {
		width: calc(100% / 2 - 10px);
	}
	
	.bpm-posts .bpm-grid .bpm-read-more {
		padding: 11px 25px 11px 25px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.bpm-posts .bpm-grid {
		width: calc(100% / 1 - 0px);
	}
	
	.fbp-item-content .fbp-btn {
		font-size: var(--e-global-typography-accent-font-size);
		padding: 9px 23px 9px 23px;
	}
	
	.bpm-posts .bpm-grid .bpm-read-more {
		padding: 9px 23px 9px 23px;
	}
	
}