@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:#0d6efd;
--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;}


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;}



.post_item.item_1{
overflow:hidden;
}


.post_item.item_1 .post_image{
object-fit:cover;
object-position:center;
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{
overflow:hidden;
position:relative;
}

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

.post_item.item_2 .post_title{
width:-webkit-fill-available;
color:#fff;
margin:0;
padding:0 10px 9px;
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{
overflow:hidden;
position:relative;
}


.post_item.item_3 .post_image{
object-fit:cover;
object-position:center;
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 8px;
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;
}

.post_item.item_4{
overflow:hidden;
}

.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{
position:relative;
overflow:hidden;
}

.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 .d-grid .row .col-12:nth-of-type(2){
border-block:1px solid #efefef;

}








.match_table_area_ul{
overflow:hidden;
}

.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_ol img{
max-height:25px;
width:25px;
margin:7px 9px 0 8px;
}

.match_table_area_ol p{
font-size:13px;
font-family: 'Almarai';
font-weight:bold;
letter-spacing:0.4px;
line-height:15px;
white-space:pre;
height:auto;
padding:5.5px 0 6px 6px;
margin:0;
color:#000;
display:flex;
align-items:center;
}

.match_table_area_ol p span{
font-size:11.5px;
}

.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;
}

.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{
width:29px;
height:29px;
object-fit:contain;
}

.match_item.item_1 .match_item_team p{
width:-webkit-fill-available;
font-size:12.3px;
font-family: 'Almarai';
font-weight:bold;
transform: scaleY(1.05);
letter-spacing:0.6px;
line-height:16px;
white-space:normal;
height:auto;
padding-inline:10px;
padding-block:7px 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;
display:flex;
justify-content:center;
align-items:center;
}

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

.match_item.item_1 .match_item_info_p1[type="result"]{
position:relative;
font-weight:bold;
margin:0;
font-size:13.5px;
color:var(--rose_color);
letter-spacing:0;
}


.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{

flex-direction:column;
flex-basis:max-content;

}

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

.match_item.item_1[live="1"] .match_item_team p{

text-align:center;
}




















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

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

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



}

/*============================================================================*/
/*========================  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){





}

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

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





}