@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;500;600;700;800&display=swap');

:root {
    --base-color: #1B5CAB;
    --dark-color: #10172B;
    --light-color: #F6F6F6;
    --white-color: #ffffff;
    --secondary-color: #9FA771;
    --dark2-color:#062040;
}

::selection {
    background: var(--base-color);
    color: #fff;
}

::-moz-selection {
    background: var(--base-color);
    color: #fff;
}

html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--dark-color); font-weight: 700;
}

a {color: var(--base-color); text-decoration: none;}
a:hover {color: var(--secondary-color);}
h2 {text-transform: uppercase; font-size: 30px;}
h2 span {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

.text-dark {
    color: var(--secondary-color) !important;
}

.light-bg {
    background-color: var(--light-color) !important;
}

.bg-primary {
    background-color: var(--base-color) !important;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
}

body {
    margin: 0px;
    padding: 0px;
}

*,
body {
    font-family: 'Libre Franklin', sans-serif;;
    font-weight: 400;
    color:var(--dark-color);
    font-size: 15px;
    line-height: 1.4;
}

.btn-primary {background-color: var(--base-color);border-color: var(--base-color);text-transform: none;border-radius: 50px;}
.btn-primary:hover {background-color: var(--secondary-color);border-color: var(--secondary-color);color: var(--white-color);}
.btn-primary span {color: var(--white-color);}
.btn-outline-primary {border-color: var(--base-color);border-radius: 50px;color: var(--base-color);border-style: solid; text-transform: uppercase; font-size: 12px;font-weight: 600;}
.btn-outline-primary i {color: var(--base-color); margin-right: 7px;}
.btn-outline-primary:hover {background-color: var(--base-color);color: var(--white-color);border-color: var(--base-color);}
.btn-outline-primary:hover i {color: var(--white-color);}
header .btn-outline-primary {color: #fff;}

nav.navbar-expand-lg {
    background:#646A40 url(../images/navmask.svg) no-repeat; background-size: cover;
}
nav.navbar-expand-lg .container {position: relative;}
header .navbar-dark .navbar-brand {
    background: rgb(210,230,255);
    background: linear-gradient(0deg, rgba(210,230,255,1) 0%, rgba(255,255,255,1) 100%);
    position: absolute;
    top: -8px;
    padding: 10px 7px 10px 10px;
    border-radius: 0 0 100px 100px;
}

header .navbar-dark .navbar-nav .nav-link {padding: 1rem;text-transform: uppercase;font-size: 14px;font-weight: 600;}

.headercolor {background:var(--secondary-color) !important;}
.navbar-brand img, .fixed-top.headercolor .headertop {transition: transform .5s;}
header.fixed-top.headercolor .navbar-brand img {width: 70px;transform: scale(1.1);}
.fixed-top.headercolor .headertop {display: none;transform: scale(1.1);}
.navbar-light .navbar-toggler {border-color: rgb(255 255 255);}
.light-bg-2 h5 {color: #000;}
.light-bg-2 {background-color: #f2f3e9 !important;}
.light-bg-2 .con-icon i {background-color: #ffd7d7;}
.navbar-toggler:focus {box-shadow: none;}
.banner-slider {position: relative;}
.bannertxt-con {position: absolute; top: 0; width: 100%; height: 100%;}
.bannertxt {display: flex; height: 100%; align-items: center; text-align: center;}
.bannertxt h1 {color: #fff; font-size: 70px; font-weight: 200; text-align: right; margin-bottom: 30px;}
.bannertxt h1 span {font-size: 70px; font-weight: 700; color: var(--base-color);}
.bannertxt .btn-primary { padding: 10px 40px; font-size: 20px; text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-link {color: rgb(255 255 255);padding-right: 1.2rem;padding-left: 1.2rem;}
.navbar-dark .navbar-nav .nav-link:hover {color: var(--base-color);}
.headertop {padding: 5px 0; background-color: #061E59;}
.headertop p {margin-bottom: 0px; color: #fff; font-size: 14px;}
.socialicons a {color:var(--white-color); margin-right: 15px; text-decoration: none;font-size: 14px;
    background: #5C789B;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;}
.socialicons a:hover {color: var(--base-color); background: #fff;}
.topright p {align-items: center;}
.topright p i {color: #fff; margin-right: 10px;}
.banner-itemslider .owl-dots {position: absolute;bottom: 40px;left: 0;right: 0;text-align: center;}
.owl-dots button.owl-dot span {width: 14px; height: 14px; background-color: rgb(255 255 255 / 34); display: block; margin: 0 5px; border-radius: 50%;}
.owl-dots button.owl-dot.active span {background-color: var(--base-color);}
.banner-itemslider .owl-nav {position: absolute; top: 50%; width: 100%;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {width: 50px; height: 50px; border: 1px solid #fff !important; position: absolute;}
.owl-carousel .owl-nav button.owl-prev i, .owl-carousel .owl-nav button.owl-next i {color: #fff;}
.owl-carousel .owl-nav button.owl-prev {left:50px;transition: .5s;}
.owl-carousel .owl-nav button.owl-next {right: 50px;transition: .5s;}

.banner-itemslider.owl-carousel .owl-nav button.owl-prev {left:50px;transition: .5s; opacity: 0;}
.banner-itemslider.owl-carousel .owl-nav button.owl-next {right: 50px;transition: .5s; opacity: 0;}

.banner-itemslider.owl-carousel:hover .owl-nav button.owl-prev {left:30px; opacity: 1;}
.banner-itemslider.owl-carousel:hover .owl-nav button.owl-next {right: 30px; opacity: 1;}
.headingsty { margin-bottom: 50px;}
.headingsty h1 {font-size: 36px; font-weight: 700; color: var(--dark-color); margin-bottom: 0px;}
.headingsty h1 span {font-size: 16px; color: var(--base-color); text-transform: uppercase; display: block; font-weight: 500;}
.font-medium, .font-medium b {font-size: 26px;}
.font-medium b {font-weight: 500;}
.container {position: relative;}
/* maches and squads */

.scheduled-mtches-con {
    background: url(../images/bg-2.svg) no-repeat; background-size: cover;
    padding: 190px 0 70px 0;
}
.scheduled-matches {background: url(../images/latest-match-bg.svg) no-repeat; height: 224px; background-size: cover;position: absolute;
    left: 0;
    right: auto;
    top: -280px;
    width: 100%;
    z-index: 9;padding: 30px 30px 60px 30px;}
    .owl-carousel .item-video {
        height: 240px;
        border-radius: 10px;
        overflow: hidden;
    }

/* Footer */

footer {background: url(../images/footerbg.jpg) no-repeat; background-size: cover; padding:70px 0 0px 0;}
footer h4, footer p, footer li, footer span, footer i {color: #fff;}
footer h4 {font-size: 20px;}
.footerlinks {flex-wrap: wrap; margin-top: 30px;}
.footerlinks a {margin-right: 15px; color: #fff; text-decoration: none;}
.footerlinks a:hover {color: var(--base-color);}
.con-box h5 {color: #fff; font-size: 16px;}
.con-box p {font-size: 14px;}
.con-icon {margin-right: 10px;}
.con-icon i {width: 30px; height: 30; background-color: #172C64; border-radius: 50%; color: var(--base-color); text-align: center; line-height: 30px; font-size: 16px;}
.con-box {margin-top:10px;}
.con-box a {color: var(--base-color); text-decoration: none; font-size: 14px;}
.footer-bottom {background: #2D3857 !important; padding-top: 20px; margin-top: 60px; padding-bottom: 20px;}
.footer-bottom p {font-size: 13px; color: #D2D2D2;}
.footer-bottom p a {color: var(--base-color); text-decoration: none;}
.footer-bottom p a:hover {color: var(--white-color);}
.letest-mtchslider {
    margin-top: 50px;
}
.match-team {
    font-size: 22px;
    font-weight: 700;
    margin: 0 14px;
}
.la-match-date {
    background: #1b5cab;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    line-height: 100%;
    font-size: 12px;
    text-align: center;
    padding: 4px;
}
.la-match-date span {display: block; color: #fff;font-size: 20px; font-weight: 700; line-height: 100%;}
.letest-mtchslider.owl-carousel .owl-nav button.owl-prev, .letest-mtchslider.owl-carousel .owl-nav button.owl-next {
    width: 30px;
    height: 30px;
    border: 0px solid #1b5cab !important;
    position: absolute;
    background: var(--dark-color);
    border-radius: 50%;
    top: 5px;
}

.letest-mtchslider.owl-carousel .owl-nav button.owl-prev {left: 0;}
.letest-mtchslider.owl-carousel .owl-nav button.owl-next {right: 0;}

.squads-box {
    border-radius: 80px 10px 80px 10px;
    background-color: var(--secondary-color);
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}
.squads-box .playerimg {border-radius: 80px 10px 80px 10px; height: 320px; overflow: hidden; background-color: #C6D1DE;transition: all 0.4s ease-in-out;}
.squads-box .playerimg img {transition: transform .2s;}
.squads-box:hover .playerimg img {transform: scale(1.2);}
.squads-box:hover, .squads-box:hover .playerimg {border-radius: 10px;}

.squads-box h4 { font-size: 20px; color: var(--white-color); font-weight: 700; margin: 0; padding:20px;}
.light-heading .btn-outline-primary {border-color: #fff; color: #fff; border-style: solid;}
.light-heading .btn-outline-primary:hover {border-color:var(--base-color);}
.btnhead-right {padding-right: 100px;}

.arrow-styele-dark.owl-carousel .owl-nav button.owl-prev, .arrow-styele-dark.owl-carousel .owl-nav button.owl-next {width:30px; height: 30px; border:0px !important; top: -83px;}
.arrow-styele-dark.owl-carousel .owl-nav button.owl-prev {right: 30px; left: inherit;}
.arrow-styele-dark.owl-carousel .owl-nav button.owl-next {right: 0;}
.arrow-styele-dark.owl-carousel .owl-nav button.disabled {opacity: 0.3;}

.arrow-styele-dark.owl-carousel .owl-nav button.owl-prev i, .arrow-styele-dark.owl-carousel .owl-nav button.owl-next i {font-size: 20px;}
.results-container {padding: 70px 0;}
.results-con {background-color: var(--dark2-color); min-height: 263px; border-radius: 6px;}
.results-con {padding: 20px 20px;}
.results-con p, .results-con h5, .results-con div {color: var(--white-color);}
.scorecom {
    background: #1b5cab;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 0 15px;
}
.results-con .teamname {font-weight: 600;}
.fixtures-con {min-height: 263px; border: 1px dashed #A4A4A4; border-radius: 6px; background-color: #fff; box-shadow:0 3px 16px rgb(0 0 0 / 11%); padding: 20px;}
.fixtures-con .match-team {font-size: 16px;}
.fix-date {font-size: 14px;}

.pointtable-con {background: url(../images/stadium.jpg) no-repeat; background-size: cover; padding: 70px 0;}
.pointtable-head {background: url(../images/point-table-head.svg) no-repeat; background-size: cover; text-align: center; display: flex; align-items: center; justify-content: center;padding: 30px;}
.pointtable-head .football-icon img {width: 34px;}
.pointtable-head h2 {margin-bottom: 0px;}
.point-table-con {
    border: 2px solid #E9E9E9;
    margin: 0 18px;
    background-color: rgb(16 23 43 / 78%);
}
.point-table-con table th {color: #fff; font-weight: 600;}
.point-table-con table td {color: #fff;}
.point-table-con td, .point-table-con th {padding: 10px 15px;}
.point-table-con table th {border-bottom-width: 2px;}
.point-table-con table td {border-color: rgb(255 255 255 / 34%);}
.point-table-con table tr:last-child td {border-bottom: 0px;}

.gallery-container {padding: 70px 0; background: var(--dark-color) url(../images/bgline.png) no-repeat; background-size: 100% auto;}

.gallery-slider.arrow-styele-dark.owl-carousel .owl-nav button.owl-prev, .gallery-slider.arrow-styele-dark.owl-carousel .owl-nav button.owl-next {top: -60px;}

.news-section {padding: 70px 0;}

.light-mode.owl-carousel .owl-nav button.owl-prev i, .light-mode.owl-carousel .owl-nav button.owl-next i {color: #000;}

.light-mode.arrow-styele-dark.owl-carousel .owl-nav button.owl-prev, .light-mode.arrow-styele-dark.owl-carousel .owl-nav button.owl-next {top: -77px;}
.news-slider a {display: block; background-color: var(--base-color); border-radius: 8px;}
.news-slider .news-photo {border-radius: 8px; overflow: hidden;height: 180px;}
.item a {overflow: hidden; display: block; border-radius: 8px;max-height: 200px;}
.gall__photo {overflow: hidden; display: block; border-radius: 8px;max-height: 220px;}

.news-slider .item a {max-height:inherit;}
.news-slider .news-photo img, .item a img {transition: transform .2s;}
.item a:hover img {transform: scale(1.2);}
.news-slider a:hover .news-photo img {transform: scale(1.2);}
.newsbox-txt {padding: 10px 15px;}
.newsbox-txt h6 {color: #fff;}
.newsbox-txt span {color: rgb(255 255 255 / 34%); font-size: 13px; text-transform: uppercase;}
.news-slider a:hover h6 {color: var(--secondary-color);}
.about-section {background: rgb(22,66,119);background: linear-gradient(90deg, rgba(22,66,119,1) 0%, rgba(123,130,78,1) 100%);display: flex; align-items: center;}
.font-md {font-size: 20px;}
.ab__txt {
    padding-left: 200px;
    padding-right: 20%;
}
.aboutimg {
    position: relative;
    width: 50%;
    padding:40px 40px;
    text-align: center;
    position: relative;
    color: #2E8DEF;
    background: #fff;
    border-bottom: 0px solid #2E8DEF;
    
}
.aboutimg:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    border-bottom: 3px solid #fff;
    border-right: 20px solid #fff;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.aboutimg img {position: relative; z-index: 9; width: 180px;}
.about-txt p {color: #fff;}
.sponsor-con {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-left: -20px; margin-right: -20px;}
.sponsor-con .colmn {padding-left: 20px; padding-right: 20px; margin-bottom: 20px;}
.sponsor-con .colmn span {display: block; background-color: #fff; border-radius: 70px; width: 160px; height: 60px; padding: 10px 20px; overflow: hidden; text-align: center;opacity: 0.7;}
.sponsor-con .colmn span img {height: 100%;max-width: 100%;}
.copyright {color: #fff; font-size: 13px; text-align: center; margin-top: 5px; margin-bottom: 0px;}

.innerbanner {min-height: 270px; background: #eee url(../images/innerbg.svg) no-repeat; background-size: cover; display: flex;align-items: center; justify-content: center;}

.innerbanner h1 {margin-top: 90px;font-size: 34px; text-align: center;}
.top-news-con {padding-top: 70px;}
.top-news-con .newsbox-txt h6, .top-news-con .newsbox-txt span {color: #000;}
.newsde .news-photo {height: 176px;}
.top-news-con .card {border-radius: 10px; overflow: hidden;margin-bottom: 10px;}
.news-photo {
    border-radius: 8px;
    overflow: hidden;
}
.news-photo img {
    transition: transform .2s;
}
.newsde a {
    overflow: hidden;
    display: block;
    border-radius: 8px;
}
.newsde a:hover .news-photo img {
    transform: scale(1.2);
}

.news-thumbs a {display: block; background-color: var(--base-color); border-radius: 8px; margin-bottom: 20px;}
.news-thumbs .news-photo {border-radius: 8px; overflow: hidden;}
.news-thumbs .news-photo img, .item a img, .tnewscon img {transition: transform .2s;}
.news-thumbs a:hover .news-photo img {transform: scale(1.2);}
.newsbox-txt {padding: 10px 15px;}
.newsbox-txt h6 {color: #fff;height: 36px;overflow: hidden;}
.newsbox-txt span {color: rgb(255 255 255 / 34%); font-size: 13px; text-transform: uppercase;}
.news-thumbs a:hover h6, .newsde a:hover h6 {color: var(--secondary-color);}
.tnewscon a { display: block;}
.tnewscon a:hover img {transform: scale(1.2);}
.tnewimg {overflow: hidden; height: 448px;}
.squads-box .playerimg img {width: 100%;}

.border-heading {display: flex; align-items: center; margin-bottom: 40px;}
.border-heading h2 {margin-bottom: 0px;}
.border-heading span {height: 1px; background-color: #d3d7b7; flex-grow: 1; margin-left: 10px;}
.tournamentname {
    color: #83912c;
    font-weight: 600;
}

.fitures__box {margin-bottom: 20px;}
.fitures__box .scorecom {
    background: #e9e9e9;
    padding: 0px 10px;
    color: #232c36;
    font-weight: 600;
    font-size: 26px;
}
.nav-pills .nav-link {border-radius: 0; border-bottom: 2px solid #fff; color: #666; text-transform: uppercase; font-weight: 600;padding-left: 0;padding-right: 0;margin: 0 10px;}
.nav-pills .nav-link.active {
    color: #1b5cab;
    background-color: transparent;
    border-bottom: 0px solid #1b5cab;
}



.news-photo img {width: 100%;}
.tnewscon h6 {font-size: 18px;}
.tnewscon:hover h6 {color: var(--secondary-color);}
.google_map iframe {width: 100%; height: 430px;}
.contactform .enquiryfoms-sty .form-control {color: var(--dark-color);}
.con__box h5 {color: var(--dark-color);}

.enquiryfoms-sty .form-group {margin-bottom: 20px;}
.enquiryfoms-sty .form-control {background-color: rgb(255 255 255 / 6%); border-color: var(--base-color); padding: 10px 20px; color: #fff;}
.enquiryfoms-sty input::placeholder, .enquiryfoms-sty input::-moz-placeholder {color: #fff;}
.enquiryfoms-sty .btn-primary {padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; font-weight: 500; font-size: 17px;}

.fullSquads-con .nav-pills .nav-link {border-bottom: 0px;opacity: .7;
    filter: grayscale(1);}

.fullSquads-con .nav-pills .nav-link.active {
    /* box-shadow: 0 0 20px rgb(0 0 0 / 13%);
    border-radius: 10px; */
    opacity: 1;
    filter: inherit;
}

.fullSquads-con li .nav-link img {max-width: 100px;}

/* .fullSquads-con {
    background: url(../images/football-img.jpg) no-repeat;
    background-size: cover;
} */

@media (max-width:991px) {
    .navbar-brand img {width: 50px;}
    .navbar-dark .navbar-toggler {margin-left: auto;}
    header.fixed-top.headercolor .navbar-brand img {width: 40px;}
    h2 {font-size: 22px;}
    .btnhead-right {
        padding-right: 0;
    }
    .arrow-styele-dark.owl-carousel .owl-nav button.owl-prev, .arrow-styele-dark.owl-carousel .owl-nav button.owl-next {top: 40%;}
    .arrow-styele-dark.owl-carousel .owl-nav button.owl-prev {right: inherit;}
    .scheduled-mtches-con {padding-top: 20px;}
    .scheduled-matches {background: #fff; position: static; margin-bottom: 40px; height: auto; padding: 30px 15px 30px 15px;}
    .match-team {font-size: 16px;}
    .letest-mtchslider {
        margin-top: 20px;
    }
    .owl-dots {
        text-align: center;
        margin-top: 20px;
    }
    .owl-dots button.owl-dot span {background-color: rgb(207 207 207);}
    .la-match-date span {font-size: 18px;}
    .results-con {margin-bottom: 40px;}
    .about-section {
        display: block;
    }
    .ab__txt {padding: 40px 20px 50px 20px;}
    .sponsor-con .colmn span {width: 140px;}
    .sponsor-con .colmn {padding-left: 10px; padding-right: 10px;}
    .sponsor-con {margin-left: -10px; margin-right: -10px;}
    .footer-bottom {
        text-align: center;
    }
    .socialicons {
        justify-content: center;
        margin-top: 15px;
    }
    .gallery-slider.arrow-styele-dark.owl-carousel .owl-nav button.owl-prev, .gallery-slider.arrow-styele-dark.owl-carousel .owl-nav button.owl-next {
        top: 40%;
    }
    .light-mode.arrow-styele-dark.owl-carousel .owl-nav button.owl-prev, .light-mode.arrow-styele-dark.owl-carousel .owl-nav button.owl-next {
        top: 40%;
    }
    .light-mode.owl-carousel .owl-nav button.owl-prev i, .light-mode.owl-carousel .owl-nav button.owl-next i {
        color: #fff;
    }
    .pointtable-head {background-position: center top;}
    .point-table-con {margin: 0px;}
    .pointtable-head .football-icon img {
        width: 24px;
    }
    .navbar-collapse {padding-top: 30px;}
    .headertop .socialicons {justify-content: end;
        margin-top: 0px;}
    .headertop .socialicons a {margin-left: 15px; margin-right: 0px;}
    .fitures__box .scorecom {margin: 10px 0px; display: inline-block;}
    
    .vs {text-align: center;}
    .squads-box {margin-bottom: 15px;}
}

@media (max-width:767px) {
    .tnewscon {margin-bottom: 15px;}
    .fitures__box .match-team {margin: 0 20px 0 0;}
    .teammobilename {justify-content: center;}
    .fixture-info {text-align: center;}
    .newsbox-txt h6 {height: auto;}
}