

/* HEADER
----------------------*/
#Sec_Header img {
  border-radius: 0px;
}


/* Slider
----------------------*/
#Sec_Slider .swiper {
  width: 100%;
  height: 100%;
}

#Sec_Slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#Sec_Slider .swiper-button-prev {
    color: #fff;
    font-size: 10px;
}

#Sec_Slider .swiper-button-next {
    color: #fff;

}

/* Fixtures
----------------------*/
#Sec_fxGroup {
  display: block;
}

#Sec_fxGroup .swiper {
  width: 100%;
  height: 320px;
}

#Sec_fxGroup .swiper-slide {

}


#Sec_fxGroup img {
  border-radius: 50px;
  height: 80px;
}

#Sec_fxGroup .fxheader {
  padding: 0 20px 0 15px;
  font-size: 12px;
  font-weight: bold;
  color : #fff;
}

#Sec_fxGroup .fxgroup {
  background-color: #550065;
  padding: 10px;
  border-radius: 15px;
}

#Sec_fxGroup .fxteam {
  background-color: #f4f7f6;
  margin: 10px;
  border-radius: 10px;
  padding : 5px;
}

#Sec_fxGroup .fxtimedate {
  width: 100px;
  text-align: center;
  padding-top: 50px;
}

#Sec_fxGroup .fxflag01 {
  padding: 0 10px 10px 10px;
}
#Sec_fxGroup .fxflag02 {
  padding: 0 10px 10px 10px;
}

#Sec_fxGroup .fxflagcountry {
  text-align: center;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

#Sec_fxGroup .fxregister {

  margin: 10px;
  border-radius: 10px;
  padding : 5px;
  background: rgb(159,48,4);
  background: linear-gradient(-260deg, rgba(159,48,4,1) 0%, rgba(243,70,3,1) 100%);
}

#Sec_fxGroup .fxregctn {
  text-align: center;
}

#Sec_fxGroup .fxregctn a {
  color: #fff;
  font-weight: bold;
}

#Sec_fxGroup .fxregctn a:hover {
  color: #550065;
  font-weight: bold;
}

#Sec_fxGroup .fxodds {
  background-color: #f4f7f6;
  margin: 10px;
  border-radius: 10px;
  padding : 5px;
}

#Sec_fxGroup .fxodds01 {
  background-color: #fff;
  margin: 10px;
  border-radius: 10px;
  padding : 5px;
  width: 90px;
  text-align: center;
}

/* Highlight
----------------------*/
#Sec-Highlight img {
  border-radius: 0px;
}

#Sec-Highlight .mb-icon {
  padding: 0 30px 0 30px;
}
#Sec-Highlight .mb-title {
  font-size : 12px;
  text-align: center;
}

/* OFFER
----------------------*/
#Sec_Offer {

}

#Sec_Offer .Offer {
  position: relative;
}

#Sec_Offer .moffer {
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
}

#Sec_Offer .OfferTitle {
  position: absolute;
  bottom: 0%;
  z-index: 2;
  font-size: 15px;
  right: 0;
  width: 100%;
  background-color: #000;
  padding: 10px;
  border-radius: 0 0px 10px 10px;
  opacity:0.8;
}

#Sec_Offer .OfferTitle a {
  color: #fff;
}

#Sec_Offer .OfferBookmaker {
  position: absolute;
  bottom: 0%;
  z-index: 3;
  right: 0;
  padding: 20px;
}

#Sec_Offer .Offerbookmarker-logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-width: 5px;
  border-style: solid;
}

#Sec_Offer .Offerbookmarker-color {
  background-color: #4b0c63;
  border-color: #853eaf;
}

#Sec_Offer .Offerbookmarker-logo-size {
  width: 55px;
  height: 20px;
}

#Sec_Offer .moffer-title {
  padding-left: 10px;
  font-size: 12px;
}


/*--------------------- 
Enhance Odd
----------------------*/
#Sec_Brand_WCOdd .card {
  border: 0px;
  border-radius: 16px;
}

#Sec_Brand_WCOdd .card-image {
  padding: 10px;
}


/* CONTENT
----------------------*/
#Sec_Content h4 {
  font-size: 17px;
}


#Sec_Content .blog-tips-content {
  margin-bottom: 15px;
}


#Sec_Content .blog-tips-content img {
  border-radius: 0px;
}


#Sec_Content .tips-box {
  border: 1px solid #eff1fd;
  border-radius: 10px;
  height: 100%;
  background : #eff1fd;
  padding: 10px;

}

#Sec_Content .tipsheader {
  padding: 0 20px 0 15px;
  font-size: 12px;
  font-weight: bold;
}

#Sec_Content .tipsgroup {
  background-color: #fff;
  padding: 10px;
  border-radius: 15px;
}


#Sec_Content .tipsteam {
  background-color: #fff;
  padding: 10px;
  border-radius: 15px;
  margin: 10px 0 10px 0;
}

#Sec_Content .tipspredict {
  background-color: #fff;
  padding: 11px;
  border-radius: 15px;
}

#Sec_Content .tipspredict p {
  font-size : 10px;
}

#Sec_Content .tipstimedate {
  width: 100px;
  text-align: center;
  padding-top: 35px;
}

#Sec_Content .tipsflag01 {
  padding: 0 10px 10px 10px;
}
#Sec_Content .tipsflag02 {
  padding: 0 10px 10px 10px;
}

#Sec_Content .tipsflagcountry {
  text-align: center;
  padding-bottom: 5px;
  font-size: 11px;
}

#Sec_Content .tipsregister {
  background-color: #fff;
  padding: 10px;
  border-radius: 15px;
  margin: 10px 0 10px 0;
}

#Sec_Content .tipsregctn {
  text-align: center;

}

#Sec_Content .tipsodds {
  background-color: #fff;
  padding: 10px;
  border-radius: 15px;
  margin: 10px 0 10px 0;
}

#Sec_Content .tipsodds01 {
  background-color: #eff1fd;
  margin: 1px;
  border-radius: 10px;
  padding : 5px;
  width: 90px;
  text-align: center;
}



#Sec_Content .blog-article-box {
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  height: 100%;
}

#Sec_Content .blog-article-box-article h2 {
  margin-bottom: 0;
}

#Sec_Content .blog-article-box-timestamp {
  font-size : 1px;
}

#Sec_Content .blog-article-box-thumb img {
 border-radius: 10px 10px 0 0;
}

#Sec_Content h2 {
 font-size: 11px;
 line-height: 20px;
 font-weight: bold;
}


/* News Section
----------------------*/

#Sec_News h1 {
  margin-bottom: 0.5rem;
}

#Sec_News .blog-article-box-title {
  font-size : 13px;
}

#Sec_News .blog-article-box-article {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #000;
}

/* Bookmaker
----------------------*/

#Sec_Bookmaker .bookmarker-logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
}

#Sec_Bookmaker .bookmarker-logo-size {
  width: 40px;
  height: 16px;
}

#Sec_Bookmaker .bookmarker-ranking {
  padding:10px 0;
  font-size:12px;
  font-weight:500;
}

#Sec_Bookmaker .bookmarker-brand {
  padding:10px 0;
  font-size:12px;
  font-weight:500;
}

#Sec_Bookmaker .bookmarker-signup {
  padding:10px 0;
}

#Sec_Bookmaker .bookmarker-signup a {
  color : #fff;
}

#Sec_Bookmaker .bookmarker-signup a:hover {
  color : var(--bs-link-color);
}

#Sec_Bookmaker .bookmarker-color-vcb {
  background-color: rgb(0, 0, 0);
  border-color: rgb(126, 87, 194);
}

#Sec_Bookmaker .bookmarker-color-bva {
  background-color: rgb(66, 66, 66);
  border-color: rgb(79, 195, 247);
}

#Sec_Bookmaker .bookmarker-color-wh {
  background-color: rgb(21, 101, 192);
  border-color: rgb(253, 216, 53);
}
#Sec_Bookmaker .bookmarker-color-fun {
  background-color: rgb(25, 44, 56);
  border-color: rgb(12, 124, 255);
}

#Sec_Bookmaker .bookmarker-color-pm {
  background-color: rgb(0, 0, 0);
  border-color: rgb(248, 254, 20);
}

#Sec_Bookmaker .bookmarker-color-19 {
  background-color: rgb(26, 35, 126);
  border-color: rgb(229, 57, 53);
}
#Sec_Bookmaker .bookmarker-color-bw {
  background-color: rgb(13, 71, 161);
  border-color: rgb(40, 53, 147);
}
#Sec_Bookmaker .bookmarker-color-by {
  background-color: rgb(97, 97, 97);
  border-color: rgb(229, 57, 53);
}
#Sec_Bookmaker .bookmarker-color-nb {
  background-color: rgb(11, 18, 34);
  border-color: rgb(251, 192, 45);
}


/* World Cup Group
----------------------*/

#Sec_WCGroup {

}

#Sec_WCGroup .wcrow {
  height: 350px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;

}


.wcrow::-webkit-scrollbar {
  height: 5px;
  width: 4px;
  background: gray;
}

/* Track */
.wcrow::-webkit-scrollbar-track {
  background: #f1f1f1;

}

/* Handle */
.wcrow::-webkit-scrollbar-thumb {
  background: red;
  border-radius: 10px;
}

/* Handle on hover */
.wcrow::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#Sec_WCGroup .wccard {
  display: inline-block;
  height: 100%;
  padding-right: 10px;
}


#Sec_WCGroup .wcgroup {
  background-color: #fff;
  padding: 10px;
  border-radius: 15px;
  width: 330px;
}

#Sec_WCGroup img {
  border-radius: 0px;
}

#Sec_WCGroup .wcheader {
  font-size: 14px;
  font-weight: 600;
}

#Sec_WCGroup .wcteam {
  background-color: #dfe2f7;
  margin: 10px;
  border-radius: 10px;
  padding : 5px;
}

#Sec_WCGroup .wcno {
  padding : 10px 0 10px 10px;
  width: 40px;
}
#Sec_WCGroup .wcflag img {
  width: 45px;
  margin : 8px;
}
#Sec_WCGroup .wcteamname {
  padding : 10px 0 10px 10px;
  font-weight: 550;
}

/*  FOOTER
----------------------*/
#Sec_Footer img {
  border-radius: 0px;
}


/* Header and Footer Gradient
----------------------*/
.bg-gradient-style {
  background: rgb(45,8,73);
  background: linear-gradient(45deg, rgba(45,8,73,1) 0%, rgba(75,15,102,1) 35%, rgba(134,62,176,1) 100%);
}
