@import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Signika:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


* {
    padding: 0;
    margin: 0;
}

/*general css*/

.for-desktop-only {
    display: none;
}

@media (min-width: 991px) {
    .for-desktop-only {
        display: block;
    }
}

.for-mobile-only {
    display: none;
}

@media (max-width: 991px) {
    .for-mobile-only {
        display: block;
    }
}

body {
    overflow-x: hidden !important;
    scroll-behavior: smooth;
    padding-right: 0 !important;
    -webkit-font-smoothing: antialiased;
}

/* width */
body::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
}

/* Track */
body::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
}

/* Handle */
body::-webkit-scrollbar-thumb {
    background: #FFCC00;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb {
    height: 6px;
    border-radius: 10px;
}

.owl-nav {
    position: absolute;
    top: -80px;
    transform: translate(-50%);
    left: 50%;
    display: flex;
    width: 100px;
    justify-content: space-between;
}

.owl-nav button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #009739 !important;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    transition: all 0.5s;
}

.owl-nav button:hover {
    background: #027C30 !important;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}

@media (max-width: 767px) {
    .owl-nav {
        top: 40%;
        width: 100%;
    }
}

.sub_head {
    margin-bottom: 11px;
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0.05em;
    color: #009739;
    text-align: center;
}

@media (max-width: 767px) {
    .sub_head {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 3px;
    }
}

.section_heading {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 37px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #4A4A4A;
    position: relative;
    padding-bottom: 16px;
}

@media (max-width: 767px) {
    .section_heading {
        font-size: 20px;
        line-height: 25px;
    }
}

.section_heading.heading_left {
    text-align: left;
}

section.the_sqad_across_the_ages.aos-animate:before, section.the_sqad_across_the_ages.aos-animate:after,
section.games_of_brazil_players.aos-animate:before, section.games_of_brazil_players.aos-animate:after,
section.brazil_world_cup_calendar.aos-animate:before, section.brazil_world_cup_calendar.aos-animate:after,
section.brazil_team_market_value.aos-animate:before, section.brazil_team_market_value.aos-animate:after {
    right: 0;
    transition: all 0.5s;
}

section.brazil_top_scorers.aos-animate:before, section.brazil_top_scorers.aos-animate:after {
    left: 0;
    transition: all 0.5s;
}

.heading_text {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #4A4A4A;
    max-width: 580px;
}

.green_font {
    color: #009739;
}

.yellow_font {
    color: #FFCC00;
}

.section_heading.heading_left:before {
    left: 0;
    transform: unset;
}

.section_heading:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #FFCC00;
    width: 90px;
    height: 4px;
    transition: width 0.75s ease-in;
}

.section_heading.aos-animate:before {
    width: 410px;
}

section.aos-init {
    overflow: hidden;
}

section.aos-init.aos-animate {
    overflow: visible;
}

@media (max-width: 450px) {
    .section_heading.aos-animate:before {
        width: 70%;
    }
}


ul.nav.nav-tabs {
    position: absolute;
    left: 0;
    border: 0;
    top: 0;
}

ul.nav.nav-tabs li {
    margin-bottom: 17px;
}

ul.nav.nav-tabs li a {
    border: 0;
    padding: 0;
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 16px;
    color: #9D9D9D;
    opacity: 0.65;
    padding-left: 58px;
    position: relative;
    background-color: transparent;
}

ul.nav.nav-tabs li a.active {
    font-weight: 600;
    font-size: 25px !important;
    line-height: 25px !important;
    color: #4A4A4A;
    padding-left: 85px;
    transition: all 0.5s;
    background-color: transparent;
    opacity: 1;
}

ul.nav.nav-tabs li a.active:before {
    width: 70px;
    background-color: #4A4A4A;
    opacity: 1;
}

ul.nav.nav-tabs li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #C2C2C2;
    opacity: 0.65;
    width: 46px;
    height: 0.7px;
    transition: all 0.5s;
}

@media (max-width: 767px) {
    ul.nav.nav-tabs {
        position: relative;
        left: unset;
        flex-direction: row !important;
        top: auto !important;
        display: -webkit-box !important;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    /* width */
    ul.nav.nav-tabs::-webkit-scrollbar {
        height: 6px;
        border-radius: 10px;
    }

    /* Track */
    ul.nav.nav-tabs::-webkit-scrollbar-track {
        background: #eee;
        border-radius: 10px;
    }

    /* Handle */
    ul.nav.nav-tabs::-webkit-scrollbar-thumb {
        background: #FFCC00;
        border-radius: 10px;
    }

    ul.nav.nav-tabs li a {
        padding: 44px 8px 13px 8px !important;
    }

    ul.nav.nav-tabs li a:before {
        height: 29px;
        width: 1px !important;
        top: 0;
        left: 50% !important;
        transform: translateX(-50%);
    }

    ul.nav.nav-tabs li a.active {
        padding: 64px 8px 13px 8px !important;
    }

    ul.nav.nav-tabs li a.active:before {
        width: 1px !important;
        height: 50px;
    }
}

.intro_media {
    padding-bottom: 29px;
    margin-bottom: 22px;
    border-bottom: 0.7px solid rgb(207, 207, 207, 0.5);
}

.intro_media .name_label {
    display: inline-flex;
    flex-direction: column;
}

.intro_media .name_label:first-child {
    padding-right: 17px;
    margin-right: 28px;
    border-right: 0.7px solid rgb(207, 207, 207, 0.5);
}

@media (max-width: 991px) {
    .intro_media .name_label:first-child {
        padding-right: 10px;
        margin-right: 10px;
    }
}

.intro_media .name_label label {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #CBCBCB;
    margin-bottom: 4px;
}

.intro_media .name_label span {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 31px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

.score_board {
    position: relative;
    border-radius: 5px;
    padding: 46px 46px 65px;
    height: 100%;
}

@media (max-width: 991px) {
    .score_board {
        padding: 35px;
    }
}

@media (max-width: 767px) {
    .score_board {
        max-width: 345px;
    }
}

.score_board:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #002776 19.59%, rgba(0, 39, 118, 0.3) 99.98%);
    border-radius: 5px;
    z-index: -1;
}

.score_board p {
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 0.7px solid rgb(207, 207, 207, 0.5);
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF;
}

.score_board .brazil_top_scores {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 47px;
}

.score_board .brazil_top_scores span {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #CBCBCB;
}

.score_board .brazil_top_scores strong {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 45px;
    text-transform: uppercase;
    color: #FFCC00;
}

.score_board .score_img {
    display: flex;
    margin: 0 auto;
}

/*navbar css*/


@media (min-width: 768px) {
    body.open_menu_style .navbar-toggler {
        opacity: 0;
    }
}

@media (max-width: 991px) {
    body.open_menu_style .carousel-indicators {
        padding-left: 100px;
    }
}

@media (min-width: 768px) {
    body.open_menu_style .carousel-indicators {
        left: 0;
        right: auto;
        flex-direction: row-reverse;
        height: auto;
        width: 40%;
        justify-content: flex-end;
        padding-left: 300px;
        background: transparent;
    }

    body.open_menu_style .carousel-indicators button {
        padding-right: 0;
        padding-bottom: 78px;
        margin: 0 13px;
    }

    body.open_menu_style .carousel-indicators button span {
        transform: rotate(90deg);
        display: flex;
    }

    body.open_menu_style .carousel-indicators button:before {
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 1px;
        height: 68px;
    }

    body.open_menu_style .carousel-indicators button.active {
        padding-bottom: 104px;
        padding-right: 0;
    }

    body.open_menu_style .carousel-indicators button.active:before {
        height: 76px;
        width: 1px;
    }
}



header#header .custom_nav {
    position: relative;
}

header#header .custom_nav .navbar-toggler {
    width: 33px;
    height: 33px;
    border: 0 !important;
    padding: 0;
    outline: 0 !important;
    box-shadow: unset !important;
    position: absolute;
    right: 122px;
    z-index: 4;
    top: 40px;
}

@media (max-width: 767px) {
    header#header .custom_nav .navbar-toggler {
        right: 20px;
        top: 20px;
        width: 19px;
        height: 19px;
    }
}

@media (max-width: 767px) {
    header#header .custom_nav .navbar-toggler svg {
        width: 19px;
        height: 19px;
    }
}

header#header .custom_nav .navbar-brand {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 45px;
    color: #4A4A4A;
}

header#header div#offcanvastransparentNavbar {
    width: 60%;
    background: transparent;
}

@media (max-width: 1199px) {
    header#header div#offcanvastransparentNavbar {
        width: 50%;
        height: 100vh;
    }
}

@media (max-width: 991px) {
    header#header div#offcanvastransparentNavbar {
        height: 100vh;
    }
    header#header .offcanvas-body ul {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    header#header div#offcanvastransparentNavbar {
        width: 100%;
        opacity: 0.86;
        top: 0;
        height: 100vh;
    }
}

.offcanvas-backdrop {
    background-color: transparent;
    z-index: 0;
}

header#header div#offcanvastransparentNavbar::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.71);
    z-index: 1;
}

@media (max-width: 767px) {
    header#header div#offcanvastransparentNavbar::before {
        background: rgba(0, 0, 0);
    }
}

@media (max-width: 991px) {
    header#header div#offcanvastransparentNavbar::after {
        background-position: top left -80px;
    }
}

@media (max-width: 767px) {
    header#header div#offcanvastransparentNavbar::after {
        background-image: unset;
    }
}

header#header div#offcanvastransparentNavbar .offcanvas-header,
header#header div#offcanvastransparentNavbar .offcanvas-body {
    z-index: 1;
}

header#header .offcanvas-header {
    justify-content: flex-end;
    padding-right: 123px;
    padding-top: 42px;
}

header#header .offcanvas-header .btn-close {
    width: 30px;
    height: 30px;
    padding: 0;
    filter: unset;
    opacity: 1;
    cursor: pointer;
}

@media (max-width: 767px) {
    header#header .offcanvas-header {
        position: relative;
        margin: 0;
        z-index: 99 !important;
        padding-right: 40px;
    }
}


header#header .offcanvas-header svg.btn-close:hover path {
    fill: #FFCC00;
}

/* width */
header#header .offcanvas-body::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
}

/* Track */
header#header .offcanvas-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Handle */
header#header .offcanvas-body::-webkit-scrollbar-thumb {
    background: #FFCC00;
    border-radius: 10px;
}

header#header .offcanvas-body ul {
    padding: 40px 65px;
}

@media (max-width: 767px) {
    header#header .offcanvas-body ul {
        padding: 42px 36px;
    }
}

header#header .offcanvas-body ul li {
    margin-bottom: 34px;
}

@media (max-width: 767px) {
    header#header .offcanvas-body ul li {
        margin-bottom: 23px;
    }
}

header#header .offcanvas-body ul li a {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    padding: 0 60px;
}

@media (max-width: 767px) {
    header#header .offcanvas-body ul li a {
        padding: 0 0 0 46px;
        font-size: 16px;
        line-height: 16px;
    }
}

header#header .offcanvas-body ul li a:hover {
    color: #FFCC00;
}

header#header .offcanvas-body ul li a:hover:before {
    opacity: 1;
}

header#header .offcanvas-body ul li a:before {
    content: "";
    position: absolute;
    height: 32px;
    width: 32px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-image: url("../images/nav_hover.svg");
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 0.5s;
}

@media (max-width: 767px) {
    header#header .offcanvas-body ul li a:before {
        height: 24px;
        width: 24px;
    }
}

/*top slider css*/
.top_slider {
    height: 100vh;
}

.top_slider img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 1199px) {
    .top_slider,
    .top_slider img {
        height: 800px;
    }
}

@media (max-width: 991px) {
    .top_slider,
    .top_slider img {
        height: 600px;
    }
}

@media (max-width: 991px) {
    .top_slider,
    .top_slider img {
        height: 592px;
    }
}

.top_slider .ts_wrap {
    width: 40%;
    padding: 100px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 1600px) {
    .top_slider .ts_wrap {
        padding: 50px;
    }
}

@media (max-width: 1350px) {
    .top_slider .ts_wrap {
        padding: 20px;
    }
}

@media (max-width: 1199px) {
    .top_slider .ts_wrap {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .top_slider .ts_wrap {
        width: 202px;
    }
}

.top_slider .ts_wrap:before {
    content: "";
    position: absolute;
    left: 0;
    top: 88px;
    background-image: url("../images/brazil_flag.png");
    height: 711px;
    width: 100%;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

@media (max-width: 1199px) {
    .top_slider .ts_wrap:before {
        height: 100%;
        top: 0;
    }
}

.top_slider .ts_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F2C81D 37.5%, #FFCC00 81.22%, #FFCC00 81.22%);
    height: 100%;
    width: 100%;
}

.top_slider .ts_wrap .ts_data {
    position: relative;
    z-index: 4;
}

.top_slider .ts_wrap h1 {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 85px;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #4A4A4A;
}

@media (max-width: 767px) {
    .top_slider .ts_wrap h1 {
        font-size: 30px;
        line-height: 45px;
    }
}

@media (max-width: 450px) {
    .top_slider .ts_wrap h1 {
        font-size: 24px;
        line-height: 30px;
    }
}

.top_slider .ts_wrap h3 {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 23px;
    line-height: 28px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #4A4A4A;
    margin-bottom: 47px;
}

@media (max-width: 767px) {
    .top_slider .ts_wrap h3 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 27px;
    }
}

.top_slider .ts_wrap p {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #4A4A4A;
    margin-bottom: 48px;
}

@media (max-width: 767px) {
    .top_slider .ts_wrap p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 37px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.top_slider .ts_wrap .btn_wrap {
    display: flex;
    gap: 20px;
}

@media (max-width: 1199px) {
    .top_slider .ts_wrap .btn_wrap {
        gap: 10px;
    }
}

@media (max-width: 767px) {
    .top_slider .ts_wrap .btn_wrap {
        flex-direction: column;
    }
}

.top_slider .ts_wrap .btn_wrap a {
    text-decoration: unset !important;
}

@media (max-width: 767px) {
    .top_slider .ts_wrap .btn_wrap a.arrow {
        order: 3;
    }

    .top_slider .ts_wrap .btn_wrap a.arrow svg {
        height: 107px;
    }
}

.top_slider .ts_wrap .btn_wrap .green_btn {
    background: #009739;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    height: 56px;
    padding: 0 18px;
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    border: 2px solid #009739;
    transition: all 0.5s;
}

@media (max-width: 767px) {
    .top_slider .ts_wrap .btn_wrap .green_btn {
        order: 1;
        font-size: 12px;
        line-height: 12px;
        padding: 8px;
    }
}

.top_slider .ts_wrap .btn_wrap .green_btn:hover {
    background: #027C30;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}

.top_slider .ts_wrap .btn_wrap .green_font {
    height: 56px;
    padding: 0 18px;
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #009739;
    display: flex;
    align-items: center;
    transition: all 0.5s;
}

.top_slider .ts_wrap .btn_wrap .green_font:hover {
    background: #009739;
    border-radius: 4px;
    color: #FFFFFF;
}

.top_slider .ts_wrap .btn_wrap .green_font:hover svg path {
    stroke: #FFFFFF;
}

@media (max-width: 767px) {
    .top_slider .ts_wrap .btn_wrap .green_font {
        order: 2;
        font-size: 12px;
        line-height: 12px;
        padding: 10px;
    }
}

.top_slider .ts_wrap .btn_wrap .green_font svg {
    margin-left: 11px;
    transition: all 0.5s;
}

@media (max-width: 767px) {
    .top_slider .ts_wrap .btn_wrap .green_font svg {
        width: 11px;
    }
}

.top_slider .carousel-indicators {
    left: auto;
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 177px;
    background: rgba(253, 203, 12, 0.94);
    height: 100%;
    align-items: flex-end;
}

@media (max-width: 767px) {
    .top_slider .carousel-indicators {
        width: 52px;
        padding: 0 !important;
    }
}

.top_slider .carousel-indicators button {
    width: auto;
    text-indent: unset;
    height: auto;
    background: transparent;
    position: relative;
    padding-right: 81px;
    font-family: 'Signika', sans-serif;
    color: #4A4A4A;
    opacity: 0.65;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    outline: 0 !important;
}

@media (max-width: 767px) {
    .top_slider .carousel-indicators button {
        padding-right: 12px;
        font-size: 15px;
        line-height: 22px;
    }
}

.top_slider .carousel-indicators button:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #4A4A4A;
    opacity: 0.65;
    width: 68px;
    height: 1px;
    transition: all 0.5s;
}

@media (max-width: 767px) {
    .top_slider .carousel-indicators button:before {
        width: 9px;
    }
}

.top_slider .carousel-indicators button.active {
    font-weight: 600;
    font-size: 30px;
    line-height: 22px;
    opacity: 1;
    transition: all 0.5s;
    padding-right: 104px;
}

@media (max-width: 767px) {
    .top_slider .carousel-indicators button.active {
        padding-right: 20px;
        font-size: 20px;
        line-height: 22px
    }
}

.top_slider .carousel-indicators button.active:before {
    width: 94px;
    background: #4A4A4A;
}

@media (max-width: 767px) {
    .top_slider .carousel-indicators button.active:before {
        width: 20px;
    }
}



/*Previous world cup statistics css*/
section.previous_world_cup_statistics {
    padding-top: 133px;
    padding-bottom: 136px;
}

@media (max-width: 767px) {
    section.previous_world_cup_statistics {
        padding-top: 56px;
        padding-bottom: 232px;
    }
}

@media (min-width: 1400px) {
    section.previous_world_cup_statistics .container {
        max-width: 850px;
    }
}

section.previous_world_cup_statistics .section_heading {
    margin-bottom: 70px;
}

@media (max-width: 767px) {
    section.previous_world_cup_statistics .section_heading {
        margin-bottom: 47px;
    }
}

@media (max-width: 767px) {
    section.previous_world_cup_statistics .row {
        max-width: 304px;
        margin: 0 auto;
    }
}

section.previous_world_cup_statistics .pwcs_wrap {
    text-align: center;
    padding: 40px;
    position: relative;
}

@media (max-width: 767px) {
    section.previous_world_cup_statistics .pwcs_wrap {
        padding: 30px 20px;
    }
}

section.previous_world_cup_statistics .pwcs_wrap:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-bottom: 0.7px solid #DCDCDC;
    z-index: -1;
    opacity: 0.5;
}

section.previous_world_cup_statistics .pwcs_wrap:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-right: 0.7px solid #DCDCDC;
    z-index: -1;
    opacity: 0.5;
}

section.previous_world_cup_statistics .col-xxl-3 {
    padding: 0;
}

section.previous_world_cup_statistics .col-xxl-3:nth-child(4n) .pwcs_wrap:after {
    border: 0;
}

section.previous_world_cup_statistics .col-xxl-3:nth-child(5) .pwcs_wrap:before,
section.previous_world_cup_statistics .col-xxl-3:nth-child(6) .pwcs_wrap:before,
section.previous_world_cup_statistics .col-xxl-3:nth-child(7) .pwcs_wrap:before,
section.previous_world_cup_statistics .col-xxl-3:nth-child(8) .pwcs_wrap:before {
    border: 0;
}

@media (max-width: 767px) {
    section.previous_world_cup_statistics .col-xxl-3:nth-child(2) .pwcs_wrap:after,
    section.previous_world_cup_statistics .col-xxl-3:nth-child(6) .pwcs_wrap:after {
        border: 0;
    }

    section.previous_world_cup_statistics .col-xxl-3:nth-child(5) .pwcs_wrap:before,
    section.previous_world_cup_statistics .col-xxl-3:nth-child(6) .pwcs_wrap:before {
        border-bottom: 0.7px solid #DCDCDC;
    }
}

section.previous_world_cup_statistics .pwcs_wrap svg {
    width: 60px;
    height: 60px;
    margin-bottom: 16px;
}

section.previous_world_cup_statistics .pwcs_wrap h3 {
    height: 35px;
    overflow: hidden;
    font-family: 'Signika', sans-serif;
    color: #4A4A4A;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
}

section.previous_world_cup_statistics .pwcs_wrap .pwcs_count {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 45px;
    text-transform: uppercase;
    color: #FFCC00;
}

/*THE SQUAD ACROSS THE AGES css*/

section.the_sqad_across_the_ages {
    background: #F7F7F7;
    padding: 133px 0 200px;
    position: relative;
}

@media (max-width: 767px) {
    section.the_sqad_across_the_ages {
        padding: 91px 0 235px;
    }
}

section.the_sqad_across_the_ages:before {
    content: "";
    position: absolute;
    right: -30px;
    top: -100px;
    background-image: url("../images/footballer.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 333.08px;
    height: 289.77px;
    z-index: 1;
}

section.the_sqad_across_the_ages:after {
    content: "";
    position: absolute;
    right: -30px;
    top: -40px;
    background-image: url("../images/footballer_vector.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 179.68px;
    height: 300.67px;
}

@media (max-width: 767px) {
    section.the_sqad_across_the_ages:before {
        top: -200px;
    }

    section.the_sqad_across_the_ages:after {
        top: -140px;
    }
}

section.the_sqad_across_the_ages .container {
    z-index: 2;
    position: relative;
}

section.the_sqad_across_the_ages .section_heading {
    margin-bottom: 53px;
}

section.the_sqad_across_the_ages .heading_text {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #4A4A4A;
    max-width: 580px;
}

section.the_sqad_across_the_ages ul.nav.nav-tabs {
    top: 250px;
}


section.the_sqad_across_the_ages table thead {
    background-color: #EAEAEA;
    height: 45px;
    vertical-align: middle;
}

section.the_sqad_across_the_ages table thead tr th {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    color: #4A4A4A;
    padding: 10px 25px;
    position: relative;
}

section.the_sqad_across_the_ages table thead tr th:first-child:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #9D9D9D;
    opacity: 0.3;
    height: 26px;
    width: 1px;
}

section.the_sqad_across_the_ages table thead tr th:first-child {
    text-align: center;
}

section.the_sqad_across_the_ages table tbody {
    background-color: #FFFFFF;
}

section.the_sqad_across_the_ages table tbody tr td {
    height: 45px;
    vertical-align: middle;
    padding: 10px 25px;
    position: relative;
}

section.the_sqad_across_the_ages table tbody tr td:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #9D9D9D;
    opacity: 0.3;
    height: 26px;
    width: 1px;
}

section.the_sqad_across_the_ages table tbody tr td:last-child:before {
    display: none;
}

section.the_sqad_across_the_ages table tbody tr td:nth-child(3):before {
    display: none;
}

section.the_sqad_across_the_ages table tbody tr td:last-child {
    width: 10%;
}

section.the_sqad_across_the_ages table tbody tr th {
    padding: 10px 25px;
    position: relative;
    text-align: center;
    width: 10%;
}

section.the_sqad_across_the_ages table tbody tr th .green_font {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #009739;
    position: relative;
}

section.the_sqad_across_the_ages table tbody tr th:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #9D9D9D;
    opacity: 0.3;
    height: 26px;
    width: 1px;
}

section.the_sqad_across_the_ages table tbody tr td strong {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #4A4A4A;
}

section.the_sqad_across_the_ages table tbody tr td em {
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    color: #9D9D9D;
}

@media (max-width: 767px) {
    section.the_sqad_across_the_ages .section_heading {
        max-width: 228px;
    }
}


/*brazil top scorers css*/
section.brazil_top_scorers {
    padding: 135px 0 12px;
    position: relative;
}

@media (max-width: 767px) {
    section.brazil_top_scorers {
        padding: 91px 0 18px;
    }
}

section.brazil_top_scorers .bg_text_vector {
    position: absolute;
    right: -310px;
    top: 450px;
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 80px;
    letter-spacing: 0.02em;
    color: #002776;
    opacity: 0.04 !important;
    transform: rotate(90deg) !important;
}

@media (max-width: 767px) {
    section.brazil_top_scorers .bg_text_vector {
        right: -180px;
        font-size: 35px;
        line-height: 35px;
        top: 240px;
    }
}

section.brazil_top_scorers:before {
    content: "";
    position: absolute;
    left: -30px;
    top: -150px;
    background-image: url("../images/footballer_two.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    width: 304.06px;
    height: 365.56px;
    z-index: 1;
}

section.brazil_top_scorers:after {
    content: "";
    position: absolute;
    left: -30px;
    top: -40px;
    background-image: url("../images/footballer_two_vector.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    width: 179.68px;
    height: 279.84px;
}

@media (max-width: 767px) {
    section.brazil_top_scorers:before {
        top: -200px;
        height: 325px;
    }

    section.brazil_top_scorers:after {
        top: -140px;
        height: 243.56px;
        left: -20px;
    }

    section.brazil_top_scorers .container {
        position: relative;
        z-index: 4;
    }
}

section.brazil_top_scorers .section_heading {
    margin-bottom: 76px;
}

@media (max-width: 767px) {
    section.brazil_top_scorers .section_heading {
        margin-bottom: 42px;
    }
}

@media (max-width: 767px) {
    section.brazil_top_scorers .row {
        gap: 25px;
    }
}

@media (min-width: 1400px) {
    section.brazil_top_scorers .col-xxl-4 {
        width: 488px;
        height: 649px;
    }
}


/*Hattricks by brazil players in world cup*/

section.hattricks_by_brazil_players {
    padding: 165px 0 152px;
    position: relative;
}

@media (max-width: 767px) {
    section.hattricks_by_brazil_players {
        padding: 75px 0 66px;
    }
}

section.hattricks_by_brazil_players:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180.3deg, #FFFFFF 2.01%, rgba(255, 255, 255, 0) 84.96%);
    width: 100%;
    height: 1020px;
    z-index: 1;
}

section.hattricks_by_brazil_players:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../images/hattricks_by_brazil_players.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    width: 100%;
    height: 1020px;
}

@media (max-width: 767px) {
    section.hattricks_by_brazil_players:after {
        background-image: url("../images/hattricks_by_brazil_players_mobile.png");
        height: 100%;
    }

    section.hattricks_by_brazil_players:before {
        background: linear-gradient(180.3deg, #FFFFFF 2.01%, rgba(255, 255, 255, 0) 84.96%);
        height: 298px;
    }
}

section.hattricks_by_brazil_players .section_heading {
    margin-bottom: 66px;
    max-width: 484px;
}

@media (max-width: 767px) {
    section.hattricks_by_brazil_players .section_heading {
        margin-bottom: 24px;
    }
}

section.hattricks_by_brazil_players .container {
    position: relative;
    z-index: 1;
}

section.hattricks_by_brazil_players .col-xxl-3 {
    padding: 0;
}

@media (max-width: 767px) {
    section.hattricks_by_brazil_players .col-xxl-3 {
        padding-left: 15px;
    }
}

section.hattricks_by_brazil_players .col-xxl-3:first-child {
    padding-left: 15px;
}

section.hattricks_by_brazil_players .hbbp_wrap {
    border-right: 0.7px solid #DCDCDC;
    padding: 0 70px;
}

@media (max-width: 767px) {
    section.hattricks_by_brazil_players .hbbp_wrap {
        padding: 33px 0;
        border-right: 0;
        border-bottom: 0.7px solid #DCDCDC;
    }
}

@media (max-width: 767px) {
    section.hattricks_by_brazil_players .col-xxl-3:last-child .hbbp_wrap {
        border-bottom: 0;
    }
}

section.hattricks_by_brazil_players .hbbp_wrap svg {
    width: 50px;
    height: 47px;
    margin-bottom: 20px;
}

section.hattricks_by_brazil_players .hbbp_wrap .count {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 45px;
    text-transform: uppercase;
    color: #FFCC00;
    margin-bottom: 24px;
}

@media (max-width: 767px) {
    section.hattricks_by_brazil_players .hbbp_wrap .count {
        margin-bottom: 19px;
    }
}

section.hattricks_by_brazil_players .hbbp_wrap p {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: #4A4A4A;
}

@media (max-width: 767px) {
    section.hattricks_by_brazil_players .hbbp_wrap p {
        font-size: 15px;
        line-height: 16px;
        max-width: 200px;
    }
}

section.hattricks_by_brazil_players .hbbp_wrap p span {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: #4A4A4A;
    display: block;
}


/*games played by a number of brazil players css*/

section.games_of_brazil_players {
    position: relative;
    padding-bottom: 171px;
    z-index: 4;
}

@media (max-width: 767px) {
    section.games_of_brazil_players {
        padding-top: 33px;
        padding-bottom: 148px;
    }
}

section.games_of_brazil_players:before {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -150px;
    background-image: url("../images/footballer_three.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 204.31px;
    height: 326.59px;
    z-index: 2;
}

@media (max-width: 767px) {
    section.games_of_brazil_players:before {
        width: 173.6px;
        height: 277.5px;
        bottom: -120px;
        z-index: 5;
    }
}

section.games_of_brazil_players:after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -200px;
    background-image: url("../images/footballer_three_vector.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 179.68px;
    height: 283.68px;
    z-index: 1;
}

@media (max-width: 767px) {
    section.games_of_brazil_players:after {
        width: 215.4px;
        height: 241.03px;
        bottom: -130px;
    }
}

section.games_of_brazil_players .section_heading {
    margin-bottom: 30px;
    max-width: 439px;
}

section.games_of_brazil_players .sub_head {
    text-align: left;
}

section.games_of_brazil_players .heading_text {
    max-width: 581px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #9D9D9D;
    margin-bottom: 104px;
}

@media (max-width: 767px) {
    section.games_of_brazil_players .heading_text {
        display: none;
    }
}

@media (max-width: 767px) {
    section.games_of_brazil_players .chart_indicators {
        margin-bottom: 0;
        margin-top: 0;
    }

    section.games_of_brazil_players .row {
        flex-direction: column-reverse;
        gap: 20px;
    }
}


/*games, victory, draw & defeat css*/

section.games_victory_draw_defeat {
    position: relative;
    padding: 136px 0 93px;
    background: linear-gradient(180deg, #F9F9F9 26.89%, rgba(248, 248, 248, 0.98) 47.47%, rgba(255, 255, 255, 0.92) 63.76%, rgba(255, 255, 255, 0.94) 75.93%, #FFFFFF 93.81%);
}

@media (max-width: 767px) {
    section.games_victory_draw_defeat {
        padding: 0 0 44px;
        background: transparent;
    }
}

section.games_victory_draw_defeat:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../images/chart_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    height: 100%;
    z-index: 0;
}

@media (max-width: 767px) {
    section.games_victory_draw_defeat:before {
        background-image: url("../images/chart_bg_mobile.png");
        background-size: cover;
        background-position: center;
    }
}

section.games_victory_draw_defeat .container {
    position: relative;
    z-index: 5;
}

section.games_victory_draw_defeat .gvd_shape:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 586px;
    background-image: url("../images/chart_bg_two.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    width: 250.21px;
    height: 279.84px;
    z-index: 3;
}

@media (max-width: 767px) {
    section.games_victory_draw_defeat .gvd_shape:after {
        bottom: 18%;
        width: 237.26px;
        height: 265.36px;
    }
}

@media (max-width: 767px) {
    section.games_victory_draw_defeat .container {
        position: relative;
        z-index: 4;
    }
}

section.games_victory_draw_defeat .section_heading {
    margin-bottom: 62px;
}

section.games_victory_draw_defeat .goals_scored_conceded_stats {
    z-index: 3;
    position: relative;
    margin-top: 143px;
}

@media (max-width: 767px) {
    section.games_victory_draw_defeat .goals_scored_conceded_stats {
        margin-top: 150px;
    }
}

@media (max-width: 767px) {
    section.games_victory_draw_defeat .goals_scored_conceded_stats > .col-xxl-4 {
        max-width: 304px;
        margin: 0 auto 100px;
    }
}

section.games_victory_draw_defeat .goals_scored_conceded_stats .goals-scored-menu-chart .row {
    align-items: center;
}

@media (max-width: 767px) {
    section.games_victory_draw_defeat .goals_scored_conceded_stats .goals-scored-menu-chart .row {
        flex-direction: column-reverse;
        gap: 20px;
    }

    section.games_victory_draw_defeat .goals_scored_conceded_stats .chart_indicators {
        margin: 0;
    }

    section.games_victory_draw_defeat .goals_scored_conceded_stats .heading_text {
        margin-bottom: 70px;
    }
}

.goals_scored_conceded_stats .chart_indicators {
    justify-content: flex-start;
    gap: 36px;
}

section.games_victory_draw_defeat .goals-scored-menu-html ul.nav.nav-tabs {
    bottom: 0;
    right: 0;
    left: auto;
    top: unset;
}

section.games_victory_draw_defeat .goals-scored-menu-html ul.nav.nav-tabs li a {
    padding-right: 85px;
    padding-left: 0;
}

section.games_victory_draw_defeat .goals-scored-menu-html ul.nav.nav-tabs li a.active {
    text-transform: uppercase;
}

section.games_victory_draw_defeat .goals-scored-menu-html ul.nav.nav-tabs li a:before {
    right: 0;
    left: auto;
}

section.games_victory_draw_defeat .goals_scored_conceded_stats .section_heading {
    margin-bottom: 30px;
}

section.games_victory_draw_defeat .goals_scored_conceded_stats .heading_text {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #9D9D9D;
    max-width: 385px;
}

section.games_victory_draw_defeat ul.nav.nav-tabs {
    top: 288px;
}

@media (max-width: 767px) {
    section.games_victory_draw_defeat ul.nav.nav-tabs {
        margin-bottom: 63px;
    }
}

section.games_victory_draw_defeat .highcharts-figure .highcharts-root > rect {
    fill: transparent;
}

section.games_victory_draw_defeat .statistics-menu-html ul.nav.nav-tabs {
    top: 80px;
    z-index: 99;
}

section.games_victory_draw_defeat .statistics-menu-html ul.nav.nav-tabs li a.active {
    text-transform: uppercase;
}

@media (max-width: 767px) {
    section.games_victory_draw_defeat .statistics-menu-html ul.nav.nav-tabs {
        top: 291px !important;
    }
}

section.games_victory_draw_defeat .goals-scored-menu-html ul.nav.nav-tabs {
    right: 0;
    top: auto;
    bottom: 93px;
    left: auto;
    z-index: 99;
}

@media (max-width: 991px) {
    section.games_victory_draw_defeat .goals-scored-menu-html ul.nav.nav-tabs {
        bottom: 400px;
    }
}

@media (max-width: 767px) {
    section.games_victory_draw_defeat .goals-scored-menu-html ul.nav.nav-tabs {
        bottom: 470px;
        top: auto !important;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    section.yellow_red_cards .row.yellow_red_cards_row {
        flex-direction: column-reverse;
        gap: 20px;
    }

    section.yellow_red_cards .row.yellow_red_cards_row .chart_indicators {
        margin: 0;
    }
}

section.yellow_red_cards .highcharts-figure .highcharts-root > rect {
    fill: transparent;
}

g.highcharts-exporting-group {
    display: none;
}



/*clubs played for css*/

section.clubs_played_for {
    background-color: #4A4A4A;
    position: relative;
    padding-top: 91px;
}

@media (max-width: 767px) {
    section.clubs_played_for {
        padding-top: 59px;
    }
}

section.clubs_played_for .section_heading {
    color: #FFFFFF;
    margin-bottom: 36px;
}

section.clubs_played_for ul.nav.nav-tabs {
    top: 80px;
}

@media (max-width: 767px) {
    section.clubs_played_for ul.nav.nav-tabs {
        display: flex !important;
        justify-content: center;
        overflow-x: unset;
        padding: 0 !important;
    }
}

section.clubs_played_for ul.nav.nav-tabs li {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    section.clubs_played_for ul.nav.nav-tabs li {
        margin-bottom: 12px;
    }
}

section.clubs_played_for ul.nav.nav-tabs li a.active {
    background-color: transparent !important;
    color: #FFFFFF;
}

section.clubs_played_for ul.nav.nav-tabs li a.active:before {
    background-color: #FFFFFF;
}

@media (max-width: 767px) {
    section.clubs_played_for iframe {
        height: 672px;
    }
}

.si-frame {
    background: #EBEBEB;
    box-shadow: 4px 4px 15px 3px rgba(0, 0, 0, 0.25);
    border-radius: 1px;
    padding: 10px 14px;
}

.si-frame.si-content-wrapper h2 {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    color: #4A4A4A;
    text-transform: capitalize;
}

.si-frame.si-content-wrapper span {
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 15px;
    line-height: 14px;
    color: #002776;
    padding-left: 30px;
    position: relative;
}

.si-frame.si-content-wrapper span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../images/score_img.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    width: 21.93px;
    height: 23px;
}


/*yellow_red_cards css*/
section.yellow_red_cards {
    padding: 463px 0 107px;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
}

@media (max-width: 767px) {
    section.yellow_red_cards {
        padding: 214px 0 46px;
    }
}

section.yellow_red_cards:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../images/yellow_&_red_cards.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    width: 100%;
    height: 1400px;
    z-index: -1;
}

@media (max-width: 767px) {
    section.yellow_red_cards:before {
        background-image: url("../images/yellow_&_red_cards_mobile.png");
        background-position: bottom left;
        height: 100%;
    }
}

@media (max-width: 1199px) {
    section.yellow_red_cards:before {
        height: 1000px;
    }

    section.yellow_red_cards:after {
        height: 100%;
    }
}

section.yellow_red_cards:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 9.27%, rgba(255, 255, 255, 0.94) 27.66%, rgba(255, 255, 255, 0.96) 60.08%, #FFFFFF 82.24%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    width: 100%;
    height: 100%;
    z-index: -1;
}

section.yellow_red_cards .history_facts {
    position: absolute;
    left: -135px;
    top: 256px;
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 80px;
    letter-spacing: 0.02em;
    color: #002776;
    transition: all 0.5s;
    opacity: 0.05;
}

section.yellow_red_cards .brazil_text {
    position: absolute;
    left: 60%;
    top: 10px;
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 300px;
    line-height: 300px;
    letter-spacing: 0.02em;
    opacity: 0.04;
    transition: all 0.5s;
    color: #002776;
    -webkit-text-fill-color: #002776;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

section.yellow_red_cards .chart_indicators {
    justify-content: flex-start;
    gap: 36px;
}

@media (min-width: 1400px) {
    section.yellow_red_cards .chart_indicators {
        padding-top: 50px;
    }
}

section.yellow_red_cards:hover .brazil_text {
    left: 0;
    transition: all 0.5s;
}

section.yellow_red_cards:hover .history_facts {
    left: 20px;
    transition: all 0.5s;
}

@media (max-width: 767px) {
    section.yellow_red_cards .history_facts {
        font-size: 30px;
        line-height: 30px;
        left: -145px;
        top: 114px;
    }

    section.yellow_red_cards .brazil_text {
        font-size: 100px;
        line-height: 100px;
    }
}

section.yellow_red_cards .section_heading {
    margin-bottom: 34px;
}


/*players that made history*/
section.players_history {
    padding: 132px 0 127px;
    position: relative;
}

@media (max-width: 767px) {
    section.players_history {
        padding: 61px 0 28px;
        overflow: hidden;
    }
}

section.players_history:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../images/players_history.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    width: 100%;
    height: 100%;
}

@media (max-width: 991px) {
    section.players_history:before {
        background-position: top right;
    }
}

@media (max-width: 767px) {
    section.players_history:before {
        background-image: url("../images/players_history_mobile.png");
    }
}

section.players_history:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(90deg, #4A4A4A 36.62%, rgba(74, 74, 74, 0.95) 66.45%, rgba(74, 74, 74, 0.87) 100%);
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    section.players_history:after {
        background: linear-gradient(214deg, #4A4A4A 36.62%, rgba(74, 74, 74, 0.95) 66.45%, rgba(74, 74, 74, 0.87) 100%);
    }
}

section.players_history .container {
    position: relative;
    z-index: 1;
}

section.players_history .section_heading {
    color: #FFFFFF;
    margin-bottom: 31px;
}

section.players_history .section_heading:before {
    width: 0;
}

section.players_history .section_heading.aos-animate:before {
    width: 90px;
}

section.players_history .section_heading span {
    color: #FFCC00;
    display: block;
}

section.players_history .heading_text {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    max-width: 292px;
    margin-bottom: 0;
}

section.players_history ul.nav.nav-tabs {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 80px;
}

@media (max-width: 767px) {
    section.players_history ul.nav.nav-tabs {
        margin-bottom: 52px;
    }
}

section.players_history ul.nav.nav-tabs li {
    margin-bottom: 30px;
}

section.players_history ul.nav.nav-tabs li a {
    padding-left: 79px;
}

section.players_history ul.nav.nav-tabs li a.active {
    color: #FFFFFF;
    padding-left: 127px;
}

section.players_history ul.nav.nav-tabs li a:before {
    width: 67px;
}

section.players_history ul.nav.nav-tabs li a.active:before {
    background-color: #ffffff;
    width: 119px;
}

@media (max-width: 991px) {
    section.players_history .ph_tabs .tab_data {
        margin-top: 50px;
    }
}

section.players_history .ph_tabs p {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    section.players_history .ph_tabs p {
        font-size: 13px;
        line-height: 20px;
    }
}

section.players_history .ph_tabs  .tab-pane img {
    margin-right: auto;
    margin-left: 0 !important;
}

@media (max-width: 767px) {
    section.players_history .ph_tabs  .tab-pane img {
        width: 97.25px;
        object-fit: contain;
        height: 102px;
    }
}

section.players_history .ph_tabs .ph_statistics {
    margin-top: 40px;
    display: flex;
    align-items: center;
    padding: 0;
}

@media (max-width: 767px) {
    section.players_history .ph_tabs .ph_statistics {
        flex-wrap: wrap;
    }
}

section.players_history .ph_tabs .ph_statistics li {
    padding: 0 25px;
    border-right: 0.7px solid #CFCFCF;
}

@media (max-width: 767px) {
    section.players_history .ph_tabs .ph_statistics li:first-child {
        padding-left: 15px !important;
    }
}

@media (max-width: 767px) {
    section.players_history .ph_tabs .ph_statistics li:nth-child(2) {
        border: 0;
    }
}

@media (max-width: 1199px) {
    section.players_history .ph_tabs .ph_statistics li {
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    section.players_history .ph_tabs .ph_statistics li {
        width: 50%;
        margin: 0 0 20px;
    }
}

section.players_history .ph_tabs .ph_statistics li::marker {
    font-size: 0 !important;
}

section.players_history .ph_tabs .ph_statistics li label {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #FFCC00;
}

section.players_history .ph_tabs .ph_statistics li span {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
}


/*Dream team css*/
section.dream_team {
    position: relative;
    padding: 133px 0 240px;
}

@media (max-width: 767px) {
    section.dream_team {
        padding: 68px 0 140px;
    }
}

section.dream_team .dt_tabs {
    display: flex;
    align-items: center;
    gap: 190px;
}

@media (max-width: 1199px) {
    section.dream_team .dt_tabs {
        gap: 60px;
    }
}

@media (max-width: 991px) {
    section.dream_team .dt_tabs {
        gap: 30px;
    }
}

@media (max-width: 767px) {
    section.dream_team .dt_tabs {
        flex-direction: column;
        align-items: flex-start;
    }
}


section.dream_team .dt_tabs .tab-pane img {
    width: 100%;
}

@media (max-width: 767px) {
    section.dream_team .dt_tabs .tab-pane img {
        width: 124.89px;
        height: 131px;
        object-fit: contain;
        margin-right: auto;
        margin-left: 0 !important;
        margin-bottom: 52px;
    }
}

section.dream_team ul.nav.nav-tabs {
    position: relative;
    left: unset;
    top: unset;
}

@media (max-width: 767px) {
    section.dream_team ul.nav.nav-tabs {
        width: 100%;
    }

    section.dream_team ul.nav.nav-tabs li a {
        text-align: center;
    }
}

section.dream_team ul.nav.nav-tabs li a {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}

section.dream_team ul.nav.nav-tabs li a img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    opacity: 0.4;
}

section.dream_team ul.nav.nav-tabs li a.active img {
    opacity: 1;
    width: 80px;
    height: 80px;
}

section.dream_team ul.nav.nav-tabs li a.active {
    text-align: center;
    opacity: 1;
}

section.dream_team ul.nav.nav-tabs li a.active:before {
    background-color: #FFCC00;
}


@media (max-width: 767px) {
    section.dream_team .dt_info .intro_media {
        position: absolute;
        top: 0;
        display: inline-block;
        right: 0;
        width: 63%;
    }
}

section.dream_team .dt_info .intro_media .name_label label {
    color: #9B9B9B;
}

section.dream_team .dt_info .intro_media .name_label span {
    color: #4A4A4A;
}

section.dream_team .dt_info .intro_media .name_label.position_label {
    width: 100%;
    margin: 30px 0;
}

@media (max-width: 767px) {
    section.dream_team .tab-pane {
        position: relative;
    }
}

section.dream_team .dt_info .intro_media {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

section.dream_team .dt_info {
    margin-bottom: 157px;
    padding-left: 50px;
}

section.dream_team .dt_info p {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #9D9D9D;
}

section.dream_team .see_dream_starting {
    position: absolute;
    bottom: 312px;
    left: 50%;
    transform: translateX(-50%);
    height: 56px;
    border: 2px solid #009739;
    background: #009739;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: unset;
    margin-top: 150px;
    transition: all 0.5s;
}

section.dream_team .see_dream_starting:hover {
    background: #027C30;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}

#open_dream_team_back {
    position: relative;
    margin-top: 110px;
    top: auto;
    left: auto;
    bottom: auto;
    transform: unset;
}

.dream-column.open .dt_tabs {
    display: none;
    transition: all 0.5s;
}

.dream-column .dt-table-image {
    display: none;
    transition: all 0.5s;
}

.dream-column.open .dt-table-image {
    display: flex;
    justify-content: center;
    margin-top: 80px;
    transition: all 0.5s;
}

.dream-column.open .dt-table-image .text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}


@media (max-width: 767px) {
    section.dream_team .dt_info .intro_media .name_label label {
        font-size: 12px;
        line-height: 12px;
    }

    section.dream_team .dt_info .intro_media .name_label span {
        font-size: 20px;
        line-height: 20px;
    }

    section.dream_team button.see_dream_starting {
        position: relative;
        bottom: unset;
        left: unset;
        transform: unset;
        margin-top: 0;
    }

    section.dream_team .dt_info {
        margin-bottom: 35px;
        padding-left: 0;
    }
}

/*brazil world cup calendar css*/

section.brazil_world_cup_calendar {
    padding: 133px 0 140px;
    background: #009739;
    position: relative;
    overflow: hidden;
}

section.brazil_world_cup_calendar:before {
    content: "";
    position: absolute;
    right: -30px;
    top: -220px;
    background-image: url("../images/footballer_four.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 388.63px;
    height: 371.51px;
    z-index: 2;
}

section.brazil_world_cup_calendar:after {
    content: "";
    position: absolute;
    right: -30px;
    top: -150px;
    background-image: url("../images/footballer_four_vector.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 452.41px;
    height: 506.25px;
    z-index: -1;
}

section.brazil_world_cup_calendar .section_heading {
    margin-bottom: 57px;
    color: #FFFFFF;
}

@media (max-width: 991px) {
    section.brazil_world_cup_calendar ul.group_board li .gb_inner .gb_header {
        font-size: 14px;
    }
}

section.brazil_world_cup_calendar .group_g {
    background: linear-gradient(90deg, #048F38 32.84%, rgba(4, 143, 56, 0) 101.02%);
    height: 96px;
    display: flex;
    gap: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 51px;
}

section.brazil_world_cup_calendar .group_g label {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 31px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0;
}

section.brazil_world_cup_calendar .group_g span {
    height: 53px;
    width: auto;
}

section.brazil_world_cup_calendar .group_g span img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

section.brazil_world_cup_calendar ul.group_board {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0;
    margin: 0;
}

section.brazil_world_cup_calendar ul.group_board li {
    background: #FFFFFF;
    border-radius: 3px;
    width: 33.33%;
    overflow: hidden;
}

section.brazil_world_cup_calendar ul.group_board li::marker {
    font-size: 0 !important;
}

section.brazil_world_cup_calendar ul.group_board li .gb_inner .gb_header {
    height: 48px;
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    background: #037B30;
    color: #FFFFFF;
    padding: 0 17px;
    display: flex;
    align-items: center;
    transition: all 0.5s;
}

section.brazil_world_cup_calendar ul.group_board li .gb_inner .gb_calender {
    padding: 21px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
}

section.brazil_world_cup_calendar ul.group_board li .gb_inner .gb_location {
    display: flex;
    align-items: center;
    padding: 21px;
    border-top: 0.7px solid rgb(213, 213, 213, 50%);
}

section.brazil_world_cup_calendar ul.group_board li .gb_inner .gb_location svg {
    margin-right: 10px;
}

@media (max-width: 991px) {
    section.brazil_world_cup_calendar ul.group_board li .gb_inner .gb_calender {
        flex-direction: column;
        align-items: self-start;
        gap: 30px;
    }
}

section.brazil_world_cup_calendar .gb_calender .gbc_wrap {
    display: inline-flex;
    flex-direction: column;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 0.7px solid #D5D5D5;
}

@media (max-width: 991px) {
    section.brazil_world_cup_calendar .gb_calender .gbc_wrap {
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
    }
}

section.brazil_world_cup_calendar .gbc_wrap .date {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 25px;
    color: #4A4A4A;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 0.7px solid rgb(213, 213, 213, 50%);
}

section.brazil_world_cup_calendar .gbc_wrap .date span {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 16px;
    letter-spacing: 0.05em;
    color: #4A4A4A;
    display: block;
    margin-top: 6px;
}

section.brazil_world_cup_calendar .gbc_wrap .date + span {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.brazil_world_cup_calendar .gbc_wrap .date + span > svg {
    margin-right: 4px;
}


section.brazil_world_cup_calendar .calendar_data {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

section.brazil_world_cup_calendar .calendar_data .media {
    display: flex;
    align-items: center;
    gap: 15px;
}

section.brazil_world_cup_calendar .calendar_data .media img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

section.brazil_world_cup_calendar .calendar_data .media p {
    font-family: 'Poppins', sans-serif;
    color: #4A4A4A;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 13px;
    margin-bottom: 0;
}

section.brazil_world_cup_calendar .calendar_data .v_s {
    font-family: 'Barlow', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #002776;
    opacity: 0.3;
    padding-left: 50px;
}

@media (max-width: 767px) {
    section.brazil_world_cup_calendar {
        padding: 121px 0 92px;
    }

    section.brazil_world_cup_calendar .section_heading {
        margin-bottom: 41px;
    }

    section.brazil_world_cup_calendar .group_g {
        padding: 31px 0;
        height: auto;
        flex-direction: column;
        gap: 24px;
        margin-bottom: 37px;
    }

    section.brazil_world_cup_calendar .group_g label {
        font-size: 20px;
        line-height: 20px;
    }

    section.brazil_world_cup_calendar .group_g span {
        height: 37px;
    }

    section.brazil_world_cup_calendar ul.group_board {
        gap: 23px;
        flex-direction: column;
    }

    section.brazil_world_cup_calendar ul.group_board li {
        width: 100%;
    }

    section.brazil_world_cup_calendar ul.group_board li .gb_inner .gb_calender {
        flex-direction: row;
    }

    section.brazil_world_cup_calendar:before {
        width: 245.74px;
        height: 234.92px;
    }

    section.brazil_world_cup_calendar:after {
        width: 286.07px;
        height: 320.11px;
    }
}


/* BRAZIL In the World cup history facts css */

section.brazil_history_facts {
    position: relative;
}



section.brazil_history_facts .bh_slides .slide:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(270deg, #FFCC00 27.5%, rgba(255, 204, 0, 0.49) 88.89%);
    transform: rotate(-180deg);
    width: 100%;
    height: 100%;
    z-index: 1;
}

section.brazil_history_facts h1 {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 85px;
    letter-spacing: 0.05em;
    color: #4A4A4A;
    margin-bottom: 0;
}

section.brazil_history_facts h3 {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #4A4A4A;
    margin-bottom: 42px;
}

section.brazil_history_facts ul {
    margin: 0;
    padding: 0;
    max-width: 621px;
}

section.brazil_history_facts ul li {
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #4A4A4A;
    padding-left: 30px;
    margin-bottom: 15px;
}

section.brazil_history_facts ul li::marker {
    font-size: 0 !important;
}

section.brazil_history_facts ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url("../images/football.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 18px;
    height: 18px;
}

section.brazil_history_facts .bh_slides .slide {
    width: 100%;
    height: 570px;
}

section.brazil_history_facts .bh_slides .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.brazil_history_facts .slide_data {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 91px 0;
}

@media (max-width: 767px) {
    section.brazil_history_facts .slide_data {
        padding: 91px 0 238px;
    }

    section.brazil_history_facts h1 {
        font-size: 45px;
        line-height: 45px;
    }

    section.brazil_history_facts h3 {
        font-size: 16px;
        line-height: 16px;
    }

    section.brazil_history_facts ul li {
        font-size: 14px;
        line-height: 30px;
    }

    section.brazil_history_facts .bh_slides .slide:after {
        background: linear-gradient(358deg, #FFCC00 35.75%, rgba(255, 204, 0, 0.54) 99.21%);
    }
}


/* players to watch */

section.players_to_watch {
    background: #4A4A4A;
    padding: 133px 0 160px;
}

section.players_to_watch .section_heading {
    color: #FFFFFF;
    margin-bottom: 75px;
}

section.players_to_watch .players_watch_list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 33px;
}

section.players_to_watch .players_watch_list li {
    position: relative;
    padding: 64px 70px;
}

@media (max-width: 1199px) {
    section.players_to_watch .players_watch_list li {
        padding: 50px;
    }
}

section.players_to_watch .players_watch_list li::marker {
    font-size: 0 !important;
}

section.players_to_watch .players_watch_list > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(269.97deg, #373737 18.34%, rgba(74, 74, 74, 0) 93.62%);;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    transform: rotate(-180deg);
}

section.players_to_watch .pw_img {
    z-index: 1;
    position: relative;
    margin: 0 auto 41px;
}

section.players_to_watch .pw_list_inner {
    position: relative;
}

section.players_to_watch .pw_list_inner p {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF;
    margin-bottom: 41px;
}

section.players_to_watch .statistics_span {
    margin-bottom: 16px;
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #9B9B9B;
    display: flex;
}

section.players_to_watch .ph_statistics {
    display: flex;
    align-items: flex-start;
    padding: 0;
}

@media (max-width: 991px) {
    section.players_to_watch .ph_statistics {
        flex-wrap: wrap;
        margin-left: -20px;
    }
}

section.players_to_watch .ph_statistics li {
    padding: 0 30px;
    border-right: 0.7px solid rgb(207, 207, 207, 20%);
    width: 20%;
    display: inline-flex;
    flex-direction: column;
    min-height: 92px;
}

@media (max-width: 1199px) {
    section.players_to_watch .ph_statistics li {
        padding: 0 10px;
    }
}

@media (max-width: 991px) {
    section.players_to_watch .ph_statistics li {
        padding: 0 20px !important;
        margin-bottom: 40px;
        width: 50%;
    }
}

section.players_to_watch .ph_statistics li::marker {
    font-size: 0 !important;
}

section.players_to_watch .ph_statistics li label {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #FFCC00;
}

section.players_to_watch .ph_statistics li span {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
}

@media (max-width: 767px) {
    section.players_to_watch {
        padding: 81px 0 84px;
    }

    section.players_to_watch .section_heading {
        margin-bottom: 64px;
    }

    section.players_to_watch .ph_statistics {
        margin-left: 0;
    }

    section.players_to_watch .players_watch_list > li:before {
        background: linear-gradient(355deg, #373737 13.01%, #373737 69.33%, rgba(74, 74, 74, 0) 93.62%);
        border-radius: 5px;
    }

    section.players_to_watch .players_watch_list .pw_img {
        display: flex;
    }

    section.players_to_watch .intro_media {
        display: flex;
        padding-bottom: 0;
        margin-bottom: 32px;
        border-bottom: 0;
    }

    section.players_to_watch .intro_media label {
        font-size: 12px;
        line-height: 12px;
    }

    section.players_to_watch .intro_media span {
        font-size: 20px;
        line-height: 20px;
    }

    section.players_to_watch .players_watch_list li {
        padding: 22px;
    }

    .intro_media .name_label:first-child {
        padding-right: 43px;
        margin-right: 27px;
    }

    section.players_to_watch .pw_list_inner p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 49px;
    }

    section.players_to_watch .statistics_span {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 19px;
    }

    section.players_to_watch .ph_statistics li {
        padding: 20px !important;
        margin-bottom: 0;
    }

    section.players_to_watch .ph_statistics li:nth-child(2),
    section.players_to_watch .ph_statistics li:nth-child(4) {
        border-right: 0;
    }

    section.players_to_watch .ph_statistics li:last-child {
        border-right: 0.7px solid rgb(207, 207, 207, 20%) !important;
    }

    section.players_to_watch .ph_statistics li:nth-child(1),
    section.players_to_watch .ph_statistics li:nth-child(2),
    section.players_to_watch .ph_statistics li:nth-child(3),
    section.players_to_watch .ph_statistics li:nth-child(4) {
        border-bottom: 0.7px solid rgb(207, 207, 207, 20%);
    }

    section.players_to_watch .ph_statistics li span {
        min-height: 42px;
    }
}


/*brazil team vs top 10 team market value css*/

section.brazil_team_market_value {
    padding: 171px 0 75px;
    position: relative;
}

section.brazil_team_market_value:before {
    content: "";
    position: absolute;
    right: 0;
    top: -200px;
    background-image: url("../images/footballer_five.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 400.02px;
    height: 348px;
    z-index: 2;
}

section.brazil_team_market_value:after {
    content: "";
    position: absolute;
    right: 0;
    top: -30px;
    background-image: url("../images/footballer_five_vector.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 253.51px;
    height: 283.68px;
    z-index: -1;
}

section.brazil_team_market_value .section_heading {
    margin-bottom: 21px;
}

section.brazil_team_market_value .heading_text {
    max-width: 380px;
    color: #9D9D9D;
    margin-bottom: 86px;
}

@media (max-width: 767px) {
    section.brazil_team_market_value {
        padding: 144px 0 10px;
    }

    section.brazil_team_market_value:before {
        width: 236.49px;
        height: 205.74px;
        top: -120px;
    }

    section.brazil_team_market_value:after {
        width: 149.88px;
        height: 167.71px;
    }

    section.brazil_team_market_value .heading_text {
        display: none;
    }

    section.brazil_team_market_value .chart_indicators {
        margin: 0 0 51px;
    }
}

/*world cup qatar 2022 css*/
section.world_cup_qatar {
    padding: 227px 0 0;
    position: relative;
}

section.world_cup_qatar:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(180deg, #FFFFFF 9.13%, rgba(255, 255, 255, 0.91) 30.01%, rgba(255, 255, 255, 0.914001) 47.03%, #FFFFFF 74.13%);
    width: 100%;
    height: 100%;
    z-index: 2;
}

section.world_cup_qatar:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("../images/world_cup_qatar.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: -1;
}

section.world_cup_qatar .container {
    position: relative;
    z-index: 2;
}

section.world_cup_qatar .section_heading {
    margin-bottom: 31px;
}

section.world_cup_qatar .heading_text {
    max-width: 675px;
    color: #4A4A4A;
    margin: 0 auto 70px;
}

section.world_cup_qatar ul.nav.nav-tabs {
    position: relative;
    top: auto;
    left: auto;
    justify-content: center;
    margin-bottom: 88px;
}

section.world_cup_qatar ul.nav.nav-tabs li {
    margin-bottom: 0;
}

section.world_cup_qatar ul.nav.nav-tabs li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 38px;
    transition: all 0.5s;
}

section.world_cup_qatar ul.nav.nav-tabs li a:hover {
    color: #009739;
}

section.world_cup_qatar ul.nav.nav-tabs li a svg {
    opacity: 0;
    transition: all 0.5s;
    margin-bottom: 13px;
}

section.world_cup_qatar ul.nav.nav-tabs li a.active {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px !important;
    line-height: 18px !important;
    color: #009739;
}

section.world_cup_qatar ul.nav.nav-tabs li a.active svg {
    opacity: 1;
}

section.world_cup_qatar ul.nav.nav-tabs li a {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 18px;
    color: #9D9D9D;
}

section.world_cup_qatar ul.nav.nav-tabs li a:before {
    width: 1px;
    height: 15px;
    right: 0;
    bottom: 5px;
    transform: unset;
    top: auto;
    opacity: 0.6;
    background-color: #9D9D9D;
}

section.world_cup_qatar ul.nav.nav-tabs li:first-child a:before {
    display: none;
}

section.world_cup_qatar .wcq_list {
    padding-left: 0;
}

section.world_cup_qatar .wcq_list li {
    height: 163px;
    background: #FAF9F9;
    border-radius: 3px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

section.world_cup_qatar .wcq_list li img {
    width: 88px;
    height: 58px;
    object-fit: contain;
    margin-bottom: 20px;
    border-radius: 3px;
    overflow: hidden;
}

section.world_cup_qatar .wcq_list li label {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #4A4A4A;
    margin-bottom: 5px;
}

section.world_cup_qatar .wcq_list li span {
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 11px;
    line-height: 14px;
    color: #4A4A4A;
    display: flex;
}

section.world_cup_qatar .wcq_list li::marker {
    font-size: 0 !important;
}

@media (min-width: 1400px) {
    section.world_cup_qatar .wcq_list .owl-stage-outer {
        margin-right: calc(-52vw + 50%);
    }
}

section.world_cup_qatar .wcf_list {
    display: flex;
    gap: 26px;
    padding: 0;
}

section.world_cup_qatar .wcf_list li::marker {
    font-size: 0 !important;
}

section.world_cup_qatar .wcf_list li img {
    height: 451.51px;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
    object-fit: cover;
}

section.world_cup_qatar .wcf_list li label {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #4A4A4A;
    margin-bottom: 5px;
}

section.world_cup_qatar .wcf_list li span {
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 15px;
    line-height: 14px;
    color: #9D9D9D;
    display: flex;
}

section.world_cup_qatar .wcf_data h1 {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 85px;
    letter-spacing: 0.05em;
    color: #4A4A4A;
    margin-bottom: 0;
}

section.world_cup_qatar .wcf_data h3 {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #4A4A4A;
    margin-bottom: 42px;
}

section.world_cup_qatar .wcf_data ul {
    margin: 0;
    padding: 0;
    max-width: 621px;
}

section.world_cup_qatar .wcf_data ul li {
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #4A4A4A;
    padding-left: 30px;
}

section.world_cup_qatar .wcf_data ul li::marker {
    font-size: 0 !important;
}

section.world_cup_qatar .wcf_data ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url("../images/football.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 18px;
    height: 18px;
}


@media (max-width: 767px) {
    section.world_cup_qatar {
        padding: 81px 0 0;
    }

    section.world_cup_qatar ul.nav.nav-tabs {
        justify-content: space-between;
        overflow: hidden;
        display: flex !important;
        margin-bottom: 35px;
        align-items: flex-end;
    }

    section.world_cup_qatar ul.nav.nav-tabs li a {
        padding: 0 20px !important;
        font-size: 15px;
        line-height: 18px;
    }

    section.world_cup_qatar ul.nav.nav-tabs li a.active {
        font-size: 15px;
        line-height: 18px;
    }

    section.world_cup_qatar ul.nav.nav-tabs li a:before {
        left: 0 !important;
    }

    section.world_cup_qatar .wcf_list {
        flex-wrap: wrap;
        padding: 0;
    }

    section.world_cup_qatar .wcf_list li {
        width: 100%;
    }

    section.world_cup_qatar .wcq_list li img {
        width: 64.65px;
        height: 42.13px;
    }

    section.world_cup_qatar .wcf_data ul {
        margin-bottom: 30px;
    }
}


/*fifa world cup top scorers css*/
section.fifa_top_scorers {
    padding: 200px 0 159px;
    position: relative;
}

section.fifa_top_scorers:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url("../images/fifa_top_scorers.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    width: 100%;
    height: 666px;
}

section.fifa_top_scorers .container {
    position: relative;
    z-index: 3;
}

section.fifa_top_scorers .section_heading {
    margin-bottom: 60px;
}

section.fifa_top_scorers .fts_list {
    margin-bottom: 207px;
}

section.fifa_top_scorers .text {
    max-width: 708px;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #4A4A4A;
}

section.fifa_top_scorers .brazil_top_scores {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    section.fifa_top_scorers {
        padding: 108px 0 60px;
    }

    section.fifa_top_scorers .row {
        gap: 25px;
    }

    section.fifa_top_scorers .score_board {
        max-width: unset;
    }

    section.fifa_top_scorers .fts_list {
        margin-bottom: 81px;
    }

    section.fifa_top_scorers .text {
        font-size: 13px;
        line-height: 22px;
    }
}


/*footer css*/
footer#footer {
    background: #4A4A4A;
    padding: 60px 0 26px;
}

footer#footer ul {
    display: flex;
    justify-content: center;
    padding-bottom: 33px;
    margin-bottom: 58px;
    border-bottom: 0.7px solid rgba(132, 132, 132, 0.5);
}

footer#footer ul li::marker {
    font-size: 0 !important;
}

footer#footer ul li {
    padding: 0 49px;
    border-right: 0.7px solid rgba(255, 255, 255, 0.5);
}

@media (max-width: 1199px) {
    footer#footer ul li {
        padding: 0 30px;
    }
}

@media (max-width: 991px) {
    footer#footer ul li {
        padding: 0 15px;
    }
}

footer#footer ul li:last-child {
    border: 0;
}

footer#footer ul li a {
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #C1C1C1;
    opacity: 0.6;
    text-decoration: unset;
    transition: all 0.5s;
}

footer#footer ul li a:hover {
    color: #FFCC00;
    opacity: 1;
}

footer#footer img {
    margin: 0 auto;
    width: 249px;
    display: flex;
}

footer#footer p {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    color: #FFFFFF;
    padding: 0 120px 70px;
    margin-bottom: 29px;
    border-bottom: 0.7px solid rgba(132, 132, 132, 0.5);
    margin-top: 27px;
}

footer#footer p svg {
    margin-left: 25px;
}

@media (max-width: 767px) {
    footer#footer ul {
        flex-direction: column;
        padding: 0;
        border-bottom: 0;
        margin-bottom: 20px;
    }

    footer#footer ul li {
        padding: 28px 0;
        border-right: 0;
        border-bottom: 0.7px solid rgba(255, 255, 255, 0.2);
    }

    footer#footer img {
        margin: 0;
        width: 235px;
    }

    footer#footer p {
        margin-top: 42px;
        font-size: 13px;
        line-height: 25px;
        padding: 0 0 43px;
        margin-bottom: 22px;
    }

    footer#footer p svg {
        display: block;
        width: 49px;
        height: 49px;
        margin-top: 22px;
        margin-left: 0;
    }

    footer#footer .footer_logo {
        margin-left: 45px;
    }
}



@media (max-width: 1600px) {
    section.the_sqad_across_the_ages ul.nav.nav-tabs {
        position: relative;
        left: unset;
        flex-direction: row !important;
        top: auto;
        margin-bottom: 42px;
        z-index: 9;
    }

    section.the_sqad_across_the_ages ul.nav.nav-tabs li a {
        padding: 44px 8px 13px 8px !important;
    }

    section.the_sqad_across_the_ages ul.nav.nav-tabs li a:before {
        height: 29px;
        width: 1px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    section.the_sqad_across_the_ages ul.nav.nav-tabs li a.active {
        padding: 64px 8px 13px 8px !important;
    }

    section.the_sqad_across_the_ages ul.nav.nav-tabs li a.active:before {
        width: 1px;
        height: 50px;
    }
}


#DreamTeamModal img {
    width: 50%;
}

#DreamTeamModal a {
    height: 56px;
    border: 2px solid #009739;
    background: #009739;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    display: flex;
    width: 200px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    font-family: 'Signika', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: unset;
    transition: all 0.5s;
    cursor: pointer;
    margin: 50px auto 0;
}

#DreamTeamModal a:hover {
    color: #009739;
    background-color: transparent;
}

/*chart css*/
.highcharts-no-tooltip text {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    color: #4A4A4A !important;
    font-style: normal;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 21px !important;
}

.highcharts-no-tooltip rect {
    width: 70px;
    height: 30px;
    border-radius: 3px;
}


.chart_indicators {
    display: flex;
    flex-wrap: wrap;
    gap: 44px;
    margin-bottom: 70px;
    justify-content: center;
    padding: 0;
}

@media (max-width: 767px) {
    .chart_indicators {
        gap: 35px;
        margin-bottom: 44px;
        margin-top: 140px;
        justify-content: flex-start;
    }
}

.chart_indicators li {
    display: flex;
    gap: 14px;
    align-items: center;
}

@media (max-width: 767px) {
    .chart_indicators li {
        gap: 9px;
    }
}

.chart_indicators li span {
    width: 70px;
    height: 30px;
    display: block;
    border-radius: 3px;
}

@media (max-width: 767px) {
    .chart_indicators li span {
        width: 47px;
        height: 30px;
    }
}

.chart_indicators li span.purple_square {
    background: #A7B4CF;
}

.chart_indicators li span.green_square {
    background: #ADDDBF;
}

.chart_indicators li span.yellow_square {
    background: #FDECB0;
}

.chart_indicators li span.pink_square {
    background: #FFC7C7;
}

.chart_indicators li label {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    color: #4A4A4A;
}

@media (max-width: 767px) {
    .chart_indicators li label {
        font-size: 10px;
        line-height: 15px;
    }
    section.world_cup_qatar ul.nav.nav-tabs li {
        width: 100%;
    }
}

g.highcharts-legend.highcharts-no-tooltip {
    display: none;
}