body{
    margin: 0;
    padding: 0;
    color: #333;
    font-family: 'Outfit', sans-serif !important;
}

/*default css */
h1,h2,h3,h4,h5,h6,p,ul,li{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none !important;
}
img{
    width: 100%;
}
.btn{
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
}



.wrapper{
    display: block;
}

.padding-1{
    padding: 100px 0px;
}

.bg-blue-1{
    background: linear-gradient(-45deg, #094bc4, #ed1c24, #094bc4, #094bc4);
    animation: gradient 15s ease infinite; 
    background-size: 400% 400%;
}

.bg-blue-2{
    background: rgb(227,246,255);
    background: linear-gradient(0deg, rgba(227,246,255,1) 0%, rgb(245, 252, 255) 50%);
}

.bg-box-shadow{
    box-shadow: 0px 5px 15px #e3f3fb;
    border: 2px solid #FFF;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@-webkit-keyframes gradient {
    0% {
        background-position: 0% 87%
    }
    50% {
        background-position: 100% 14%
    }
    100% {
        background-position: 0% 87%
    }
}

@-moz-keyframes gradient {
    0% {
        background-position: 0% 87%
    }
    50% {
        background-position: 100% 14%
    }
    100% {
        background-position: 0% 87%
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 87%
    }
    50% {
        background-position: 100% 14%
    }
    100% {
        background-position: 0% 87%
    }
}

.btn-danger{
    background-color: #eb1c24 !important;
    border-color: #eb1c24 !important;
}

/* end default css*/

.header-wrapper{
    display: block;
    padding: 15px 0px;
    z-index: 99;
}


.navbar-brand img{
    width: 200px;
    margin-right: 50px;
}
.nav-item{
    padding-right: 20px;
}
.nav-link{
    font-weight: 600 !important;
    color: #333 !important;
}

.nav-link:hover{
    color: #063fbc !important;
}

.nav-link.active{
    color: #063fbc !important;
}
/* end header */

.scores-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.pos-content{
    position: relative;
}
.livematch{
    background-color: #063fbc;
    color: #FFF;
    position: absolute;
    top: -10px;
    left: 5px;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 11px;
    letter-spacing: .5px;
}
.match-cards {
    display: flex;
    color: #FFF;
    align-items: center;
    transition: 400ms;
    background: rgb(47 50 63 / 25%);
    border-radius: 10px;
    font-size: 13px;
    justify-content: space-between;
    padding:10px;
    border: 1px dashed #063fbc;
}

.match-cards:hover {
    background-color: rgb(47 50 63 / 45%);
}

.match-cards-team img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.scores-index {
    display: flex;
}

.batting-card {
    margin: 0px 10px;
}

.batting-card h5 {
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
}

.batting-card h6 {
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
}



/* end live */

.slider-wrapper{
    position: relative;
}

.slider-content{
 color: #FFF;
    padding: 200px 0px;
}

.slider-content h1{
   font-size: 60px;
   line-height: 50px;
   margin: 0px 0px 30px;
}

/* end slider wrapper */



.default-content{
    display: block;
}

.default-content h3{
    display: block;

}

.default-content p{
    display: block;
    font-size: 18px;
}


.clients-logo{
    display: block;
}

.clients-logo ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.clients-logo ul li{
  display: block;
  list-style: none;
  margin: 0px 20px 20px;
  padding: 0px;
}

.default-content ul{
    margin: 0;
    padding: 0;
}

.default-content ul li{
    margin: 0 20px 0px 0px;
    padding: 0;
    list-style: none;
}

.default-content ul li img{
    height: 40px;
}
@media screen and (max-width: 992px) {
    .default-content{
        margin: 0px 0px 30px;
    }
}


.footer-wrapper {
    position: relative;
    padding: 50px 0px 30px;

}

.footer {
    position: relative;
    color: #F1F1F4;
}

.footer img {
    width: 200px;
}

.footer h5 {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}

.footer p {
    font-size: 14px;
}

.footer a {
    font-size: 14px;
}

.footer-link ul {
    display: flex;
}

.footer-link ul li {
    display: block;
    margin: 0px 15px;
    padding: 0px;
    list-style: none;
}

.footer-link ul li a {
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.d-flex-footer {
    display: flex;
    justify-content: space-between;
}

.footer-social ul {
    display: flex;
}

.footer-social ul li {
    display: inline-block;
    margin: 0px 15px;
    padding: 0px;
}

.footer-social ul li a {
    color: #FFF;
    text-decoration: none;
}

.footer-social ul li a:hover {
    text-decoration: none;
}



@media screen and (max-width: 1124px) {
    .footer ul {
        display: flex;
        justify-content: space-between;
        padding-bottom: 30px;
        border-bottom: 1px solid #474747;
        flex-wrap: wrap;
        flex-direction: column;
        margin-top: 20px;
    }
    .footer-link ul {
        flex-direction: column;
    }
}