/* Import Font Kanit */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');

* {
   font-family: 'Kanit', sans-serif !important;
}

.lazy {
   opacity: 0;
   transition: opacity 0.5s ease-in-out;
}
.lazy.loaded {
   opacity: 1;
}

/* Base font settings for the entire website */
body {
   font-family: 'Kanit', sans-serif;
   color: #ffffff; /* Set font color to white */
   background-color: #000000; /* Optional: Set background to black for contrast */
   font-size: 16px; /* Optional: Set base font size */
   line-height: 1.6; /* Optional: Set line height for readability */
   margin: 0;
   padding: 0;
   background-image: url("../images/bg-body.jpg");
   background-position: left center;
   background-size: cover;
   background-repeat: no-repeat;
   background-attachment: fixed;
}

/* Link styles */
a {
   color: #ffffff; /* Set link color to white */
   text-decoration: none; /* Optional: Remove underline for links */
}

/* Optional: Link hover effect */
a:hover {
   color: #cccccc; /* Change link color on hover if desired */
}

/* Header */
.logo-header {
   height: 92px;
   position: relative;
   top: 50%;
   left: 8%;
   margin: -11px 0;
}

.wrap-logo-header {
   position: absolute;
   top: 0;
   left: 0;
}

.navbar-custom .container-fluid {
   min-height: 38px;
}

.lightning {
}

.lightning img.img-light {
   position: absolute;
   width: 100%;
   max-width: 338px !important;
   top: -98px;
   left: -53px;
   animation: lightning 5s ease 0s infinite normal none;
   z-index: -111;
   /*height: 153px;*/
}

@keyframes lightning {
   0.0%{
      opacity: 0;
   }
   100%{
      opacity: 0;
   }
   20.4%{
      opacity: 0;
   }
   21.0%{
      opacity: 1;
   }
   22%{
      opacity: 0;
   }
   23%{
      opacity: 1;
   }
   50.4%{
      opacity: 0;
   }
   53.3%{
      opacity: 0;
   }
   56.9%{
      opacity: .5;
   }
   57%{
      opacity: 0;
   }
   59%{
      opacity: .5;
   }
}

.navbar-custom {
   background: linear-gradient(182deg, #660000, #330000);
   padding: 17px 0 !important;
}

.navbar-custom:before {
   background: linear-gradient(90deg, transparent, #ff6666 30%, #ff3333 70%, transparent);
   position: absolute;
   left: 0;
   bottom: -1px;
   height: 1px;
   width: 100%;
   content: "";
   z-index: 0;
}


.btn-head-wrap {
   position: absolute;
   right: 0;
   margin: 2px;
   display: flex;
}

.btn-head-wrap .btn-primary {
   /*margin-bottom: 1rem;*/
   margin: 0 5px;
   font-size: 0.9rem;
   position: relative;
   -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
   filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
   border-radius: 30px;
   border: 1px solid transparent;
   background-image: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
   background-origin: border-box;
   background-clip: content-box, border-box;
   padding: 0!important;
   transition: -webkit-filter .2s;
   line-height: 22px;
   transition: all .3s;
}

.btn-head-wrap .btn-primary a {
   display: block;
   padding: 8px 15px;
   color: #fffcdb;
   text-decoration: none !important;
}

.btn-head-wrap .btn-primary:nth-child(2) a {
   color: #fff;
}

.btn-head-wrap .btn-primary:nth-child(2) {
   color: #fff; /* เปลี่ยนสีตัวอักษรให้เป็นสีขาว */
   background-image: radial-gradient(100% 100% at 50% 0, #ff9999 0, #ff6666 44%, #990000 100%),
   linear-gradient(180deg, #ffcccc, #ff9999);
}

.nav-sticky.navbar-custom .navbar-nav .nav-item .nav-link.active {
   color: #fff;
}

.nav-sticky.navbar-custom .navbar-nav .nav-item .nav-link {
   color: rgba(255, 255, 255, 0.6);
}

.nav-sticky.navbar-custom .navbar-nav .nav-item .nav-link:hover {
   color: #fff;
}
/* END Header */

/* HOME */
.bg-home {
   margin-top: 74px;
   padding-bottom: 0px;
   padding-top: 0px;
}

.bg-home:before {
   content: "";
   background-image: url("../images/bg-home-after.png");
   background-position: center center;
   background-size: cover;
   z-index: -1;
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #300b0b30; /* เปลี่ยนสีพื้นหลังเป็นโทนแดง */
   filter: hue-rotate(-153deg); /* ปรับค่า hue-rotate ให้เป็นโทนแดง */
}

.bg-home:after {
   background: linear-gradient(90deg, transparent, #ff6666 30%, #ff3333 70%, transparent);
   position: absolute;
   left: 0;
   bottom: -1px;
   height: 1px;
   width: 100%;
   content: "";
   z-index: 1;
}

.newsboxhead {
   width: 100%;
   height: 30px;
   background: #4c0303; /* เปลี่ยนสีพื้นหลังเป็นโทนแดง */
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   align-content: center;
   justify-content: center;
   overflow: hidden;
   box-shadow: 0 0 10px #78000078; /* ปรับเงาเป็นโทนแดง */
}

.newsboxhead .-icon-container {
   position: absolute;
   background: #4c0303; /* เปลี่ยนสีพื้นหลังเป็นโทนแดง */
   padding: 0 10px;
   z-index: 1;
}


.newsboxhead span {
   -webkit-animation: marquee 20s linear infinite;
   animation: marquee 20s linear infinite;
   white-space: nowrap;
   display: inline-block;
   overflow: hidden;
}

@keyframes marquee {
   0% {
      transform: translateX(100%);
   }
   100% {
      transform: translateX(-100%);
   }
}

#home .container-fluid {
   max-width: 100%;
   margin-top: 2rem;
}

#swiper-home.swiper-container {
   width: 100%; /* ให้ขนาดเต็มตาม container */
   height: auto; /* ความสูงปรับตามเนื้อหา */
   overflow: hidden; /* ซ่อนเนื้อหาที่ล้นออกมา */
   position: relative; /* เพื่อให้ลูกศรทำงานได้ */

}

#swiper-home .swiper-slide {
   text-align: center; /* จัดให้อยู่ตรงกลาง */
   font-size: 18px;
   display: flex; /* ใช้ flexbox ให้เนื้อหาอยู่ตรงกลาง */
   justify-content: center;
   align-items: center;
   height: auto;
}

#swiper-home .swiper-slide img {
   max-width: 100%; /* ป้องกันไม่ให้รูปภาพล้น */
   height: auto;
   object-fit: cover; /* ป้องกันการบิดเบี้ยวของภาพ */
}

/* Optional styling for arrows */
#swiper-home .swiper-button-next, #swiper-home .swiper-button-prev {
   color: #fff; /* สีของลูกศร */
   z-index: 10; /* ให้ปุ่มอยู่เหนือ slider */
   background: rgba(0, 0, 0, 0.5); /* พื้นหลังโปร่งใสเล็กน้อย */
   border-radius: 50%; /* ทำให้ลูกศรเป็นวงกลม */
   width: 40px; /* ขนาดลูกศร */
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3), /* Shadow หลัก */
   0 1px 3px rgba(0, 0, 0, 0.2); /* Shadow เสริม */
   transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* เพิ่ม Hover Effect */
#swiper-home .swiper-button-next:hover,
#swiper-home .swiper-button-prev:hover {
   transform: scale(1.1); /* ขยายลูกศรเล็กน้อยเมื่อ hover */
   box-shadow: 0 6px 8px rgba(0, 0, 0, 0.4), /* Shadow เมื่อ hover */
   0 2px 4px rgba(0, 0, 0, 0.3);
}

/* ปรับขนาดไอคอนลูกศร */
#swiper-home .swiper-button-next::after,
#swiper-home .swiper-button-prev::after {
   font-size: 24px; /* ขนาดของลูกศร */
}

#home .row.align-items-center {
   margin-left: 0; /* Reset margin ของ row */
   margin-right: 0;
   padding-left: 15px; /* กำหนด padding */
   padding-right: 15px;
}

/* Container settings */
.gallery-container {
   display: grid;
   gap: 20px; /* ระยะห่างระหว่างกล่อง */
   grid-template-columns: repeat(5, 1fr); /* แสดง 4 คอลัมน์ในหน้าจอใหญ่ */
   padding: 20px;
   max-width: 1200px;
   margin: 0 auto; /* กึ่งกลาง */
}

/* Each gallery item */
.gallery-item {
   text-align: center; /* จัดตัวอักษรให้อยู่ตรงกลาง */
}

/* Image settings */
.gallery-item img {
   width: 100%;
   height: auto;
   border-radius: 8px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* เพิ่มเงา */
}

/* Caption text */
.gallery-caption {
   margin-top: 8px;
   font-size: 16px;
}

/* Responsive settings */
@media (max-width: 1024px) {
   .gallery-container {
      grid-template-columns: repeat(5, 1fr); /* 3 คอลัมน์ */
   }
}

@media (max-width: 768px) {
   .gallery-container {
      grid-template-columns: repeat(5, 1fr); /* 3 คอลัมน์ */
   }
}

@media (max-width: 480px) {
   .gallery-container {
      grid-template-columns: repeat(2, 1fr); /* 2 คอลัมน์ */
   }
}

/* END HOME */

/* Feature Section */
.logo-feature {
   height: 126px;
}

.overlay-feature {
   opacity: 0.72;
   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   position: absolute;
}

.feature-bg .container-fluid {
   max-width: 90%;
}

.features-content {
   padding: 0 !important;
}

.feature-bg {
   background-image: url("../images/bg-feature.jpg");
   background-position: center center;
   background-size: cover;

   padding-top: 10px;
}

.text-h3 {
   color: #FFFFFF;
   font-family: "Kanit", Sans-serif;
   font-size: 23px;
   font-weight: 400;
   text-shadow: 2px 4px 10px #000000;
   text-align: center;
}

.wrap-feature-1 {
   display: grid;
   grid-template-columns: repeat(4, 1fr); /* 4 คอลัมน์สำหรับหน้าจอปกติ */
   gap: 10px; /* กำหนดช่องว่างระหว่างคอลัมน์ */
   padding: 20px;
}

.item-feature-1 {
   display: flex;
   align-items: center;
   justify-content: center;
}

.img-feature-1 {
   max-width: 100%;
   height: auto;
}

/* สำหรับหน้าจอขนาดเล็ก (แสดงเป็น 2 คอลัมน์) */
@media (max-width: 768px) {
   .wrap-feature-1 {
      grid-template-columns: repeat(2, 1fr); /* 2 คอลัมน์เมื่อหน้าจอเล็กลง */
   }
}

/* Base styles for feature items */
.item-feature-2 {
   text-align: center;
   padding: 15px 15px 30px;
   border-radius: 20px;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
   margin-bottom: 20px;

   border-style: solid;
   border-color: #FF4646; /* เปลี่ยนสีขอบเป็นโทนแดง */
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   background-color: transparent;
   background-image: linear-gradient(180deg, #00000066 0%, #030303 100%);
   /*margin: 0px 5px 0px 5px;*/
}

.img-feature-2 {
   width: 100%;
   height: auto;
   max-width: 81%;
   margin-bottom: 10px;
   border-radius: 50%;
   /*filter: hue-rotate(-153deg);*/
}

.item-feature-2 p {
   margin: 0;
   font-family: 'Kanit', sans-serif;
   color: #fff; /* Base font color */
   line-height: 1.6;
}

.item-feature-2 p:first-of-type {
   text-align: center;
   margin-top: -27px;
   margin-bottom: 1rem;
   font-size: 20px;
}

.item-feature-2 p:nth-of-type(2) {
   font-size: 17px;
   color: #d6d4ce;
}

/* Grid layout for item-feature-2 */
.item-feature-2-container {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
}

/* จัดเรียง 4 กล่องต่อแถวสำหรับหน้าจอขนาดใหญ่ */
@media (min-width: 769px) {
   .item-feature-2-container {
      grid-template-columns: 1fr 1fr 1fr 1fr;
   }
}

/* สำหรับหน้าจอขนาดเล็ก เช่น มือถือ จัดเรียงเป็น 1 กล่องต่อแถว */
@media (max-width: 767px) {
   .item-feature-2-container {
      grid-template-columns: 1fr; /* แสดงผลแถวละ 1 กล่อง */
   }
}

#feature:after {
   background: linear-gradient(45deg, transparent 0%, #ff4747 50%, transparent 100%);

   position: absolute;
   left: 0;
   bottom: 0;
   height: 2px;
   width: 100%;
   content: "";
   z-index: 1;
}
/* END Feature Section */

/* Slider-Promote */
#slider-promote {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   background-color: rgba(0, 0, 0, 0.54);
}
#slider-promote:after {
   background: linear-gradient(45deg, transparent 0%, #ff4747 50%, transparent 100%);
   position: absolute;
   left: 0;
   bottom: 0;
   height: 2px;
   width: 100%;
   content: "";
   z-index: 1;
}

#slider-promote .swiper-container {
   width: 100%;
   overflow: hidden; /* ป้องกันไม่ให้ Swiper ล้นออกมา */
   box-sizing: border-box; /* ทำให้ padding และ margin ไม่กระทบต่อขนาด */
}

#slider-promote .swiper-slide {
   width: 100%; /* Each slide takes up 90% of the container width */
   /*margin: 0 auto; !* Center slides *!*/
}

#slider-promote .swiper-slide img {
   width: 100%;
   height: auto;
   max-height: 100%;
   border-radius: 10px;
   object-fit: cover;
}

/* Optional styling for arrows */
#slider-promote .swiper-button-next, #slider-promote .swiper-button-prev {
   color: #fff; /* Arrow color */
}
/* END Slider-Promote Section */

/* Promote */
#promote {
   background-image: url("../images/bg-promote.jpg");
   background-position: center center;
   background-size: cover;
}

#promote:after {
   background: linear-gradient(45deg, transparent 0%, #ff4747 50%, transparent 100%);
   position: absolute;
   left: 0;
   bottom: 0;
   height: 2px;
   width: 100%;
   content: "";
   z-index: 1;
}

/*.swiper-container-wrapper {*/
/*   !*width: 100%; !* หรือระบุความกว้างที่ต้องการ *!*!*/
/*   margin: 20px 80px; !* Margin เพื่อทำให้ container อยู่ตรงกลาง *!*/
/*   overflow: hidden; !* ป้องกันไม่ให้ Swiper ล้นออกมา *!*/
/*   box-sizing: border-box; !* ทำให้ padding และ margin ไม่กระทบต่อขนาด *!*/
/*}*/

/*.swiper-container {*/
/*   width: 100%; !* ให้ Swiper ใช้พื้นที่ตามที่กำหนดใน container *!*/
/*}*/

/*.swiper-slide {*/
/*   width: auto; !* ปรับให้สไลด์ไม่เกินขอบเขต Swiper *!*/
/*}*/
/*.swiper-slide img {*/
/*   width: 100%;*/
/*   height: auto;*/
/*   max-height: 100%;*/
/*   border-radius: 10px;*/
/*   object-fit: cover;*/
/*}*/

.carousel-container {
   margin: 20px 80px; /* เพิ่มระยะห่างรอบคอนเทนเนอร์ */
   filter: brightness(1.1);
}

.slick-slide {
   margin: 0 10px; /* ระยะห่างซ้ายขวาระหว่าง item */
}

.slick-list {
   margin: 0 -10px; /* ปรับให้ item ติดกับขอบของ carousel */
}
/* END Promote Section */

/* Footer */
#footer {
   padding-top: 2rem;
   /*padding-bottom: 5rem !important;*/
   background-color: transparent;
   background-image: linear-gradient(90deg, #440000E6 0%, #000000EB 100%);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

#footer p {
   color: #fff0d4 !important;
}

.logo-footer {
   height: 180px;
   margin-top: -36px;
}

.logo-bank {
   height: auto;
   max-width: 100%;
   border: none;
   border-radius: 0;
   box-shadow: none;
}
/* END Footer */


/* Footer Mobile */
#account-actions-mobile {
   position: fixed;
   left: 0;
   bottom: 0;
   z-index: 11;
   width: 100%
}
@media (min-width:768px) {
   #account-actions-mobile {
      display: none
   }
}
#account-actions-mobile .-register-btn {
   width: 100%;
   font-size: 1.25rem;
   font-weight: 500;
   background: linear-gradient(180deg, #56ccf2, #2f80ed);
   border-radius: 15px 15px 0 0;
   text-align: center
}
#account-actions-mobile .-register-btn span {
   display: inline-block;
   color: #fff;
   background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(.5, #2f80ed), to(#fff));
   background-position: -200px top;
   background-repeat: no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   -webkit-animation-name: x-shimmer;
   animation-name: x-shimmer;
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite
}
@media (max-width:991.98px) {
   #account-actions-mobile .-register-btn span {
      -webkit-animation-duration: 2s;
      animation-duration: 2s
   }
}
@media (max-width:767.98px) {
   #account-actions-mobile .-register-btn span {
      width: 100%
   }
}
#account-actions-mobile .-outer-wrapper {
   display: flex;
   align-items: flex-end
}
#account-actions-mobile .-left-wrapper,
#account-actions-mobile .-right-wrapper {
   display: flex;
   align-items: flex-end;
   flex: 1;
   z-index: 2;
   height: 70px;
   padding-bottom: 6px;
   background: linear-gradient(182deg, #400404, #000000);
   border-top: 3px solid #ff302d;
   transition: -webkit-filter .2s;
   transition: filter .2s;
   transition: filter .2s, -webkit-filter .2s;
}
#account-actions-mobile .-center-wrapper {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
   z-index: 2;
   width: 74px;
   height: 74px;
   margin: 0 8px 16px;
   padding-bottom: 8px;
   color: #fff;
   background: linear-gradient(160deg, #5e0710, #0d0203);
   border: 2px solid #fe302e;
   border-radius: 50%;
   box-shadow: 0 0 10px hsla(0, 0%, 100%, .4);
   animation: x-jello-horizontal 3s infinite both;
}
@keyframes x-jello-horizontal {
   0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
   5% {
      -webkit-transform: scale3d(1.25, .75, 1);
      transform: scale3d(1.25, .75, 1);
   }
   7.5% {
      -webkit-transform: scale3d(.75, 1.25, 1);
      transform: scale3d(.75, 1.25, 1);
   }
   10% {
      -webkit-transform: scale3d(1.15, .85, 1);
      transform: scale3d(1.15, .85, 1);
   }
   15% {
      -webkit-transform: scale3d(.95, 1.05, 1);
      transform: scale3d(.95, 1.05, 1);
   }
   20% {
      -webkit-transform: scale3d(1.05, .95, 1);
      transform: scale3d(1.05, .95, 1);
   }
   25%, 100% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
}
#account-actions-mobile .-center-wrapper .-selected,
#account-actions-mobile .-center-wrapper .-selecting {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
   text-align: center
}
#account-actions-mobile .-center-wrapper .-selected {
   transition: all .4s;
   background-size: 450px;
   background-repeat: no-repeat;
   height: 100%;
   width: 100%;
   background-position: 0 0;
   border-radius: 50%
}
.-selected img {
   width: 125px !important;
   max-width: inherit !important;
   height: auto;
   position: absolute;
}

.image-in-circle {
   top: -27px;
   left: -27px;
}

#account-actions-mobile .-center-wrapper .-selected.-slot {
   background-position: -93px 0
}
#account-actions-mobile .-center-wrapper .-selected.-skill-game {
   background-position: -188px 0
}
#account-actions-mobile .-center-wrapper .-selected.-sport {
   background-position: -282px -2px
}
#account-actions-mobile .-center-wrapper .-selected.-fishing-game {
   background-position: -378px 0
}
#account-actions-mobile .-center-wrapper .-selected .-text {
   font-size: 12px;
   position: absolute;
   bottom: 10px;
   text-shadow: 0 6px 5px rgba(0, 0, 0, .4);
   white-space: nowrap;
}
#account-actions-mobile .-center-wrapper .-selecting {
   display: none
}
#account-actions-mobile .-center-wrapper .-selecting .-text {
   font-size: .875rem;
   line-height: 16px;
   text-shadow: 0 6px 5px rgba(0, 0, 0, .4)
}
#account-actions-mobile .-center-wrapper .-selecting .-mark {
   position: relative;
   margin-top: 5px;
   font-size: 1.5rem;
   font-weight: 500;
   line-height: 20px
}
#account-actions-mobile .-center-wrapper:hover {
   color: #fff;
   text-decoration: none
}
#account-actions-mobile .-fake-center-bg-wrapper {
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 1;
   width: 100%;
   height: 50px;
   transition: -webkit-filter .2s;
   transition: filter .2s;
   transition: filter .2s, -webkit-filter .2s;
   overflow: hidden
}
#account-actions-mobile .-fake-center-bg-wrapper svg {
   position: absolute;
   left: 50%;
   bottom: 0;
   height: 108px;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%)
}
#account-actions-mobile .-fake-center-bg-wrapper svg path {
   fill: url(#rectangleGradient)
}
#account-actions-mobile .-left-wrapper {
   border-top-left-radius: 10px;
   border-top-right-radius: 22px
}
#account-actions-mobile .-right-wrapper {
   border-top-right-radius: 10px;
   border-top-left-radius: 22px
}
#account-actions-mobile .-sub-menu-lobby-wrapper {
   position: absolute;
   flex-direction: row;
   justify-content: center;
   visibility: hidden;
   top: -75px;
   left: 50%;
   z-index: 3;
   opacity: 0;
   -webkit-transform: translateX(-50%) translateY(200px) scaleY(2.5) scaleX(.2);
   transform: translateX(-50%) translateY(200px) scaleY(2.5) scaleX(.2);
   -webkit-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
   transition: all .2s
}
#account-actions-mobile .-sub-menu-lobby-wrapper .nav-item .-text {
   display: inline-block;
   font-size: 10px;
   line-height: 12px;
   -webkit-transform: translateY(-10px);
   transform: translateY(-10px)
}
@media (max-width:991.98px) {
   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-casino .-nav-icon-bg {
      background-position: 3px
   }
}
@media (max-width:360px) {
   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-casino .-nav-icon-bg {
      background-position: 0
   }
}
@media (max-width:991.98px) {
   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-slot .-nav-icon-bg {
      background-position: -73px
   }
}
@media (max-width:360px) {
   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-slot .-nav-icon-bg {
      background-position: -75px
   }
}
@media (max-width:991.98px) {
   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-skill-game .-nav-icon-bg {
      background-position: -147px
   }
}
@media (max-width:360px) {
   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-skill-game .-nav-icon-bg {
      top: -12px;
      background-position: -150px
   }
}
@media (max-width:360px) {
   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-skill-game .-text {
      -webkit-transform: translateY(-6px);
      transform: translateY(-6px)
   }
}
@media (max-width:991.98px) {
   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-sport .-nav-icon-bg {
      background-position: -221px
   }
}
@media (max-width:360px) {
   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-sport .-nav-icon-bg {
      background-position: -224px
   }
}
@media (max-width:991.98px) {
   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-fishing-game .-nav-icon-bg {
      background-position: -300px
   }
}
@media (max-width:360px) {
   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-fishing-game .-nav-icon-bg {
      background-position: -303px
   }
}
#account-actions-mobile .-sub-menu-lobby-wrapper .nav-link {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
   width: 66px;
   height: 66px;
   margin: 0 3px;
   padding: 0;
   text-align: center;
   color: #fff;
   background: linear-gradient(180deg, #393854, #131228);
   border: 1px solid hsla(0, 0%, 100%, .6);
   border-radius: 50%;
   box-shadow: 0 0 10px hsla(0, 0%, 100%, .6)
}
#account-actions-mobile .-sub-menu-lobby-wrapper .nav-link .-nav-icon-bg {
   background-size: 360px;
   background-repeat: no-repeat;
   width: 100%;
   height: 40px;
   top: -15px;
   position: relative
}
#account-actions-mobile .-sub-menu-lobby-wrapper .nav-link:focus {
   outline: none;
   text-decoration: none
}
@media screen and (max-width:360px) {
   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item .-img {
      margin-top: -15px;
      width: 54px
   }

   #account-actions-mobile .-sub-menu-lobby-wrapper .nav-link {
      width: 60px;
      height: 60px;
      margin: 0 2px
   }
}
#account-actions-mobile .-item-wrapper {
   width: 50%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
   color: #fff;
   position: relative;
}
.-ic-img img {
   width: 34px;
   height: auto;
   display: block;
   margin: 0 auto;
   padding-bottom: 20px;
   position: relative;
}
#account-actions-mobile .-item-wrapper .-textfooter {
   font-size: .875rem;
   color: #ffffff;
   transition: color .2s;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   white-space: nowrap;
   margin: 0 auto;
   margin-top: .25rem;
}
@media (max-width:575.98px) {
   #account-actions-mobile .-item-wrapper .-textfooter {
      font-size: .8rem
   }
}
#account-actions-mobile .-item-wrapper:active,
#account-actions-mobile .-item-wrapper:hover {
   text-decoration: none
}
#account-actions-mobile .-item-wrapper:active .-text,
#account-actions-mobile .-item-wrapper:hover .-text {
   color: #f7d18e
}
#account-actions-mobile .-item-wrapper.-shimmer .-text {
   display: inline-block;
   color: #fff;
   background: #97a7c1 -webkit-gradient(linear, 100% 0, 0 0, from(#97a7c1), color-stop(.5, #fff), to(#97a7c1));
   background-position: -200px top;
   background-repeat: no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   -webkit-animation-name: x-shimmer;
   animation-name: x-shimmer;
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-name: x-shimmer-shorter;
   animation-name: x-shimmer-shorter
}
@media (max-width:991.98px) {
   #account-actions-mobile .-item-wrapper.-shimmer .-text {
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-duration: 2.5s;
      animation-duration: 2.5s
   }
}
#account-actions-mobile .-fully-overlay {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   background: rgba(0, 0, 0, .6)
}
#account-actions-mobile.-active .-fake-center-bg-wrapper,
#account-actions-mobile.-active .-left-wrapper,
#account-actions-mobile.-active .-right-wrapper {
   -webkit-filter: brightness(.5);
   filter: brightness(.5)
}
#account-actions-mobile.-active .-fake-center-bg-wrapper a,
#account-actions-mobile.-active .-left-wrapper a,
#account-actions-mobile.-active .-right-wrapper a {
   pointer-events: none
}
#account-actions-mobile.-active .-center-wrapper {
   background: linear-gradient(0deg, rgba(251, 200, 68, .85), rgba(248, 128, 18, .85))
}
#account-actions-mobile.-active .-center-wrapper .-selected {
   display: none
}
#account-actions-mobile.-active .-center-wrapper .-selecting {
   display: flex
}
#account-actions-mobile.-active .-sub-menu-lobby-wrapper {
   visibility: visible;
   opacity: 1;
   -webkit-transform: translateX(-50%) translateY(0) scaleY(1) scaleX(1);
   transform: translateX(-50%) translateY(0) scaleY(1) scaleX(1);
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%
}
#account-actions-mobile.-active .-fully-overlay {
   display: block
}

/* Footer Mobile */