@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

h1.fc-page-title { max-width: 1440px; margin: auto; font-family: 'Inter', sans-serif; color: #000;}

.pmpromos-row { display: flex; flex-direction: column; gap: 32px; padding: 32px 0; }
.pmpromos-box { border-radius: 8px; box-shadow: 0 2px 10px -6px rgba(39, 33, 56, 0.8), 0 0 1px rgba(39, 33, 56, 0.4); padding: 24px; display: flex; flex-direction: column; gap: 16px; max-width: 500px; margin: auto; background-color: #efefef; }
.pmpromos-box .image-column { text-align: center; }
.pmpromos-box .image-column a { cursor: pointer; }
.pmpromos-box .image-column img { margin: auto; border-radius: 8px; width: 100%; height: auto; object-fit: cover; border: 1px solid #ccc; }

.pmpromos-box .info-wrapper { display: flex; flex-direction: column; gap: 8px; width: 100%; margin: auto; }
.pmpromos-box .promo-title a { text-decoration: none; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 20px; line-height: 130% !important; transition: all 130ms ease-in-out;     line-height: 100%; }
.promo-expiredate { font-family: 'Inter', sans-serif; font-weight: 600; color: #818181; font-size: 16px; }
.pmpromos-box .promo-ctas { display: flex; flex-direction: column; gap: 8px; justify-content: space-between; }
.pmpromos-box .promo-ctas a { text-decoration: none !important; background-color: #058ece; border-radius: 8px; display: flex; gap: 4px; align-items: center; justify-content: center; width: 100%; padding: 12px 12px; transition: all 130ms ease-in-out; text-align: center; }
.pmpromos-box .promo-ctas a.detailscta { background-color: #006798; cursor: pointer; }
.pmpromos-box .promo-ctas a:hover { transform: translateY(-2px) !important; }
.pmpromos-box .promo-ctas a i { color: #ffffff; font-size: 16px; }
.pmpromos-box .promo-ctas a span { font-family: 'Inter', sans-serif; color: #ffffff; font-weight: 600; line-height: 100%; font-size: 14px; }


.pmpromo-modal .modal-header { font-family: 'Inter', sans-serif; }
.pmpromo-modal p,
.pmpromo-modal span { font-family: 'Inter', sans-serif !important; }
.pmpromo-modal .modal-footer button { border: 0px !important; background-color: #dedede; font-family: 'Inter', sans-serif; font-weight: bold; transition: all 130ms ease-in-out; }
.pmpromo-modal .modal-footer button:hover { transform: translateY(-2px) !important; }
.pmpromo-modalimage {  }
.pmpromo-modalimage img { border-radius: 8px; margin-top: 16px; margin-bottom: 24px; border: 1px solid #ccc; max-width: 100%; }
.pmpromo-modalexpiredate { font-family: 'Inter', sans-serif; font-weight: 600; color: #818181; font-size: 16px; margin-bottom: 24px; }

.pmnopromo .message { font-family: 'Inter', sans-serif; font-size: 22px; color: #333333; }
.pmnopromo .nopromoctas { display: flex; gap: 16px; margin-top: 16px; }
.pmnopromo .nopromocta-item a { text-decoration: none !important; background-color: #058ece; border-radius: 8px; display: flex; gap: 4px; align-items: center; justify-content: center; width: 100%; padding: 12px 12px; transition: all 130ms ease-in-out; text-align: center; color: #ffffff !important; }
.pmnopromo .nopromocta-item a:hover { transform: translateY(-2px) !important; }

@media only screen and (min-width: 768px) {
	.pmpromos-box { max-width: 550px; }
	.pmpromos-box .promo-ctas { flex-direction: row; }
}

@media only screen and (min-width: 992px) {
	.pmpromos-box { max-width: 850px; flex-direction: row; align-items: center; }

	.pmpromos-box .image-column { width: 33.33333333%; }
	.pmpromos-box .info-column { flex: 1; }
}

@media only screen and (min-width: 1200px) {
	.pmpromos-box { max-width: 1440px; gap: 32px; }
	.pmpromos-box .promo-ctas { max-width: 700px; }
}