.medias-block {
	border-radius: 2px;
	background: #FFF;
	box-shadow: 0 20px 80px 0 rgba(9, 26, 84, 0.08);
	padding: 64px;
}

.medias-block.creditoconsolidado {
	background-color: transparent;
	box-shadow: unset;
	padding: 24px;
	padding-left: 0;
	padding-right: 0;
}

.medias-block .block_heading {
	display: flex;
	justify-content: space-between;
}

.medias-block .block_title h2 {
	font-size: 44px;
	font-style: normal;
	font-weight: 500;
	line-height: 56px;
	margin-bottom: 24px;
}

@media (max-width: 767px) {
	.medias-block .block_title h2 {
		max-width: 343px;
	}
}

.medias-block.creditoconsolidado .block_title h2 {
	font-weight: 900;
}

.medias-block.instacredito .block_title h2 {
	color: #1D3893;
	font-family: 'Archivo', sans-serif;
	letter-spacing: -0.611px;
}

.medias-block.creditopessoal .block_title h2 {
	color: #0B1B34;
	font-family: 'Urbanist', sans-serif;
	letter-spacing: -0.611px;
}

@media (max-width: 1250px) {
	.medias-block .block_title h2 {
		font-size: 36px;
		line-height: 50px;
	}
}

@media (max-width: 992px) {
	.medias-block .block_title h2 {
		font-size: 26px;
	}
}

@media (max-width: 768px) {
	.medias-block .block_title h2 {
		font-size: 24px;
		line-height: 28px;
		text-align: left;
	}
}

/* The slider below is deliberately wider than its container and pulled left, so its
 * cards can breathe outside the column. Nothing was containing that bleed, so the
 * document itself grew with it and the whole page could be dragged sideways — ~30px
 * at 1024, ~7px at 1250.
 *
 * `clip`, not `hidden`: the slider also overhangs VERTICALLY (margin -50px/-150px),
 * and `overflow-x: hidden` forces the other axis to compute to `auto`, which turned
 * this section into a scroll container you could scroll 126px inside. `clip` cuts
 * without that. Browsers too old to know it (pre-Chrome 90 / Safari 16) drop the
 * declaration and simply behave as they do today. */
.medias-block {
	overflow-x: clip;
}

.medias-block .media_blocks__slider {
	margin-left: -12px;
	width: calc(100% + 24px);
}
.medias-block.creditoconsolidado .media_blocks__slider {
	width: calc(100% + 160px);
	overflow: hidden;
	padding: 65px 72px 130px;
	margin: -50px 0 -150px -83px;
}
.medias-block.creditoconsolidado .media_blocks__slider .slick-list {
	overflow: visible;
}
.medias-block .media_blocks__slider .slick-slide {
	opacity: 0;
}
.medias-block .media_blocks__slider .slick-slide.slick-active {
	opacity: 1;
}

.medias-block .media_blocks__slider .slick-slide {
	padding: 0 12px;
}

.medias-block .media_item {
	border-radius: 8px;
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	flex: 1 0 0;
	align-self: stretch;
}

.medias-block.instacredito .media_item {
	background: #F8F9FF;
}

.medias-block.creditoconsolidado .media_item {
	border-radius: 24px;
	background: #FFF;
	box-shadow: 0 40px 110px 0 rgba(42, 51, 83, 0.08);
	padding: 22px;
}

.medias-block .media_item .item_heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	height: 60px;
	margin-bottom: 8px;
}

.medias-block .media_item .item_heading .mb_quote {
	display: none;
}

.medias-block.creditoconsolidado .media_item .item_heading .mb_quote {
	display: block;
}

.medias-block .media_item .item_heading img {
	height: 50px;
	object-fit: contain;
	object-position: left;
	width: 90%;
	padding: 8px 0;
}

.medias-block .media_item .media_description {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	height: 190px;
}

@media (max-width: 1250px) {
	.medias-block .media_item .media_description {
		height: 120px !important;
	}
}

@media (max-width: 769px) {
	.medias-block .media_item .media_description {
		height: 150px !important;
	}

	.medias-block.creditoconsolidado .media_item .media_description,
	.medias-block.instacredito .media_item .media_description
	{
		height: 110px !important;
	}

	.medias-block.creditoconsolidado .media_blocks__slider {
		margin: -50px 0 -100px -83px;
	}

	.medias-block.instacredito {
		padding: 64px 64px 120px;
	}

	.medias-block.creditoconsolidado {
		overflow: hidden;
	}

	.medias-block.creditoconsolidado .media_item {
		box-shadow: 0 5px 10px 0 rgba(42, 51, 83, 0.08);
	}
}

.medias-block.instacredito .media_item .media_description {
	color: #52608F;
	font-family: 'Archivo', sans-serif;
}

.medias-block.creditopessoal .media_item .media_description {
	color: #0B1B34;
	font-family: 'Archivo', sans-serif;
}

.medias-block.creditoconsolidado .media_item .media_description {
	color: #2E3192;
	font-family: 'Epilogue', sans-serif;
	font-size: 15px;
	height: 220px;
	letter-spacing: -0.5px;
}

.media_blocks__controls {
	display: flex;
	gap: 16px;
}

@media (max-width: 769px) {
	.media_blocks__controls {
		position: absolute;
		margin-top: 315px;
		left: calc(50vw - 58px);
		z-index: 5;
	}

	.medias-block.creditoconsolidado .media_blocks__controls,
	.medias-block.instacredito .media_blocks__controls {
		margin-top: 320px;
	}

	.medias-block.has-subtitle .media_blocks__controls {
		margin-top: 305px;
	}

	.medias-block.creditoconsolidado.has-subtitle .media_blocks__controls,
	.medias-block.instacredito.has-subtitle .media_blocks__controls {
		margin-top: 355px;
	}
}

@media (max-width: 550px) {
	.medias-block .media_item .media_description {
		height: 180px !important;
	}
	.medias-block.creditoconsolidado .media_blocks__controls {
		margin-top: 375px;
	}
	.medias-block.instacredito .media_blocks__controls {
		margin-top: 355px;
	}
	.medias-block.has-subtitle .media_blocks__controls {
		margin-top: 365px;
	}
	.medias-block.creditoconsolidado.has-subtitle .media_blocks__controls,
	.medias-block.instacredito.has-subtitle .media_blocks__controls {
		margin-top: 420px;
	}
}

.media_blocks__controls button {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding: 12px 20px 12px 12px;
	border: 1px solid #D9DCE6;
}

.medias-block.instacredito .media_blocks__controls button {
	color: #00ACF4;
}

.medias-block.creditopessoal .media_blocks__controls button {
	color: #F88125;
	border-radius: 8px;
	box-shadow: 0px 1px 2px 0px rgba(51, 63, 68, 0.16);
	border: unset;
}

.medias-block.creditoconsolidado .media_blocks__controls button {
	border-radius: 12px;
	color: #28C66E;
	border: 2px solid #28C66E;
	background: rgba(255, 255, 255, 0.00);
	padding: 12px 20px 12px 6px;
}

.media_blocks__controls .media_blocks_next {
	rotate: 180deg;
	box-shadow: 0px -1px 2px 0px rgba(51, 63, 68, 0.16) !important;
}