.navbar-collapse{
    flex-grow: unset;
}
.navbar-collapse .nav-link{
    font-size: 18px;
}
.top-navigation {
    position: absolute;
    padding: 1rem 3rem;
    z-index: 10;
}
.top-navigation a {
    color: white;
    text-decoration: none;
}
.top-navigation a:hover {
    color: #FDCC00;
    text-decoration: underline;
}

/*  */

.scrolled {
    background: rgba(255, 255, 255, .8) !important;
    padding-top: 1rem !important;
    /* transition: padding-top 1s, background 2s; */

}
.scrolled .nav-link {
    color: black !important;
}
.scrolled .nav-link:hover {
    color: #FDCC00 !important;
}
.fixed-nav {
    padding-top: 3rem !important;
    /* transition: padding-top 1s, background 2s; */
}
/*  */
.btn-gradient{
    background: #FDCC00;
    background: linear-gradient(90deg,rgba(253, 204, 0, 1) 0%, rgba(208, 101, 0, 1) 100%);
    color: #0D0D0D;
    font-weight: 700;
    font-family: Titilium-Bold;
    padding: 5px 10px;
    margin: 0 5px;
    text-decoration: none;
}
.btn-stripe {
    background: repeating-linear-gradient(
        145deg,
        rgba(0, 0, 0, 1),
        rgba(0, 0, 0, 0) 3px,
        rgba(0, 0, 0, 0) 15px,
        rgba(0, 0, 0, 0) 20px
      ),
      linear-gradient(90deg,rgba(253, 204, 0, 1) 0%, rgba(208, 101, 0, 1) 100%);
}
.btn-black{
    background: black;
    /* background: linear-gradient(90deg,rgba(253, 204, 0, 1) 0%, rgba(208, 101, 0, 1) 100%); */
    color: white;
    font-weight: 700;
    font-family: Titilium-Bold;
    padding: 5px 10px;
    margin: 0;
    text-decoration: none;
}
.no-margin{
    margin: 0;
}
.px-5rem{
    padding-left: 5rem;
    padding-right: 5rem;
}
.px-4rem{
    padding-left: 4rem;
    padding-right: 4rem;
}
.py-5rem{
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.pr-0{
    padding-right: 0;
}
.pr-5rem{
    padding-right: 5rem;
}
.pt-5rem{
    padding-top: 5rem;
}
.pt-4rem{
    padding-top: 4rem;
}
.pb-5rem{
    padding-bottom: 5rem;
}
.mt-5rem{
    margin-top: 5rem;
}
.mt-4rem{
    margin-top: 4rem;
}
.my-5{
    margin-left: .5rem;
    margin-right: .5rem;
}

.banner-overlay{
    /* background-color: #000; */
    /* background: url('../img/banner.webp'); */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .2;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.top-banner{
    background: url('../img/banner.webp');
}
.metaverse-casino-banner{
    background-image: url('../img/metaverse-casino/banner.webp');
}
.mcc-bet-banner{
    /* background: url('../img/mcc-bet/banner.webp'); */
}
.banner-content{
    position: relative;
    z-index: 2;
    display: flex;
    height: 100vh;
    padding: 5rem 0 5rem 3rem;
}
.banner-content-2{
    position: relative;
    z-index: 2;
    display: flex;
    height: auto;
    padding: 5rem 3rem;
}
.introduction{
    /* background-color: #D9D9D9; */
    object-fit: cover;
}
.introduction video{
    /* border: 1px solid #FDCC00; */
}
.list-group-custom{
    list-style: none;
    padding: 0;
}
.list-group-custom li a{
    text-decoration: none;
    color: black;
}

.list-group-custom li:hover {
    /* text-decoration: none; */
    color: black;
}
.social-media{
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
}
.social-media a{
    color: black;
    padding: 5px 10px;
}
.bg-1 {
    background: url('../img/mcc_bet_bg.webp');
    object-fit: cover;
    background-size: cover;
}
.bg-2 {
    background: url('../img/metaverse_casino_bg.webp');
    object-fit: cover;
    background-size: cover;
}
.easy-deposit-withdrawal-bg{
    background: url('../img/metaverse-casino/Metaverse_EasyDeposit.webp');
    background-size: cover;
    background-position: center;
    padding: 4rem 5rem;
}
.bg-support{
    background: rgba(216, 120, 0, .15);
    padding: 5rem;
}
.flex-wrap{
    display: flex;
    flex-wrap: wrap;
}
.mr-2rem{
    margin-right: 1rem;
}
.full-width{
    width: 100%;
}
.card-transparent {
    background: #282727;
}
.img-fluid-full{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.position-relative{
    position: relative;
}
.caption {
    position: absolute;
    bottom: 0;
    margin: 0;    
    color: white;
    padding: 1rem;
    background: transparent;
    width: 100%;
}
.display-7{
    font-size: 4rem;
}
.display-6{
    font-size: 3.5rem;
}
footer .btn-black{
    color: #FDCC00;
}
.bg-1-img {
    position: absolute;
    bottom: 0;
    right: -50px;
}
.bg-2-img{
    position: absolute; bottom: 0; height: min-content;
}
footer .coin{
    top: -54px; 
    position: relative
}
.nav-buttons {
    list-style: none;
}
footer .position-absolute {
    position: relative;
}
/*  */
#btn-to-top {
    display: inline-block;
    background-color: #FDCC00;
    width: 50px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
  }
  #btn-to-top::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
  }
  #btn-to-top:hover {
    cursor: pointer;
    background-color: rgba(208, 101, 0, 1);
  }
  #btn-to-top:active {
    background-color: rgba(208, 101, 0, 1);
  }
  #btn-to-top.show {
    opacity: 1;
    visibility: visible;
  }
  .navbar .collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
.card-hover-effect {
    border: 1px solid transparent;
}
.card-hover-effect:hover{
    border: 1px solid rgba(255, 255, 255, 1);
    transition: border .3s, 
}