.elementor-3705 .elementor-element.elementor-element-e6e879b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3705 .elementor-element.elementor-element-005c075{--display:flex;}.elementor-3705 .elementor-element.elementor-element-005c075.e-con{--order:99999 /* order end hack */;}.elementor-3705 .elementor-element.elementor-element-58b4768.elementor-element{--align-self:center;}.elementor-3705 .elementor-element.elementor-element-499ac96{--display:flex;--min-height:112px;--justify-content:center;}.elementor-3705 .elementor-element.elementor-element-499ac96:not(.elementor-motion-effects-element-type-background), .elementor-3705 .elementor-element.elementor-element-499ac96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3705 .elementor-element.elementor-element-46a6e87 .elementor-heading-title{font-family:var( --e-global-typography-7fbc717-font-family ), Sans-serif;font-size:var( --e-global-typography-7fbc717-font-size );font-weight:var( --e-global-typography-7fbc717-font-weight );}.elementor-3705 .elementor-element.elementor-element-e48fdfd > .elementor-widget-container{margin:-11px 0px 0px 0px;}.elementor-3705 .elementor-element.elementor-element-e48fdfd{text-align:center;}.elementor-3705 .elementor-element.elementor-element-e48fdfd .elementor-heading-title{font-family:var( --e-global-typography-fef243e-font-family ), Sans-serif;font-size:var( --e-global-typography-fef243e-font-size );}.elementor-3705 .elementor-element.elementor-element-db9a26c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3705 .elementor-element.elementor-element-2099fd2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3705 .elementor-element.elementor-element-a6d3b39{--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-3705 .elementor-element.elementor-element-a6d3b39 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-3705 .elementor-element.elementor-element-a6d3b39 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-3705 .elementor-element.elementor-element-a6d3b39 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3705 .elementor-element.elementor-element-a6d3b39 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3705 .elementor-element.elementor-element-a6d3b39 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-3705 .elementor-element.elementor-element-5896b4e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3705 .elementor-element.elementor-element-de7e8d6{--display:flex;}.elementor-3705 .elementor-element.elementor-element-76926ba{--display:flex;}.elementor-3705 .elementor-element.elementor-element-9a15208{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3705 .elementor-element.elementor-element-76ecd52{--display:flex;}.elementor-3705 .elementor-element.elementor-element-3c1f7f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3705 .elementor-element.elementor-element-c8352df{--display:flex;--min-height:112px;--justify-content:center;}.elementor-3705 .elementor-element.elementor-element-c8352df:not(.elementor-motion-effects-element-type-background), .elementor-3705 .elementor-element.elementor-element-c8352df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3705 .elementor-element.elementor-element-8f4ff8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3705 .elementor-element.elementor-element-f6b1007{--display:flex;--min-height:112px;--justify-content:center;}.elementor-3705 .elementor-element.elementor-element-f6b1007:not(.elementor-motion-effects-element-type-background), .elementor-3705 .elementor-element.elementor-element-f6b1007 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-3705 .elementor-element.elementor-element-46a6e87 .elementor-heading-title{font-size:var( --e-global-typography-7fbc717-font-size );}.elementor-3705 .elementor-element.elementor-element-e48fdfd .elementor-heading-title{font-size:var( --e-global-typography-fef243e-font-size );}}@media(max-width:767px){.elementor-3705 .elementor-element.elementor-element-46a6e87 .elementor-heading-title{font-size:var( --e-global-typography-7fbc717-font-size );}.elementor-3705 .elementor-element.elementor-element-e48fdfd .elementor-heading-title{font-size:var( --e-global-typography-fef243e-font-size );}}/* Start custom CSS for html, class: .elementor-element-58b4768 */body{
font-family: Arial;
background:#f4f4f4;
margin:0;
padding:0px;
}

.match-container{
display:flex;
gap:20px;
flex-wrap:wrap;
}

.match-card{
background:white;
width:260px;
padding:20px;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
transition:0.3s;
}

.match-card:hover{
transform:translateY(-5px);
}

.match-header{
font-size:14px;
font-weight:bold;
margin-bottom:15px;
display:flex;
align-items:center;
gap:8px;
}

.live-dot{
width:8px;
height:8px;
background:red;
border-radius:50%;
display:inline-block;
}

.teams{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}

.team{
display:flex;
align-items:center;
gap:5px;
font-weight:bold;
}

.score{
font-size:18px;
font-weight:bold;
color:#333;
}

.score span{
font-size:12px;
color:#777;
}

.match-info{
font-size:13px;
color:#666;
margin-top:10px;
}

.live{
border-top:4px solid red;
}

.result{
border-top:4px solid green;
}/* End custom CSS */