@import url('https://fonts.googleapis.com/css2?family=Cairo&family=Noto+Kufi+Arabic&family=Tajawal&family=Almarai');


:root{
--gray_color1:#8da1b0;
--gray_color2:#7e97ab;
--purple_color:#4B0082;
--blue_color:#1c7ed6;
--blue_color2:#00a2ff;
--rose_color:#ff2d55;
--teal_color:#009688;
--teal_color2:#08b3a3;
--violet_color:#864bec;
--green_color:#39b738;
--orange_color:#f3bb13;
--orange_color2:#d78e0c;
--red_color:#ff0d00;
}


.bg-white{background-color:#fff !important;}
.bg-gray{background-color:#fafafa !important;}
.bg-black{background-color:#000 !important;}
.bg-red{background-color:#e20a2a !important;}
.bg-rose{background-color:#ff2d55 !important;}
.bg-blue{background-color:#1c7ed6 !important;}
.bg-blue_2{background-color:#03a9f4 !important;}
.bg-green{background-color:#12a049 !important;}
.bg-teal{background-color:#009688 !important;}
.bg-purple{background-color:#5f17aa !important;}
.bg-purple_2{background-color:#864bec !important;}
.bg-orange{background-color:#ff9800 !important;}
.bg-orange_2{background-color:#f3bb13 !important;}

.color-white{color:#fff !important;}
.color-black{color:#000 !important;}
.color-red{color:#e20a2a !important;}
.color-rose{color:#ff2d55 !important;}
.color-blue{color:#1c7ed6 !important;}
.color-blue_2{color:#03a9f4 !important;}
.color-green{color:#12a049 !important;}
.color-teal{color:#009688 !important;}
.color-purple{color:#5f17aa !important;}
.color-purple_2{color:#864bec !important;}
.color-orange{color:#ff9800 !important;}
.color-orange_2{color:#f3bb13 !important;}
.color-gray{color:#91a0ad !important;}
.color-gray_2{color:#d0d0d0 !important;}


.br-4{border-radius:4px!important;}
.br-5{border-radius:5px!important;}
.br-6{border-radius:6px!important;}
.br-round{border-radius:100px!important;}

.shadow-round{box-shadow:0 1px 10px rgba(0,0,0,.08)!important;}
.shadow-bottom{box-shadow:0 5px 20px rgba(0,0,0,.05)!important;}

.hidden{display:none!important}


body{
font-family:'Noto Kufi Arabic';
background-color:#fafafa;
}

a{text-decoration:none;}

ul{
list-style-type:none;
padding:0;
}

header{
z-index:99999;
}

.header-link{
color:#4B0082;
font-size:14px;
display:flex;
align-items:center;
gap:4px;
margin-inline:12px;
}

.header-logo img{
height:32px;
width:auto;
}

main{
padding:calc(48px + 24px) 12px 0;
max-width:100%;
}


.trend_news_owl .owl-stage-outer{
overflow:clip;
overflow-clip-margin:13px;
}


.trend_news_owl .owl-stage-outer:before,.trend_news_owl .owl-stage-outer:after{
content:'';
background-color:#fafafa;
width:7px;
height:calc(100% + 26px);
z-index:1;
display:block;
position:absolute;
top:-12px;
}

.trend_news_owl .owl-stage-outer:before{right:-13px;}
.trend_news_owl .owl-stage-outer:after{left:-13px;}





.article_header{
background-image:url('../../assets/images/bg_article_header.jpg');
background-repeat:no-repeat;
background-position:center;
background-size:cover;
display:flex;
justify-content:space-between;
align-items:center;
border-radius:5px 5px 0 0;
height:50px;

}

#home_section_2_left .article_header{
width:calc(100% + 23px * 2);
margin:-11px -23px 25px 0;
}


.article_header p{
margin:1px 21px 0 0;
color:#fff;
font-family:'Noto Kufi Arabic';
font-size:21px;
}


.article_header a{
margin:0 0 0 13px;
padding:7px 7px 7px 26px;
color:#fff;
font-family:'Noto Kufi Arabic';
font-size:17px;
position:relative;
}

.article_header a:after{
content:"\ea24";
font-family:'ionicons5';
position:absolute;
left:1px;
top:4.5px;
font-size:20px;

}











.post_item{
position:relative;
overflow:hidden;
}

.post_item i.ionicons-play{
font-size:29px;
position:absolute;
right:calc(50% - 29px / 2);
top:calc(180px / 2 - 29px / 2);
color:#fff;
pointer-events:none;
}

.post_item i.ionicons-play:before{
position:relative;
z-index:2;
}
.post_item i.ionicons-play:after{
content:"";
z-index:1;
position:absolute;
right:-7px;
top:-8.5px;
color:#fff;
background-color:rgba(0, 0, 0, 0.6);
width:46px;
height:46px;
border-radius:50%;
border:2px solid #fff;
}

.post_item.item_5 i.ionicons-play{
transform:scale(0.6);
right:calc(96px / 2 - 29px / 2);
top:calc(72px / 2 - 29px / 2);
}

.post_item.item_1 .post_image{
object-fit:cover;
object-position:top;
width:100%;
height:150px;
}

.post_item.item_1 .post_title{
width:-webkit-fill-available;
color:#000;
margin:0;
padding:8px 11px 9px;
font-size:14px;
line-height:22px;
}

.post_item.item_2 .post_image{
object-fit:cover;
object-position:top;
width:100%;
height:170px;
}

.post_item.item_2 .post_title{
width:-webkit-fill-available;
color:#fff;
margin:0;
padding:0 10px 10px;
font-size:15px;
position:absolute;
bottom:0;
z-index:1;
}

.post_item.item_2 .post_title:after{
content:'';
z-index:-1;
position:absolute;
bottom:0;
left:0;
width:100%;
height:160%;
background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.1) 11%,rgba(0,0,0,0.25) 20%,rgba(0,0,0,0.35) 26%,rgba(0,0,0,0.65) 47%,rgba(0,0,0,0.85) 85%,rgba(0,0,0,0.95) 100%);
}

.post_item.item_3 .post_image{
object-fit:cover;
object-position:top;
width:100%;
height:calc(170px * 2 + 0.25rem);
}

.post_item.item_3 .post_title{
width:-webkit-fill-available;
color:#fff;
margin:0;
padding:0 10px 10px;
font-size:15px;
position:absolute;
bottom:0;
z-index:1;
}

.post_item.item_3 .post_title:after{
content:'';
z-index:-1;
position:absolute;
bottom:0;
left:0;
width:100%;
height:160%;
background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.1) 11%,rgba(0,0,0,0.25) 20%,rgba(0,0,0,0.35) 26%,rgba(0,0,0,0.65) 47%,rgba(0,0,0,0.85) 85%,rgba(0,0,0,0.95) 100%);
}

#home_section_2_left{
padding:11px 23px;
height:max-content;

}

.post_item.item_4 .post_image{
object-fit:cover;
object-position:center;
width:100%;
height:180px;
}

.post_item.item_4 .post_title{
width:-webkit-fill-available;
color:#000;
margin:0;
padding:8px 11px 9px;
font-size:14px;
line-height:23px;
}

.post_item.item_4 .post_info{
font-size:11px;
width:max-content;
margin:0px 11.3px 11px 0;
padding:1.5px 4.5px 1.2px;
font-family:'Tajawal';
color:var(--purple_color);
background:linear-gradient(to top left, var(--purple_color) -2500%, #0000 300%);
border-radius:3px;
}

.post_item.item_5 a{
display:flex;
}

.post_item.item_5 .post_image{
object-fit:cover;
object-position:center;
width:97px;
height:72px;
}

.post_item.item_5 .post_title{
width:-webkit-fill-available;
color:#000;
margin:0;
padding:0 11px 0 3px;
line-height:22px;
font-size:13.5px;
height:42px;
overflow:hidden;
}

.post_item.item_5 .post_info{
position:absolute;
bottom:0;
right:108.3px;
margin:0;
padding:1.5px 4.5px 1.2px;
font-size:11px;
font-family:'Tajawal';
color:var(--purple_color);
background:linear-gradient(to top left, var(--purple_color) -2500%, #0000 300%);
border-radius:3px;
}



#home_section_4 article:nth-of-type(2) .row .col-12:nth-of-type(2){
border-block:1px solid #efefef;
}

#match_table_area_1 .match_table_area_date_header{
margin-bottom:22px;
}

#match_table_area_1 .match_table_area_date_header .match_table_area_date_header_area{
display:flex;
justify-content:center;
align-items:center;
padding:13px 0 14px;
}

#match_table_area_1 .match_table_area_date_header button{
border:1px solid #d4c7de;
border-radius:3px;
width:36px;
height:34px;
font-size:23px;
padding:1.5px 0 0;
color:var(--purple_color);
background:linear-gradient(to top left, var(--purple_color) -2500%, #0000 300%);
}

#match_table_area_1 .match_table_area_date_header button:nth-of-type(1){
margin-left:25px;
padding-top:2px;
}



#match_table_area_1 .match_table_area_date_header button:nth-of-type(2){padding:2px 0 0 1px;}
#match_table_area_1 .match_table_area_date_header button:nth-of-type(3){padding:2px 1px 0 0;}


#match_table_area_1 .match_table_area_date_header button:nth-of-type(4){
margin-right:25px;
font-size:25px;
padding:0 0 0 0.5px;
}

#match_table_area_1 .match_table_area_date_header i.ionicons-tv-outline:after{
content:"\ecad";
position:absolute;
margin:10px -19px 0;
font-size:11.2px;
}



#match_table_area_1 .match_table_area_date_header .match_table_area_date_header_text{
pointer-events:none;
color:var(--purple_color);
background:linear-gradient(to top left, var(--purple_color) -2500%, #0000 300%);
border:1px solid #d4c7de;
height:45px;
padding:0 10px;
border-radius:3px;
text-align:center;
margin:0 10px;
}

#match_table_area_1 .match_table_area_date_header .match_table_area_date_header_text p:nth-of-type(1){
font-size:13px;
margin:1.5px 0 0;
}

#match_table_area_1 .match_table_area_date_header .match_table_area_date_header_text p:nth-of-type(2){
font-size:13px;
margin:0;
letter-spacing:0.5px;
}

#match_table_area_1 .match_table_area_ul{
overflow:hidden;
margin-top:22px;
}

#match_table_area_1 .match_table_area_ol{
position:relative;
display:inline-flex;
height:auto;
min-height:38px;
width:100%;
justify-content:right;
padding:0;
background-color:#e6e6e6;
cursor:default;
}

#match_table_area_1 .match_table_area_ol img{
max-height:25px;
width:25px;
margin:auto 9px;
}

#match_table_area_1 .match_table_area_ol p{
font-size:13.5px;
font-family:'Noto Kufi Arabic';
line-height:18px;
height:auto;
padding:11px 0 9px 11px;
margin:0;
color:#000;
}

#match_table_area_1 .match_table_area_ol p span{
font-size:12.2px;
margin-top:5.5px;
}

#match_table_area_1 .match_table_area_ul .match_item.item_1:last-of-type{
border-bottom:none !important;
}

.match_item.item_1{
display:flex;
flex-wrap:wrap;
min-height:65px;
height:auto;
color:#000;
border-bottom:1px solid #efefef;
}

.match_item.item_1 .match_item_team{
width:calc(50% - 69px / 2);
display:flex;
justify-content:end;
align-items:center;
min-height:59px;
}

.match_item.item_1 .match_item_team.home{
justify-content:left;
direction:ltr;
}

.match_item.item_1 .match_item_team.away{
justify-content:right;
}

.match_item.item_1 .match_item_team img{
min-width:29px;
width:29px;
height:29px;
object-fit:contain;
}

.match_item.item_1 .match_item_team p{
width:-webkit-fill-available;
font-size:13px;
font-family:'Noto Kufi Arabic';
line-height:16px;
white-space:normal;
height:auto;
padding-inline:10px;
padding-block:10px 8px;
margin:0;
}

.match_item.item_1.streaming .match_item_team.away p{
padding-inline:10px 35px !important;
}

.match_item.item_1 .match_item_info{
width:69px;
position:relative;
display:flex;
justify-content:center;
align-items:center;
}

.match_item.item_1 .match_item_info_p1[type="date"]{
position:relative;
font-family:'Noto Kufi Arabic';
font-weight:bold;
margin:1px 0 0;
font-size:13.5px;
color:var(--gray_color2);
letter-spacing:0.3px;
}

.match_item.item_1 .match_item_info_p1[type="result"]{
position:relative;
font-family:'Noto Kufi Arabic';
font-weight:bold;
margin:1px 0 0;
font-size:14px;
color:var(--rose_color);
letter-spacing:0;
}




.match_item.item_1 .match_item_bottom_info{
font-family:'Noto Kufi Arabic';
font-size:10.5px;
padding:2.7px 6.2px 2.2px;
color:var(--blue_color);
background:linear-gradient(to top left, var(--blue_color) -2500%, #0000 300%);
border:1px solid #bdd1e0;
margin:-6px auto 8px;
border-radius:4px;
}



.match_item.item_1[live="1"] .match_item_team{
flex-direction:column;
width:calc(50% - 85px / 2);
max-width:170px;
}

.match_item.item_1[live="1"]{
min-height:95px;
justify-content:center;
}

.match_item.item_1[live="1"] .match_item_team img{
margin:16px 0 4px;
width:37px;
height:37px;
}

.match_item.item_1[live="1"] .match_item_team p{
padding-inline:6px;
text-align:center;
}


.match_item.item_1[live="1"] .gauge_meter{
position:absolute;
top:3px;
right:calc(50% - 88px/2);
padding:0!important;
}

.match_item.item_1[live="1"] .gauge_meter *{padding:0!important;}

.match_item.item_1[live="1"] .gauge_meter b{display:none!important;}
.match_item.item_1[live="1"] .gauge_meter span:nth-of-type(1){display:none!important;}


.match_item.item_1[live="1"] .match_item_info{
width:85px;
}

.match_item.item_1[live="1"] .match_item_info p{
position:absolute;
right:0;
width:100%;
text-align:center;
margin:0;
font-family:'Noto Kufi Arabic';
font-weight:bold;
direction:ltr;
}



.match_item.item_1[live="1"] .match_item_info .match_item_info_p1{
top:20.5px;
font-size:12px;
letter-spacing:0.4px;
margin-right:-0.8px;
color:var(--rose_color);
}

.match_item.item_1[live="1"] .match_item_info .match_item_info_p2{
display:grid;
justify-content:center;
top:44px;
font-size:14px;
line-height:14px;
letter-spacing:0px;
color:var(--blue_color2);
}




.match_item.item_1[live="1"] .match_item_info .match_item_info_p1[type="result"]{letter-spacing:2px;margin-right:-1px;}


.match_item.item_1[live="1"] .match_item_info .match_item_info_p2[type="status_text"]{font-size:11.5px;}


.match_item.item_1[live="1"] .match_item_info .match_item_info_p3{
top:40px;
font-size:11px;
letter-spacing:0;
color:var(--blue_color2);
}

.bgcircle{display:block;border-radius:50%;width:var(--size);height:var(--size);background:var(--color);}

i.svg{--color:#000;--size:100%;display:block;width:var(--size);height:var(--size);
-webkit-mask-size:100%;background:var(--color);-webkit-mask-image:var(--src);}

.ball_svg{--top:calc(50% - (var(--size))/2);--right:calc(50% - (var(--size))/2);display:block;
border-radius:50%;width:var(--size);height:var(--size);background:var(--bgcolor);
box-shadow:0px 0px 1px 0.2px #677d8b;position:absolute;top:var(--top);right:var(--right);}

.match_item.item_1[live="1"] .match_item_info .micon{position:absolute;box-shadow:0px 0px 1px 0.2px #3f3f3f;z-index:9999;}

.match_item.item_1[live="1"] .match_item_info .picon{position:absolute;background-color:var(--orange_color);color:#000;
width:12.2px;height:12.2px;text-align:center;text-indent:-0.4px;line-height:12.7px;border-radius:50%;margin:-1px 0 0 0;
font-family:'Noto Kufi Arabic';font-size:9px;font-weight:bolder;z-index:9999;}

.match_item.item_1[live="1"] .match_item_info .picon:before{content:"\ea14";font-family:'ionicons5';color:#fff;
position:absolute;bottom:-2.8px;right:-3.1px;width:8.5px;height:9px;font-size:7.5px;font-weight:bolder;
line-height:9.5px;background-color:var(--green_color);border-radius:50%;z-index:9999;}

.match_item.item_1[live="1"] .match_item_info .picon.missed:before{
content:"\ea3b";background-color:var(--red_color);z-index:9999;}

.match_item.item_1[live="1"] .match_item_info .rcicon{position:absolute;box-shadow:0px 0px 1px 0.2px #3f3f3f;
width:11.8px;height:11.8px;background-color:#fff;border-radius:50%;box-shadow:0px 0px 1px 0.2px #3f3f3f;z-index:9999;}

.match_item.item_1[live="1"] .match_item_info .rcicon:before{content:'';display:block;margin:1.3px 2.2px 0 0;
background-image:url('../../assets/images/ev_red_card.png');background-repeat:no-repeat;background-size:100% 100%;width:7.2px;height:9px;z-index:9999;}



.match_table_area_note{
display:none;
text-align:center;
align-items:center;
height:210px;
margin-bottom:22px
}

.match_table_area_note i{
--color:var(--gray_color1);
height:100px;
width:150px;
margin:auto auto;
}

.match_table_area_note p{
color:var(--gray_color1);
font-weight:bold;
font-family:'Tajawal';
font-size:16.5px;
}

#match_table_area_1 .match_table_area_note p:nth-of-type(1){margin:17px 0 0;}
#match_table_area_1 .match_table_area_note p:nth-of-type(2){margin:15px 0 2px;}


#match_table_area_1 .match_table_area_note .match_table_area_note_but1{
color:var(--rose_color);
cursor:pointer;
width:max-content;
margin:12px auto 0;
padding:2px 9px;
}


#match_table_area_1 .match_table_area_note p:nth-of-type(2),#match_table_area_1 .match_table_area_note .match_table_area_note_but1{display:none;}

#match_table_area_1.note_mode2 .match_table_area_note p:nth-of-type(1){display:none;}
#match_table_area_1.note_mode2 .match_table_area_note p:nth-of-type(2),#match_table_area_1.note_mode2 .match_table_area_note .match_table_area_note_but1{display:block;}
#match_table_area_1.note_mode2 .match_table_area_note{height:auto;padding:33px 0 29px;}
#match_table_area_1.note_mode1 .match_table_area_main_div,#match_table_area_1.note_mode2 .match_table_area_main_div{display:none;}
#match_table_area_1.note_mode1 .match_table_area_note,#match_table_area_1.note_mode2 .match_table_area_note{display:grid;}


.preloader{
-webkit-animation:rotation 1.35s linear infinite;
animation:rotation 1.35s linear infinite;
display:block;
margin:100px auto;
width:50px;
height:50px;
stroke:#fff!important;
}

.preloader circle{
stroke-dasharray:180;stroke-dashoffset:0;-webkit-transform-origin:center;-ms-transform-origin:center;
transform-origin:center;-webkit-animation:turn 1.35s ease-in-out infinite;animation:turn 1.35s ease-in-out infinite;}

@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg);}}
@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg);}}
@-webkit-keyframes turn{0%{stroke-dashoffset:180;}50%{stroke-dashoffset:45;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
100%{stroke-dashoffset:180;-webkit-transform:rotate(450deg);transform:rotate(450deg);}}
@keyframes turn{0%{stroke-dashoffset:180;}50%{stroke-dashoffset:45;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
100%{stroke-dashoffset:180;-webkit-transform:rotate(450deg);transform:rotate(450deg);}}








/*============================================================================*/
/*==============================  Small screens  =============================*/
/*============================================================================*/

@media only screen and (max-width:768px){

header{justify-content:center;}
.header-link{display:none;}

#home_section_4 article:nth-of-type(2){
box-shadow:0 1px 10px rgba(0, 0, 0, .08);
border-radius:5px;
}

#home_section_4 article:nth-of-type(2) .shadow-round{box-shadow:none !important;}


#home_section_4 article:nth-of-type(2) .row:nth-of-type(1) .col-12:nth-of-type(3),#home_section_4 article:nth-of-type(2) .row:nth-of-type(2) .col-12:nth-of-type(3){
border-bottom:1px solid #efefef;
}

.post_item.item_3 .post_image{height:170px!important;}

.article_header{
height:44px;
}

.article_header p{
margin:-1px 16px 0 0;
font-size:18px;
}

.article_header a{
margin:-2.5px 0 0 11px;
padding:4px 5px 4px 22px;
font-family:'Noto Kufi Arabic';
font-size:15px;
}

.article_header a:after{
left:1px;
top:2.8px;
font-size:18px;
}

#home_section_2_left .article_header{margin-bottom:15px;}


#match_table_area_1 .match_table_area_date_header button{
transform:scale(1.04);
}

#match_table_area_1 .match_table_area_date_header button:nth-of-type(1){margin-left:18px;padding-top:1px;}
#match_table_area_1 .match_table_area_date_header button:nth-of-type(4){margin-right:18px;padding-right:0.5px;}

.match_item.item_1{
min-height:60px;
}

#match_table_area_1 .match_table_area_date_header i.ionicons-tv-outline:after{
margin-top:9.5px;
}


#match_table_area_1 .match_table_area_note[type="note1"]{height:190px;}

#match_table_area_1 .match_table_area_note[type='note2']{padding:29px 0 24px;}






}

/*============================================================================*/
/*========================  Medium and Large screens  ========================*/
/*============================================================================*/

@media only screen and (min-width:769px){

main{
max-width:1200px;
margin-right:auto;
margin-left:auto;
}

#home_ads_1,#home_ads_2,#home_ads_3{
height:90px;
width:970px;
max-width:100%;
}



}

/*============================================================================*/
/*=============================  Medium screens  =============================*/
/*============================================================================*/

@media screen and (min-width:769px) and (max-width:992px){

#home_section_4 article:nth-of-type(2){grid-template-columns:1fr 1fr;}

.post_item.item_3 .post_image{height:170px!important;}


}

/*============================================================================*/
/*==============================  Large screens  =============================*/
/*============================================================================*/

@media only screen and (min-width:993px){

#home_section_4 article:nth-of-type(2){grid-template-columns:1fr 1fr 1fr;}

#home_section_2 .post_item.item_3 .post_title{
padding-bottom:15px;
}

.match_item.item_1[live="1"] .match_item_info .rcicon:before{
margin:1px 2px 0 0;
width:8px;
height:10px;
}





}