@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Noto+Serif+Bengali&family=Pacifico&family=Rubik:wght@700&display=swap');
body{
    margin: 0px;
    padding:0px;
}
.youtube{
    margin: 0px;
    padding: 0px;
}
.full{
    width: 100%;
    background-color: white;
    box-sizing: border-box;
    margin-top: -6px;
}
.top_head{
    width: 100%;
    height: 40px;
    background-color: #012e1f;
    line-height: 40px;
    box-sizing: border-box;
}
.bam{
    width: 50%;
    height: 40px;
    float: left;
}
.dan{
    width: 50%;
    height: 40px;
    float: left;
    text-align: right;
}
.mrq{
    height: 35px;
    width: 100%;
    box-sizing: border-box;
}
.mrquee{
    height: 35px;
    width: 50%;
    margin: auto;
    line-height: 33px;
    font-size: 1rem;
    background-color: #012e1f;
    -webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
    clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
    padding: 0px 25px 0px 25px;
    font-family: 'Ubuntu', sans-serif;
}
/* team card and vs starts */
.team{
    height: 100px;
    width: 100%;
}
.lteam{
    padding-top: 5px;
    width: 30%;
    height: 85px;
    float: left;
    margin: auto;
    overflow: hidden;
}
.lteam img{
    height: 60px;
    width: 60px;
}
.cercale{
    height: 60px;
    width: 60px;
    margin: auto;
    -webkit-clip-path: circle(50.0% at 50% 50%);
    clip-path: circle(50.0% at 50% 50%);
    overflow: hidden;
    box-sizing: border-box;
}
.cercale_vs{
    height: 78px;
    width: 78px;
    margin: auto;
    -webkit-clip-path: circle(50.0% at 50% 50%);
    clip-path: circle(50.0% at 50% 50%);
    overflow: hidden;
    box-sizing: border-box;
}
.vs{
    padding-top: 5px;
    width: 40%;
    height: 78px;
    float: left;
}
.vs h1{
    font-size: 5rem;
    text-align: center !important;
}
.rteam{
    padding-top: 5px;
    width: 30%;
    height: 85px;
    float: left;
    overflow: hidden;
}
.rteam img{
    height: 60px;
    width: 60px;
}
/* team card and vs end */


/* team name start */
.dol_name{
    width: 100%;
    height: 30px;
    font-family: 'Rubik', sans-serif;
}
.bam_dol{
    width: 30%;
    float: left;
    height: 30px;
    line-height: 10px;
}
.faka{
    width: 40%;
    float: left;
    height: 30px;
    line-height: 30px;
}
.dan_dol{
    width: 30%;
    float: left;
    height: 30px;
    line-height: 10px;
}
/* team name end */
@media screen and (max-width: 667px) and (min-width: 310px) {
    .full{
        width: 100%;
        background-color: white;
        margin-top: 20px;
        margin-bottom: 20px;
        box-sizing: border-box;
        overflow: hidden;
        margin-top: -6px;
		margin-bottom: 0px;
    }
    .top_head{
        width: 100%;
        height: 38px;
        background-color: #012e1f;
        font-family: sans-serif;
        font-size: 13px;
    }
    .bam{
        width: 50%;
        height: 38px;
        float: left;
        line-height: 38px;
    }
    .dan{
        width: 50%;
        height: 38px;
        float: left;
        line-height: 38px;
        text-align: right;
    }
    .mrq{
        height: 35px;
        width: 100%;
        box-sizing: border-box;
    }
    .mrquee{
        height: 35px;
        width: 200px;
        margin: auto;
        line-height: 33px;
        font-size: 1rem;
        background-color: #012e1f;
        -webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 11% 100%);
        clip-path: polygon(0 0, 100% 0, 89% 100%, 11% 100%);
        padding: 0px 25px 0px 25px;
        font-family: 'Rubik', sans-serif;
        font-style: italic;
        font-weight: 700;
        color: white !important;
    }
    .team{
        height: 100px;
        width: 100%;
    }
    .lteam{
        padding-top: 5px;
        width: 30%;
        height: 85px;
        float: left;
        margin: auto;
        overflow: hidden;
    }
    .lteam img{
        height: 60px;
        width: 60px;
    }
    .cercale{
        height: 60px;
        width: 60px;
        margin: auto;
        -webkit-clip-path: circle(50.0% at 50% 50%);
        clip-path: circle(50.0% at 50% 50%);
        overflow: hidden;
        box-sizing: border-box;
    }
    .cercale_vs{
        height: 78px;
        width: 78px;
        margin: auto;
        -webkit-clip-path: circle(50.0% at 50% 50%);
        clip-path: circle(50.0% at 50% 50%);
        overflow: hidden;
        box-sizing: border-box;
    }
    .vs{
        padding-top: 5px;
        width: 40%;
        height: 78px;
        float: left;
    }
    .vs h1{
        font-size: 5rem;
        text-align: center !important;
    }
    .rteam{
        padding-top: 5px;
        width: 30%;
        height: 85px;
        float: left;
        overflow: hidden;
    }
    .rteam img{
        height: 60px;
        width: 60px;
    }
    .dol_name{
        width: 100%;
        height: 30px;
        box-sizing: border-box;
        font-family: 'Rubik', sans-serif;
    }
    .bam_dol{
        width: 30%;
        height: 30px;
        float: left;
        padding-left: 5px;
        line-height: 30px;
    }
    .faka{
        width: 40%;
        height: 30px;
        float: left;
    }
    .bam_dol p{
        font-size: 13px;
        line-height: 10px;
        text-align: center;
    }
    .dan_dol p{
        font-size: 13px;
        line-height: 10px;
        text-align: center;
    }
    .dan_dol{
        width: 30%;
        height: 30px;
        float: left;
        padding-right: 5px;
    }
}

/* Score Update start */
.score_update{
    width: 100%;
    height: 22px;
    /* line-height: 50px; */
    background-color: #012e1f;
}
/* Score Update start */