.paid-ad-hero-block { position: relative; display: flex; flex-wrap: wrap;  align-items: center; height: calc(100vh - 100px); min-height: 620px;}
.paid-ad-hero-block .container { z-index: 1;position: relative; }
.paid-ad-hero-block .gradient:before { content: ""; position: absolute; bottom: 0; height: 100%; width: 100%; z-index: 0; background: linear-gradient(90deg, rgba(44, 55, 73, 0.85) 5.17%, rgba(44, 55, 73, 0.00) 59.66%);}
.paid-ad-hero-block .gradient { width: 100%;height: 100%;position: absolute;top: 0; background-color: rgba(44, 55, 73, .15);}
.paid-ad-hero-block .gradient:after { content: ""; position: absolute; top: 0; height: 100%; width: 100%; z-index: 0; background: linear-gradient(180deg, rgba(44, 55, 73, 0.75) 0%, rgba(44, 55, 73, 0.00) 100%);}
.paid-ad-hero-block  .afc-button {margin: 0; }
.paid-ad-hero-block h3.universal-h3 { margin-bottom: 27px; font-weight: 600 !important;}
.video-bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.video-bg video {position: absolute;width: 100%;height: 100%;left: 0;object-fit: cover;top: 0; }
.ad-hero-heading h1 { margin: 0 0 28px 0; }
.video-bg video::-webkit-media-controls { display: none !important; -webkit-appearance: none; }
.video-bg video::-moz-media-controls { display: none !important; }
.video-bg video { outline: none !important; }
.mobile-bg { display: none; }
.ad-hero-heading .afc-button.universal-button { padding: 16px 32px; margin: 0;max-width: 170px;width: 100%;font-size: 15px;letter-spacing: 0.6px; line-height: 10.8px; border: 1px solid transparent; background-color: #8fdb43; border-color: #8fdb43; color: #000; }
.ad-hero-heading .afc-button.universal-button:hover { background-color: #000 !important; border-color: #000; color: #8FDB43 !important; }


@media only screen and (max-width: 1440px) {
    .paid-ad-hero-block { position: relative; }
}
@media only screen and (max-width: 1280px) {
    .paid-ad-hero-block h1.universal-h1 { font-size: 74px; line-height: 74px; }
}
@media only screen and (max-width: 1199px) {
	.paid-ad-hero-block h1.universal-h1 { font-size: 54px; line-height: 54px; margin: 0 0 20px 0; }
	.paid-ad-hero-block h3.universal-h3 { font-size: 24px; line-height: 36px; margin-bottom: 30px; }
}
@media only screen and (max-width: 1024px) {
    .paid-ad-hero-block h1.universal-h1 { font-size: 50px; line-height: 50px; }
}
@media only screen and (max-width: 991px) {
	.paid-ad-hero-block h1.universal-h1 { font-size: 48px; line-height: 48px; margin: 0 0 29px 0; }
}
@media only screen and (max-width: 767px) {
	.mobile-bg { display: block; position: absolute; left: 0;top: 0;width: 100%;height: 100%; }
	.mobile-bg img { width: 100%;height: 100%; object-fit: cover; }
	.paid-ad-hero-block .gradient:before, .paid-ad-hero-block .gradient:after { display: none; } 
	.paid-ad-hero-block .gradient { background: rgba(44, 55, 73, 0.87); }
	.video-bg { display: none; }
	.paid-ad-hero-block { padding: 40px 0 54px; }
	.ad-hero-heading { text-align: center; max-width: 308px; margin: 0 auto; width: 100%; }
	.paid-ad-hero-block h3.universal-h3 { max-width: 232px; margin: 0 auto 27px; width: 100%; }
	.paid-ad-hero-block { min-height: 425px;}
}