.casino_banner_sec {
  background: url("../images/casino/casino_bann.webp") no-repeat;
  background-size: cover;
  width: 100%;
  aspect-ratio: 3600 / 1320;
  display: flex;
  justify-content: center;
  padding: 0 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 8px;
  background-position: 100% 100%;
}
.span_inner_con {
  color: #e6bd17;
}
.banner_head_cas {
  font-size: clamp(1rem, 0.2857rem + 3.5714vw, 3.5rem);
  width: 55%;
  color: #fff;
}
.casino_banner_sec button,
.howto_play_gamebtn {
  font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem);
  font-weight: 400;
  font-family: "averta-semibold";
  text-decoration: none;
  color: #000;
  background: #ffc426;
  padding: 12px 35px;
  border-radius: 8px;
  border: transparent;
  cursor: pointer;
}
/* <!--Banner Section End Here.....  */
.play_casino_games_bi {
  background: url("../images/casino/bac_casinogames.webp");
  background-size: cover;
  width: 100%;
}
.play_casino_backclr_bi {
  background-color: #263d4cd9;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 45px 0 40px;
  gap: 20px;
  position: relative;
}
.img_howtoplay_top {
  position: absolute;
  right: 10px;
  width: 100%;
  max-width: 140px;
  top: 10px;
}
.img_howtoplay_bottom {
  position: absolute;
  left: 10px;
  width: 100%;
  max-width: 140px;
  bottom: -25px;
}
.play_casinogame_head {
  font-size: clamp(0.875rem, 0.2679rem + 3.0357vw, 3rem);
  color: #fff;
  text-align: center;
}
.hoetoplay_count_con img {
  width: 100%;
  max-width: 180px;
}
.howto_play_wrappsec {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  padding: 30px 10px;
  align-items: center;
  border-bottom: 1px solid;
  border-image-source: linear-gradient(
    90deg,
    rgba(255, 213, 27, 0) 0%,
    #ffb80c 50%,
    rgba(255, 213, 27, 0) 100%
  );
  border-image-slice: 1;
}
.howtoplay_subhead_con p {
  font-family: "averta-semibold";
  font-size: clamp(0.75rem, 0.4643rem + 1.4286vw, 1.75rem);
  font-weight: 400;
  color: #fff;
}
.howto_list_cas {
  color: #fff;
  padding-left: 30px;
  line-height: 30px;
}
.howto_list_cas li {
  font-family: "averta-semibold";
  font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem);
  font-weight: 400;
  list-style-type: disc;
}
.howtoplay_subhead_con {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.play_casino_backclr_bi .howto_play_wrappsec:nth-child(2n + 1) {
  flex-direction: row-reverse; /* Apply row-reverse to the second element */
}
.play_casino_backclr_bi .howto_play_wrappsec:nth-of-type(n + 6) {
  border-bottom: transparent;
}
/* how to play Section End Here */
.banner_sec_thirs_sec {
  display: flex;
  gap: 20px;
}
.thir_casino_banner {
  background: url("../images//casino/casino_banner.webp");
  padding: 35px 0;
  background-repeat: no-repeat;
  width: 100%;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: end;
}
.thir_jackpot_banner {
  background: url("../images/casino/jackpot_banner.webp");
  padding: 35px 0;
  background-repeat: no-repeat;
  width: 100%;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: end;
}
.thir_casino_banner p {
  font-family: "Bai Jamjuree", serif;
  font-size: clamp(0.75rem, 0.6071rem + 0.7143vw, 1.25rem);
  font-weight: 700;
  line-height: 25px;
  color: #fff;
}
.thir_casino_banner h2 {
  font-family: "azn_unified";
  font-size: clamp(1.375rem, 0.625rem + 3.75vw, 4rem);
  color: #fff;
  font-weight: 700;
  text-shadow: 4px 0px 0px #c21b05;
  text-transform: uppercase;
}
.thir_banner_btn {
  background: linear-gradient(180deg, #ffd51b 0%, #ffb80c 100%);
  font-family: "avertastd-semibold";
  font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem);
  font-weight: 400;
  border: solid 1px transparent;
  border-radius: 6px;
  padding: 12px 35px;
  cursor: pointer;
}
.thir_jackpot_banner h2 {
  font-family: "berlinsansfbdemi";
  font-size: clamp(1.125rem, 0.4464rem + 3.3929vw, 3.5rem);
  color: rgba(255, 199, 94, 1);
  font-weight: 700;
  text-transform: uppercase;
}
.thir_jackpot_banner p {
  font-family: "baloo-regular";
  font-size: clamp(0.75rem, 0.6071rem + 0.7143vw, 1.25rem);
  font-weight: 400;
  color: #fff;
  /* padding-right: 20px; */
}
.comm_bann_thir_sec {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 15px;
  width: calc(100% - 55%);
}
.banner_sec_thirs_sec::-webkit-scrollbar , .live_pro_imag_sec::-webkit-scrollbar {
  display: none;
}
/* live casino game start here--- */
.comm_icon_head {
  border: 1px solid #0000;
  border-radius: 10px;
  background: linear-gradient(#e3e3e4, #e3e3e4) padding-box,
    linear-gradient(
        0deg,
        #1b2129 -13.79%,
        #f2f1ef 23.86%,
        #c7cbce 54.34%,
        #738a99 92%,
        #60717c 127.86%,
        #1b2129 165.52%
      )
      border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  font-size: 12px;
  padding: 6px;
  margin: 0 auto;
  max-width: 120px;
}
.comm_icon_head_title {
  color: #263d4c;
  font-family: "averta-regular";
}
.comm_icon_head_txt {
  font-family: "averta-bold";
  font-size: clamp(1rem, 0.6071rem + 1.9643vw, 2.375rem);
  font-weight: 400;
  padding: 12px 0px 8px;
  text-align: center;
}
.comm_icon_head_cont {
  font-family: "averta-regular";
  font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
  font-weight: 400;
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 7px;
  text-align: center;
}
.live_game_imag_sec {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 15px;
  padding: 25px 0;
}
.live_game_imgwraapper img {
  border-radius: 24px;
}
.btn_livegame_vall {
  font-family: "avertastd-semibold";
  font-size: 14px;
  font-weight: 400;
  margin: auto;
  border: 0.5px solid #000000;
  background: #eeeeee;
  display: flex;
  padding: 10px 0px;
  border-radius: 4px;
  width: 100%;
  max-width: 150px;
  text-align: center;
  justify-content: center;
  cursor: pointer;
}
/* -- live dealer section start here-- */
.live_dealer_secion {
  background: linear-gradient(181deg, #bf8b47 2.67%, #ffffff 97.4%);
  padding: 30px 12px;
}
.container_fivt_bi {
  max-width: unset;
  padding: 40px 0 !important;
}

.head_bor__rad_con {
  padding: 1px 1px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  max-width: 110px;
  margin: 0 auto;
}
.border_back_live {
  background: linear-gradient(
    0deg,
    #1b2129 -13.79%,
    #f2f1ef 23.86%,
    #c7cbce 54.34%,
    #738a99 92%,
    #60717c 127.86%,
    #1b2129 165.52%
  );
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  border-radius: 10px;
  z-index: 0;
}
.live_dealer_contain_top .comm_icon_head {
  position: relative;
  background: #cd9e61ed;
  border-radius: 10px;
  z-index: 1;
  padding: 6px;
}
.live_dealer_contain_top h2,
.live_dealer_contain_top p {
  color: #f7f6fb;
}
.live_provide_bg_con {
  text-align: center;
  color: #0000002e;
  font-size: clamp(2.25rem, 1.4643rem + 3.9286vw, 5rem);
  font-weight: 400;
  text-transform: uppercase;
  font-family: "avertastd-black";
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6) -14.68%,
    rgba(255, 255, 255, 0) 79.37%
  );
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.liveprovi_border_rad{
 background: linear-gradient(180deg, rgba(163, 95, 3, 0.28) 0%, rgba(163, 95, 3, 0) 50%);
 width: 100%;
 height: 100%;
 position: absolute;
 inset: 0;
 border-radius: 30px;
 z-index: 0;
}
.comm_liveprovi__conta{
  padding: 2px;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  justify-content: center;
  border-radius: 30px;
  margin-left: -2px;
}
.live_pro_imag_sec{
  display: flex;
  align-items: center;
  padding: 20px 0;
  justify-content: center;
}
.liveprov_imgsec img{
  width: 100%;
  max-width: 250px;
  border-radius: 24px;
}
.liveprov_imgsec_con{
  text-align: center;
  font-family: "avertastd-semibold";
  font-size: clamp(0.75rem, 0.5357rem + 1.0714vw, 1.5rem);
font-weight: 400;
}
.liveprov_imgsec_even{
  flex-direction: column-reverse !important;
  background: linear-gradient(181deg, #bf8b47 -93.33%, #ffffff 113.4%) !important;
  z-index: 1;
}
.liveprov_imgsec {
   padding: 12px 12px;
   background: linear-gradient(178deg, #bf8b47 -88.33%, #ffffff 113.4%);
   border-radius: 30px;
   display: flex;
   flex-direction: column;
   gap: 10px;
   position: relative;
  }
.live_pro_imag_sec.comm_liveprovi__conta:nth-child(even){
  flex-direction: column-reverse;
}
/* .liveprovi_border_rad_even{
  background: linear-gradient(360deg, rgba(163, 95, 3, 0.28) 50%, rgba(163, 95, 3, 0) 0%);
} */

.liveprovi_border_rad_even {
  background: linear-gradient(360deg, rgba(163, 95, 3, 0.28) 0%, rgba(163, 95, 3, 0) 100.4%);
}
.liveprov_hov_btnshow_add {
  position: absolute;
  bottom: 0px; 
  left: 50%;
  transform: translateX(-50%);
  transition: all 1.5s ease-in-out; 
}
.liveprov_hov_btnshow_even{
  position: absolute;
  top: 0px; 
  left: 50%;
  transform: translateX(-50%);
  transition: all 1.5s ease-in-out; 
}
.liveprov_hov_btn{
  background: linear-gradient(180deg, #FFD51B 0%, #FFB80C 100%);
  font-family: 'averta-semibold';
  font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem);
  font-weight: 400;
  width: 100%;
  max-width: 120px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: none;
  padding: 10px 0;
}
.liveprov_imgsec:hover .liveprov_hov_btnshow_add {
  display: block;
  transform: translate(-50% , 50%);
  bottom: 50%;
}
.liveprov_imgsec:hover .liveprov_hov_btnshow_even {
  display: block;
  transform: translate(-50% , 50%);
  top: 45%;
}
.liveprov_imgsec:hover.liveprov_imgsec img {
  filter: brightness(0.6); 
}
@media screen and (max-width: 1200px) {
  .comm_bann_thir_sec {
    width: calc(100% - 45%);
  }
  .comm_liveprovi__conta{
    flex: 1 0 25%;
  }
  .live_pro_imag_sec{
    overflow-x: scroll;
    justify-content: flex-start;
    padding-left: 10px;
  }
}
@media screen and (max-width: 820px) {
  .container_fst_bi {
    padding: 0;
  }
  .casino_banner_sec {
    border-radius: 0;
  }
  .casino_banner_sec button {
    padding: 10px 25px;
  }
  .container_sec_bi,
  .container_thir_bi,
  .container_fort_bi {
    padding: 10px 15px 10px;
  }
  .play_casino_backclr_bi {
    padding: 30px 0;
  }
  .img_howtoplay_top,
  .img_howtoplay_bottom {
    max-width: 80px;
  }
  .img_howtoplay_bottom {
    bottom: -10px;
    left: 5px;
  }
  .play_casinogame_head {
    width: 65%;
  }
  .banner_sec_thirs_sec {
    gap: 10px;
  }
  .thir_banner_btn {
    padding: 10px 30px;
  }
  .comm_bann_thir_sec {
    gap: 8px;
  }
  .comm_bann_thir_sec {
    width: calc(100% - 35%);
  }
  .btn_livegame_vall {
    max-width: 120px;
  }
  .comm_liveprovi__conta{
    flex: 1 0 30%;
  }
  
  .liveprov_hov_btn{
    max-width: 100px;
        padding: 7px 0; 
  }
}
@media screen and (max-width: 549px) {
  .banner_head_cas {
    width: 60%;
  }
  .casino_banner_sec {
    padding: 24px 10px;
    gap: 6px;
  }
  .casino_banner_sec button {
    padding: 8px 15px;
  }
  .img_howtoplay_top,
  .img_howtoplay_bottom {
    max-width: 45px;
  }
  .banner_sec_thirs_sec {
    overflow-x: scroll;
  }
  .thir_casino_banner,
  .thir_jackpot_banner {
    flex: 1 0 90%;
    background-position-x: center;
  }
  .jacpot_comm_bann_sec {
    width: calc(100% - 54%);
  }
  .casino_comm_bann_sec {
    width: calc(100% - 60%);
  }
  .container_thir_bi {
    padding: 10px 0 10px 15px;
  }
  .live_game_imag_sec {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
  .comm_liveprovi__conta {
    flex: 1 0 48%;
}
.live_pro_imag_sec {
  gap: 10px;
}
}
@media screen and (max-width: 449px) {
  .jacpot_comm_bann_sec {
    width: calc(100% - 50%);
  }
  .casino_comm_bann_sec {
    width: calc(100% - 54%);
  }
  .liveprov_hov_btn {
    max-width: 85px;
    padding: 5px 0;
}
}
@media screen and (max-width: 359px) {
  .banner_head_cas {
    width: 67%;
  }
  .casino_banner_sec {
    padding: 24px 5px;
    gap: 3px;
  }
  .img_howtoplay_top,
  .img_howtoplay_bottom {
    max-width: 40px;
  }
  .jacpot_comm_bann_sec {
    width: calc(100% - 42%);
  }
  .casino_comm_bann_sec {
    width: calc(100% - 47%);
  }
}