body {
    font-family: 'Poppins', sans-serif;
    background-color: #1e1e2f !important;
}

nav {
    box-shadow: 0 3px 4px rgb(187 153 91 / 8%) !important;
}




/* =======Card Custom========*/
.card-custom {
  overflow: hidden;
  min-height: 590px;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
}

.card-custom-img {
  height: 200px;
  min-height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-color: inherit;

}

/* First border-left-width setting is a fallback */
.card-custom-img::after {
  position: absolute;
  content: '';
  top: 161px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-top-width: 40px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 545px;
  border-left-width: calc(575px - 5vw);
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: inherit;
}

.card-custom-avatar img {
  border-radius: 50%;
  border: double;
  border-color: #BB995B;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
  position: absolute;
  top: 100px;
  left: 1.25rem;
  width: 100px;
  height: 100px;
}

.track .nav {
    background-color: rgba(0, 0, 0, 0.863) !important;
    padding: 7px 7px 7px;


}

.track .nav span {
    color: #ffff !important;
}

.track .nav {
  font-size: 13px;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}


/*======ScrollBar=======*/

::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

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

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #BB995B;
}

.second-nav p {
    color: #bb995bc5 !important;
    display: inline;
}


.game-category span {
  border-radius: 25px;
  background:#bbeeee;
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  height: auto;
  color: #115566 !important;
  font-size: 14px;
  margin-bottom: 5px;

}

.game-category i {
  color: #559999;
  font-size: 20px;

}





.nav-up {
    background-color: #121421 !important;
}


.footer-bottom {
    background-color: #292d3e !important;
}

.footer-bottom a {
    color: #BB995B !important;
}

.footer-bottom h5 {
    color: #fff !important;
}

.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      @media only screen and (max-width: 768px) {
         .directions-margin {
              margin-top: 10px!important;
          }
      }

.nightclubs-category span {
  border-radius: 25px;
  background:#bf9ceb !important;
  padding: 6px;
  width: auto;
  height: auto;
  color: #311159 !important;
  font-size: 14px;
  margin-bottom: 5px;

}

.nightclubs-category i {
  color: #331c4b !important;
  font-size: 20px;
}


/** Dropdown Mega Menu ***/

.navbar .megamenu{ padding: 1.2rem;}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left: 220px; right:0; width:60%; margin-top:0; border-color: #e3c36c !important; border-width: 1.5px !important; }

}
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }

  div #full_lang_dropdown {
    display: none
  }
}
/* ============ mobile view .end// ============ */


h1 {

    color: #292d3e;
     font-size: 275px; font-weight: bold; letter-spacing: -1px; line-height: 1; text-align: left;
     font-weight: 600;
}



.games-grid span{
    font-size:15px;
}
.games-grid a {
  text-decoration:none ;

}
.games-grid .box {
    padding:30px 0px;
     background-color: #1e1e2f !important;
}

.games-grid .box-part {

    border-radius: 20px;
    padding:0px 10px;
    margin:2px 0px;
}
.games-grid .text{
    margin:0px 0px;
}

.games-grid .fa {
     color:#BB995B;
}

.games-grid .fas {
     color:#BB995B;
}

.games-grid h1 {

    color:  hsla(0,0%,100%,.8) !important;
    font-weight: 600;

}

.games-grid h4 {
    color: hsla(0,0%,100%,.8) !important;
}




.sportsbook-category span {
  border-radius: 25px;
  background:#9aedcc;
  padding: 6px;
  width: auto;
  height: auto;
  color: #0f5b3c !important;
  font-size: 14px;
  margin-bottom: 5px;

}

.sportsbook-category i {
  color: #559999;
  font-size: 20px;

}

.grid-menu {
    background-color: #1e1e2f !important;
}

.grid-menu h3 {
    color: #292d3e;
}

.grid-menu .card2 p {
    font-size: 15px;
}

.grid-menu .card2 {
  display: block;
  top: 0px;
  position: relative;
  max-width: 262px;
  background-color: #f2f8f93a;
  border-radius: 50px;
  padding: 32px 24px;
  margin: auto;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
  border: 0px solid #f2f8f9;

}

.grid-menu h1 {

    color: hsla(0,0%,100%,.8) !important;
    font-weight: 600;

}



.box:hover .box-part:hover{
  transform:scale(1);
  filter:blur(0px);
  opacity:1;
  box-shadow:0 8px 20px 0px #BB995B;
  transition: 0.5s;
}

.pills-menu {
    background-color: #1e1e2f !important;

}

.pills-menu .nav-item {
    color: #BB995B !important;

}



.card .card-footer {

    border-color: rgb(40, 51, 77) !important;
    border-width: 3px;
}

 .card-text {
    font-size: 16px;
    color: hsla(0,0%,100%,.6) !important;
}

.card .card-body {
    background-color: #27293d !important;

}

.card .card-footer {
    background-color: #27293d !important;
}

.card .card-title {
    color: hsla(0,0%,100%,.8);
}

.pills-menu .nav-link {
    color: #BB995B;
}

.sportsbook-category span {
  border-radius: 25px;
  background:#02884e !important;
  padding: 6px;
  width: auto;
  height: auto;
  color: #fff !important;
  font-size: 14px;
  margin-bottom: 5px;

}

.sportsbook-category i {
  color: #fff !important;
  font-size: 20px;
}

.casinos-template .jumbotron {
    background-image: linear-gradient(rgba(0, 0, 0, 0.603), rgba(0, 0, 0, 0.705)), url('/images/casino_dir_background.png');
    background-position: center;
}

#contact .card:hover i,#contact .card:hover h4{
	color: #BB995B;
    cursor: pointer;
}

.services-menu section {
    padding-top: 4rem;
    padding-bottom: 5rem;
    background-color: #f1f4fa;
}
.wrap {
    display: flex;
    background: white;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}

.wrap:hover {
    background: linear-gradient(135deg,#6394ff 0%,#0a193b 100%);
    color: white;
}

.ico-wrap {
    margin: auto;
}

.mbr-iconfont {
    font-size: 3rem !important;
    color: #313131;
    margin: 1rem;
    padding-right: 1rem;
}
.vcenter {
    margin: auto;
}

.mbr-section-title3 {
    text-align: left;
}
.services-menu h2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.services-menu .display-5 {
    font-size: 1.4rem;
}
.services-menu .mbr-bold {
    font-weight: 700;
}

.services-menu p {
    font-size: 17px;
}
.services-menu .display-6 {

    font-size: 1re
}

.casino-list .grow {
    transition: all .3s ease-in-out;

}
.casino-list .grow:hover {
    transform: scale(1.01);


}


.wrapper {
  display: flex;
  flex-flow: row wrap;
}

.wrapper > * {
  padding: 0px;
  flex: 1 100%;
}

.main {
  text-align: left;

}

@media all and (min-width: 600px) {
  .aside { flex: 1 0 0; }
}

@media all and (min-width: 850px) {
  .main    { flex: 3 0px; }
  .aside-1 { order: 1; }
  .main    { order: 2; }
  .aside-2 { order: 3; }
  .footer  { order: 4; }
}

.sidebar {

background-image: linear-gradient(to bottom left,#344675,#263148,#344675);
}


/***** Pages Style **/

.pages-profile {margin-top:20px;}
.candidates-profile-bg {
  padding: 180px 0px 80px 0px;
  background-size: cover;
  position: relative;
  background-position: center center;
  border: 3px solid rgb(40, 51, 77);
  border-radius: 6px;
}

.candidates-profile-details img {
  max-width: 130px;
  background: transparent;
}

.candidates-profile-details .candidates-profile-name {
  font-weight: 300;
}

.candidates-profile-icons .list-inline-item {
  margin: 0 1px !important;
}



.candidates-profile-social-icons li a {
  height: 32px;
  width: 32px;
  background-color: #bbeeee;
  color: #115566;
  text-align: center;
  font-size: 15px;
  display: inline-block;
  line-height: 30px;
  border-radius: 50%;
  border: 0px solid rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.candidates-profile-social-icons li a:hover {
  background-color: #def0f0;
  color: #115566;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-color: #bbeeee;
}

.candidates-profile-social-icons i {
  font-size: 20px;
  margin-top: 9px;
}

.profile-education-icon {
  border: 1px solid rgb(40, 51, 77);
  position: absolute;
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-size: 42px;
  border-radius: 50px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #27293d;
  color: #ffc107;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.candidates-profile-education {
  padding: 64px 24px 24px;
}

.candidates-profile-education:hover .profile-education-icon {
  background-color: #ffc107;
  border: 1px solid #ffc107;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.job-details {
  padding: 210px 0px 60px 0px;
  background-image: url("../images/job-details-bg.jpg");
  background-size: cover;
  position: relative;
  background-position: center center;
}

.job-detail {
  border: 3px solid rgb(40, 51, 77);
  border-radius: 6px;
  background-color: #27293d;
}

.job-details-desc-item p {
  overflow: hidden;
}

.job-detail-icons li {
  margin: 2px !important;
}

.job-detail-icons li a {
  height: 32px;
  width: 32px;
  color: #ff4f6c;
  text-align: center;
  font-size: 15px;
  display: inline-block;
  line-height: 30px;
  border-radius: 50%;
  border: 1px solid #ff4f6c;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.job-detail-icons li a:hover {
  background-color: #ff4f6c;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.job-detail-time li {
  padding: 10px 4px;
  border-top: 1px solid #ececec;
}

.job-detail-time li:first-child {
  border-top: none;
}
.section {
    margin-bottom: 60px;
    margin-top: 60px;
    position: relative;
}

.track .nav .news-color {
    color: #ffc107 !important;
}

.track .nav .news-color1 {
  color: #c7a02a !important;
}


.display-6 {
    font-size: 2.1rem;

}

.casino-list {
    margin-left: 15px;
    margin-right: 15px;
}

.location-color {
   color: hsla(0,0%,100%,.8);
   font-weight: 500;
}

.card-title {
    font-weight: 400 !important;
}

.border-0 {
    color: #27293d;
}

.carousel-caption {
    background-color: #27293de8;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 50%) !important;

}

.job-detail .carousel-inner {
    box-shadow: 0 3px 6px rgb(0 0 0 / 50%) !important;
}

.sidebar-title-color {
    color: #ffc107;
}

.navbar-toggler:focus{
  box-shadow:0 0 0;
}

.container-fluid.sticky-top-1 {
  min-width: 325px;
}

.carousel-item:hover #side-item{
  background-color: #191a2b;
}

.aside.aside-2.mb-5 {
    min-width: 325px;
}

.d-flex.flex-column.w-100 {
    margin-bottom: 15px;
}

/* @media(min-width: 640px){
    .carousel-item.active #icons{
        width: 20px;
        height: 20px;
    }
} */

@media(max-width: 1500px) {
    #card-location >img{
        display: none;
    }
    #card-see-more >img{
        display: none;
    }
}

@media(max-width: 1350px) {
    #card-location{
        display: none;
    }
    #card-see-more{
        display: none;
    }
    .d-flex.flex-inline{
        margin-top: 5px !important;
    }
    .d-flex.flex-column.w-100 {
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1120px) {
    .ml-1 > text{
        display: none !important;
    }
}

@media(max-width:350px) {
    .ml-1 > text{
        display: none !important;
    }
}

#underline-div {
    margin-top: -14px;
}

/** Google Maps **/

/* Set the size of the div element that contains the map */
#map {
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}

.crypto {
    font-size: 12px;
    box-sizing: border-box;
    color: #f8f9fa;
    background-color: rgb(255 255 255 / 13%) !important;
    height: auto !important;
    width: auto !important;
    font-weight: 600;
    box-shadow: rgb(88 102 126 / 8%) 0px 4px 24px, rgb(88 102 126 / 12%) 0px 1px 2px;
    border-radius: 30px;


}

.crypto h5 {
    font-weight: bold !important;
    font-size: 16px;
    color: #f8f9fa !important;
}

.modal-body {
  font-size: 14px !important;
  background: #121421;

}

.modal-header {
  border-color: #bb995ba8 !important;
  background: #121421 !important;
}


.modal-footer {
  border-color: #bb995ba8 !important;
  background: #121421 !important;
}

.btn-lng {
    background-color: transparent !important;
    color: #ffc107 !important;
    font-size: 15px !important;

}

.show-color {
    color: #BB995B !important;
}

.dropdown-menu {
    background-color: #263148 !important;
    border: 1px solid #344675 !important;


}

.dropdown-item {
    background-color: #263148 !important;
    color: #ffc107 !important;
}

.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none !important;
}

@media only screen and (max-width: 1000px) {

    .company-brand-logo img {
        height: 80px !important;
        width: 80px !important;
    }
}

.star-size {
    font-size: 8px !important;
}

/* Gradient transparent - color - transparent */

/* Go to top button */

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 99;
  color: #ffc107;
  background-color: rgba(0, 0, 0, 0.6);
  border: 0;
}


/* svg animation */

.container-logo {
  overflow: hidden;
  position: relative;
  width: 120px;
  height: 50px;
  margin: 12px auto 12px;
}
 .glow-logo svg {
  width: 100%;
  height: 100%;
}  
.path {
  stroke: #FBFBFB;
  fill: #FBFBFB;
  fill-opacity:0 ;
}
.border {
  stroke-dasharray: 4900;
  stroke-dashoffset: 4900;
  animation: anim1 1.5s linear 1s forwards, anim4 1s linear 3s forwards;
}
@keyframes anim1 {
  0%  {
    stroke-dashoffset: 4900;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.letter1 {
  stroke-dasharray: 680;
  stroke-dashoffset: 680;
  animation: anim2 0.7s linear 2s forwards, anim4 1s linear 3s forwards;
}
@keyframes anim2 {
  0%  {
    stroke-dashoffset: 680;
  }
  100% {
    stroke-dashoffset: 0;

  }
}
.letter2 {
  stroke-dasharray: 910;
  stroke-dashoffset: 910;
  animation: anim3 0.9s linear 2s forwards, anim4 1s linear 3s forwards;
}
@keyframes anim3 {
  0%  {
    stroke-dashoffset: 910;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes anim4 {
  0% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}

.shine {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  animation: anim5 0.4s linear 3.8s forwards;
}
@keyframes anim5 {
  0% {
    background: rgba(255,255,255,0.4);
    width: 0;
  }
  100% {
    background: rgba(255,255,255,0);
    width: 200%;
  }
}


/* svg animation ends here */

/* hr { 
  border: 0 !important; 
  height: 1px !important; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important; 
} */