body{
     font-family: "Roboto", sans-serif;
     margin:0;
     padding:0;
}
html {
    scroll-behavior: smooth;
  }
  .clearfix{
      width: 100%;
      padding: 10px 0;
  }

   .tagline{
       font-size: 20px;
       text-align: center;
       background: #C42221;
       color:#fff;
       padding:20px 10px;
       font-weight: bold;
   }
    
    .footer{
        padding:50px 100px;
         background: url("../images/light-bg.png") no-repeat #000;
         background-size:cover;
        text-align:center;
    }
    .footer p,.footer strong{
        color:#fff;
        font-size: 16px;
    }
    .footer strong{
        color:#ED7E05;
        margin: 0;
    }
   
    .profile{
        background:url(../images/bg.svg) no-repeat #0F1A29;
        background-size:cover;
        padding:50px 0px;
         text-align:center;
         color:#fff;
    }
    .profile-details strong{
        font-size:20px;
        padding-top:20px;
        font-weight:bolder;
    }
    .profile-details p{
        font-size:14px;
        line-height:20px;
        text-transform: uppercase;
    }

    /* primary menu */
    .header{
        overflow: hidden;
        padding:0 100px;
        background:#fff;
    }
    .primary-menu,.logo{
        float: left;
    }
    .logo{
        width: 10%;
    }
    .logo img{
        width: 100%;
    }
    .primary-menu{
        width: 90%;
        padding-top: 10px;
    }
    .fixed {
        position: fixed !important;
        /* width: 100%; */
        top: 0;
        left: 0;
        z-index: 99;
        animation: smoothScroll 1s forwards;
        -webkit-transition: all .5s ease;
        -moz-transition: position 10s;
        -ms-transition: position 10s;
        -o-transition: position 10s;
        transition: all .5s ease
    }
    
    @keyframes smoothScroll {
        0% {
            transform: translateY(-40px)
        }
    
        100% {
            transform: translateY(0px)
        }
    }
    .primary-menu li{
        list-style: none;
        float: right;
        padding-left:30px;
    }
    .primary-menu li a{
        text-decoration: none;
        color:#000;
        font-size: 14px;
    }
    .menu-wrap{
        padding-left: 20px;
    }

    /* mission and vission */
    .mission-details,.about-details{
        padding:50px 200px;
        background:url(../images/football.svg) no-repeat;
        background-size: contain;
        overflow: hidden;
        border: 1px solid #fff;
    }
    .mission-details img,.about-details img{
        width: 100%;
    }
    .mission-details p,.about-details p{
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    /* brief profile */
    .brief-clearfix{
        overflow: hidden;
    }
    .brief{
        padding:50px 200px;
        overflow:hidden;
        background:#f7f7f7;        
    }
    .brief-fff{
        background: #fff;
        padding:20px;
    }

   .brief-clm-pad{
    padding: 5px;
   }
   .brief-clm-pad strong{
       font-size: 16px;
       display: block;
       padding-top: 10px;
       text-transform: uppercase;
       color:#000;
   }
   .brief-clm img{
    width:100%;
    height: 450px;
    object-fit: cover;
}

/* logos FIFA */
.logo-fifa{
    overflow:hidden;
    padding:50px 100px;
    text-align: center;
}
.logo-fifa img{
    width: 40%;
}
.logo-fifa-single{
    float: left;
    width: 50%; 
}
.logo-fifa h1{
    padding-top: 40px;
    display: block;
    font-weight: 900;
    margin: 0;
}
.logo-fifa table{
    width: 100%;
}
.logo-fifa table td{
    text-align: left;
}
.table{
    padding:0 100px;
}
.table thead{
    background:#C42221;
}
.table thead tr td{
    padding:10px;
    color:#fff;
    font-weight: 900;
    font-size: 16px;
}
.table tbody tr td{
    padding:20px 10px;
    font-size: 16px;
    font-weight: 900;
}
.table tbody tr:nth-child(odd){
    background:#f7f7f7;
}
.table tbody tr:hover{
    background:#f7f7f7;
}

/* members */
.members-wrap{
    padding: 50px 200px;
    overflow: hidden;
    background:#f7f7f7;
}
.members-wrap h1{
    text-align: center;
}

/* slider */
.slider{
    overflow: hidden;
}

.active {
    color: red;
    font-weight: bold;
  }

  /* recognization */
  .recognization{
      overflow: hidden;
      padding:50px 200px 0;
  }
.recognization h1{
    color: #000;
    display: block;
}
.recognization-slider .item img{
    height: 250px;
    object-fit: cover;
}
.recognization-slider .item strong{
    font-size: 16px;
    display: block;
    padding-bottom: 2px;
    color:#000;
}
.recognization-slider .item p{
    font-size: 16px;
    display: block;
    padding-top: 10px;
    text-transform: uppercase;
    color: #434343;
}

.annoucement{
    padding:0 200px 50px;
}
.annoucement h1 span{
    font-size: 50px;
    color: #C42221;
    font-weight: 900 !important;
}

.annoucement h1 img{
    vertical-align: middle;
}
.annoucement li{
    float: left;
    width: 25%;
    list-style: none;
}
.flags{
    padding: 10px;
}
.annoucement ul{
    overflow: hidden;
    padding: 0;
}
.structure li{
   padding:10px 0;
}