.ipl-page-title{
	color:#FFF!important
}


/* Horizontal scrollbar - Chrome, Edge, Safari */
.ipl-playoffs-wrapper::-webkit-scrollbar {
    height: 12px; /* horizontal scrollbar height */
}

.ipl-playoffs-wrapper::-webkit-scrollbar-track {
    background-color: #6878E4;
    background-image: -webkit-linear-gradient(
        45deg,
        #FACB81 25%,
        transparent 25%,
        transparent 50%,
        #FACB81 50%,
        #FACB81 75%,
        transparent 75%,
        #FACB81
    );
    border-radius: 22px;
}

.ipl-playoffs-wrapper::-webkit-scrollbar-thumb {
    background-color: #FACB81;
    border-radius: 22px;
    border: 3px solid #6878E4;
}

.ipl-playoffs-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #FFD88C;
}

/* Firefox horizontal scrollbar */
.ipl-playoffs-wrapper {
    scrollbar-width: thin;
    scrollbar-color: #FACB81 #6878E4;
    overflow-x: auto; /* ensure horizontal scroll */
}


.playoffs-select-text-box{
	color:#FFF;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEyIDEzLjE3bDQuOTUtNC45NSAxLjQxNCAxLjQxNEwxMiAxNiA1LjYzNiA5LjYzNiA3LjA1IDguMjJ6IiBmaWxsPSIjRkZGRkZGIi8+PC9zdmc+") !important 
}



.ipl-playoffs-wrapper{
	overflow-x:auto;
	    background: #1d2f5c;
    padding: 20px 59px;
	margin-bottom:30px
}

.winner-label{
	margin-left: 5px;
    color: #c8ab13;
    position: absolute;
    top: 50%;
    left: 239px;
    width: 200px;
    transform: translateY(-50%);
}

.playoffs-grid {
    display: flex;
	width:1056px;
	align-items: center;
}

/* .playoffs-grid .column {
    display: flex;
    flex-direction: column;
    gap: 20px; 
	justify-content: center;
} */

.playoffs-grid .column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    margin-right: 120px;
}

.playoffs-grid .column:last-of-type{
	margin-right:70px
}

.ipl-playoff-form{
	display:flex;
	gap:10px;
	margin-bottom:30px!important
}

.team-logo-ipl{
	height:40px!important
}

.teams-1{
	display: flex;
    flex-direction: row;
    align-items: center;
	gap:5px;
	height:100%;
	padding-inline: 5px;
}

.teams-1 h4{
	font-size:16px;
	color:#FFF
}

.match-type-title{
	font-size:18px;
	font-weight:600;
	margin:0;
	color:#000!important
}

.stadium-name p{
	font-size:12px;
	color:#ef4123;
	line-height: 11px;
}

.quali-title-stadium{
	 height: 50px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
	text-align:center
}

.before-line , .quali-common{
	height: 50px;
    width: 230px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #b0b0b0;
    margin-bottom: 10px;
	position:relative
}

.Qualifier1-div .before-line::before , .\31 -div .before-line::before  {
    content: "";
    position: absolute;
    height: 18px;
    width: 590px;
    right: -592px;
    top: 22px;
    border-top: 2px solid #dc5034;
    border-right: 2px solid #dc5034;
    border-top-right-radius: 8px;
}

.Qualifier1-div .quali-2::after , .\31 -div .quali-2::after {
    width: 12px;
    height: 12px;
    background-color: #dc5034;
    border-radius: 50%;
    content: "";
    position: absolute;
    right: -8px;
    box-shadow: 0 5px 10px rgba(0 0 0 / 60%);
	top: 50%;
    transform: translateY(-50%);
}

.Eliminator-div .before-line::before {
	content: "";
    position: absolute;
    height: 18px;
    width: 235px;
    right: -242px;
    top: 7px;
    border-bottom: 2px solid #dc5034;
    border-right: 2px solid #dc5034;
    border-bottom-right-radius: 8px;
}

.Eliminator-div .before-line::after{
	width: 12px;
    height: 12px;
    background-color: #dc5034;
    border-radius: 50%;
    content: "";
    position: absolute;
    right: -8px;
    box-shadow: 0 5px 10px rgba(0 0 0 / 60%);
    top: 50%;
    transform: translateY(-50%);
}

.Final-div .quali-1:first-of-type::after{
	width: 12px;
    height: 12px;
    background-color: #dc5034;
    border-radius: 50%;
    content: "";
    position: absolute;
    right: 46%;
    top: -6px;
    box-shadow: 0 5px 10px rgba(0 0 0 / 60%);
}

.Qualifier2-div .quali-1:last-of-type::after ,.\32 -div .quali-1:last-of-type::after {
	width: 12px;
    height: 12px;
    background-color: #dc5034;
    border-radius: 50%;
    content: "";
    position: absolute;
	top: 40px;
    right: 45%;
    box-shadow: 0 5px 10px rgba(0 0 0 / 60%);
}

.Qualifier2-div .quali-1:first-of-type::after , .\32 -div .quali-1:first-of-type::after{
	content: "";
    position: absolute;
    height: 43px;
    width: 78px;
    left: -82px;
    top: -18px;
    border-bottom: 2px solid #dc5034;
    border-left: 2px solid #dc5034;
    border-bottom-left-radius: 10px;
}

.Qualifier2-div .quali-1:first-of-type::before , .\32 -div .quali-1:first-of-type::before{
	width: 12px;
    height: 12px;
    background-color: #dc5034;
    border-radius: 50%;
    content: "";
    position: absolute;
	left: -6px;
    top: 38%;
    right: unset;
    box-shadow: 0 5px 10px rgba(0 0 0 / 60%);
}

.Qualifier2-div .before-line::before, .\32 -div .before-line::before{
	content: "";
    position: absolute;
    height: 40px;
    width: 54px;
    right: -60px;
    top: 22px;
    border-top: 2px solid #dc5034;
    border-top-right-radius: 10px;
    border-right: 2px solid #dc5034;
}

.Qualifier2-div .before-line::after , .\32 -div .before-line::after{
	width: 12px;
    height: 12px;
    background-color: #dc5034;
    border-radius: 50%;
    content: "";
    position: absolute;
    right: -8px;
    box-shadow: 0 5px 10px rgba(0 0 0 / 60%);
	top: 50%;
    transform: translateY(-50%);
}

.Final-div .quali-1:last-of-type::after{
	content: "";
    position: absolute;
    height: 40px;
    width: 60px;
    left: -64px;
    top: -16px;
    border-bottom: 2px solid #dc5034;
    border-left: 2px solid #dc5034;
    border-bottom-left-radius: 10px;
}

.Final-div .quali-1:last-of-type::before{
	width: 12px;
    height: 12px;
    background-color: #dc5034;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: -6px;
    top: 38%;
    right: unset;
    box-shadow: 0 5px 10px rgba(0 0 0 / 60%);
}

.Eliminator-div .before-line.women::before , .Eliminator-div .before-line.women::after , .Final-div .quali-1:last-of-type.women::after , .Final-div .quali-1:last-of-type.women::before , .Final-div .quali-1:first-of-type.women::after {
    content: none ;   
    all: unset ;      
}

.Eliminator-div .before-line.women::before{
	content: "";
    position: absolute;
    height: 40px;
    width: 173px;
    right: -180px;
    top: 22px;
    border-top: 2px solid #dc5034;
    border-top-right-radius: 10px;
    border-right: 2px solid #dc5034;
}

.Eliminator-div .before-line.women::after{
	width: 12px;
    height: 12px;
    background-color: #dc5034;
    border-radius: 50%;
    content: "";
    position: absolute;
    right: -8px;
    box-shadow: 0 5px 10px rgba(0 0 0 / 60%);
    top: 50%;
    transform: translateY(-50%);
}

.Final-div .quali-1:last-of-type.women::after{
	content: "";
    position: absolute;
    height: 40px;
    width: 60px;
    left: -64px;
    top: -16px;
    border-bottom: 2px solid #dc5034;
    border-left: 2px solid #dc5034;
    border-bottom-left-radius: 10px;
}

.Final-div .quali-1:last-of-type.women::before{
	width: 12px;
    height: 12px;
    background-color: #dc5034;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: -6px;
    top: 38%;
    right: unset;
    box-shadow: 0 5px 10px rgba(0 0 0 / 60%);
}


.tropy-palyoff-img{
	height:120px!important;
	margin-bottom: 115px;
    margin-left: -60px;
}

/* .winner-description-block{
	color:#FFF
} */

.ipl-dynamic-description p{
	margin-bottom:5px
}

.team-up-warriorz{
	background: linear-gradient(160deg, #EB008D 0%, #522974 100%);
}

.team-punjab-kings{
	background: linear-gradient(160deg, #D71920 0%, #304075 100%);
}

.team-royal-challengers-bengaluru, .team-royal-challengers-bangalore{
	background: linear-gradient(160deg, #CB2F2F 0%, #2B2A29 100%);
}

.team-gujarat-titans , .team-gujarat-giants{
	background: linear-gradient(160deg, #77C7F2 0%, #0B4973 100%);
}

.team-mumbai-indians{
	background: linear-gradient(160deg, #153A75 0%, #006CB7 100%);
}

.team-kolkata-knight-riders{
	background: linear-gradient(160deg, #3B215D 0%, #552792 100%);
}

.team-sunrisers-hyderabad{
	background: linear-gradient(160deg, #F26522 0%, #ED1A37 100%);
}

.team-rajasthan-royals{
	background: linear-gradient(160deg, #EA1A85 0%, #001D48 100%);
}

.team-chennai-super-kings{
	background: linear-gradient(160deg, #FCCA06 0%, #F25C19 100%);
}

.team-lucknow-super-giants{
	background: linear-gradient(160deg, #A72056 0%, #FFCC00 100%);
}

.team-delhi-daredevils{
	background: linear-gradient(160deg, #004C93 0%, #F83430 100%);
}

.team-gujarat-lions{
	background: linear-gradient(160deg, #E5BA0F 0%, #383838 100%);
}

.team-rising-pune-supergiant{
	background: linear-gradient(160deg, #FFC0CB 0%, #AA3355 100%);
}

.team-delhi-capitals{
	background: linear-gradient(160deg, #004C93 0%, #F83430 100%);
}