/*! CSS Used from: https://components.alarab.com/wassets/css/remixicon.css */
[class^="ri-"]{font-family:'remixicon'!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ri-play-circle-line:before{content:"\f009";}
.ri-play-circle-line:before{content:"\F009";}
/*! CSS Used from: https://components.alarab.com/wassets/css/main.css */
*{box-sizing:border-box;}
img[data-src]{opacity:0;}
a{text-decoration:none;}
:focus{outline:0;}
.sectionHoties{display:flex;flex-direction:column;margin:0 0 5px;padding:0;position:relative;width:100%;}
.play_icon_2022{bottom:13px;color:#fff;font-size:50px;left:15px;line-height:50px;position:absolute;text-shadow:-1px 1px 8px #00000040;}
.img{background-color:#dbdade;height:100%;width:100%;}
.section{display:flex;flex-direction:column;margin:0 0 15px;padding:0;position:relative;width:100%;}
a{-webkit-font-smoothing:antialiased;}
.flexing,.main_Arti{flex-direction:column;}
.paid,.timingInfo{font-family:system-ui;}
.main_Arti .mImg{display:block;position:relative;width:100%;}
.main_Arti{display:flex;margin-bottom:8px;margin-top:0;position:relative;width:50%;}
.timingInfo{color:rgba(0,0,0,.67);color:var(--color-gray);display:flex;flex-direction:row;font-size:13px;font-weight:400;margin-top:5px;}
.main_Arti .mImg{height:280px;}
.main_Arti .img{box-shadow:0 1px 2px #000;width:100%!important;}
.timingInfo a{color:#1776f1;margin-left:8px;}
.paid{background:#d6e0ea26;border:1px solid #f8f9fa;border-radius:4px;bottom:10px;color:#fff;font-size:11px;font-weight:400;line-height:14px;padding:0 5px 2px;position:absolute;right:10px;z-index:3;}
.flexing{align-items:center;display:flex;}
.caption{margin:15px 15px 0;min-height:168px;}
.timingInfoSIMI .tagsimi{background:#d6e0ea26;color:#fff;font-family:system-ui;line-height:14px;z-index:3;}
.timingInfoSIMI{color:#f2f2f2;font-family:system-ui;font-size:12px;font-weight:600;margin:0;}
.timingInfoSIMI .tagsimi{border:1px solid #4848481f;border-radius:4px;font-size:11px;font-weight:400;margin-left:10px;padding:0 5px 2px;}
@media (min-width:600px){
.main_Arti{display:flex;display:flex;}
.timingInfo,.timingInfo a.tag{font-size:14px;font-weight:600;}
.main_Arti{flex-direction:column;margin-bottom:8px;min-height:553px;position:relative;width:100%;}
.timingInfo{color:rgba(0,0,0,.67);color:var(--color-gray);font-family:system-ui;margin:15px 0 0;}
.paid,.timingInfo a.tag{background:#d6e0ea26;color:#fff;font-family:system-ui;line-height:14px;z-index:3;}
.main_Arti .mImg{height:280px;}
.main_Arti .img{box-shadow:-1px 4px 4px #c7c7c7;width:100%!important;}
.timingInfo a.tag{border-radius:4px;color:#000;float:right;margin-left:5px;padding:3px 6px;position:relative;}
.timingInfo a{color:var(--main-section-secondry);}
.paid{border:1px solid #f8f9fa;border-radius:4px;bottom:10px;font-size:11px;font-weight:400;padding:0 5px 2px;position:absolute;right:10px;}
.flexing{display:flex;flex-direction:column;}
}
.spacer20{width:100%;height:20px;}
.secondary{border-radius:max(0px,min(5px,calc((100vw - 2px - 100%) * 9999)))/5px;box-shadow:-1px 4px 4px #dee2e6;display:inline-block;height:100px;margin-bottom:0;margin-top:0;position:relative;width:100%;background-image:linear-gradient(45deg,#001d48,#000);}
.secondary.odd{background-image:linear-gradient(45deg,#ce0317,#fc2323);}
.secondary a{color:#2f2f2f;display:inline-block;transition:.4s;}
.secondary .text{border-radius:max(0px,min(5px,calc((100vw - 2px - 100%) * 9999)))/5px;background-image:linear-gradient(45deg,#71717147,#1e080829);height:100%;left:0;padding-left:18px;padding-right:182px;position:absolute;top:0;width:100%;z-index:1;}
.secondary .stitle{-moz-outline-style:none;-webkit-box-orient:vertical!important;-webkit-line-clamp:3;-webkit-tap-highlight-color:transparent!important;color:#f8f9fa;display:-webkit-box!important;float:left;font-family:system-ui;font-size:16px;font-weight:600;line-height:29px;margin-top:8px;overflow:hidden!important;position:relative;text-align:right;text-overflow:ellipsis!important;width:100%;}
.secondary .timingInfoSIMI{color:#f2f2f2;font-family:system-ui;font-size:12px;font-weight:600;margin:0;}
.secondary .imgarticle{height:100px;position:absolute;right:0;top:0;width:168px;z-index:2;}
.secondary .imgarticle img{border-left:0.5px solid #767675;border-radius:0 5px 5px 0;box-shadow:-1px 0 3px 0 #0000003b;max-height:100%;max-width:100%;}
.secondary .play_icon_2022{color:#fff;font-size:50px;font-weight:400;left:calc(50% - 25px);position:absolute;text-shadow:0 1px 7px #000;top:calc(50% - 25px);opacity:.78;}
.secondary .paid{border:1px solid #ccc;border-radius:4px;bottom:10px;color:#fff;font-family:system-ui;font-size:11px;font-weight:400;padding:0 5px 2px;position:absolute;right:10px;background:#00000075;}
.entery-title-headline{margin:0;padding:0;}
.entery-title-headline h1{font-family:system-ui;font-size:29px;font-weight:600;margin:0;padding:2px 5px;padding-left:5px;width:auto;color:#000000c7 ;padding:0;width:90%;}
.entery-desc-headline{color:rgb(0 0 0);font-family:system-ui;line-height:22px;margin-bottom:15px;overflow:hidden;font-size:14px;font-weight:normal;width:80%;margin-top:12px;}
.entery-desc-headline a{text-decoration:none;color:#000;}
.widget{background:#ffffff;border:1px #e6e6e6 solid;border-radius:5px;border-radius:max(0px,min(5px,calc((100vw - 2px - 100%) * 9999)))/5px;overflow:hidden;overflow-y:scroll;padding:0;position:relative;}
img{opacity:1;transition:opacity 0.3s;}
img[data-src]{opacity:0;}
@media (max-width :500px){
.widget{border:0;}
.headlines_center{margin:0;min-height:auto;width:100%;}
.sectionHoties{padding:0 10px;}
.spacer20{height:10px;background:#f2f2f2;}
.section{margin:0;}
.secondary{width:100%;box-shadow:none;background-image:linear-gradient(45deg,#233147,#000);}
.secondary.odd{background-image:linear-gradient(45deg,#fb374a,#fc2323);}
.secondary .stitle{line-height:25px;}
.headlines_center{order:1;width:100%;}
.timingInfo,.timingInfo a.tag{font-family:system-ui;font-weight:600;}
.paid,.timingInfo a.tag{background:#d6e0ea26;line-height:14px;z-index:3;}
.main_Arti{display:flex;flex-direction:column;margin-bottom:8px;position:relative;width:100%;}
.timingInfo{color:rgba(0,0,0,.67);color:var(--color-gray);font-size:12px;line-height:28px;margin:0;}
.main_Arti .mImg{height:280px;}
.timingInfo a.tag{background-image:linear-gradient(0deg,#fff,#e8eaed);border:1px solid #f8f9fa;border:2px #dedede solid;border-radius:4px;border-radius:max(0px,min(5px,calc((100vw - 2px - 100%) * 9999)))/5px;color:#000;display:flex;float:right;font-family:system-ui;font-size:14px;font-size:14px;line-height:20px;padding:3px 6px;position:relative;position:relative;}
.timingInfo a{color:var(--main-section-secondry);}
.paid{border:1px solid #f8f9fa;border-radius:4px;bottom:10px;color:#fff;font-family:system-ui;font-size:11px;font-weight:400;padding:0 5px 2px;position:absolute;right:10px;}
.flexing{align-items:center;display:flex;flex-direction:column;}
.main_Arti .img{border-radius:0;box-shadow:-1px 4px 4px #c7c7c7;width:100%!important;}
.caption{margin:15px 15px 0;}
.timingInfoSIMI{display:none;}
}
/*! CSS Used fontfaces */
@font-face{font-family:"remixicon";src:url('https://components.alarab.com/wassets/css/remixicon.eot');src:url('https://components.alarab.com/wassets/css/remixicon.eot') format('embedded-opentype'),    url("https://components.alarab.com/wassets/css/remixicon.woff2") format("woff2"),   url("https://components.alarab.com/wassets/css/remixicon.woff") format("woff"),   url('https://components.alarab.com/wassets/css/remixicon.ttf') format('truetype'),    url('https://components.alarab.com/wassets/css/remixicon.svg') format('svg');font-display:swap;}
@import url(https : // fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Work+Sans:wght@300&display=swap);
/*! CSS Used from: https://components.alarab.com/wassets/css/remixicon.css */
[class^="ri-"]{font-family:'remixicon'!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ri-share-box-fill:before{content:"\F0F3";}
/*! CSS Used from: https://components.alarab.com/wassets/css/main.css */
input:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder{color:transparent;}
.ad_possible_location{border-radius:max(0px,min(5px,calc((100vw - 2px - 100%) * 9999)))/5px;}
*{box-sizing:border-box;}
img[data-src]{opacity:0;}
.article_toolset{color:#fff;display:flex;min-height:35px;position:relative;width:100%;}
.article_toolset div.maincats_breadcrumb,.article_toolset div:first-child{width:60%;}
.article_toolset div:last-child{width:40%;}
.article_toolset div:last-child button{color:var(--color-gray);font-size:25px;left:60px;margin:6px 10px 0 4px;position:absolute;}
.toggle-box{display:grid;height:20px;margin:10px;}
button{background:0 0;border:none;}
a{text-decoration:none;}
:focus{outline:0;}
.section{display:flex;flex-direction:column;margin:0 0 15px;padding:0;position:relative;width:100%;}
.crinfo{border:none;color:#3c4043;display:inline-block;font-family:tajawal;font-size:16px;font-weight:600;line-height:1.7;margin:0 0 15px;padding:0;text-align:right;width:100%;}
.adunit{text-align:center;width:100%;}
#artiheader{font-size:14px;font-weight:400;}
div.artiwrapper{display:inline-block;margin-top:20px;width:100%;z-index:5;padding-right:50px;padding-left:50px;}
#artiheader{color:rgba(0,0,0,.87);margin-left:10px;margin-top:10px!important;padding:0;}
.systemshare{left:0;position:absolute;top:calc(50% - 9px);}
.systemshare button{color:var(--icon-color-b);float:left;font-size:32px;height:auto;left:10px;line-height:1;margin-right:15px;padding:0;position:absolute;top:0;width:auto;}
.artiwrapper div img{display:block;height:100%!important;margin:0;padding:0;width:100%!important;}
.copywriterimage{border:2px solid #e4e4e4;border-radius:50%;height:60px;margin:0;overflow:hidden;padding:0;position:absolute;right:10px;top:calc(50% - 26px);width:60px;}
.crinfo small{display:block;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;font-size:13px;line-height:1.7;margin:22px 10px 10px 0;padding-right:64px;text-align:right;}
.changefont{border-radius:5px;display:inline;left:10%;top:100px;width:80%;z-index:3;}
.artiwrapper h1{display:inline;font-family:system-ui;font-size:26px;font-weight:500;letter-spacing:0;line-height:37px;padding-left:30px;}
.toggle-box input[type=checkbox]:checked+.toggle-box-label-left,.toggle-box label{color:rgba(149,149,149,.51);font-weight:400;}
.headerButtonDKM{height:26px;left:0;position:absolute;width:auto;}
.toggle-box-label-left:empty{margin-left:-10px;}
.toggle-box-label-left:after,.toggle-box-label-left:before{-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;-webkit-transition:.25s ease-in-out;box-sizing:border-box;outline:0;padding:0;transition:.25s ease-in-out;}
.toggle-box input[type=checkbox],.toggle-box input[type=checkbox]:active{border:none;height:0;opacity:0;outline:0;position:absolute;top:-5000px;width:0;}
.toggle-box label{cursor:pointer;display:inline-block;font-size:14px;line-height:16px;padding:0;position:relative;}
.toggle-box-label-left:before{-moz-border-radius:100%;-webkit-border-radius:100%;background:#ffb200;border-radius:100%;bottom:0;box-shadow:0 0 2px #fff;content:'';display:block;height:16px;line-height:34px;margin:4px;position:absolute;right:25px;text-indent:40px;transform:rotate(-45deg);width:16px;z-index:1;}
.toggle-box-label-left:after{-moz-border-radius:16px;-webkit-border-radius:16px;background:rgba(255,255,255,.15);border:2px solid #ffb200;border-radius:16px;content:"";display:inline-block;height:24px;margin:0 10px;vertical-align:middle;width:40px;}
.toggle-box input[type=checkbox]:checked+.toggle-box-label-left:before{background:0 0;box-shadow:5px 5px 0 0 #f7f7f7;right:17px;}
.toggle-box input[type=checkbox]:checked+.toggle-box-label-left:after{background:rgba(0,0,0,.15);border:2px solid #f7f7f7;}
.toggle-box input[type=checkbox]+.toggle-box-label-left,.toggle-box input[type=checkbox]:checked+.toggle-box-label-left+.toggle-box-label{color:rgba(250,250,250,.51);font-weight:700;}
.artiwrapper p{color:#000;font-family:system-ui;font-size:17px;font-weight:400;line-height:27px;line-height:1.9;margin:0 0 8px;padding:0;padding:10px;}
.artiwrapper p img{border-radius:3px;height:auto;margin-top:15px;width:100%;}
a{-webkit-font-smoothing:antialiased;}
.section .ad_possible_location,.ad_possible_location iframe,.ad_possible_location .adunit{margin:0 auto;}
.crinfo,div.artiwrapper{position:relative;}
#artiheader{margin-right:10px;}
.barba-container div.ad_possible_location,.barba-container div.ad_possible_location div{visibility:visible;}
.brid-default-skin .brid-poster-title div{direction:rtl;text-align:right;}
.tie-widget.widget{background:#fff;border:0px #dedede solid;border-radius:5px;border-radius:max(0px,min(5px,calc((100vw - 2px - 100%) * 9999)))/5px;padding:0;position:relative;box-shadow:-1px 4px 3px #e6e6e6;}
.tie-widget .section{margin:10px;width:calc(100% - 20px);}
button{cursor:pointer;border:none;font-weight:600;}
.brid-default-skin .brid-poster-title div{font-size:15px;display:initial;top:0.5em;left:0.7em;right:0.7em;text-shadow:0 0 7px rgb(0 0 0);font-family:system-ui;font-weight:600;}
.widget{background:#ffffff;border:1px #e6e6e6 solid;border-radius:5px;border-radius:max(0px,min(5px,calc((100vw - 2px - 100%) * 9999)))/5px;padding:0;position:relative;}
img{opacity:1;transition:opacity 0.3s;}
img[data-src]{opacity:0;}
@media (max-width :500px){
.widget{border:0;}
.section{margin:0;}
div.artiwrapper{padding:0;}
.tie-widget.widget{background:#fff;border:1px #e6e6e6 solid;border-radius:5px;border-radius:max(0px,min(5px,calc((100vw - 2px - 100%) * 9999)))/5px;padding:0;position:relative;box-shadow:0px 0px 2px #ccc;}
}
/*! CSS Used from: Embedded ; media=all */
@media all{
div.brid{text-decoration:none;}
.brid,div.brid{background-color:#000;user-select:none;transition:opacity .2s ease-in-out;max-width:100%;}
.brid svg,div.brid{margin:0;padding:0;}
.brid :focus,.brid-control:focus,div.brid{outline:0;}
div.brid{border:0;border-collapse:collapse;border-spacing:0;color:inherit;cursor:default;font-style:normal;font-weight:400;list-style:none;text-transform:none;text-align:left;vertical-align:baseline;white-space:normal;zoom:1;line-height:1;-moz-box-sizing:content-box!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important;word-break:initial!important;--pagecontent-verticalpadding:initial;--section-verticalspacing:initial;--layoutsection-horizontalspacing:initial;}
.brid,.brid-poster{vertical-align:middle;}
.brid-button,.brid-poster,.brid-progress-holder,.brid-volume-bar{cursor:pointer!important;}
.brid{position:relative;padding:0!important;font-size:10px;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.brid [role=button]{-webkit-appearance:none!important;}
.brid *,.brid :after,.brid :before{-moz-box-sizing:content-box!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important;font-size:inherit;}
.brid svg{background:0 0!important;position:relative!important;font-size:10px;}
.brid .brid-tech,.brid-touch-overlay{position:absolute;left:0;right:0;margin:0;padding:0;top:0;}
.brid .brid-tech{width:100%;height:100%;}
.brid-touch-overlay{width:100%!important;height:100%!important;}
.brid-advert-container{position:absolute;top:0;left:0;right:0;width:100%;height:100%;margin:0;padding:0;z-index:0;direction:ltr;}
.brid-overlay-next-button,.brid-overlay-play-button,.brid-overlay-previous-button{margin:0!important;min-height:30px;transform:translate(-50%,-50%);z-index:2;}
.brid-overlay-play-button{width:5.5em!important;height:5.5em!important;}
.brid-overlay-next-button,.brid-overlay-previous-button{width:4em!important;height:4em!important;}
.brid-overlay-play-button{position:absolute;top:50%;left:50%;}
.brid-overlay-previous-button{position:absolute;top:50%;left:24%;}
.brid-overlay-next-button{position:absolute;top:50%;left:76%;}
.brid iframe{min-width:0!important;min-height:0!important;margin:0!important;max-width:none!important;max-height:none!important;z-index:0!important;}
.brid-animate{-webkit-transition:all .6s cubic-bezier(.165,.84,.44,1);-moz-transition:all .6s cubic-bezier(.165,.84,.44,1);-o-transition:all .6s cubic-bezier(.165,.84,.44,1);transition:all .6s cubic-bezier(.165,.84,.44,1);}
.brid:-moz-full-screen{position:absolute;}
.brid:-ms-fullscreen,.brid:-webkit-full-screen{width:100%!important;height:100%!important;}
.brid-poster{position:absolute;width:100%;height:100%;margin:0 auto;padding:0;background-color:#000;background-size:100% 100%;}
.brid-poster-title{width:100%;height:36px;position:absolute;top:0;background:rgba(0,0,0,.3);z-index:2;pointer-events:none;}
.brid-control,.brid-volume-control{pointer-events:auto;}
.brid-poster-title div{position:absolute;left:.7em;right:.7em;text-align:left;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;height:100%;line-height:1;}
.brid-overlay-next-button svg,.brid-overlay-play-button svg,.brid-overlay-previous-button svg{width:100%!important;height:100%!important;}
.brid-controls{z-index:4;position:absolute;line-height:1em;bottom:0;opacity:0;pointer-events:none;}
.brid-control{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative;float:left;}
.brid-progress-control{opacity:0;pointer-events:none;}
.brid-time-controls,.brid-volume-control{float:left;}
.brid-volume-level{position:absolute;}
.brid-progress-control{position:absolute;left:0;width:100%;margin:0!important;}
.brid-controls *,.brid-progress-control *{pointer-events:none;}
.brid-progress-holder{position:relative;padding:0;margin:0;float:none!important;}
.brid-progress-holder .brid-load-progress,.brid-progress-holder .brid-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0;float:none;}
.brid-seek-scrubber{position:absolute;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
.brid-seek-scrubber{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:2;left:0;top:50%;}
.brid-disabled,.brid-progress-control.brid-disabled,.brid-progress-control.brid-disabled *{pointer-events:none!important;}
.brid-fullscreen-control,.brid-hd-control,.brid-playlist-control,.brid-share-control{float:right;}
.brid-overlay-play-button{z-index:2;}
.brid-overlay-play-button svg{-webkit-backface-visibility:hidden;}
.brid-left-screen{background:#000;position:absolute;z-index:4;overflow:hidden;top:0;width:100%;height:100%;margin:0 auto;display:none;flex-direction:column;justify-content:center;}
.brid-close.brid-panels,.brid-close.brid-panels svg{width:20px;height:20px;}
.brid-ad-info{position:absolute;bottom:10px;background:0 0;font-size:13px!important;color:#fff;padding:0 .7em;pointer-events:none;text-shadow:1px 1px 6px rgba(0,0,0,1);transition:all .2s;}
.brid-credits{font-family:Helvetica,Arial,sans-serif;}
.brid.brid-touch .brid-button{-webkit-tap-highlight-color:transparent;}
.brid-playlist-screen{display:none;}
.brid-playlist-screen{background:#000;max-height:100%;position:absolute;top:0;left:0;bottom:0;z-index:4;width:100%;}
.brid-playlist-next,.brid-playlist-previous{top:50%;position:absolute;transition:all .2s;cursor:pointer;}
.brid-playlist-previous{left:5px;margin-top:-14px;opacity:1;}
.brid-playlist-previous svg{width:28px;max-height:28px;}
.brid-playlist-next{right:5px;margin-top:-15px;}
.brid-playlist-next svg{width:30px;max-height:30px;}
.brid-playlist-wrapper{position:absolute;overflow:hidden;top:30px;left:40px;right:40px;bottom:20px;}
.brid-playlist-wrapper:after{clear:both;content:'';display:block;}
.brid-playlist-next:not(.inactive):hover,.brid-playlist-previous:not(.inactive):hover{transform:scale(1.2);opacity:.7;}
.brid-storyBoard{display:inline-block;}
.brid-disabled{opacity:0!important;}
.brid-button{transition:opacity .3s;}
.brid:not(.brid-small) .brid-overlay-next-button,.brid:not(.brid-small) .brid-overlay-previous-button{display:none;}
.brid-hidden{display:none!important;}
.brid-hidden{opacity:0;}
.brid-controls,.brid-poster,.brid-progress-control{transition:opacity .2s;}
.brid:not(.brid-started) .brid-overlay-next-button,.brid:not(.brid-started) .brid-overlay-previous-button{display:none;}
.bp-pos-abs{position:absolute;}
.brid-live-info{padding-left:14px;font-weight:700;}
.brid-live-info div{font-size:12px;display:inline-block;}
.brid-live-info span{height:8px;width:8px;background-color:red;border-radius:50%;margin-right:1px;display:inline-block;transition:opacity .2s ease-in-out;}
.brid-cogwheel-screen{width:110px;position:absolute;z-index:4;bottom:43px;right:10px;background-color:rgba(0,0,0,.7);visibility:hidden;transform:scale(0);transition:all .1s;padding-top:5px;padding-bottom:5px;transform-origin:center bottom;}
.brid-touch .brid-cogwheel-screen{bottom:50px;}
.brid-time-controls,.brid-time-controls *{pointer-events:none!important;}
.brid-next-video-timer{z-index:5;transform:translateX(120%);opacity:0;height:100%;width:100%;background:rgba(0,0,0,.5);border-radius:0;color:#fff;display:inline-block;position:absolute;pointer-events:none;line-height:1.1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;font-weight:700;}
.brid-adtime{display:none;}
.brid-sb{border:2px solid #fff;position:absolute;}
.brid-sb-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;position:absolute;top:-29px;}
.brid-center{margin-left:auto!important;margin-right:auto!important;}
.brid-next-autoskip{z-index:3;color:#fff;position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;}
.brid-next-autoskip>div{background:rgba(0,0,0,.55);cursor:pointer;padding:6px 22px;text-align:center;font-size:12px!important;font-weight:700;box-shadow:0 0 4px 0 rgba(255,255,255,.4);}
.brid-next-autoskip .brid-next-skip{position:relative;margin-bottom:7px;}
.brid-next-autoskip .brid-next-stay{background:#fff;color:#000;}
.brid-next-autoskip .brid-next-progress{width:0;height:2px;position:absolute;left:0;bottom:0;background:red;transition:width .1s;}
.brid-chapters-progress{position:absolute;width:100%;height:100%;display:none;justify-content:space-between;}
.brid-sb-title{position:absolute;color:#fff;margin-top:-14px;width:124px;transform:translateY(-100%);text-align:center;overflow:hidden;display:flex;text-shadow:0 0 4px rgba(0,0,0,.8);align-items:flex-end;justify-content:center;}
.brid-sb-time{position:absolute;color:#fff;top:-22px;text-shadow:0 0 4px rgba(0,0,0,.8);transform:translateX(-50%);}
.brid-chapter-info{display:inline-block;font-size:11px!important;margin-left:.4em;margin-right:.5em;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.5);max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transform:translateY(2px);}
@media print{
.brid-overlay-play-button,.brid-poster,.brid-tech{display:block!important;opacity:1!important;}
.brid-tech{object-fit:cover!important;}
.brid-poster,.brid-tech{position:absolute!important;width:100%!important;height:100%!important;}
.brid-ad-info,.brid-cogwheel-screen,.brid-controls,.brid-next-video-timer,.brid-overlay-next-button,.brid-overlay-previous-button,.brid-playlist-screen,.brid-progress-control{display:none!important;}
}
.brid-hd-control,.brid-play-control{transition:transform 80ms ease-out;transform:scale(1);opacity:1;}
.brid-credits{text-align:right;font-size:10px;padding-top:1px;text-shadow:0 0 2px rgba(255,255,255,.2);visibility:hidden;}
}
/*! CSS Used from: Embedded ; media=all */
@media all{
.brid-control{float:left!important;}
.brid-fullscreen-control,.brid-hd-control,.brid-playlist-control,.brid-share-control{float:right!important;}
.brid-time-controls,.brid-volume-control{float:none!important;display:inline-block;position:relative;}
.brid-default-skin{font-family:Helvetica,Arial,sans-serif;}
.brid-default-skin div{font-size:10px;line-height:1.1em;}
.brid-default-skin .brid-poster-title{background:linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,.2) 20%,rgba(0,0,0,0) 94%,rgba(0,0,0,0) 100%);height:25%;}
.brid-default-skin .brid-poster-title div{font-size:18px;display:initial;top:.5em;left:.7em;right:.7em;text-shadow:0 0 7px rgba(0,0,0,.7);}
.brid-default-skin .brid-current-time-display,.brid-default-skin .brid-duration-display{font-size:11px;}
.brid-default-skin .brid-controls{left:0;right:0;margin:0;padding:0 5px;box-sizing:border-box!important;height:3.3em;background:#000;background:rgba(0,0,0,.5);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 6%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.6) 100%);}
.brid-default-skin .brid-control{padding:0 .6em .5em!important;margin-top:.5em;width:2.2em;height:2.2em;}
.brid-default-skin .brid-control svg{height:2.2em;width:2.2em;}
.brid-default-skin .brid-play-control{height:2em;width:2em;padding:.1em .8em .6em .9em!important;}
.brid-default-skin .brid-play-control svg{height:2em;width:2em;}
.brid-default-skin .brid-volume-control{width:88px;height:5px;}
.brid-default-skin .brid-volume-bar{position:relative;height:100%;}
.brid-default-skin .brid-volume-level{top:0;left:0;height:100%;}
.brid-default-skin .brid-progress-control{width:auto;bottom:2.9em;left:8px;right:8px;}
.brid-default-skin .brid-progress-holder{height:4px;border-top:5px solid transparent;border-bottom:5px solid transparent;background:rgba(200,200,200,.4);-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;}
.brid-default-skin .brid-play-progress{background:#ff3b00;}
.brid-default-skin .brid-load-progress{background:rgba(255,255,255,.5);}
.brid-default-skin .brid-progress-control .brid-seek-scrubber{width:14px;height:14px;background-color:#ff3b00;margin:-7px 0 0 -7px;border-radius:50%;opacity:0;transition:opacity .2s;}
.brid-default-skin .brid-progress-control:hover .brid-seek-scrubber{opacity:1;}
.brid-default-skin .brid-time-controls{text-shadow:0 0 2px rgba(0,0,0,.5);height:1.1em;margin:1em .5em 1em 0!important;font-size:11px;line-height:1.1em;color:#fff;}
.brid-default-skin .brid-current-time{margin:1em .5em 1em 1em!important;}
.brid-default-skin .brid-fullscreen-control,.brid-default-skin .brid-fullscreen-control svg,.brid-default-skin .brid-hd-control,.brid-default-skin .brid-hd-control svg,.brid-default-skin .brid-playlist-control,.brid-default-skin .brid-playlist-control svg,.brid-default-skin .brid-share-control,.brid-default-skin .brid-share-control svg{width:2.2em;height:2.2em;}
.brid-default-skin .brid-left-screen{background-color:#000!important;}
.brid-default-skin.brid-touch .brid-controls{height:4em;}
.brid-default-skin.brid-touch .brid-control{height:2.5em;width:2.5em;padding:.3em .5em!important;}
.brid-default-skin.brid-touch .brid-mute-control{padding:.3em .2em .8em 1em!important;}
.brid-default-skin .brid-mute-control svg{width:1.9em;}
.brid-default-skin.brid-touch .brid-hd-control{height:2.8em;width:2.8em;margin-top:.5em;}
.brid-default-skin.brid-touch .brid-control svg{height:2.5em;width:2.5em;}
.brid-default-skin.brid-touch .brid-hd-control svg{height:2.4em;width:2.4em;}
.brid-default-skin.brid-touch .brid-volume-control{margin:1em .5em 0 0!important;}
.brid-default-skin.brid-touch .brid-volume-bar{height:2em;}
.brid-default-skin.brid-touch .brid-progress-control{bottom:3.5em;}
.brid-default-skin.brid-touch .brid-time-controls{margin:1.3em .5em 0 0!important;}
.brid-default-skin.brid-touch .brid-time-controls.brid-current-time{margin-left:1em!important;}
.brid-default-skin.brid-touch .brid-current-time{margin:1.4em .5em 0;}
.brid-live-info div{font-size:12px;}
.brid-default-skin .brid-volume-control{transform:rotate(-90deg);display:inline-block;transform-origin:0 50%;position:absolute;background:radial-gradient(rgba(0,0,0,.3),rgba(0,0,0,.1),rgba(0,0,0,0),rgba(0,0,0,0));padding:1em 1em 1em 2em;margin-left:-2em;margin-top:-.3em;transition:opacity .1s;}
.brid-default-skin .brid-volume-control.brid-volume-hidden{opacity:0;visibility:hidden;}
.brid-default-skin .brid-knob{background:radial-gradient(circle,#fff 40%,rgba(255,255,255,0) 41%,rgba(255,255,255,0) 100%);border-color:rgba(255,255,255,.8);top:-8px;height:21px;width:21px;border-radius:50%;position:absolute;text-align:center;}
.brid-default-skin.brid:not(.brid-onad) .brid-adtime{display:none;}
.brid-ad-info{padding:0 1em;}
.brid-default-skin .brid-adtime{padding-left:9px;font-size:13px;line-height:1;}
}
/*! CSS Used fontfaces */
@font-face{font-family:"remixicon";src:url('https://components.alarab.com/wassets/css/remixicon.eot');src:url('https://components.alarab.com/wassets/css/remixicon.eot') format('embedded-opentype'),    url("https://components.alarab.com/wassets/css/remixicon.woff2") format("woff2"),   url("https://components.alarab.com/wassets/css/remixicon.woff") format("woff"),   url('https://components.alarab.com/wassets/css/remixicon.ttf') format('truetype'),    url('https://components.alarab.com/wassets/css/remixicon.svg') format('svg');font-display:swap;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{
    display:block
}
[hidden]{
    display:none
}
body{
    line-height:1
}
menu,ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
.home-once{
    opacity:0
}
.home-once-active{
    transition:all 1s linear .3s
}
.home-once-to{
    opacity:1
}
.home-leave{
    transform:translateX(0)
}
.home-leave-active,.home-leave-active .content{
    transition:all .7s var(--easing)
}
.home-leave-to .content{
    transform:translateX(-50%)
}
.home-leave-to{
    transform:translateX(60%)
}
.home-enter{
    transform:translateX(-100%)
}
.home-enter-active,.home-enter-active .content{
    transition:all .7s var(--easing)
}
.home-enter-to{
    position:absolute;
    top:0;
    left:0;
    transform:translateX(0)
}


.details-once{
    opacity:0
}
.details-once-active{
    transition:all 1s linear .3s
}
.details-once-to{
    opacity:1
}
.details-leave{
    transform:translateX(0)
}
.details-leave-active,.details-leave-active .content{
    transition:all .7s var(--easing)
}
.details-leave-to .content{
    transform:translateX(-50%)
}
.details-leave-to{
    transform:translateX(60%)
}
.details-enter{
    transform:translateX(-100%)
}
.details-enter-active,.details-enter-active .content{
    transition:all .7s var(--easing)
}
.details-enter-to{
    position:absolute;
    top:0;
    left:0;
    transform:translateX(0)
}

.fade-leave{
    opacity:1
}
.fade-leave-active{
    transition:opacity .3s linear
}
.fade-enter,.fade-leave-to{
    opacity:0
}
.fade-enter-active{
    transition:opacity .3s linear
}
.fade-enter-to{
    opacity:1
}
.clip-enter{
    -webkit-clip-path:circle(0);
    clip-path:circle(0)
}
.clip-enter-active{
    transition:all .75s var(--easing);
    position:absolute;
    top:0;
    z-index:2
}
.clip-enter-to{
    -webkit-clip-path:circle(75%);
    clip-path:circle(75%)
}
.clip-leave{
    opacity:1
}
.clip-leave-active{
    transition:all .75s var(--easing)
}
.clip-leave-to{
    opacity:0
}
.with-cover-enter,.with-cover-leave{
    transition:transform .5s var(--easing)
}
.with-cover-leave .transition{
    transform:translateY(-100%)
}
.with-cover-leave-active .transition{
    transition:transform .5s var(--easing)
}
.with-cover-leave-to .transition,.with-cover-leave .content{
    transform:translateY(0)
}
.with-cover-leave-active .content{
    transition:transform .5s var(--easing)
}
.with-cover-leave-to .content{
    transform:translateY(80px)
}
.with-cover-enter .transition{
    transform:translateY(0)
}
.with-cover-enter .content{
    transform:translateY(-80px)
}
.with-cover-enter-active .content,.with-cover-enter-active .transition{
    transition:transform .5s var(--easing)
}
.with-cover-enter-to .transition{
    transform:translateY(100%)
}
.with-cover-enter-to .content{
    transform:translateY(0)
}
.btn-back{
    position:fixed;
    top:20px;
    left:20px;
    font-size:16px;
    text-decoration:none;
    border:1px solid #fff;
    padding:5px 8px;
    border-radius:3px;
    color:#fff;
    z-index:99
}
.btn-back:hover{
    background-color:#3c3d3e;
    border-color:#3c3d3e;
    color:#fff
}
:root{
    --easing:cubic-bezier(0.5,0.7,0.4,1)
}
body{
    --page-background:#fff;
    font-family:Work Sans,sans-serif;
    font-weight:300;
    overflow:hidden;
    background-color:var(--page-background)
}
h1,h2,h3,h4,h5,h6{
    font-family:Montserrat,sans-serif;
    font-weight:900
}
header{
    --base-color:#fff;
    width:100%;
    height:100vh;
    color:var(--base-color);
    display:flex;
    align-content:center;
    justify-content:center;
    flex-direction:column;
    padding:0;
    overflow-y: scroll;
}
header h1{
    font-size:5vw;
    margin-bottom:2.5vh;
    line-height:1.4
}
header p{
    font-size:2.5vw;
    line-height:1.4;
    opacity:.8;
    margin-bottom:5.375vh
}

header.is-home{
    background-color:#5c85ee
}
header.is-fade{
    --base-color:#000;
    background-color:#cc98c6
}
header.is-clip{
    background-color:#161636
}
header.is-cover{
    background-color:#e66f7f
}
.content{
    transition:all .3s ease-out;
    opacity:1;
    transform:translateY(0)
}
.transition{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:#c8cc98;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:translateY(-100%);
    z-index:1
}
.transition>h2{
    font-size:40px;
    color:#202020
}