.tickets-container .page-title {
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: #000;
}

.tickets-container .tickets-info {
    box-shadow: 0px 0px 20px #000;
    background-color: #fff;
    max-width: 1080px;
    margin: auto;
}

.tickets-container .tickets-info .ticket-icon-container {
    text-align: center;
}

.tickets-container .tickets-info .ticket-icon-container .ticket-icon {
    width: 33%;
    margin: 3rem;
    text-align: center;
    display: inline-block;
    position: relative;
    max-width: 260px;
}

.tickets-container .tickets-info .ticket-icon-container .ticket-icon .ticket-title {
    font-size: 1.2rem;
    height: 70px;
    width: 100%;
    background: #000;
    color: #fff;
    padding-top: 1rem;
    position: absolute;
    top: 0;
}

.tickets-container .tickets-info .ticket-icon-container .ticket-icon:nth-child(1) .ticket-title {
    clip-path: polygon(0 0, 100% 0%, 100% 50%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 50%, 0% 100%);
}

.tickets-container .tickets-info .ticket-icon-container .ticket-icon:nth-child(2) .ticket-title {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 50%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 50%);
}

.tickets-container .tickets-info .ticket-icon-container .ticket-icon .ticket-price {
    font-size: 3rem;
}

.tickets-container .tickets-info .ticket-icon-container .ticket-icon .ticket-bg {
    width: 100%;
    height: auto;
    margin-top: 5rem;
}

.tickets-container .tickets-info .ticket-icon-container .ticket-icon .ticket-bg span { /* icon */
    font-size: 10rem;
}

.tickets-container .tickets-info .ticket-icon-container .ticket-content {
    border: 1px solid #cdcdcd;
    clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 93% 75%, 93% 83%, 100% 87%, 100% 100%, 0px 100%, 0% 87%, 7% 83%, 7% 75%, 0% 70%, 0% 0%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 93% 75%, 93% 83%, 100% 87%, 100% 100%, 0px 100%, 0% 87%, 7% 83%, 7% 75%, 0% 70%, 0% 0%);
}

.tickets-container .tickets-info .ticket-icon-container .ticket-icon .ticket-buy-button {
    margin: 1rem;    
}
.tickets-container .tickets-info .ticket-icon-container .ticket-icon .ticket-buy-button::before {
    content: "";
    height: 20px;
    background: #bfbfbf;
    margin-bottom: 1rem;
    width: 100%;
    position: absolute;
    margin-top: 5px;
    left: 0;
}

.tickets-container .tickets-info .ticket-icon-container .ticket-icon .ticket-buy-button a {
    padding: 0.5rem 3rem;
    margin-top: 2rem;
}

.tickets-container .tickets-info .ticket-icon-container .ticket-content .ticket-holes {
    width: auto;
    height: 100%;
    margin: 0.2rem;
    border: 10px dashed #bfbfbf;
}

.tickets-container .next-matches-container {
    
}

.tickets-container .next-matches-container .teams-matches {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.tickets-container .next-matches-container .teams-matches .next-match-single {
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 1rem 1rem 1.5rem 1rem;
    color: #000 !important;
    background-color: #fff !important;
}

.tickets-container .next-matches-container .teams-matches .next-match-single:hover, .tickets-container .next-matches-container .teams-matches .next-match-single:hover img,
.tickets-container .next-matches-container .teams-matches .next-match-single .next-match-content.active-match {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.tickets-container .next-matches-container .teams-matches .next-match-single .next-match-content {
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer;
}

.tickets-container .next-matches-container .teams-matches .next-match-single .match-date, .tickets-container .next-matches-container .teams-matches .next-match-single .match-time {
    width: 100%;
    height: 20%;
}

.tickets-container .next-matches-container .teams-matches .next-match-single img {
    width: auto;
    height: 60%;
}

.tickets-container .next-matches-container .opponent-information, .tickets-container .buy-tickets-info {
    width: 100%;
    max-width: 1080px;
    box-shadow: -9px 10px 40px #000000;
    margin: auto;
}


.tickets-container .next-matches-container .teams-matches .opponent-information .next-match-team {
    display: none;
    width: 100%;
    height: auto;
}

.tickets-container .next-matches-container .teams-matches .opponent-information .next-match-team.active-match {
    display: block;
    transition: all 0.25s ease;
}

.tickets-container .next-matches-container .information-title {
    height: 50px;
    width: 100%;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 50%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 50%);
    background-color: #000;
    color: #fff;
    text-align: right;
    padding: 4px 8px 0 0;
}

.tickets-container .next-matches-container .information-content {
    padding: 1rem 2rem;
    text-align: left;
}

.tickets-container .buy-tickets-info {
    background-color: #fff;
    padding: 2rem 1rem;
}