.other-sports {
                background: #fff;
                border-radius: 9px;
                padding: 5px 6px;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                justify-content: center;
                color: #000;
                font-weight: 600;
                font-size: 13px;
                margin-bottom: 15px;
                height: 38px;
            }
.other-sports-wrapper {
                padding: 2px 4px !important;
                font-size: 5px !important;
            }
.nav-link,
        h1,
        h2,
        h3,
        h4,
        h5,
        .store-link,
        .main-title {

            font-family: 'Quantico', sans-serif;
        }
.footer-title {
    font-size: 14px;
    margin-bottom: 15px
}

.footer-link {
    color: white !important;
    font-size: 14px
}

.footer-col div {
    margin-bottom: 10px
}

  a:link {
  color: auto;
  text-decoration: none !important ;
}

a:visited {
  color: auto;
  text-decoration: none !important ;
}

a:hover {
  color: auto;
  text-decoration: none !important ;
}

a:active {
  color: auto;
  text-decoration: none !important ;
}
    body
    {
      font-family: roboto,arial;
    }
    .match-card 
    {
      display:grid;grid-template-rows:2fr 1fr 1fr 1fr; height:200px; background-color:lightgray; border-radius:10px; padding:10px; cursor: pointer; margin: 10px 0px;
    }
    .column-1 
    {
      display:flex; flex-direction: row; justify-content: space-between; align-items: center;
    }
    .league-btn
    {
      height: 25px; width: auto; padding: 0px 20px; text-align: center; text-justify: auto; background-color: rgb(218, 27, 27); border-radius: 10px; border: none; color: white; font-size: 14px;
    }
    .league
    {
      justify-content: center; align-items: start; object-position: center;
    }
    .league p 
    {
      text-align: center; margin-bottom: 8px;
    }
    .column-2
    {
      display: flex; flex-direction: row; justify-content: space-between; padding-left: 25px; padding-right: 25px;
    }
    .column-4
    {
      display: flex; flex-direction: row; justify-content: space-around; align-items: center; text-align: center;
    }
    .column-4 button
    {
      border: none; width: 19px; text-align: center; height: 20px; text-justify: auto; font-size: 10px;
    }
    .W 
    {
      background-color: green; color: white;
    }
    .D
    {
      background-color: rgb(218, 138, 18); color: white;
    }
    .L
    {
      background-color: red; color: white;
    }
  .home-team { width: 100px; text-align: center;}
  .vs { width: 20px; text-align: start;}
  .away-team { width: 100px; text-align: center;}

    .match-card:hover {
            background: #F0F0F0;
            border-radius: 15px;
            font-size: 14px;
            box-shadow: 1px 1px 13px 4px #580ee2;
            margin-bottom: 22px;
            transition: box-shadow 0.3s ease-in-out;
        }
.blinking {
            animation: blinkingText 1.2s infinite;
        }
@keyframes  blinkingText {
            0% {
                color: #c1392a;
            }

            49% {
                color: #c1392a;
            }

            60% {
                color: transparent;
            }

            99% {
                color: transparent;
            }

            100% {
                color: #c1392a;
            }
        }
.plan {
        padding: 0.5rem;
        margin: 0px;
        border-radius: 5px;
        text-align: center;
        transition: 0.3s;
        cursor: pointer;
        box-shadow: 1px 7px 67px 13px rgb(185 178 178);
        border: 1px solid #fdfdfd;
        background-image: linear-gradient(to bottom, rgb(173 173 173 / 69%), rgb(255 255 255)), url(./pricing-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;

    }

    .pricing .plan h2 {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .pricing .plan .price {
        margin-bottom: 1rem;
        font-size: 30px;
    }

    .pricing .plan ul.features {
        list-style-type: none;
        text-align: left;
    }

    .pricing .plan ul.features li {
        margin: 8px;
    }

    .pricing .plan ul.features li .fas {
        margin-right: 4px;
    }

    .pricing .plan ul.features li .fa-check-circle {
        color: #f0ce15;
    }

    .pricing .plan ul.features li .fa-times-circle {
        color: #eb4d4b;
    }

    .pricing .plan button {
        border: none;
        width: 100%;
        padding: 12px 35px;
        margin-top: 1rem;
        background-color: #f0ce15;
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
    }

    .pricing .plan.popular {
        border: 2px solid #f0ce15;
        position: relative;
        transform: scale(1.08);
    }

    .pricing .plan.popular span {
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #f0ce15;
        color: #fff;
        padding: 4px 20px;
        font-size: 18px;
        border-radius: 5px;
    }

    .new_price>h6 {
        border-bottom: 1px solid #80808040;
        padding-bottom: 1px;
        font-size: 13px;
        margin-bottom: 11px;
    }

    .plan:hover {
        /* background-color: #fff; */
        padding: 0.5rem;
        margin: 0px;
        border-radius: 5px;
        text-align: center;
        transition: 0.3s;
        /* margin-top: 7px; */
        cursor: pointer;
        transition: margin-top 700ms;
        box-shadow: 5px 7px 67px -28px blanchedalmond, 0px 0px 2px 0px #000000, 3px 7px 5px 3px #e4b6b3;
    }

    .plan>a {

        color: black;

    }

    .plan>a>.duration {
        font-family: 'Kufam';
        margin-bottom: 6px;
        /* border-bottom: 1px solid black; */
    }

    @media(max-width:600px) {
        .pricing .plan {

            padding: 0.5rem;
            margin: 0px;

        }

        .pricing .plan.popular span {
            position: absolute;
            top: -23px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #f0ce15;
            color: #fff;
            padding: 1px 20px;
            font-size: 18px;
            border-radius: 5px;
        }
    }

    a.text-white.btn.w-100.mt-2 {
        border: 1px solid #ffffff38;
        color: black;
        background: var(--text-btn-green);

    }