<competition id="190" style="display: none;"></competition><script src="https://competition.mbc.net/forms/forms_widget/js/form-builder.js"></script>
<style>
#page {
--white-color: white;
--yellow-color: #ffeb70;
--blue-color: #0e5dae;
--blue-light: #147ed3;
--z-index-1: 1;
}

@font-face {
font-family: 'Cairo';
src: url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Regular.eot');
src: url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Regular.eot?#iefix') format('embedded-opentype'),
url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Regular.woff2') format('woff2'),
url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Regular.woff') format('woff'),
url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cairo';
src: url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Bold.eot');
src: url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Bold.eot?#iefix') format('embedded-opentype'),
url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Bold.woff2') format('woff2'),
url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Bold.woff') format('woff'),
url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Cairo';
src: url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Light.eot');
src: url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Light.eot?#iefix') format('embedded-opentype'),
url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Light.woff2') format('woff2'),
url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Light.woff') format('woff'),
url('https://family-feud-files.s3.eu-central-1.amazonaws.com/font/Cairo-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}

#page {
font-family: Cairo,serif;
background: url('https://family-feud-files.s3.eu-central-1.amazonaws.com/img/mobile/background.png') no-repeat 0 0;
background-size: cover;
direction: rtl;
}

#page button, .button {
background: var(--blue-color);
font-family: Cairo,serif;
font-size: 20px;
text-align: center;
color: var(--white-color);
border: none;
padding: 8px 25px;
cursor: pointer;
display: inline-block;
}

#page {
margin: 0 auto;
max-width: 303px;
}

#page .container {
background: var(--white-color);
position: relative;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 50px;
text-align: center;
}

#page .container:after {
content: "";
right: 0;
bottom: 0;
background: url('https://family-feud-files.s3.eu-central-1.amazonaws.com/img/mobile/ink.png') no-repeat;
background-size: cover;
position: absolute;
width: 100%;
height: 315px;
display: inline-block;
}

#page .logo {
width: 133px;
height: 80px;
display: block;
margin: 24px auto;
}

#page .title {
font-size: 26px;
font-weight: bold;
line-height: 1.54;
color: var(--blue-light);
margin-bottom: 50px;
}

#page .competition-program {
position: relative;
margin-bottom: 40px;
}

#page .competition-program > * {
z-index: var(--z-index-1);
}

#page .competition-program:after {
content: "";
right: 0;
bottom: 0;
background: url('https://family-feud-files.s3.eu-central-1.amazonaws.com/img/mobile/brusheffect_bg.png') no-repeat;
background-size: cover;
position: absolute;
width: 100%;
height: 100%;
display: inline-block;
}

#page .presenter-intro-text {
position: absolute;
top: 25px;
left: 50%;
transform: translateX(-50%);
font-size: 30px;
font-weight: bold;
line-height: 1.33;
color: var(--blue-color);
white-space: nowrap;
}

#page .presenter-intro-text:after {
content: "برنامج مسابقات"
}

#page .presenter-name-text {
position: absolute;
top: 338px;
left: 50%;
transform: translateX(-50%);
font-size: 26px;
font-weight: bold;
color: var(--blue-color);
white-space: nowrap;
}

#page img.presenter-intro-img {
position: absolute;
top: 25px;
left: 50%;
transform: translateX(-50%);
width: 260px;
height: auto;
}

#page .presenter-with-text {
position: absolute;
top: 90px;
left: 90px;
transform: rotate(-27deg);
font-size: 20px;
font-weight: bold;
color: var(--blue-color);
}

#page img.presenter-name-img {
position: absolute;
top: 345px;
width: 165px;
height: auto;
left: 50%;
transform: translateX(-50%);
}

#page .presenter-placeholder-img {
width: 100%;
margin-top: 25px;
margin-left: -10px;
}

#page .description {
font-size: 24px;
line-height: 1.5;
color: var(--blue-color);
margin-bottom: 60px;
}

#page .block-img-content:not(last-child) {
margin-bottom: 80px;
}

#page .block-img-content img {
width: 254px;
height: 256px;
display: block;
margin: 0 auto 30px;
}

#page .block-img-content .text {
font-size: 28px;
font-weight: bold;
line-height: 1.43;
color: var(--blue-color);
position: relative;
z-index: var(--z-index-1);
}

#page .btn-start-now {
color: var(--yellow-color);
font-weight: bold;
font-size: 24px;
border-radius: 8px;
width: 100%;
padding: 0;
position: relative;
z-index: var(--z-index-1);
text-decoration: none;
height: 60px;
line-height: 60px;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

#page {
background: url('https://family-feud-files.s3.eu-central-1.amazonaws.com/img/desktop/background.jpg') no-repeat 0 0;
background-size: cover;
}

#page .header2 {
direction: rtl;
text-align: right;
}

#page .block-img-content-wrap {
direction: rtl;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#page .block-img-content {
width: 33%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}

#page .container:after {
content: "";
left: 0;
bottom: 0;
background: url('https://family-feud-files.s3.eu-central-1.amazonaws.com/img/desktop/inkbottom_bg.png') no-repeat bottom left;
background-size: cover;
position: absolute;
width: 100%;
height: 530px;
display: inline-block;
}

#page img.presenter-intro-img {
top: calc(102 * 100% / 1093.88);
width: calc(630 * 1vw / 14);
}

#page .competition-program {
position: relative;
margin-bottom: -60px;
}

#page .description {
font-weight: bold;
text-align: justify;
padding: 0 40px;
}

#page .competition-program:after {
content: "";
background: url('https://family-feud-files.s3.eu-central-1.amazonaws.com/img/desktop/brusheffectontop.png') no-repeat;
}

#page .presenter-with-text {
top: 22%;
left: 40.5%;
font-size: calc(40 * 1vw / 14.4);
}

#page .presenter-placeholder-img {
width: 100%;
margin-top: -5px;
margin-left: -10px;
}

#page .presenter-intro-text {
font-size: calc(60 * 1vw / 14.4);
top: 10.2%
}

#page .presenter-intro-text:after {
content: "برنامج مسابقات ترفيهي";
}

#page .presenter-name-text {
top: calc(750 * 100% / 1093.88);
font-size: calc(50 * 1vw / 14.4);
}

#page .logo {
display: inline-block;
margin: 17px 0 19px;
}

#page .top-right-main-button {
font-weight: 300;
margin-right: 44px;
width: 110px;
height: 37px;
}

#page img.presenter-name-img {
position: absolute;
top: calc(752 * 100% / 1093.88);
width: calc(377 * 1vw / 14.3906);
height: auto;
}

#page .title {
font-size: 34px;
max-width: 638px;
margin: 0 auto 50px;
}

#page {
max-width: 1110px;
padding-left: 10px;
padding-right: 10px;
}

#page .block-img-content img {
width: 188px;
height: 190px;
}

#page .block-img-content .text {
font-size: 24px;
line-height: 1.67;
}

#page .top-right-main-button {
display: inline-block !important;
}

#page .btn-start-now {
max-width: 284px;
}
}

/* Extra large devices (large laptops and desktops, 1440px and up) */
@media only screen and (min-width: 1440px) {
#page .presenter-intro-text {
font-size: 60px;
}

#page img.presenter-intro-img {
top: 102px;
width: 637px;
}

#page .presenter-with-text {
top: 240px;
left: 440px;
font-size: 40px;
}

#page .presenter-name-text {
top: 750px;
font-size: 50px;
}

#page img.presenter-name-img {
top: 752px;
width: 377px;
}
}
</style>
<div id="page">
<div class="header2">
<img class="logo" src="https://family-feud-files.s3.eu-central-1.amazonaws.com/img/desktop/logo.png" alt="Family Feud"/>
</div>
<div class="container">
<div class="competition-program">
<img class="presenter-intro-img" src="https://family-feud-files.s3.eu-central-1.amazonaws.com/img/desktop/ShowTitle_bgShape.png" alt="Show title">
<div class="presenter-intro-text"></div>
<div class="presenter-with-text">مع</div>

<!-- <img class="presenter-placeholder-img" src="https://family-feud-files.s3.eu-central-1.amazonaws.com/img/mobile/presenterPlaceholder.png" alt="Presenter placeholder"/>-->
<picture>
<source srcset="https://family-feud-files.s3.eu-central-1.amazonaws.com/img/desktop/presenterPlaceholder.png" media="(min-width: 600px)"/>
<img class="presenter-placeholder-img" src="https://family-feud-files.s3.eu-central-1.amazonaws.com/img/mobile/presenterPlaceholder.png" alt="Presenter placeholder"/>
</picture>

<picture>
<source
srcset="https://family-feud-files.s3.eu-central-1.amazonaws.com/img/desktop/PresenterName_bgShape.png"
media="(min-width: 600px)"
/>
<img
class="presenter-name-img"
src="https://family-feud-files.s3.eu-central-1.amazonaws.com/img/mobile/PresenterName_bgShape.png"
alt="Presenter name"
/>
</picture>
<div class="presenter-name-text">داوود الشريان</div>
</div>
<div class="title">
تدور فكرته حول
منافسة بين عائلتين
تتكون كل منها
من 4 - 5 أفراد
</div>
<div class="description">
تتواجه العائلتين من خلال الإجابة على أسئلة عديدة تتعلق بالحياة اليومية، العملية والاجتماعية.
الأسئلة قد تكون سهلة ولكن للحصول على نقاط، الإجابات عليها أن تتطابق مع نتيجة استطلاعات للرأي العام تم اعدادها خصيصاً لهذا البرنامج حيث طرحت على 100 شخص من قبل فريق مختص.
</div>

<div class="block-img-content-wrap">
<div class="block-img-content">
<img src="https://family-feud-files.s3.eu-central-1.amazonaws.com/img/mobile/01.png" alt="العائلة التى تجمع
أكبر عدد نقاط تفوز"/>
<div class="text">العائلة التى تجمع
أكبر عدد نقاط تفوز</div>
</div>

<div class="block-img-content">
<img src="https://family-feud-files.s3.eu-central-1.amazonaws.com/img/mobile/02.png" alt="يجب على
المشتركين أن يكونوا ما فوق 16 سنة"/>
<div class="text">يجب على
المشتركين أن يكونوا ما فوق 16 سنة</div>
</div>

<div class="block-img-content">
<img src="https://family-feud-files.s3.eu-central-1.amazonaws.com/img/mobile/03.png" alt="يجب وجود فرد واحد
على الأقل من العائلة
ما فوق 18سنة"/>
<div class="text">يجب وجود فرد واحد
على الأقل من العائلة
ما فوق 18سنة</div>
</div>

<div class="block-img-content">
<img src="https://family-feud-files.s3.eu-central-1.amazonaws.com/img/mobile/04.png" alt="يجب على أفراد
العائلة أن يكونوا متقاربين وعلى
معرفة جيدة ببعض"/>
<span class="text">يجب على أفراد
العائلة أن يكونوا متقاربين وعلى
معرفة جيدة ببعض
</span>
</div>

<div class="block-img-content">
<img src="https://family-feud-files.s3.eu-central-1.amazonaws.com/img/mobile/05.png" alt="لا يوجد عدد محدد
للأفراد التى يمكنها المشاركة، ولكن سيتم اختيار افضل المتقدمين من العائلة"/>
<div class="text">لا يوجد عدد محدد
للأفراد التى يمكنها المشاركة، ولكن سيتم اختيار افضل المتقدمين من العائلة</div>
</div>
</div>

<a href="#" onclick='$(".compeition-container-footer a").trigger("click");' class="button btn-start-now">ابدأ الآن</a>
</div>
</div>