body{
    background: #0A090F;
    overflow-x: hidden;
    color: #E4E4E4;
}
:root{--fcolor: #ffb11b;--mcolor:#fff;--navcolor:#0a090f ;--btnbg:#0a090f;--scolor:#ffb11b;--tcolor:#ffb11b;--tabline:#ffb11b;--txtcolor:#ccc;}
.banner {
    min-height: calc(100vh - 50px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/1fantasy_football/football_bgfantasy.webp);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.btn-outline-dark {
  background: linear-gradient(180deg, #F1B629 0%, #EEA03C 100%);
  backdrop-filter: blur(3px);
  min-width: 200px;
  color: #000;
  padding: 10px 8px;
  border: 0px;
}

.min-inherit{
    min-height: inherit;
}
.yellowt{
    color: #FFB11B;
}
.nav.nav-pills{
    width: fit-content;
    border:  1px solid rgba(255, 177, 27, 0.25);
     border-radius: 6px;
  }
  .nav-pills .nav-link.active{
    background: linear-gradient(272.5deg, #FFB11B 2.5%, #643B00 51.3%, #E57B03 98.18%);
    border-radius: 6px;
    border: none;
  }
  /* .nav-pills .nav-link.active:before{
    position: absolute;
     top: 0;
     left: 0;
     content: "";
     width: 35px;
     height: 35px;
     background-image: url(/images/fantasy-sports-development/banner_leftcircle.png);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: left;
  }
  .nav-pills .nav-link.active:after{
    position: absolute;
     bottom: 0;
     right: 0;
     content: "";
     width: 35px;
     height: 35px;
     background-image: url(/images/fantasy-sports-development/banner_leftcircle.png);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: left;
     transform: rotate(180deg);
  } */
  .nav-pills .nav-link{
    min-width: 200px;
    overflow: hidden;
    position: relative;
    border: none;
  }
  .nav-pills .nav-link{
    color: #c7c7c7;
  }
 .feat1 .cards{
    border: 1px solid rgba(255, 177, 27, 0.25);
    border-radius: 12px;
    padding: 40px 30px;
    height: 100%;
    transition: all .3s ease;
 }
 .feat1 .cards:hover{
    border: 1px solid #FFB11B;
 }
 .feat1 .cards h5{
    color: #E4E4E4 !important;
    transition: .3s all ease;
 }
 .feat1 .cards:hover h5{
    color: #FFB11B !important;
 }

 .nfl_card.card_1{
   background: url(../images/1fantasy_football/NFL_card.webp);
 }
 .nfl_card.card_2{
   background: url(../images/1fantasy_football/espn-bg.webp);
 }
 .nfl_card.card_3{
   background: url(../images/1fantasy_football/yahoo-bg.webp);
 }
 .nfl_card{
   background-size: cover !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
   min-height: 550px;
   border-radius: 20px;
   padding: 20px;
   padding-top: 40px;
}
 .nfl_card h3{
    font-size: 23px;
    font-weight: bold;
 }
 .stickk{
    position: sticky;
    top: 54px;
 }
 .top1{
     top:100px;
 }
 .sec-space{
    overflow: visible;
 }
 .bg-dblk{
    background-color: #0A090F;
 }
 .bg_ell{
   background: url(../images/1fantasy_football/Ellipse_center.webp);
   background-position: top center;
   background-size: 61%;
   background-repeat: no-repeat;
 }
 .ecc_right{
   background: url(../images/1fantasy_football/Ellipse_right.webp);
   background-position: right;
   background-size: 15%;
   background-repeat: no-repeat;
 }
 .ecc_left{
   background: url(../images/1fantasy_football/Ellipse_left.webp);
   background-position: center left;
   background-size: 15%;
   background-repeat: no-repeat;
   background-attachment: fixed;
 }
 .cards_black {
    height: 100%;
    margin: 10px;
    border-radius: 8px;
    background-color: transparent;
    padding: 20px;
    transition: .3s all ease;
}
.cards_black:hover {
    background: linear-gradient(131.78deg, rgba(0, 0, 0, 0) 4.69%, rgb(255 177 27) 118.27%);
}
.w-btn {
    background: #FFB11B;
    color: #000;
    border-radius: 5px;
    padding: 10px 8px;
    font-size: 16px;
    font-weight: 700;
    min-width: 200px;
}
.btn-outline-dark:hover {
    background: linear-gradient(176deg, #5d3d01 33%, #ffb11b 81.23%) !important;
    border-color: #25c3fc !important;
}
 @media(max-width: 991px){
   .feat1 .cards{
      margin-right: 0;
   }
   .stickk{
    position: unset
   }
   .banner{
    background: linear-gradient(357deg, #0A090F, #77552a);
   }
 }