Manchester City stars send Saudi National Day message to fans in the Kingdom

DUBAI: One of the English Premier League’s top clubs, Manchester City, has congratulated the Kingdom of ��������Ƶ on the occasion of its 91st National Day. Two of the club’s 2020/2021 title-winning stars, Portuguese midfielder Bernardo Silva and defender Joao Cancelo, wished ��������Ƶ a happy ‘National Day’ in a video posted on the Abu Dhabi-owned club’s Arabic Twitter channel.

تهنئة خاصة من نجمي مانشستر سيتي بيرناردو سيلفا @BernardoCSilva وكانسيلو للجميع في المملكة العربية السعودية بمناسبة #اليوم_الوطني_السعودي

#السيتي pic.twitter.com/OjlqtQUuGO

— مانشستر سيتي (@Cityarabia) September 23, 2021 “We wish a Happy National Day to all in ��������Ƶ,” Silva said. “Happy National Day to all in ��������Ƶ,” fellow countryman Cancelo said in the 19-second video. The video has received nearly 50,000 views since it was posted on the @CityArabia account, which has more than 5 million followers.

مانشستر سيتي يُهنئ الشعب السعودي الكريم بمُناسبة اليوم الوطني السعودي pic.twitter.com/dsv1BVq8Ny

— E P L W O R L D (@EPLworld) September 23, 2021 Meanwhile, the same video was also tweeted on the English Premier League’s Arabic twitter account (@EPLWorld), and has attracted more than 63,000 views.

<img alt= class=sh-embed-img src=data:image/jpeg;base64,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 /> Diriyah, past, present and future On ��������Ƶ’s 91st National Day, the birthplace of the Kingdom continues to make history Enter keywords .sh_embed { position: relative; height: auto; width:100%; z-index: 0; overflow: hidden; background-color: #222; color: white; font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .sh_embed * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sh_embed .sh-embed-bg { position: absolute; width: 110%; height: 110%; top: -5%; left: -5%; z-index: -1; background-color: rgba(0,0,0,.8); } .sh_embed #embed_article { display: none; } .sh_embed .sh-embed-img { display: block; zoom: 1; opacity: .5; width: 100%; height: 100%; object-fit: cover; image-rendering: optimizeSpeed; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'); -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); filter: progid:DXImageTransform.Microsoft.Blur(pixelamount=5); } .sh_embed .sh-embed-meta { width: 100%; padding: 70px 30px 80px; text-align: center; } @media (max-width: 755px) { .sh_embed .sh-embed-meta { padding: 50px 24px 60px; } } .sh_embed .sh-embed-meta .sh-embed-title, .sh_embed .sh-embed-meta .sh-embed-subtitle, .sh_embed .sh-embed-meta .sh-embed-btn { margin: 0; padding: 0; opacity: 1; font-style: normal; } .sh_embed .sh-embed-meta .sh-embed-title { margin: 0; opacity: 1; color: white; line-height: 1.1; font-size: 50px; font-weight: bold; } @media (max-height: 820px), (max-width: 1100px) { .sh_embed .sh-embed-meta .sh-embed-title { font-size: 40px; } } @media (max-height: 720px), (max-width: 755px) { .sh_embed .sh-embed-meta .sh-embed-title { font-size: 28px; } } .sh_embed .sh-embed-meta .sh-embed-subtitle { max-width: 600px; margin: 10px auto; opacity: 1; color: white; line-height: 1.4; font-size: 18px; font-style: normal; font-weight: normal; } @media (max-height: 820px), (max-width: 1100px) { .sh_embed .sh-embed-meta .sh-embed-subtitle { font-size: 16px; } } @media (max-height: 720px), (max-width: 755px) { .sh_embed .sh-embed-meta .sh-embed-subtitle { font-size: 14px; } } .sh_embed .sh-embed-meta .sh-embed-btn { display: block; width: 160px; margin: 20px auto 0; padding: 10px; border-radius: 2px; background: #ffffff; background: rgba(255, 255, 255, 0.9); color: #000; line-height: 1; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center; } .sh_embed .sh-embed-meta .sh-embed-btn:hover { border: none; background: #fff; text-decoration: none; } @media (max-height: 720px), (max-width: 755px) { .sh_embed .sh-embed-meta .sh-embed-btn { font-size: 14px; width: 120px; padding: 8px; } } .sh_embed iframe { display: block; padding: 0; border: 0; background-color: #222; } .sh_embed .sh-embed-close { display: flex; align-items: center; justify-content: center; position: fixed; z-index: 99999; bottom: 25px; right: 25px; width: 86px; height: 35px; padding: 5px 10px 5px 8px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; text-decoration: none; line-height: 1; font-size: 12px; font-weight: bold; text-transform: uppercase; font-family: sans-serif; cursor: pointer; } .sh_embed .sh-embed-close span { display: inline-block; margin-right: 5px; font-size: 18px; font-weight: normal; vertical-align: middle; color: #fff; } .sh_embed .sh-embed-close:hover, .sh_embed .sh-embed-close:active { border: none; background-color: rgba(0, 0, 0, 0.8); } (function($) { function loadStory(event) { if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { return true; } var storyURL = $(this).attr('href'); var storyProtocol = storyURL.split('/')[0]; var pageProtocol = window.location.href.split('/')[0]; if (pageProtocol === 'https:' && storyProtocol === 'http:') { return true; } event.preventDefault(); var $window = $(window); var $body = $('body'); var $iframe = $(' '); $iframe.prop('src',storyURL); var $placeholder = $( ); var $el = $(this).closest('[data-sh-embed]'); var $close = $(' ✖ Close '); var position = {origin: $el.offset(), width:$el.width(), height: $el.height()}; $close.on('click', closeStory); $body.css({overflow:'hidden'}); $placeholder.css({width:$el.css('height'), display:'block'}); $placeholder.insertBefore($el); $body.append($el); $el.css({zIndex:99999}); $el.addClass('selected-embed'); $el.data('position',position); $el.find('.sh-embed-meta').fadeOut('fast'); $el.append($iframe); //Set the embed box to be absolutely positioned $el.css({ position:'absolute', top:position.origin.top, left:0, height:position.height }); //Animate to full screen $el.animate({ top:$window.scrollTop(), left:0, height:$window.height(), zIndex:99999 }, 500, function() { $iframe.css({visibility:'visible'}); $iframe.fadeIn(); $el.append($close).fadeIn(); }); var agent = navigator.userAgent; var isDesktopSafari = /Safari/i.test(agent) && !/Chrome/i.test(agent); // Fix locked scroll on Safari. Issue: #3587 & #3840 if (isDesktopSafari) { setTimeout(function () { $el.css({overflow: 'scroll'}); }, 600); } $window.on('resize.iframe', function () { $el.height($window.height()); if (isDesktopSafari && $el.css('overflow') !== 'hidden') { // On Safari, the launched story requires the container to be set to // overflow: scroll. As soon as this container is resized, the // inner scroll becomes active, so this attribute on the container // is removed. $el.css({overflow: 'hidden'}); } }); } function closeStory(event) { event.preventDefault(); var $window = $(window); var $el = $('div.selected-embed'); var originalPosition = $el.data('position'); var $close = $el.find('.sh-embed-close'); var $iframe = $el.find('iframe'); $el.removeClass('selected-embed'); $iframe.fadeOut('fast'); $close.fadeOut('fast'); //Set the now relative positioned area to where it would be if it was absolutely positioned $el.css({ zIndex:0, height:'auto', width:'100%' }); //Animate down to the small size that it was originally $el.animate({ height:'auto' }, 500, function() { $('body').css({overflow:'auto'}); $iframe.remove(); $close.remove(); $el.find('.sh-embed-meta').fadeIn(); var $placeholder = $(#sh_placeholder); $el.insertAfter($placeholder); $placeholder.remove(); $el.css({position:'relative','top':'auto','left':'auto'}); }); //Stop watching for browser height changes $window.off(resize.iframe); } if (window.jQuery) { $('.sh-embed-btn[data-embed-untouched]').each(function() { $(this).removeAttr('data-embed-untouched'); $(this).on('click', loadStory); }); } })(window.jQuery);

��Ƶ