.section_live_fixtures {
    box-sizing: border-box;
    background-color: #f2f6fa;
    margin: 1rem 0;
    padding: 1rem 0;
    max-width: 100%;
}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}
.wgs-container {
    max-width: 1400px;
    margin: 0 auto;
}
.lf_row {
    display: flex;
}
.lf_column {
    box-sizing: border-box;
    padding: 0 12px;
}
.lf_column.col_left {
    width: 250px;
}
.lf_column.col_right {
    width: calc(100% - 250px);
}
.filter-type-list {
    margin-bottom: 8px;
}
.live-types {
    box-sizing: border-box;
    background: #fff;
    padding: 6px 10px;
    text-align: left;
}
.live-types .type-item {
    box-sizing: border-box;
	color: #0255a5;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	height: 40px;
	min-width: 110px;
    padding-left: 8px;
    padding-right: 8px;
	font-weight: 900;
	font-size: 15px;
	border-radius: 4px;
	gap: 5px;
}
.live-types .type-item.active {
	pointer-events: none;
	background: #de0e3f;
	color: #fff !important;
}
.live-types .type-item .icon {
	background-color: #0255a5;
	mask-size: contain;
	height: 18px;
	width: 18px;
}
.live-types .type-all .icon {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-medal-icon lucide-medal'%3E%3Cpath d='M7.21 15 2.66 7.14a2 2 0 0 1 .13-2.2L4.4 2.8A2 2 0 0 1 6 2h12a2 2 0 0 1 1.6.8l1.6 2.14a2 2 0 0 1 .14 2.2L16.79 15'/%3E%3Cpath d='M11 12 5.12 2.2'/%3E%3Cpath d='m13 12 5.88-9.8'/%3E%3Cpath d='M8 7h8'/%3E%3Ccircle cx='12' cy='17' r='5'/%3E%3Cpath d='M12 18v-2h-.5'/%3E%3C/svg%3E");
}
.live-types .type-football .icon {
	mask-image: url(/wp-content/plugins/wp-giovang-shortcode/assets/images/icon-football.svg);
}
.live-types .type-basketball .icon {
	mask-image: url(/wp-content/plugins/wp-giovang-shortcode/assets/images/icon-basketball.svg);
}
.live-types .type-esports .icon {
	mask-image: url(/wp-content/plugins/wp-giovang-shortcode/assets/images/icon-esports.svg);
}
.live-types .type-bongchuyen .icon {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-volleyball-icon lucide-volleyball'%3E%3Cpath d='M11.1 7.1a16.55 16.55 0 0 1 10.9 4'/%3E%3Cpath d='M12 12a12.6 12.6 0 0 1-8.7 5'/%3E%3Cpath d='M16.8 13.6a16.55 16.55 0 0 1-9 7.5'/%3E%3Cpath d='M20.7 17a12.8 12.8 0 0 0-8.7-5 13.3 13.3 0 0 1 0-10'/%3E%3Cpath d='M6.3 3.8a16.55 16.55 0 0 0 1.9 11.5'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
}
.live-types .type-tennis .icon {
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4176 3.40703C10.7669 3.32418 9.12748 3.72118 7.69755 4.55004C6.26476 5.37378 5.1012 6.59481 4.34746 8.0656C4.68693 8.28322 5.15197 8.60874 5.68861 9.05888C6.78236 9.97776 8.17188 11.4165 9.38096 13.5119C10.591 15.6064 11.1425 17.5297 11.3908 18.9368C11.5127 19.6251 11.562 20.1915 11.5806 20.5942C13.2314 20.6767 14.8708 20.2794 16.3006 19.4502C17.7337 18.6266 18.8976 17.4056 19.6516 15.9347C19.1838 15.6326 18.7358 15.3008 18.3105 14.9414C17.2158 14.0234 15.8272 12.5837 14.6172 10.4893C13.4081 8.3939 12.8557 6.47151 12.6083 5.06436C12.5096 4.51623 12.4463 3.96234 12.4185 3.4061M13.8276 3.5921C13.8508 3.91762 13.8964 4.33335 13.982 4.82069C14.2071 6.09484 14.7102 7.8582 15.8263 9.79082C16.9424 11.7225 18.2175 13.0404 19.208 13.8728C19.5875 14.1908 19.9241 14.4382 20.1939 14.6205C20.5609 13.4789 20.6845 12.2729 20.5565 11.0806C20.4285 9.88821 20.0518 8.73596 19.4507 7.69823C18.8522 6.65918 18.0425 5.75705 17.074 5.04999C16.1055 4.34293 14.9996 3.84568 13.8276 3.5921ZM10.1724 20.4072C10.1501 20.0817 10.1045 19.6669 10.0181 19.1796C9.79298 17.9054 9.28981 16.1411 8.17467 14.2094C7.05859 12.2768 5.78255 10.9589 4.79203 10.1266C4.41257 9.80849 4.07588 9.56203 3.80617 9.37974C3.43981 10.5215 3.31674 11.7274 3.4449 12.9197C3.57305 14.112 3.94958 15.2642 4.55022 16.302C5.14869 17.341 5.95817 18.243 6.92651 18.9501C7.89485 19.6572 9.00057 20.1535 10.1724 20.4072ZM7.00093 3.34099C8.87323 2.25616 11.0481 1.81114 13.1961 2.07335C14.7374 2.25841 16.2144 2.80018 17.5099 3.65565C18.8053 4.51113 19.8835 5.65676 20.6589 7.00163C21.4358 8.34552 21.8888 9.85198 21.982 11.4015C22.0752 12.951 21.8059 14.5009 21.1955 15.9282C20.3484 17.9195 18.8751 19.5805 16.9991 20.6593C12.2176 23.4196 6.10249 21.7809 3.34206 16.9996C0.57978 12.2173 2.21855 6.10228 7 3.34192' fill='black'/%3E%3C/svg%3E");
}
.live-types .type-item.active .icon {
	background-color: #fff !important;
}
.live-types .type-item:hover {
	background: #0255a5;
	color: #fff !important;
}
.live-types .type-item:hover .icon {
	background-color: #fff !important;
}
.nav-live-types {
    box-sizing: border-box;
    background: #f4f5f8;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    padding: 4px;
    gap: 4px;
}
.bg-homepage-fixtures {
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
}
.box-section-title-home {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    width: 100%;
    padding: 0 10px;
}
.section-title-home {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1150' height='28' viewBox='0 0 1150 28' fill='none'%3E%3Cpath d='M0 2C0 0.895431 0.895431 0 2 0H1138.59C1139.44 0 1140.19 0.531341 1140.47 1.32733L1149.05 25.3273C1149.51 26.6298 1148.55 28 1147.16 28H2.00002C0.895446 28 0 27.1046 0 26V2Z' fill='%230E5EFF'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: cover;
    box-sizing: border-box;
	width: 100%;
	height: 28px;
	margin: 0;
	background-position: right;
	text-align: left;
	color: #f2f6fa !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	padding: 4px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-transform: uppercase;
}
.box-toggleGroup {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='28' viewBox='0 0 43 28' fill='none'%3E%3Cpath d='M1.01334 2.70228C0.52303 1.39478 1.48959 3.71342e-05 2.886 3.55143e-05L32.0906 1.63504e-06C32.9358 6.54523e-07 33.6898 0.531342 33.974 1.32733L42.5455 25.3274C43.0107 26.6298 42.0451 28 40.662 28H11.886C11.0523 28 10.3061 27.4829 10.0133 26.7023L1.01334 2.70228Z' fill='%23E91E12'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
	width: 43px;
	height: 28px;
}
.row-list-fixtures {
    display: flex;
    flex-wrap: wrap;
}
.col_fixtures {
    box-sizing: border-box;
    position: relative;
    padding: 0 10px;
    margin-bottom: 16px;
    width: 50%;
}
.item-match-live {
    box-sizing: border-box;
	border-radius: 4px;
	background: #e8edf6;
	max-width: unset;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 24px 13.5px 16px 14px;
	background:
		radial-gradient(circle at 100% 100%, transparent 0, transparent 4px, transparent 4px) 0% 0%/5px 5px no-repeat,
		radial-gradient(circle at 0 100%, transparent 0, transparent 4px, transparent 4px) 100% 0%/5px 5px no-repeat,
		radial-gradient(circle at 100% 0, transparent 0, transparent 4px, transparent 4px) 0% 100%/5px 5px no-repeat,
		radial-gradient(circle at 0 0, transparent 0, transparent 4px, transparent 4px) 100% 100%/5px 5px no-repeat,
		linear-gradient(transparent, transparent) 50% 50% / calc(100% - 2px) calc(100% - 10px) no-repeat,
		linear-gradient(transparent, transparent) 50% 50% / calc(100% - 10px) calc(100% - 2px) no-repeat,
		linear-gradient(rgba(0, 85, 166, 0.09) 0%, #0055a6 60%);
	transition: all 0.3s;
	position: relative;
	z-index: 1;
}
.item-match-live > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.box-updated .box-item-live {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 16px;
    position: relative;
    background: transparent;
    border-radius: 4px;
    padding: 2px;
    padding-top: 0;
    box-sizing: border-box;
}
.box-updated .box-item-live:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(/wp-content/plugins/wp-giovang-shortcode/assets/images/match-live-active-bg.webp) center no-repeat;
    background-size: 100% 100%;
    filter: brightness(0.8);
    transition: 0.3s;
}
.item-match-live:after {
    content: "";
    background: #e8edf6;
    z-index: -1;
    position: absolute;
    left: 1px;
    top: 1px;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    border-radius: 4px;
}
.box-top-item {
    display: flex;
    width: 100%;
    align-items: center;
}
.box-hot-item {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: max-content;
}
.box-leagues {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 6px 10px 3px 12px;
    color: #4b4f59;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    gap: 6px;
    background: linear-gradient(45deg, #fff 0%, #fff calc(100% - 18px), #e8edf6 calc(100% - 18px), #e8edf6 100%);
    border-top-left-radius: 4px;
    position: relative;
    height: 27px;
    width: 178px;
}
.name-leagues {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.box-updated .box-hot-item {
    transform: translateY(-22px);
}
.box-updated .box-leagues {
    background: transparent;
    color: #fff;
    width: 160px;
}
.box-time {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 27px;
    border-bottom: 1px solid #a7c6e6;
    z-index: 1;
    border-color: transparent;
    padding: 0 20px;
    transform: translateY(6px);
    width: calc(100% - 160px - 160px);
}
.box-updated .box-time {
    box-sizing: border-box;
    border-color: transparent;
    padding: 0 20px;
    transform: translateY(6px);
    width: calc(100% - 160px - 160px);
}
.box-time.giuahiep {
    justify-content: center;
}
.title-time.notstart {
    color: #0155a5;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.box-start-match {
    box-sizing: border-box;
    color: #0055a6;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    width: 178px;
    background: linear-gradient(315deg, #fff 0%, #fff calc(100% - 18px), #e8edf6 calc(100% - 18px), #e8edf6 100%);
    padding-left: 12px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 3px;
    position: relative;
}
.box-updated .box-start-match {
    box-sizing: border-box;
    background: transparent;
    color: #fff;
    padding-right: 0;
    width: 160px;
}
.box-updated.is-basketball .box-time,
.box-updated.is-esport .box-time {
	visibility: hidden;
}
.title-time {
    color: #999;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
.livebox .title-time {
    color: #0162c0;
}
.process-time {
    flex: auto;
    height: 8px;
    background: #d0deed;
    border-radius: 999px;
}
.bg-line-live {
    background: linear-gradient(91deg, #fd3900 0%, #de0e3e 50%, #ffdc14 100%);
    height: 100%;
    border-radius: 999px;
}
.livebox .time {
    color: #de0e3e;
}
.time {
    color: #999;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
.box-hot-item img {
    object-fit: contain;
    width: 36px;
    height: 27px;
    z-index: 2;
}
span.hot-class-item {
    color: #0a345a;
    text-align: right;
    font-size: 16px;
    font-weight: 900;
    line-height: 16px;
}
span.match-class-item {
    color: #eb1333;
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}
.box-match-information {
    box-sizing: border-box;
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: center;
    background: #fff;
    color: #4b4f59;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    padding: 12px 22px;
}
.box-updated .box-match-information {
    box-sizing: border-box;
    background: transparent;
    color: #fff;
    padding: 18px 12px 8px 12px;
    position: relative;
}
.match-information {
    display: flex;
    width: 100%;
    gap: 16px;
    align-items: center;
}
.home-box, .away-box {
    display: flex;
    align-items: center;
    gap: 6px;
    width: calc(100% / 2 - 50px - 16px);
}
.result-box {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 18px;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #0a3467;
    padding: 6px;
    position: relative;
    z-index: 1;
}
.result-box {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #0a3467;
    padding: 6px;
    background: radial-gradient(circle at 100% 100%, transparent 0, transparent 3px, transparent 3px) 0% 0% / 4px 4px no-repeat, radial-gradient(circle at 0 100%, transparent 0, transparent 3px, transparent 3px) 100% 0% / 4px 4px no-repeat, radial-gradient(circle at 100% 0, transparent 0, transparent 3px, transparent 3px) 0% 100% / 4px 4px no-repeat, radial-gradient(circle at 0 0, transparent 0, transparent 3px, transparent 3px) 100% 100% / 4px 4px no-repeat, linear-gradient(transparent, transparent) 50% 50% / calc(100% - 2px) calc(100% - 8px) no-repeat, linear-gradient(transparent, transparent) 50% 50% / calc(100% - 8px) calc(100% - 2px) no-repeat, linear-gradient(#0a3467 0%, #0069cd 45%);
    position: relative;
    z-index: 1;
}
.result-box:after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 1px;
    top: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: linear-gradient(0deg, #0a3467 0%, #0069cd 100%);
    border-radius: 2px;
}
.livebox .result-box {
    border: 1px solid #fd1e66;
    color: #fff;
    background: linear-gradient(180deg, #fd1e66 0%, #97123d 100%);
}
.livebox .result-box:after {
    background: transparent;
}
.name-team {
    width: calc(100% - 39px - 6px);
}
.name-team {
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
}
.match-information img {
    object-fit: contain;
}
.home-box > * {
    text-align: right;
}
.box-commentator {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 8px;
}
.box-commentator .blv-wrap {
    display: flex;
    position: relative;
    gap: 4px;
}
.blvitem {
    position: relative;
    z-index: 12;
}
.blvitem > a {
    display: flex;
}
.blvitem img {
    transition: 0.3s;
    border-radius: 50%;
    object-fit: cover;
}
.blvitem .tooltip {
    font-family: inherit;
    transform: translateX(-50%);
    white-space: nowrap;
    pointer-events: none;
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: 14px;
    word-wrap: break-word;
    opacity: 0;
}
.blvitem .tooltip .tooltip-inner {
    box-sizing: border-box;
    white-space: nowrap;
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
}
.blvitem:hover img {
    filter: brightness(1.25);
}
.blvitem:hover .tooltip {
    opacity: 1;
    top: -32px;
    left: 50%;
}
.name-commentator {
    color: #4b4f59;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    width: max-content;
    display: flex;
    align-items: center;
    gap: 5px;
}
.name-commentator img {
    object-fit: cover;
    height: 28px;
    width: 28px;
    border-radius: 50%;
}
.box-ht-sandau {
    color: #999;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    gap: 4px;
    display: flex;
    align-items: center;
    width: max-content;
    justify-content: center;
}
.icon-sandau {
    display: flex;
}
.btn-cuocngay {
    box-sizing: border-box;
    border-radius: 5px;
    background: linear-gradient(0deg, #0a3467 0%, #0069cd 100%);
    display: flex;
    width: 250px;
    height: 30px;
    padding: 3px 10px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    position: relative;
    z-index: 3;
    text-decoration: none;
}
.btn-cuocngay img {
    object-fit: contain;
}
.btn-cuocngay:hover {
    background: var(--Style, linear-gradient(0deg, #e91e12 0%, #c32319 100%));
}
.box-odds-match {
    display: flex;
    width: 100%;
    column-gap: 21px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}
.box-odds-match .title-odds {
    box-sizing: border-box;
    cursor: pointer;
    color: #999;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    width: calc(100% - 250px - 21px);
    border-radius: 4px;
    background: #fff;
    padding: 3.5px 8px 2.5px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transition: 0.3s;
    z-index: 2;
    height: 31px;
    text-decoration: none;
}
.box-odds-match .title-odds:hover {
    background: #de0e3e;
    color: #fff;
}
.btn-view-match {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    width: 250px;
    height: 31px;
    position: relative;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #c7def5;
    color: #007bf1;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    z-index: 2;
    transition: all 0.35s;
    text-decoration: none;
}
a.btn-view-match:hover {
    box-shadow: inset 0 1.5em 0em 0em #064a92, inset 0 -1.5em 0em 0em #064a92;
    color: #fff;
}
path.football-icon {
	transition: transform 0.4s ease-in-out;
}
a.btn-view-match:hover path.football-icon {
	transform: rotate(360deg);
}
.not-match-item {
    text-align: center;
    font-size: 18px;
    margin: 10px 0;
}
.not-match-item p {
    margin: 0;
}
.readmore-livestream {
    border-radius: 5px;
    border: 1px solid rgba(27, 27, 31, 0);
    background-color: #0055a6;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 1.5rem;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    transition: 0.3s;
    width: calc(100% - 20px);
}
.readmore-livestream:hover {
    background-color: #de0e3f;
}
.search-filter {
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 4px 12.6px 0px rgba(15, 132, 209, 0.25);
    display: flex;
    padding: 14px 10px;
    align-items: center;
}
.search-filter input {
    background-color: transparent;
    font-family: inherit;
    border: 0;
    box-shadow: unset;
    outline: unset;
    color: #454444;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    width: 100%;
}
.filter-name-title {
    color: #454444;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 12px;
    gap: 10px;
}
.filterBoxApp .filter-league,
.filterCommentatorApp .filter-league {
    box-sizing: border-box;
    background: #fff;
    display: flex;
    padding: 16px 10px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-direction: column;
    border-radius: 8px;
}
.filterCommentatorApp .item-box-leagues-filter {
    box-sizing: border-box;
    padding: 5px 10px;
}
.box-filtler-homepage {
    gap: 15px;
    display: flex;
    flex-direction: column;
}
.box-filtler-homepage label {
    color: #454444;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    position: relative;
    cursor: pointer;
}
.item-box-leagues-filter {
    box-sizing: border-box;
    width: 100%;
    padding: 16px 10px;
}
.filterBoxApp .filter-league {
    box-sizing: border-box;
    padding-top: 4px;
    padding-bottom: 10px;
}
.item-box-leagues-filter input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.item-box-leagues-filter label span {
    display: flex;
    align-items: center;
    gap: 4px;
    width: calc(100% - 25px);
}
.box-filtler-homepage label img {
    object-fit: contain;
    height: 20px;
    width: 20px;
}
.box-filtler-homepage label[for^="blv-"] > span {
    display: flex;
    align-items: center;
    gap: 10px;
}
.box-filtler-homepage label[for^="blv-"] img {
    height: 48px;
    width: 48px;
    border-radius: 50%;
}
.item-box-leagues-filter .checkbox__checkmark {
    position: absolute;
    top: 1px;
    right: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    transition: background-color 0.25s ease;
    border-radius: 11px;
}
.filterCommentatorApp .item-box-leagues-filter .checkbox__checkmark {
    top: 12px;
}
.item-box-leagues-filter label:hover .checkbox__checkmark,
.item-box-leagues-filter input:checked ~ .checkbox__checkmark {
	background-color: #0055a6;
}
.item-box-leagues-filter input:checked ~ .checkbox__checkmark:after,
.item-box-leagues-filter label:hover .checkbox__checkmark:after {
	opacity: 1;
}
.item-box-leagues-filter input:checked ~ .checkbox__checkmark:before,
.item-box-leagues-filter label:hover .checkbox__checkmark:before {
	opacity: 0;
}
.checkbox__checkmark:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 45%;
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: translate(-50%, -50%) rotate(45deg);
	opacity: 0;
	transition: opacity 0.25s ease;
}
.checkbox__checkmark:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 45%;
	width: 5px;
	height: 10px;
	border: solid #ababab;
	border-width: 0 2px 2px 0;
	transform: translate(-50%, -50%) rotate(45deg);
	opacity: 1;
	transition: opacity 0.25s ease;
}
button.btn-show-more {
    cursor: pointer;
    font-family: inherit;
    box-sizing: border-box;
	width: 100%;
	border-radius: 4px;
	background: #d8e2e5;
	padding: 8px 0px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	display: flex;
	border: 0;
	color: #454444;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}

@media (max-width: 767px) {
    .match-information {
        gap: 8px;
    }
    .section_live_fixtures {
        background-color: transparent;
    }
    .lf_column.col_left {
        display: none;
        width: 100%;
    }
    .lf_column.col_right {
        padding: 0;
        width: 100%;
    }
    .col_fixtures {
        padding: 0;
        width: 100%;
    }
    .live-types {
        padding-left: 0;
        padding-right: 0;
    }
    .bg-homepage-fixtures {
        padding: 0;
    }
    .box-section-title-home {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 8px;
    }
    .box-commentator {
        margin-bottom: 4px;
    }
    .nav-live-types {
        overflow-x: auto;
        width: 100%;
    }
    .live-types .type-item {
        font-size: 14px;
        height: 36px;
        min-width: auto;
        width: max-content;
        white-space: nowrap;
    }
    .live-types .type-item .icon {
        height: 15px;
        width: 15px;
    }
    .item-match-live {
        padding: 24px 8px 6px 8px;
    }
    .box-odds-match {
        column-gap: 12px;
    }
    .box-odds-match .title-odds {
        width: calc(100% - 174px - 12px);
        font-size: 10px;
        height: 24px;
    }
    .btn-view-match {
        font-size: 10px;
        width: 174px;
        padding: 2px;
        height: 24px;
    }
    .box-updated .box-leagues {
        font-size: 11px;
        padding-left: 4px;
        width: 120px;
    }
    .box-updated .box-time {
        padding: 0 0 0 16px;
        width: calc(100% - 120px - 120px);
    }
    .box-updated .box-start-match {
        font-size: 11px;
        width: 120px;
        text-align: right;
        padding-right: 4px;
    }
    .box-updated .box-match-information {
        padding: 18px 4px 8px 4px;
    }
    .result-box {
        gap: 6px;
        font-size: 18px;
        width: 66px;
    }
    .name-team {
        font-size: 11px;
    }
    .home-box {
        justify-content: flex-end;
    }
    .home-box, .away-box {
        gap: 3px;
        width: calc(50% - 33px - 8px);
    }
    .home-box img, .away-box img {
        height: 24px;
        width: 24px;
        object-fit: contain;
    }
    .box-ht-sandau {
        display: none;
    }
    .btn-cuocngay {
        gap: 0;
        font-size: 10px;
        width: 174px;
        padding: 2px;
        height: 24px;
    }
    .btn-cuocngay img {
        height: 10px;
        width: 58px;
    }
    .name-commentator {
        font-size: 10px;
    }
    .title-time.notstart {
        font-size: 14px;
    }
    .title-time.notstart img {
        height: 14px;
        width: auto;
    }
}