/* Googlefont Poppins CDN Link */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}


.reduce_quality {
  image-resolution: revert-layer;
}

/* .animation_left {
  animation: pop_left 2s;
}
@keyframes pop_left {
      from {
          opacity: 0;
          transform: translateX(-100%);
      }
      to {
          opacity: 1;
          transform: translateX(0);
      }
}

.animation_right {
  animation: pop_right 2s;
}
@keyframes pop_right {
      from {
          opacity: 0;
          transform: translateX(100%);
      }
      to {
          opacity: 1;
          transform: translateX(0);
      }
}

.animation_bot {
  animation: pop_bot 2s;
}
@keyframes pop_bot {
      from {
          opacity: 0;
          transform: translateY(100%);
      }
      to {
          opacity: 1;
          transform: translateX(0);
      }
} */


body {
  /* background-color:#01040B !important; */
  /* background-image: linear-gradient(to right, #000104,#0A1131,#000206); */

  /* background-image: linear-gradient(to right, #000104,#020811,#030C19,#03132F,#031A46,#032159,#03225C,#031A46,#03132F,#020A1B,#020811,#000104); */
  /* background-image: linear-gradient(to right,#00040C,#020D27,#010610,#020D27,#00040C); */
  
  /* background-color: #02102C; */
  background-image: linear-gradient(to right, #010409,#020913,#010816,#03122B,#031840,#031E4F,#03225C,#031E4F,#031840,#03122B,#010816,#020913,#010409);
  color: #ffffff !important;
}

.info-bg {background-image: linear-gradient(to right, #011435, #021231, #020F29, #030A1F, #030819, #030613, #03050F, #010309) }
.b-pro { background-image: linear-gradient(to right, #010409,#020913,#030B1E,#03122B,#011740,#031D50,#04235C,#03225C,#04235C,#031D50,#02143A,#03122B,#030B1E,#020913,#010409); }

body { background-image: linear-gradient(to right, #010409,#020913,#010816,#03122B,#03122B,#031840,#031E4F,#03225C,#031E4F,#031840,#03122B,#03122B,#010816,#020913,#010409); }

.b-1 { background-image: linear-gradient(to right, #010409,#020913,#010816,#030E22,#031431,#031A45,#031E4F,#03225C,#031E4F,#031A45,#031431,#020C22,#010816,#020913,#010409); }

.b-2 { background-image: linear-gradient(to right, #010409,#01050C,#000613,#010C26,#021338,#051D50,#061F56,#051D50,#021338,#010C26,#000613,#01050C,#010409); }
.b-3 { background-image: linear-gradient(to right, #010409,#01050C,#000613,#010B22,#041235,#061946,#081C50,#061946,#041235,#010B22,#000613,#01050C,#010409); }

@media (max-width: 850px) {
  .b-1,body { background-image: linear-gradient(to right, #02080E,#030A16,#030F23,#03173B,#031E4E,#03225C,#031E4E,#03173B,#030F23,#030A16,#02080E); }
  .b-2 { background-image: linear-gradient(to right, #01050E,#000717,#00091D,#010D26,#041741,#051B4A,#03225C,#051B4A,#041741,#010D26,#00091D,#000717,#01050E); }
  .b-3 { background-image: linear-gradient(to right, #00040C,#000511,#000718,#020D28,#041235,#051846,#081C4F,#051846,#041235,#020D28,#000718,#000511,#00040C); }

  .b-pro { background-image: linear-gradient(to right, #010409,#020913,#02102A,#031334,#031A46,#031D50,#04235C,#03225C,#04235C,#031D50,#011740,#031843,#02102A,#020913,#010409); }
}
@media (max-width: 550px) {
  .b-1,body,.b-pro { background-image: linear-gradient(to right, #031431,#03173D,#031A44,#032157,#032159,#03225C,#032159,#032157,#031A44,#03173D,#031431); }
  .slot_body { background-image: linear-gradient(to right, #010E2A,#010E2A, #03173D,#031A44,#032157,#032159,#03225C,#032159,#032157,#031A44,#03173D, #020E28,#020E28); }

  .b-2 { background-image: linear-gradient(to right, #010D28,#021235,#041845,#041A4A,#061E52,#03225C,#061E52,#041A4A,#041845,#021235,#010D28); }
  .b-3 { background-image: linear-gradient(to right, #010B22,#020E2A,#041235,#051845,#071B4C,#081C4F,#071B4C,#051845,#041235,#020E2A,#010B22); }
}
@media (max-width: 400px) {
  .b-1,body,.b-pro { background-image: linear-gradient(to right, #031639,#031A44,#031E50,#032157,#032159,#03225C,#032159,#032157,#031E50,#031A44,#031639); }
  .b-2 { background-image: linear-gradient(to right, #021134,#04163F,#041A4A,#051D51,#061E53,#062057,#061E53,#051D51,#041A4A,#04163F,#021134); }
  .b-3 { background-image: linear-gradient(to right, #020E2C,#031134,#04153D,#051845,#071B4C,#081C4F,#071B4C,#051845,#04153D,#031134,#020E2C); }
}

.bonus_buy {
  background-image: none !important;
  background-color: #09152D !important;
}

.mid-section {
  margin: auto;width: 80%;margin-top: 50px;
  max-width: 1800px;
}

.full-section {
  width: 100%;
  margin-top: 50px;
}



.eng_nav_top {
  display: flex;
}
.mm_nav_top {
  display: none;
}
.mm_nav_Mobile {
  display: none;
}
.eng_nav_second {
  display: flex;
}
.mm_nav_second {
  display: none;
}


.title {
  display: flex;
  justify-content: center;
  padding-top: 35px;
  padding-bottom: 35px;
}

.title .image-title {
  width: 100%;
  object-fit: cover;

  /* border-top: 2px solid #434343;
  border-bottom: 2px solid #434343; */
}
@media (max-width: 850px) {
  .title .image-title {
    width: 100%;
    object-fit: cover;
    height: 75px;
  }
}
@media (max-width: 573px) {
  .title .image-title {
    width: 100%;
    object-fit: cover;
    height: 75px;
  }
}
@media (max-width: 450px) {
  .title .image-title {
    width: 100%;
    object-fit: cover;
    height: 70px;
  }
}
@media (max-width: 290px) {
  .title .image-title {
    width: 100%;
    object-fit: cover;
    height: 70px;
  }
}

.slot_title_image { margin-top: -50px !important; }


.default-mobile .translator {
  margin-top: 8px;
}
.default-mobile .translator img {
  width: 50px;
  height: 28px;
  object-fit: fill;
  margin-right: 13px;
  cursor: pointer;
}
.default-mobile .translator #english_t {
  width: 50px;
  height: 28px;
  object-fit: contain;
  margin-right: 13px;
  cursor: pointer;
}

.translator2 {
  display: none;
  margin-top: 8px;
}
.translator2 img {
  width: 25px;
  height: 15px;
  object-fit: fill;
  margin-right: 13px;
  cursor: pointer;
}
.translator2 #english_t {
  width: 25px;
  height: 15px;
  object-fit: contain;
  margin-right: 13px;
  cursor: pointer;
}
@media (max-width: 1215px) {
  .translator2 {
    display: flex;
    margin-top: 8px;
    margin-left: 20px;
  }
}
@media (max-width: 388px) {
  .translator2 {
    display: flex;
    margin-top: 8px;
    margin-left: -15px;
  }
  .header-main-top .icon-head {
    width: 85%;
  }
}
@media (max-width: 328px) {
  .translator2 {
    display: flex;
    margin-top: 8px;
    margin-left: -45px;
  }
  .header-main-top .icon-head {
    width: 70%;
  }
}
@media (max-width: 328px) {
  .translator2 {
    display: flex;
    margin-top: 8px;
    margin-left: -45px;
  }
}






.ab_section {
  margin: auto;
  width: 80%;
  margin-top: 30px;
  max-width: 1800px;
}
.ab {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.ab_title {
  margin-bottom: 43px;
}
.ab_title h3 {
  position: relative;
  margin-bottom: 10px;
  font-size: 1.5vw;
  text-transform: uppercase;
  text-shadow: 3px 1px #BB1692;
  text-align: center;
}
.ab_top {
  display: flex;
  justify-content: center;
}
.ab_top_left {
  width: 55%;
  margin-right: 25px;
}
.ab_top_left_text {
  padding-top: 7px;
}
.ab_top_left_text p {
  font-size: 1vw;
  text-align: justify;
}
.ab_top_right {
  width: 45%;
}
.ab_top_right_image {

}
.ab_top_right_image img {
  width: 100%;
}
.ab_mid {
  margin-top: 2vw;
  display: flex;
  justify-content: center;
}
.ab_mid_item:nth-child(1) {
  background-image: url(/assets/ui/img/ab/a1.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;

  width: 40%;
  margin-right: 10px;
  padding: 2.18vw 1vw 1.5vw 1vw;
}
.ab_mid_item:nth-child(2) {
  background-image: url(/assets/ui/img/ab/a2.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;

  width: 40%;
  margin-right: 10px;
  padding: 2.18vw 1vw 1.5vw 1vw;
}
.ab_mid_item:nth-child(3) {
  background-image: url(/assets/ui/img/ab/a3.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;

  width: 40%;
  margin-right: 10px;
  padding: 2.18vw 1vw 1.5vw 1vw;
}
.ab_mid_item_title {
  padding-left: 1.7vw;
  padding-top: 0.2vw;
  margin-bottom: 2vw;
}
.ab_mid_item_title h3 {
  font-size: 2.1vw;
  text-transform: uppercase;
  text-shadow: 3px 1px #BB1692;
}
.ab_mid_item_text {
  padding-left: 0.5vw;
  padding-right: 1vw;
}
.ab_mid_item_text p {
  font-size: 0.8vw;
  text-align: justify;
}
.ab_bot {
  margin-top: 2vw;
}
.ab_bot_item:nth-child(1) {
  background-image: url(/assets/ui/img/ab/ab1.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;

  margin-bottom: 20px;
}
.ab_bot_item:nth-child(2) {
  background-image: url(/assets/ui/img/ab/ab2.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;

  margin-bottom: 0;
}
.ab_bot_item_text {
  padding: 2.3vw 16.5vw 2.5vw 4.7vw;
}
.ab_bot_item_text h3 {
  font-size: 2.5vw;
  text-transform: uppercase;
  text-shadow: 3px 1px #BB1692;
}
.ab_bot_item_text p {
  font-size: 0.8vw;
  text-align: justify;
}
.ab_bot_item:nth-child(2) .ab_bot_item_text {
  padding: 2.3vw 4.8vw 2.5vw 16.5vw;
}
.ab_bot_item:nth-child(2) .ab_bot_item_text h3 {
  font-size: 2.5vw;
  text-transform: uppercase;
  text-shadow: 3px 1px #BB1692;
  text-align: end;
}
.ab_bot_item:nth-child(2) .ab_bot_item_text p {
  font-size: 0.8vw;
  text-align: end;
}
@media (min-width: 1870px) {
  .ab_mid {
    margin-top: 40px;
  }
  .ab_bot {
    margin-top: 40px;
  }
  .ab_mid_item_title {
    padding-top: 0;
  }
  .ab_mid_item_title h3 {
    font-size: 1.8vw;
  }
}
@media (min-width: 2100px) {
  .ab_title h3 {
    font-size: 2rem;
  }
  .ab_top_left_text p {
    font-size: 1.4rem;
  }
  .ab_mid_item:nth-child(1) {
    background-image: url(/assets/ui/img/ab/a1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    width: 40%;
    margin-right: 10px;
    padding: 55px 25px 35px 35px;
  }
  .ab_mid_item:nth-child(2) {
    background-image: url(/assets/ui/img/ab/a2.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    width: 40%;
    margin-right: 10px;
    padding: 55px 25px 35px 35px;
  }
  .ab_mid_item:nth-child(3) {
    background-image: url(/assets/ui/img/ab/a3.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    width: 40%;
    margin-right: 10px;
    padding: 55px 25px 35px 35px;
  }
  .ab_mid_item_title {
    padding-left: 35px;
    margin-bottom: 35px;
  }
  .ab_mid_item_title h3 {
    font-size: 3rem;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
  }
  .ab_mid_item_text {
    padding-left: 5px;
    padding-right: 20px;
  }
  .ab_mid_item_text p {
    font-size: 1.2rem;
    text-align: justify;
  }
  .ab_bot_item:nth-child(1) {
    background-image: url(/assets/ui/img/ab/ab1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    margin-bottom: 20px;
  }
  .ab_bot_item:nth-child(2) {
    background-image: url(/assets/ui/img/ab/ab2.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    margin-bottom: 0;
  }
  .ab_bot_item_text {
    padding: 63px 370px 70px 105px;
  }
  .ab_bot_item_text h3 {
    font-size: 3.1rem;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
  }
  .ab_bot_item_text p {
    font-size: 1.2rem;
    text-align: justify;
  }
  .ab_bot_item:nth-child(2) .ab_bot_item_text {
    padding: 50px 107px 70px 370px;
  }
  .ab_bot_item:nth-child(2) .ab_bot_item_text h3 {
    font-size: 3.1rem;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
    text-align: end;
  }
  .ab_bot_item:nth-child(2) .ab_bot_item_text p {
    font-size: 1.2rem;
    text-align: end;
  }
}
@media (max-width: 1150px) {
  .ab_section {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .ab_mid {
    margin-top: 2vw;
    display: flex;
    justify-content: center;
  }
  .ab_mid_item:nth-child(1) {
    background-image: url(/assets/ui/img/ab/a1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    width: 40%;
    margin-right: 10px;
    padding: 2.1vw 1.3vw 1.3vw 1.1vw;
  }
  .ab_mid_item:nth-child(2) {
    background-image: url(/assets/ui/img/ab/a2.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    width: 40%;
    margin-right: 10px;
    padding: 2.1vw 1.3vw 1.3vw 1.1vw;
  }
  .ab_mid_item:nth-child(3) {
    background-image: url(/assets/ui/img/ab/a3.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    width: 40%;
    margin-right: 10px;
    padding: 2.1vw 1.3vw 1.3vw 1.1vw;
  }
  .ab_mid_item_title {
    padding-left: 2vw;
    padding-top: 0.3vw;
    margin-bottom: 1.7vw;
  }
  .ab_mid_item_title h3 {
    font-size: 2.1vw;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
  }
  .ab_mid_item_text {
    padding-left: 0.5vw;
    padding-right: 1vw;
  }
  .ab_mid_item_text p {
    font-size: 0.9vw;
    text-align: justify;
  }
  .ab_bot_item:nth-child(1) {
    background-image: url(/assets/ui/img/ab/ab1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    margin-bottom: 20px;
  }
  .ab_bot_item:nth-child(2) {
    background-image: url(/assets/ui/img/ab/ab2.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    margin-bottom: 0;
  }
  .ab_bot {
    margin-top: 2vw;
  }
  .ab_bot_item_text {
    padding: 2.3vw 19.5vw 2.5vw 5.7vw;
  }
  .ab_bot_item_text h3 {
    font-size: 2.5vw;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
  }
  .ab_bot_item_text p {
    font-size: 0.8vw;
    text-align: justify;
  }
  .ab_bot_item:nth-child(2) .ab_bot_item_text {
    padding: 2.3vw 5.7vw 2.5vw 19.5vw;
  }
  .ab_bot_item:nth-child(2) .ab_bot_item_text h3 {
    font-size: 2.5vw;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
    text-align: end;
  }
  .ab_bot_item:nth-child(2) .ab_bot_item_text p {
    font-size: 0.8vw;
    text-align: end;
  }
}
@media (max-width: 850px) {
  .ab_section {

  }
  .ab {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  .ab_title {
    margin-bottom: 43px;
  }
  .ab_title h3 {
    position: relative;
    margin-bottom: 10px;
    font-size: 3.1vw;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
    text-align: center;
  }
  .ab_top {
    display: block;
    justify-content: center;
  }
  .ab_top_left {
    width: 100%;
    margin-right: 0;
  }
  .ab_top_left_text {
    padding-top: 7px;
  }
  .ab_top_left_text p {
    font-size: 1.8vw;
    text-align: justify;
  }
  .ab_top_right {
    width: 100%;
  }
  .ab_top_right_image {
  
  }
  .ab_top_right_image img {
    width: 100%;
  }
  .ab_mid {
    margin-top: 7vw;
    display: block;
    justify-content: center;
  }
  .ab_mid_item:nth-child(1) {
    background-image: url(/assets/ui/img/ab/a1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3vw;
    padding: 4vw 4.5vw 1.5vw 4vw;
  }
  .ab_mid_item:nth-child(2) {
    background-image: url(/assets/ui/img/ab/a2.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3vw;
    padding: 4vw 4.5vw 1.5vw 4vw;
  }
  .ab_mid_item:nth-child(3) {
    background-image: url(/assets/ui/img/ab/a3.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3vw;
    padding: 4.5vw 4.5vw 1.5vw 4vw;
  }
  .ab_mid_item_title {
    padding-left: 4vw;
    padding-top: 0.5vw;
    margin-bottom: 4vw;
  }
  .ab_mid_item_title h3 {
    font-size: 3.1vw;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
  }
  .ab_mid_item_text {
    padding-left: 0.5vw;
    padding-right: 1vw;
  }
  .ab_mid_item_text p {
    font-size: 1.8vw;
    text-align: justify;
  }
  .ab_bot {
    margin-top: 7vw;
  }
  .ab_bot_item:nth-child(1) {
    background-image: url(/assets/ui/img/ab/ab1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    margin-bottom: 3vw;
  }
  .ab_bot_item:nth-child(2) {
    background-image: url(/assets/ui/img/ab/ab2.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    margin-bottom: 0;
  }
  .ab_bot_item_text {
    padding: 3.7vw 19.5vw 2.5vw 5.7vw;
  }
  .ab_bot_item_text h3 {
    font-size: 2.8vw;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
  }
  .ab_bot_item_text p {
    font-size: 1.3vw;
    text-align: justify;
  }
  .ab_bot_item:nth-child(2) .ab_bot_item_text {
    padding: 3.7vw 5.7vw 2.5vw 19.5vw;
  }
  .ab_bot_item:nth-child(2) .ab_bot_item_text h3 {
    font-size: 2.8vw;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
    text-align: end;
  }
  .ab_bot_item:nth-child(2) .ab_bot_item_text p {
    font-size: 1.3vw;
    text-align: end;
  }
}
@media (max-width: 500px) {
  .ab_section {

  }
  .ab {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .ab_title {
    margin-bottom: 23px;
  }
  .ab_title h3 {
    position: relative;
    margin-bottom: 10px;
    font-size: 1.8rem;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
    text-align: center;
  }
  .ab_top {
    display: block;
    justify-content: center;
  }
  .ab_top_left {
    width: 100%;
    margin-right: 0;
  }
  .ab_top_left_text {
    padding-top: 7px;
  }
  .ab_top_left_text p {
    font-size: 0.8rem;
    text-align: justify;
  }
  .ab_top_right {
    width: 100%;
  }
  .ab_top_right_image {
  
  }
  .ab_top_right_image img {
    width: 100%;
  }
  .ab_mid {
    margin-top: 7vw;
    display: block;
    justify-content: center;
  }
  .ab_mid_item:nth-child(1) {
    background-image: url(/assets/ui/img/ab/a1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3vw;
    padding: 6.8vw 6.7vw 3.5vw 6vw;
  }
  .ab_mid_item:nth-child(2) {
    background-image: url(/assets/ui/img/ab/a2.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3vw;
    padding: 6.8vw 6.7vw 3.5vw 6vw;
  }
  .ab_mid_item:nth-child(3) {
    background-image: url(/assets/ui/img/ab/a3.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3vw;
    padding: 7.7vw 6.7vw 3.5vw 6vw;
  }
  .ab_mid_item_title {
    padding-left: 4.5vw;
    padding-top: 0.5vw;
    margin-bottom: 5vw;
  }
  .ab_mid_item_title h3 {
    font-size: 4.5vw;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
  }
  .ab_mid_item_text {
    padding-left: 0.5vw;
    padding-right: 1vw;
  }
  .ab_mid_item_text p {
    font-size: 2.8vw;
    text-align: justify;
  }
  .ab_bot {
    margin-top: 10vw;
  }
  .ab_bot_item:nth-child(1) {
    background-image: url(/assets/ui/img/ab/ab1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    margin-bottom: 3vw;
  }
  .ab_bot_item:nth-child(2) {
    background-image: url(/assets/ui/img/ab/ab2.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  
    margin-bottom: 0;
  }
  .ab_bot_item_text {
    padding: 6vw 25vw 3.5vw 8vw;
  }
  .ab_bot_item_text h3 {
    font-size: 4.5vw;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
    margin: 1vw;
  }
  .ab_bot_item_text p {
    font-size: 2.2vw;
    text-align: justify;
  }
  .ab_bot_item:nth-child(2) .ab_bot_item_text {
    padding: 6vw 8vw 3.5vw 25vw;
  }
  .ab_bot_item:nth-child(2) .ab_bot_item_text h3 {
    font-size: 4.5vw;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
    text-align: end;
    margin: 1vw;
  }
  .ab_bot_item:nth-child(2) .ab_bot_item_text p {
    font-size: 2.2vw;
    text-align: end;
  }
}





.rs_section {
  margin-top: -11vw;
  background-image: url(/assets/ui/img/ab/r1.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  padding-top: 14vw;
  padding-bottom: 3vw;
}
.rs {
  width: 75%;
  margin-left: auto;
  margin-right: auto;

  display: flex;
  justify-content: center;
  align-items: center;
}
.rs_left {
  width: 57%;
  margin-right: 20px;
}
.rs_left_text {
  padding-right: 30px;
}
.rs_left_text h3 {
  position: relative;
  margin-bottom: 10px;
  font-size: 3.2vw;
  text-transform: uppercase;
  text-shadow: 3px 1px #BB1692;
}
.rs_left_text p {
  font-size: 1vw;
  text-align: justify;
}
.rs_right {
  width: 43%;
}
.rs_right_logo {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.rs_right_logo img {
  width: 100%;
}
.rs_right_image {
  
}
.rs_right_image img {
  width: 100%;
}
@media (min-width: 2100px) {
  .rs_section {
    margin-top: -9vw;
  }
  .rs_left_text h3 {
    position: relative;
    margin-bottom: 10px;
    font-size: 4.5rem;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
  }
  .rs_left_text p {
    font-size: 1.4rem;
  }
}
@media (max-width: 500px) {
  .rs_section {
    margin-top: -270px;
    background-image: url(/assets/ui/img/ab/r1.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    padding-top: 330px;
    padding-bottom: 30px;
  }
  .rs {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  
    display: block;
    justify-content: center;
    align-items: center;
  }
  .rs_left {
    width: 100%;
    margin-right: 20px;
  }
  .rs_left_text {
    padding-right: 30px;
  }
  .rs_left_text h3 {
    position: relative;
    margin-bottom: 10px;
    font-size: 1.5rem;
    text-transform: uppercase;
    text-shadow: 3px 1px #BB1692;
    text-align: center;
  }
  .rs_left_text p {
    font-size: 0.8rem;
    text-align: justify;
  }
  .rs_right {
    width: 100%;
    margin-top: 30px;
  }
  .rs_right_logo {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .rs_right_logo img {
    width: 100%;
  }
  .rs_right_image {
  
  }
  .rs_right_image img {
    width: 100%;
  }
}





.effect-word {
  overflow: hidden;
  /* border: 7px solid #B42ABD; */
}

.effect-word p {
  z-index: 10;
  font-size: 0.9rem;
  position: relative; overflow: hidden;width: 4100px;color: #ffffff;
  animation: ltr 15s;
  animation-timing-function: cubic-bezier(1, 1, 1, 1);
  transition: transform 1s;
  transition-delay: 1s;
  transition-property: transform;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
}

@keyframes ltr {
  from {
    left: 100%;
  }
  to {
    left: -100%;
  }
}

.p2_parent {
  position: relative;
}

.p2_parent img {
  width: 100%;
}

.p2_parent .box {
  position: absolute;
  width: 98.5%;
  max-width: 98.5%;
  top: calc(1.3vw - 1px);
  right: 0;
  left: 0.35%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}



@media (min-width: 1366px) {
  .p2_parent .box {
    top: calc(0.73vw + 1px);
  }
}
@media (min-width: 1550px) {
  .p2_parent .box {
    top: calc(0.83vw + 1px);
  }
}
@media (min-width: 1700px) {
  .p2_parent .box {
    top: calc(0.93vw + 1px);
  }
}
@media (min-width: 1800px) {
  .p2_parent .box {
    top: calc(1vw + 1px);
  }
}
@media (min-width: 2050px) {
  .p2_parent .box {
    top: calc(0.7vw + 1px);
  }
  .effect-word p {
    font-size: calc(0.7vw + 1px);
  }
}
@media (min-width: 4000px) {
  .p2_parent .box {
    top: calc(0.5vw + 1px);
  }
  .effect-word p {
    font-size: calc(0.5vw + 1px);
  }
}
@media (min-width: 5000px) {
  .p2_parent .box {
    top: calc(0.35vw + 1px);
  }
  .effect-word p {
    font-size: calc(0.4vw + 1px);
  }
}

@media (max-width: 1365px) {
  .p2_parent .box {
    top: calc(0.68vw + 1px);
  }
  .effect-word p {
    font-size: calc(1.2vw - 1px);
  }
}
@media (max-width: 1150px) {
  .p2_parent .box {
    top: calc(1vw + 1px);
  }
  .effect-word p {
    font-size: calc(1.2vw - 0.1px);
  }
}
@media (max-width: 650px) {
  .p2_parent img {
    width: 100%;
    height: 5vh;
  }
  .p2_parent .box {
    top: calc(0.7vw + 3px) !important;
  }
  .effect-word p {
    font-size: calc(1.2vw + 0.1px);
  }
}
@media (max-width: 550px) {
  .p2_parent img {
    width: 100%;
    height: 5vh;
  }
  .p2_parent .box {
    top: calc(0.3vw + 5px) !important;
  }
  .effect-word p {
    font-size: calc(1.5vw + 0.1px);
  }
}
@media (max-width: 500px) {
  .p2_parent img {
    width: 100%;
    height: 5vh;
  }
  .p2_parent .box {
    top: calc(0.4vw + 5px) !important;
  }
  .effect-word p {
    font-size: calc(1.5vw + 0.1px);
  }
}
@media (max-width: 450px) {
  .p2_parent img {
    width: 100%;
    height: 7.5vw;
  }
  .p2_parent .box {
    top: calc(0.7vw + 5px) !important;
  }
  .effect-word p {
    font-size: calc(2.5vw + 0.1px);
  }
}
@media (max-width: 410px) {
  .p2_parent img {
    width: 100%;
    height: 7.5vw;
  }
  .p2_parent .box {
    top: calc(0.7vw + 5px) !important;
  }
  .effect-word p {
    font-size: calc(2.5vw + 0.1px);
  }
}
@media (max-width: 375px) {
  .p2_parent img {
    width: 100%;
    height: 7.5vw;
  }
  .p2_parent .box {
    top: calc(0.6vw + 4px) !important;
  }
  .effect-word p {
    font-size: calc(2.5vw + 0.1px);
  }
}
@media (max-width: 289px) {
  .p2_parent img {
    width: 100%;
    height: 7.5vw;
  }
  .p2_parent .box {
    top: calc(0.7vw + 6px) !important;
  }
  .effect-word p {
    font-size: calc(2.7vw - 1px);
  }
}


.image-con {
  display: flex;
  overflow: hidden;
  background-color: #3F1C5A;
}

.image-con img {
  width: 350px;
  position: relative;
  animation: ltr_img 15s;
  animation-timing-function: linear;
  transition: transform 1s;
  transition-delay: 1s;
  transition-property: transform;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  margin-right: 10px;
}

@keyframes ltr_img {
  from {
    left: 100%;
  }
  to {
    left: -100%;
  }
}

@media (min-width: 2100px) {
  .image-con img { width: 100%; }
}

#slick {
  display: flex;
  background-color: transparent;
  overflow: hidden;
}

#slick .slide img { width: 100% !important;height: 100% !important;object-fit: cover; }

#slick.slick-initialized {
  display: block;
}

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

#slick .slick-slide {
  padding-right: 15px;
  padding-left: 15px;
}

#slick .slick-slide:focus {
  outline: none;
  cursor: grab;
}

#slick .slick-arrow {
  position: absolute;
  width: 15px;
  height: 49px;
  top: 50%;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  padding: 0;
  z-index: 100;
  transform: translateY(-50%);
  overflow: hidden;
  text-indent: 1000px;
}

#slick .slick-arrow:focus {
  outline: none;
}

#slick .slick-arrow:hover {
  cursor: pointer;
}

.index-7 a {
  text-decoration: none;
}
.index-7-translate a {
  text-decoration: none;
}

.mobile_info {
  display: none;
}
@media (max-width: 550px) {
  .mobile_info {
    display: block;
  }
  .window_info {
    display: none;
  }
}

footer { margin-top: 0; }
.footer1 { background-image: linear-gradient(to right, #09192B,#0B67DE,#04152F), url("../img/Live 22- Main_for web-02.png");background-repeat: no-repeat;background-position: center;background-size: cover;padding: 10px; }
.footer1 .info { width: 70%;margin-left: auto;margin-right: auto;display: flex; }
.footer1 .info a { text-decoration: none;color: #ffffff;width: 50%;text-align: center;text-shadow: 3px 1px #096AC1;padding: 10px; }
.footer1 .info a:nth-child(1) { border-right: 1px solid #ffffff; }
.footer1 .info a:nth-child(2) { border-right: 1px solid #ffffff; }
@media (max-width: 513px) {
  .footer1 .info { width: 95%; }
  .footer1 .info { font-size: 0.8rem; }
}
@media (max-width: 324px) {
  .footer1 .info { font-size: 0.6rem; }
}


.footer2_translate { display: none; }
.footer2 { background-image: linear-gradient(to right, #000104,#0A1131,#000206);width: 100%; }
.footer2 .findex1 { display: flex;width: 70%;max-width: 1800px;margin-left: auto;margin-right: auto;padding: 20px; }

@media (max-width: 550px) {
  .footer2 .findex1 { display: flex;width: 90%;margin-left: auto;margin-right: auto;padding: 20px; }
  .footer2_translate .findex1 { display: flex;width: 90%;margin-left: auto;margin-right: auto;padding: 20px; }
}
@media (max-width: 850px) { .footer2 .findex1 { display: block; } }
.footer2 .findex1 .info { margin-right: 20px; }
.footer2 .findex1 .info p { font-size: 0.7rem;line-height: 1.2rem; }
.footer2 .findex1 .info h6 { font-weight: 700; }

.footer2 .findex2 { display: flex;width: 68%;max-width: 1800px;margin-left: auto;margin-right: auto; }
.footer2 .findex2 .bank_pay { text-wrap: nowrap; }
.footer2 .findex2 .bank_pay h6 { font-weight: 700;position: relative;top: 15px; }

@media (max-width: 1250px) { 
  .footer2 .findex2 { display: block; } 
  .footer2 .findex2 .bank_pay h6 { margin-bottom: 40px; } 
}

.footer2 .findex2 .bank { display: flex;margin-left: 1vw; }

.footer2 .findex2 .bank a { width: 100%;margin-right: 1vw; }
.footer2 .findex2 .bank img { width: 100%;object-fit: cover; }

.footer2 .findex2 .bank .agd { margin-top: 0.45vw; }
.footer2 .findex2 .bank .abank {  }
/* .footer2 .findex2 .bank .mab { margin-top: 0.3vw; } */
.footer2 .findex2 .bank .mcb { margin-top: 0.25vw; }


@media (min-width: 1500px) { 
  .footer2 .findex2 .bank .agd { margin-top: 0.54vw; }
}
@media (min-width: 1600px) { 
  .footer2 .findex2 .bank .agd { margin-top: 0.65vw; }
}
@media (min-width: 5000px) { 
  .footer2 .findex2 .bank .agd { margin-top: 0.53vw; }
}
@media (max-width: 850px) { 
  .footer2 .findex2 .bank a { width: 100%;margin-right: 1vw; } 
}
@media (max-width: 780px) { 
  .footer2 .findex2 { display: block;width: 78%;margin-left: auto;margin-right: auto; }
  .footer2 .findex2 .bank { display: flex;margin-left: 10px;flex-wrap: wrap; }
  .footer2 .findex2 .bank a { width: 30%;margin-right: 2.5vw;margin-bottom: 35px; }

  .footer2 .findex2 .bank .agd { margin-top: 2.5vw; }
  /* .footer2 .findex2 .bank .mab { margin-top: 1.2vw; } */
  .footer2 .findex2 .bank .mcb { margin-top: 1.8vw; }
}

.footer2 .findex3 { width: 68%;margin-left: auto;margin-right: auto;margin-top: 43px;padding-bottom: 10px; }
.footer2 .findex3 p { font-size: 0.8rem;text-align: center; }

.index-body {
  /* margin: auto;width: 80%;margin-top: 50px;
  max-width: 1800px; */
}

.m-index-1 {
  background-image: linear-gradient(to right, #000000,#000000,#000000);
} 
.m-index-1-translate {
  display: none;
  background-image: linear-gradient(to right, #000000,#000000,#000000);
}
.m-index-1-translate .index-1 img {
  max-width: 100%;
  display: block;
  width: 100%;
  height: 650px;
}

.a_right[data-aos=fade-right] {
  -webkit-transform: translateX(-510px);
  transform: translateX(-310px);
  
}
.a_up[data-aos=fade-up] {
  -webkit-transform: translateY(810px);
  transform: translateY(810px);
  
}
.a_left[data-aos=fade-left] {
  -webkit-transform: translateX(510px);
  transform: translateX(310px);
  
}

.index-1 {
  display: flex;
  justify-content: space-between;
  /* max-width: 1400px; */
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.index-1 img {
  max-width: 100%;
  display: block;
  width: 100%;
}

.parent2 {
  position: relative;
}
.parent2 .box2 {
  position: absolute;
  /* max-width: calc(1.6vw + 150px); max-height: calc(1.6vw + 10px); */
  
  font-size: 1rem;
  border-radius: 10%;
  background-color: transparent;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.parent2 .box2.slot-title {
  top: 39%;
  left: 40%;
  font-weight: 600;
}
.parent2 .box2.fish-title {
  top: 39%;
  left: 40%;
  font-weight: 600;
}
.parent2 .box2.casino-title {
  top: 39%;
  left: 40%;
  font-weight: 600;
}
.parent2 .box2.slot {
  top: 49%;
  left: 15%;
  width: 248px;
  text-align: justify;
  font-size: 1rem;
}
.parent2 .box2.fish {
  top: 49%;
  left: 17%;
  width: 248px;
  text-align: justify;
  font-size: 1rem;
}
.parent2 .box2.casino {
  top: 49%;
  left: 17%;
  width: 248px;
  text-align: justify;
  font-size: 1rem;
}
@media (min-width: 2000px) {
  .parent2 .box2.slot-title {
    top: 39.3%;
    left: 40%;
    font-size: 1.3rem;
    font-weight: 600;
  }
  .parent2 .box2.fish-title {
    top: 39.3%;
    left: 40%;
    font-size: 1.3rem;
    font-weight: 600;
  }
  .parent2 .box2.casino-title {
    top: 39.3%;
    left: 40%;
    font-size: 1.3rem;
    font-weight: 600;
  }
  .parent2 .box2.slot {
    top: 49%;
    left: 16%;
    width: 325px;
    text-align: justify;
    font-size: 1.3rem;
  }
  .parent2 .box2.fish {
    top: 49%;
    left: 17%;
    width: 325px;
    text-align: justify;
    font-size: 1.3rem;
  }
  .parent2 .box2.casino {
    top: 49%;
    left: 17%;
    width: 325px;
    text-align: justify;
    font-size: 1.3rem;
  }
  .index-1 {
    display: flex;
    justify-content: space-between;
    max-width: 1650px;
    margin-left: auto;
    margin-right: auto;
  }

  /* translate */
  .m-index-1-translate .index-1 img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: 850px;
  }
}
@media (min-width: 1370px) {
  .index-1 img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: 580px;
  }
}
@media (max-width: 1370px) {
  .index-1 img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: 640px;
  }
  .parent2 .box2.slot {
    top: 49%;
    left: 18%;
    width: 230px;
    text-align: justify;
    font-size: 1rem;
  }
  .parent2 .box2.fish {
    top: 49%;
    left: 19%;
    width: 230px;
    text-align: justify;
    font-size: 1rem;
  }
  .parent2 .box2.casino {
    top: 49%;
    left: 19%;
    width: 230px;
    text-align: justify;
    font-size: 1rem;
  }

  /* translate */
  .m-index-1-translate .index-1 img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: 700px;
  }
}
@media (max-width: 1302px) {
  .index-1 img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: auto;
  }
  .parent2 .box2.slot {
    top: 49%;
    left: 16.5%;
    width: calc(20vw - 2px);
    text-align: justify;
    font-size: calc(1.25vw - 0.1px);
  }
  .parent2 .box2.fish {
    top: 49%;
    left: 16.5%;
    width: calc(20vw - 2px);
    text-align: justify;
    font-size: calc(1.25vw - 0.1px);
  }
  .parent2 .box2.casino {
    top: 49%;
    left: 16.5%;
    width: calc(20vw - 2px);
    text-align: justify;
    font-size: calc(1.25vw - 0.1px);
  }
  .index-1 {
    display: flex;
    justify-content: space-between;
    width: auto;
    max-width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  /* translate */
  .m-index-1-translate .index-1 img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: calc(50vw - 0.1px);
  }
}
@media (max-width: 1032px) {
  .parent2 .box2.slot-title {
    top: 38.5%;
    left: 38%;
    font-size: 0.8rem;
    font-weight: 600;
  }
  .parent2 .box2.fish-title {
    top: 38.5%;
    left: 38%;
    font-size: 0.8rem;
    font-weight: 600;
  }
  .parent2 .box2.casino-title {
    top: 38.5%;
    left: 38%;
    font-size: 0.8rem;
    font-weight: 600;
  }
}
@media (max-width: 774px) {
  .index-1 {
    display: flex;
    justify-content: space-between;
    /* max-width: 1400px; */
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* background-color: #050F1A; */
    /* background-image: linear-gradient(to right, #050706,#011B4D,#010309); */
  }
  .parent2:nth-child(1) {
    background-image: linear-gradient(to right, #040708,#040708,#060E17,#060E17);
    /* background-image: linear-gradient(to bottom right, #040708,#040708,#040708,#060E17,#060E17,#060E17,#060E17,#051120,#051120); */
  }
  .parent2:nth-child(2) {
    /* background-image: linear-gradient(to right, #041226,#041226,#020D23,#020D23); */
    background-image: linear-gradient(to bottom right, #040E19,#040E19,#020A1B,#020A1B,#041122,#041122,#020D23,#020D23);
  }
  .parent2:nth-child(3) {
    background-image: linear-gradient(to right, #03091B,#03091B,#040708,#040708);
    /* background-image: linear-gradient(to bottom right, #03091B,#03091B,#03091B,#030E25,#040708,#040708); */
  }
  .index-1 a {
    max-width: 100%;
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    height: calc(143vw - 0.2rem);
    height: auto;
  }

  .parent2 .box2 {
    z-index: 999;
  }
  .parent2 .box2.slot-title {
    top: 38.5%;
    left: 42%;
    font-size: calc(2.5vw - 0.1px);
    font-weight: 600;
  }
  .parent2 .box2.fish-title {
    top: 38.5%;
    left: 42%;
    font-size: calc(2.5vw - 0.1px);
    font-weight: 600;
  }
  .parent2 .box2.casino-title {
    top: 38.5%;
    left: 42%;
    font-size: calc(2.5vw - 0.1px);
    font-weight: 600;
  }
  .parent2 .box2.slot {
    top: 49%;
    left: 32%;
    width: calc(32vw - 2px);
    text-align: justify;
    font-size: calc(1.95vw - 0.1px);
  }
  .parent2 .box2.fish {
    top: 49%;
    left: 32%;
    width: calc(32vw - 2px);
    text-align: justify;
    font-size: calc(1.95vw - 0.1px);
  }
  .parent2 .box2.casino {
    top: 49%;
    left: 32%;
    width: calc(32vw - 2px);
    text-align: justify;
    font-size: calc(1.95vw - 0.1px);
  }
  .index-1 {
    display: block;
    justify-content: space-between;
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  /* translate */
  .m-index-1-translate .index-1 a {
    max-width: 100%;
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    height: calc(83vw - 0.2rem);
    height: auto;
  }
  .m-index-1-translate .index-1 img {
    display: block;
    height: calc(83vw - 0.2rem);
  }

  /* .m-index-1-translate .index-1 img {
    max-width: 100%;
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    height: calc(78vw - 0.2rem);
  } */
}

/* @media (max-width: 1150px) { .index-1 { display: block;align-items: center; } .index-1 img { display: block;width: 50%;margin-left: auto;margin-right: auto;margin-bottom: 40px; } } */

.parent1 {
  position: relative;
}
.parent1 .box {
  position: absolute;
  /* max-width: calc(1.6vw + 150px); max-height: calc(1.6vw + 10px); */
  
  font-size: 2rem;
  border-radius: 10%;
  background-color: transparent;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.parent1 .box a {
  color: #ffffff;
  padding: 10px;
  background-color: transparent;
  border: none;
  text-decoration: none;
}

.parent1 .box a:hover {
  position: relative;
  animation: down_up 1s;
  animation-fill-mode: forwards;
}

@keyframes down_up {
  from { transform: translateY(0px); }
  to { transform: translateY(-8px); }
}

.parent1 .box.register {
  top: 16%;
  left: 71%;
}
.parent1 .box.cash {
  top: 44%;
  left: 73.7%;
}
.parent1 .box.play {
  top: 71%;
  left: 74%;
}

@media (min-width: 5000px) {
  .parent1 .box.register {
    margin-top: 30px;
    top: 17%;
    left: 73%;
  }
  .parent1 .box.cash {
    margin-top: 30px;
    top: 45%;
    left: 75.7%;
  }
  .parent1 .box.play {
    margin-top: 30px;
    top: 72%;
    left: 74%;
  }
}
@media (min-width: 2000px) {
  .parent1 .box.register {
    top: 17%;
    left: 73%;
  }
  .parent1 .box.cash {
    top: 45%;
    left: 75.7%;
  }
  .parent1 .box.play {
    top: 72%;
    left: 74%;
  }
}
@media (min-width: 1700px) {
  .parent1 .box {
    min-width: calc(1.6vw + 280px); min-height: calc(1.6vw + 45px);
    font-size: 2.5rem;
  }
  .parent1 .box:nth-child(3) {
    min-width: calc(1.6vw + 280px); min-height: calc(1.6vw + 45px);
  }
}
@media (min-width: 2583px) {
  .parent1 .box {
    min-width: calc(1.6vw + 280px); min-height: calc(1.6vw + 45px);
    font-size: 3.5rem;
  }
  .parent1 .box:nth-child(3) {
    min-width: calc(1.6vw + 280px); min-height: calc(1.6vw + 45px);
  }
  .parent1 .box button {
    padding: 25px;
  }
}
@media (min-width: 4000px) {
  .parent1 .box {
    min-width: calc(1.6vw + 280px); min-height: calc(1.6vw + 45px);
    font-size: 5rem;
  }
  .parent1 .box:nth-child(3) {
    min-width: calc(1.6vw + 280px); min-height: calc(1.6vw + 45px);
  }
  .parent1 .box button {
    padding: 25px;
  }
}

@media (max-width: 1699px) {
  .parent1 .box.register {
    top: 16%;
    left: 73%;
  }
  .parent1 .box.cash {
    top: 44%;
    left: 75.7%;
  }
  .parent1 .box.play {
    top: 71%;
    left: 74%;
  }
}
@media (max-width: 1315px) {
  .parent1 .box {
    font-size: 1.5rem;
  }
}
@media (max-width: 1130px) {
  .parent1 .box {
    font-size: 1rem;
  }
  .parent1 .box.register {
    top: 16.3%;
    left: 73%;
  }
  .parent1 .box.cash {
    top: 44%;
    left: 75.7%;
  }
  .parent1 .box.play {
    top: 72%;
    left: 74%;
  }
}
@media (max-width: 853px) {
  .parent1 .box.register {
    top: 15%;
    left: 73%;
  }
  .parent1 .box.cash {
    top: 42%;
    left: 75.7%;
  }
  .parent1 .box.play {
    top: 70%;
    left: 74%;
  }
}
@media (max-width: 713px) {
  .parent1 .box {
    font-size: 0.8rem;
  }
  .parent1 .box a {
    padding: 5px;
  }
  .parent1 .box.register {
    top: 17%;
    left: 73%;
  }
  .parent1 .box.cash {
    top: 44.2%;
    left: 75.7%;
  }
  .parent1 .box.play {
    top: 72.2%;
    left: 74%;
  }
}
@media (max-width: 600px) {
  .parent1 .box {
    font-size: 0.6rem;
  }
  .parent1 .box a {
    padding: 3px;
  }
  .parent1 .box.register {
    top: 16.5%;
    left: 73%;
  }
  .parent1 .box.cash {
    top: 43%;
    left: 75.7%;
  }
  .parent1 .box.play {
    top: 71.5%;
    left: 74%;
  }
  
  @keyframes down_up {
    from { transform: translateY(0px); }
    to { transform: translateY(-3px); }
  }
}
@media (max-width: 403px) {
  .parent1 .box {
    font-size: 0.4rem;
  }
  .parent1 .box a {
    padding: 2px;
  }
  .parent1 .box.register {
    top: 17.3%;
    left: 73%;
  }
  .parent1 .box.cash {
    top: 45.3%;
    left: 75.7%;
  }
  .parent1 .box.play {
    top: 72.3%;
    left: 74%;
  }
  @keyframes down_up {
    from { transform: translateY(0px); }
    to { transform: translateY(-2px); }
  }
}
@media (max-width: 290px) {
  .parent1 .box {
    font-size: 0.3rem;
  }
}
@media (max-width: 213px) {
  .parent1 .box {
    font-size: 0.2rem;
  }
}


.bonus_header {
  margin-top: 50px;
  margin-bottom: 70px;

  width: 80%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.bonus_header h3 {
  padding: 80px;
  text-align: center;
  font-size: 2.5rem;
  font-family: "Gill Sans", sans-serif;

  color: #ffffff;
  text-shadow: 3px 1px #096AC1;
  font-weight: 700;
  background-image: url("../img/bonus/bonus_head.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 1210px) {
  .bonus_header {
    width: 50%;
  }
}
@media (max-width: 725px) {
  .bonus_header {
    width: 90%;
  }
  .bonus_header h3 {
    padding: 60px;
  }
}
@media (max-width: 450px) {
  .bonus_header {
    width: 90%;
    margin-bottom: 10px;
  }
  .bonus_header h3 {
    padding: 40px;
    font-size: 1.8rem;
  }
}
@media (max-width: 250px) {
  .bonus_header h3 {
    padding: 30px;
    font-size: 1.2rem;
  }
}


.index-2 .bonus_index {
  background-image: url("../img/index/Live 22- Main_for web-06.png");
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.index-2 .bonus_index a {
  /* color: #ffffff; */
  /* background: linear-gradient(#A9A9A9, #FEFEFE,#ffffff, #FEFEFE, #A9A9A9); */
  background: -webkit-linear-gradient(#A9A9A9,#A9A9A9,#A9A9A9,#FEFEFE,#A9A9A9,#A9A9A9,#A9A9A9);
  background-clip: text;
  -webkit-text-fill-color: transparent;

  text-decoration: none;
  filter: drop-shadow(2px 1px #096AC1);
  font-size: calc(1vw + 20px);
  font-weight: 600;
  margin-right: 8px;
}

@media (min-width: 1600px) {
  .index-2 .bonus_index a {
    font-size: calc(1.3vw + 20px);
  }
}
@media (min-width: 2600px) {
  .index-2 .bonus_index a {
    font-size: calc(1.3vw + 30px);
  }
}
@media (min-width: 3000px) {
  .index-2 .bonus_index a {
    font-size: calc(1.3vw + 48px);
  }
}


@media (max-width: 1260px) {
  .index-2 .bonus_index a {
    font-size: calc(2.9vw - 2px);
  }
}
@media (max-width: 600px) {
  .index-2 .bonus_index a {
    font-size: calc(3.2vw - 2px);
  }
}
@media (max-width: 450px) {
  .index-2 .bonus_index a {
    font-size: calc(4.9vw - 2px);
    margin-right: 5px;
  }
}
@media (max-width: 370px) {
  .index-2 .bonus_index a {
    font-size: calc(5vw - 1px);
  }
}
@media (max-width: 300px) {
  .index-2 .bonus_index a {
    margin-right: 0;
  }
}



.index-2 img {
  max-width: 100%;
  display: block;
  width: 100%;
}


.index-2 { padding-top: 20px;
  position: relative;z-index: 111;
  background-image: linear-gradient(to right, #010306,#060C0F, #081014, #031328, #011435, #031328, #030819, #030510,#010306);
}
.index-2 .info { display: flex;margin-bottom: 20px;width: 100%; }

.index-2 .info a { width: 50%; }

.index-2 a img {
  width: 100%;
  object-fit: cover;
}

.parent_img {
  position: relative;
  /* overflow: hidden; */
}
.parent_img .img_box {

  /* max-width: calc(1.6vw + 150px); max-height: calc(1.6vw + 10px); */
  background-color: transparent;
  /* display: -webkit-box; */
  /* display: flex; */
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.parent_img:nth-child(1) .img_box img {
  position: absolute;
  width: 40%;
  left: 28%;
}
.parent_img:nth-child(2) .img_box img {
  position: absolute;
  width: 40%;
  left: 30.5%;
}

@media (max-width: 774px) {
  .index-2 { background-image: linear-gradient(to right, #040708,#040708,#021432,#011435,#040708,#040708);}
}
@media (max-width: 450px) {
  .parent_img:nth-child(1) .img_box img {
    position: absolute;
    width: 70%;
    left: 10%;
    margin-top: -2%;
  }
  .parent_img:nth-child(2) .img_box img {
    position: absolute;
    width: 70%;
    left: 15%;
    margin-top: -2%;
  }
}

@media (max-width: 1150px) { .index-2 img { width: 100%;height: 100%; } }

.m-promotion { background-color: #02102C; }
.index-3 { width: 100%;margin-left: auto;margin-right: auto; }
.index-3 img { width: 50%;max-width: 100%;display: block; }

@media (max-width: 1150px) { .index-3 { width: 95% } }

.parent3 {
  position: relative;
}
.parent3 .box3 {
  position: absolute;
  /* max-width: calc(1.6vw + 150px); max-height: calc(1.6vw + 10px); */
  
  font-size: 1rem;
  border-radius: 10%;
  background-color: transparent;
  display: -webkit-box;
  display: block;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.parent3 img {

  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

.parent3 .box3 .th {
  font-weight: 800;
}

.parent3 .box3.text1 {
  top: 43%;
  left: 41%;
  width: 425px;
  text-align: start;
  font-size: 1rem;
}
.parent3 .box3.text2 {
  top: 43%;
  left: 41%;
  width: 425px;
  text-align: start;
  font-size: 1rem;
}
.parent3 .box3.text3 {
  top: 43%;
  left: 41%;
  width: 425px;
  text-align: start;
  font-size: 1rem;
}
.parent3 .box3.text4 {
  top: 43%;
  left: 41%;
  width: 425px;
  text-align: start;
  font-size: 1rem;
}
.parent3 .box3.text5 {
  top: 43%;
  left: 41%;
  width: 425px;
  text-align: start;
  font-size: 1rem;
}


/* translate */
.m-promotion-translate { display: none;background-color: #02102C; }
.m-promotion-translate .parent3 .box3.text1 {
  top: 42%;
  left: 41%;
  width: calc(1.3vw + 435px);
  text-align: start;
  font-size: calc(0.8vw + 0.1px);
}
.m-promotion-translate .parent3 .box3.text2 {
  top: 42%;
  left: 41%;
  width: calc(1.3vw + 435px);
  text-align: start;
  font-size: calc(0.8vw + 0.1px);
}
.m-promotion-translate .parent3 .box3.text3 {
  top: 42%;
  left: 41%;
  width: calc(1.3vw + 435px);
  text-align: start;
  font-size: calc(0.8vw + 0.1px);
}
.m-promotion-translate .parent3 .box3.text4 {
  top: 42%;
  left: 41%;
  width: calc(1.3vw + 435px);
  text-align: start;
  font-size: calc(0.8vw + 0.1px);
}
.m-promotion-translate .parent3 .box3.text5 {
  top: 42%;
  left: 41%;
  width: calc(1.3vw + 435px);
  text-align: start;
  font-size: calc(0.8vw + 0.1px);
}

@media (min-width: 4000px) { 
  .parent3 .box3.text1 {
    top: 43% !important;
    left: 41%;
    min-width: 1285px !important;
    text-align: start;
    font-size: 3rem !important;
  }
  .parent3 .box3.text2 {
    top: 43% !important;
    left: 41%;
    min-width: 1285px !important;
    text-align: start;
    font-size: 3rem !important;
  }
  .parent3 .box3.text3 {
    top: 43% !important;
    left: 41%;
    min-width: 1285px !important;
    text-align: start;
    font-size: 3rem !important;
  }
  .parent3 .box3.text4 {
    top: 43% !important;
    left: 41%;
    min-width: 1285px !important;
    text-align: start;
    font-size: 3rem !important;
  }
  .parent3 .box3.text5 {
    top: 43% !important;
    left: 41%;
    min-width: 1285px !important;
    text-align: start;
    font-size: 3rem !important;
  }

  /* translate */
  .m-promotion-translate .parent3 .box3 {
    position: absolute;
    max-width: calc(1.6vw + 650px);
    font-size: 1rem;
    border-radius: 10%;
    background-color: transparent;
    display: -webkit-box;
    display: block;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .m-promotion-translate .parent3 .box3.text1 {
    top: 46%;
    left: 41%;
    width: calc(1.3vw + 1035px) !important;
    text-align: start;
    font-size: calc(0.8vw + 0.1px) !important;
  }
  .m-promotion-translate .parent3 .box3.text2 {
    top: 46%;
    left: 41%;
    width: calc(1.3vw + 1035px) !important;
    text-align: start;
    font-size: calc(0.8vw + 0.1px) !important;
  }
  .m-promotion-translate .parent3 .box3.text3 {
    top: 46%;
    left: 41%;
    width: calc(1.3vw + 1035px) !important;
    text-align: start;
    font-size: calc(0.8vw + 0.1px) !important;
  }
  .m-promotion-translate .parent3 .box3.text4 {
    top: 46%;
    left: 41%;
    width: calc(1.3vw + 1035px) !important;
    text-align: start;
    font-size: calc(0.8vw + 0.1px) !important;
  }
  .m-promotion-translate .parent3 .box3.text5 {
    top: 46%;
    left: 41%;
    width: calc(1.3vw + 1035px) !important;
    text-align: start;
    font-size: calc(0.8vw + 0.1px) !important;
  }
}
@media (min-width: 2557px) {
    /* translate */
    .m-promotion-translate .parent3 .box3 {
      position: absolute;
      max-width: calc(1.6vw + 650px);
      font-size: 1rem;
      border-radius: 10%;
      background-color: transparent;
      display: -webkit-box;
      display: block;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center;
    }
    .m-promotion-translate .parent3 .box3.text1 {
      top: 43%;
      left: 41%;
      width: calc(1.3vw + 1035px);
      text-align: start;
      font-size: calc(0.8vw + 0.1px) !important;
    }
    .m-promotion-translate .parent3 .box3.text2 {
      top: 43%;
      left: 41%;
      width: calc(1.3vw + 1035px);
      text-align: start;
      font-size: calc(0.8vw + 0.1px) !important;
    }
    .m-promotion-translate .parent3 .box3.text3 {
      top: 43%;
      left: 41%;
      width: calc(1.3vw + 1035px);
      text-align: start;
      font-size: calc(0.8vw + 0.1px) !important;
    }
    .m-promotion-translate .parent3 .box3.text4 {
      top: 43%;
      left: 41%;
      width: calc(1.3vw + 1035px);
      text-align: start;
      font-size: calc(0.8vw + 0.1px) !important;
    }
    .m-promotion-translate .parent3 .box3.text5 {
      top: 43%;
      left: 41%;
      width: calc(1.3vw + 1035px);
      text-align: start;
      font-size: calc(0.8vw + 0.1px) !important;
    }
}
@media (min-width: 2000px) { 
  .parent3 .box3.text1 {
    top: 43%;
    left: 41%;
    min-width: 635px;
    text-align: start;
    font-size: 1.5rem;
  }
  .parent3 .box3.text2 {
    top: 43%;
    left: 41%;
    min-width: 635px;
    text-align: start;
    font-size: 1.5rem;
  }
  .parent3 .box3.text3 {
    top: 43%;
    left: 41%;
    min-width: 635px;
    text-align: start;
    font-size: 1.5rem;
  }
  .parent3 .box3.text4 {
    top: 43%;
    left: 41%;
    min-width: 635px;
    text-align: start;
    font-size: 1.5rem;
  }
  .parent3 .box3.text5 {
    top: 43%;
    left: 41%;
    min-width: 635px;
    text-align: start;
    font-size: 1.5rem;
  }
}
@media (min-width: 1342px) { 
  .parent3 .box3 {
    position: absolute;
    max-width: calc(1.6vw + 450px); max-height: calc(1.6vw + 23px);
    font-size: 1rem;
    border-radius: 10%;
    background-color: transparent;
    display: -webkit-box;
    display: block;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
}
@media (max-width: 1342px) { 
  .parent3 .box3 {
    position: absolute;
    max-width: calc(1.6vw + 350px); max-height: calc(1.6vw + 23px);
    font-size: 1rem;
    border-radius: 10%;
    background-color: transparent;
    display: -webkit-box;
    display: block;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .parent3 .box3.text1 {
    top: 45%;
    left: 41%;
    min-width: 215px;
    text-align: start;
    font-size: 0.8rem;
  }
  .parent3 .box3.text2 {
    top: 45%;
    left: 41%;
    min-width: 215px;
    text-align: start;
    font-size: 0.8rem;
  }
  .parent3 .box3.text3 {
    top: 45%;
    left: 41%;
    min-width: 215px;
    text-align: start;
    font-size: 0.8rem;
  }
  .parent3 .box3.text4 {
    top: 45%;
    left: 41%;
    min-width: 215px;
    text-align: start;
    font-size: 0.8rem;
  }
  .parent3 .box3.text5 {
    top: 45%;
    left: 41%;
    min-width: 215px;
    text-align: start;
    font-size: 0.8rem;
  }
}
@media (max-width: 1150px) { 
  .parent3 .box3 {
    position: absolute;
    max-width: calc(1.6vw + 230px); max-height: calc(1.6vw + 23px);
    font-size: 1rem;
    border-radius: 10%;
    background-color: transparent;
    display: -webkit-box;
    display: block;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .parent3 .box3.text1 {
    top: 45%;
    left: 41%;
    min-width: 180px;
    text-align: start;
    font-size: 0.6rem;
  }
  .parent3 .box3.text2 {
    top: 45%;
    left: 41%;
    min-width: 180px;
    text-align: start;
    font-size: 0.6rem;
  }
  .parent3 .box3.text3 {
    top: 45%;
    left: 41%;
    min-width: 180px;
    text-align: start;
    font-size: 0.6rem;
  }
  .parent3 .box3.text4 {
    top: 45%;
    left: 41%;
    min-width: 180px;
    text-align: start;
    font-size: 0.6rem;
  }
  .parent3 .box3.text5 {
    top: 45%;
    left: 41%;
    min-width: 180px;
    text-align: start;
    font-size: 0.6rem;
  }

  /* translate */
  .m-promotion-translate .parent3 .box3 {
    position: absolute;
    max-width: calc(1.6vw + 330px);
    font-size: 1rem;
    border-radius: 10%;
    background-color: transparent;
    display: -webkit-box;
    display: block;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .m-promotion-translate .parent3 .box3.text1 {
    top: 43%;
    left: 41%;
    width: calc(1.3vw + 255px);
    text-align: start;
    font-size: calc(0.75vw + 0.1px);
  }
  .m-promotion-translate .parent3 .box3.text2 {
    top: 43%;
    left: 41%;
    width: calc(1.3vw + 255px);
    text-align: start;
    font-size: calc(0.75vw + 0.1px);
  }
  .m-promotion-translate .parent3 .box3.text3 {
    top: 43%;
    left: 41%;
    width: calc(1.3vw + 255px);
    text-align: start;
    font-size: calc(0.75vw + 0.1px);
  }
  .m-promotion-translate .parent3 .box3.text4 {
    top: 43%;
    left: 41%;
    width: calc(1.3vw + 255px);
    text-align: start;
    font-size: calc(0.75vw + 0.1px);
  }
  .m-promotion-translate .parent3 .box3.text5 {
    top: 43%;
    left: 41%;
    width: calc(1.3vw + 255px);
    text-align: start;
    font-size: calc(0.75vw + 0.1px);
  }
}
@media (max-width: 890px) {
    /* translate */
    .m-promotion-translate .parent3 .box3 {
      position: absolute;
      max-width: calc(1.6vw + 330px);
      font-size: 1rem;
      border-radius: 10%;
      background-color: transparent;
      display: -webkit-box;
      display: block;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center;
    }
    .m-promotion-translate .parent3 .box3.text1 {
      top: 41%;
      left: 41%;
      width: calc(1.3vw + 215px);
      text-align: start;
      font-size: 0.43rem;
    }
    .m-promotion-translate .parent3 .box3.text2 {
      top: 41%;
      left: 41%;
      width: calc(1.3vw + 215px);
      text-align: start;
      font-size: 0.43rem;
    }
    .m-promotion-translate .parent3 .box3.text3 {
      top: 41%;
      left: 41%;
      width: calc(1.3vw + 215px);
      text-align: start;
      font-size: 0.43rem;
    }
    .m-promotion-translate .parent3 .box3.text4 {
      top: 41%;
      left: 41%;
      width: calc(1.3vw + 215px);
      text-align: start;
      font-size: 0.43rem;
    }
    .m-promotion-translate .parent3 .box3.text5 {
      top: 41%;
      left: 41%;
      width: calc(1.3vw + 215px);
      text-align: start;
      font-size: 0.43rem;
    }
}
@media (max-width: 786px) {
  .index-3 img { width: 100%;max-width: 100%;display: block; }

  .parent3 .box3 {
    position: absolute;
    max-width: calc(1.6vw + 150px); max-height: calc(1.6vw + 23px);
    font-size: 1rem;
    border-radius: 10%;
    background-color: transparent;
    display: -webkit-box;
    display: block;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .parent3 .box3.text1 {
    top: 38%;
    left: 31%;
    min-width: calc(62vw - 0.1px);
    text-align: start;
    font-size: calc(2.7vw - 0.1px);
  }
  .parent3 .box3.text2 {
    top: 38%;
    left: 31%;
    min-width: calc(62vw - 0.1px);
    text-align: start;
    font-size: calc(2.7vw - 0.1px);
  }
  .parent3 .box3.text3 {
    top: 38%;
    left: 31%;
    min-width: calc(62vw - 0.1px);
    text-align: start;
    font-size: calc(2.7vw - 0.1px);
  }
  .parent3 .box3.text4 {
    top: 38%;
    left: 31%;
    min-width: calc(62vw - 0.1px);
    text-align: start;
    font-size: calc(2.7vw - 0.1px);
  }
  .parent3 .box3.text5 {
    top: 38%;
    left: 31%;
    min-width: calc(62vw - 0.1px);
    text-align: start;
    font-size: calc(2.7vw - 0.1px);
  }

  /* translate */
  .m-promotion-translate .parent3 .box3 {
    position: absolute;
    max-width: calc(1.6vw + 370px);
    font-size: 1rem;
    border-radius: 10%;
    background-color: transparent;
    display: -webkit-box;
    display: block;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .m-promotion-translate .parent3 .box3.text1 {
    top: 42%;
    left: 31%;
    width: calc(63.5vw - 0.1px);
    text-align: start;
    font-size: calc(2vw - 0.1px);
  }
  .m-promotion-translate .parent3 .box3.text2 {
    top: 36%;
    left: 31%;
    width: calc(63.5vw - 0.1px);
    text-align: start;
    font-size: calc(2vw - 0.1px);
  }
  .m-promotion-translate .parent3 .box3.text3 {
    top: 42%;
    left: 31%;
    width: calc(63.5vw - 0.1px);
    text-align: start;
    font-size: calc(2vw - 0.1px);
  }
  .m-promotion-translate .parent3 .box3.text4 {
    top: 42%;
    left: 31%;
    width: calc(63.5vw - 0.1px);
    text-align: start;
    font-size: calc(2vw - 0.1px);
  }
  .m-promotion-translate .parent3 .box3.text5 {
    top: 36%;
    left: 31%;
    width: calc(63.5vw - 0.1px);
    text-align: start;
    font-size: calc(2vw - 0.1px);
  }
}


/* .index-4 { margin-left: auto;margin-right: auto;background-image: url("../img/index/Slide banenr frame-15.png");background-position: center;background-size: contain;background-repeat: no-repeat; } */
.index-4 img { width: 100%;height: ;object-fit: cover;margin-left: auto;margin-right: auto; }
.index-4 .parent4 .box4 img { width: 88%;height: ;object-fit: cover;margin-left: auto;margin-right: auto; }


.carousel-item-end {
  opacity: 0.8;
  filter:brightness(30%);
}
.carousel-item-start {
  opacity: 0.8;
  filter:brightness(30%);
}


.parent5 .box5.con1 {

  left: 5%;
  width: 90.5%;
  text-align: start;
  font-size: 1rem;
}
.index-4-mobile { display: none; }
.index-4-mobile .mobile-cover-image { width: 100%;height: ;margin-left: auto;margin-right: auto;display: block; }
.index-4-mobile .parent5 .box5 .mobile-image { width: 110%;height: ;margin-left: auto;margin-right: auto;position: relative;right: 19.7px;border-radius: 25%; }

/* .parent5 .box5.con1 {
  display: block;
  background-color: red;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.index-4-mobile { display: none; }
.index-4-mobile .mobile-cover-image { width: 100%;height: ;object-fit: cover;margin-left: auto;margin-right: auto; }
.index-4-mobile .parent5 .box5 .mobile-image { width: 100%;height: ;object-fit: cover;margin-left: auto;margin-right: auto;border-radius: 25%; } */

@media (max-width: 472px) {
  .index-4-mobile { display: block; }
  .index-4 { display: none; }
}

.parent4 {
  position: relative;
}
.parent4 .box4 {
  position: absolute;
  /* max-width: calc(1.6vw + 150px); max-height: calc(1.6vw + 10px); */
  font-size: 1rem;
  border-radius: 10%;
  background-color: transparent;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.parent4 .box4.con1 {
  top: 7%;
  left: 15%;
  width: 70%;
  text-align: start;
  font-size: 1rem;
}
.parent4 .box4.con1 img {
  width: 100%;
  border: 50%;
}
/* .parent4 .box4.con1 .slide_group {
  position: relative;
} */
.parent4 .carousel-indicators {
  position: static;
}
.parent4 .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.parent5 {
  position: relative;
}
.parent5 .box5 {
  position: absolute;
  /* max-width: calc(1.6vw + 150px); max-height: calc(1.6vw + 10px); */
  font-size: 1rem;
  border-radius: 10%;
  background-color: transparent;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

/* .parent4 .box4.con1 .slide_group {
  position: relative;
} */
.parent5 .carousel-indicators {
  position: static;
}
.parent5 .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}


.m-index-5 { margin-top: -30px;width: 100%;margin-left: auto;margin-right: auto;display: flex;overflow: hidden; }
.index-5 { display: flex;justify-content: space-between; }
.index-5 img {  width: 25%; }

@media (max-width: 774px) {
  .index-5 { display: block;justify-content: center;background-image: linear-gradient(to bottom, #010B23, #010B22, #010B21, #010B20, #010B20, #010D26, #010D25, #010D24, #010D23, #010D22); }
  .index-5 img {  min-width: 49.5%; }
}
@media (max-width: 425px) {
  .m-index-5 { margin-top: -50px; }
  .index-5 { display: block; }
  .index-5 img {  min-width: 49.4%; }
}
@media (max-width: 354px) {
  .index-5 { display: block; }
  .index-5 img {  min-width: 49%; }
}
@media (max-width: 212px) {
  .index-5 { display: block; }
  .index-5 img {  min-width: 48%; }
}
@media (max-width: 106px) {
  .index-5 { display: block; }
  .index-5 img {  min-width: 45%; }
}

.translate_faq { display: none; }
.index-6 { width: 50%;margin-left: auto;margin-right: auto;position: relative;max-width: 1480px; }
.index-6 .info .info1 .number-ul { list-style: decimal; }
.index-6 img { width: 100%; }
.index-6 .info { cursor: pointer;font-size: 0.9rem;margin-bottom: 15px;padding: 5px;  background-image: linear-gradient(to right, #041844,#103698,#021642);border: 2px solid #2498D5;border-radius: 20px/11px; }
.index-6 .info .text-group { margin-left: 5px; }
.index-6 .info .text-group .bi { margin-right: 30px; }

@media (max-width: 993px) {
  .index-6 { width: 60% }
}
@media (max-width: 793px) {
  .index-6 { width: 75% }
}
@media (max-width: 643px) {
  .index-6 { width: 85% }
}
@media (max-width: 573px) {
  .index-6 .info .text-group { text-align: center; }
  .index-6 .info .text-group .bi { margin-right: 5px;font-size: 0.8rem; }
  .index-6 .info .text-group span { font-size: 0.8rem; }
  .index-6 .info .info1 { font-size: 0.8rem; }
  .index-6 .info .info2 { font-size: 0.8rem; }
  .index-6 .info .info3 { font-size: 0.8rem; }
  .index-6 .info .info4 { font-size: 0.8rem; }
  .index-6 .info .info5 { font-size: 0.8rem; }
  .index-6 .info .info6 { font-size: 0.8rem; }

  .index-6 .info .tinfo1 { font-size: 0.8rem; }
  .index-6 .info .tinfo2 { font-size: 0.8rem; }
  .index-6 .info .tinfo3 { font-size: 0.8rem; }
  .index-6 .info .tinfo4 { font-size: 0.8rem; }
  .index-6 .info .tinfo5 { font-size: 0.8rem; }
  .index-6 .info .tinfo6 { font-size: 0.8rem; }
}

.index-6 .info .info1 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .info1 ul { list-style: none;margin-left: -15px;margin-top: 5px; }
.index-6 .info .tinfo1 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .tinfo1 ul { list-style: none;margin-left: -15px;margin-top: 5px; }
.index-6 .info .info1_pop_up { display: block; }

.index-6 .info .info2 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .info2 ul { list-style: none;margin-left: -30px;margin-top: 5px; }
.index-6 .info .tinfo2 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .tinfo2 ul { list-style: none;margin-left: -30px;margin-top: 5px; }
.index-6 .info .info2_pop_up { display: block; }

.index-6 .info .info3 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .info3 ul { list-style: none;margin-left: -30px;margin-top: 5px; }
.index-6 .info .tinfo3 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .tinfo3 ul { list-style: none;margin-left: -30px;margin-top: 5px; }
.index-6 .info .info3_pop_up { display: block; }

.index-6 .info .info4 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .info4 ul { list-style: none;margin-left: -30px;margin-top: 5px; }
.index-6 .info .tinfo4 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .tinfo4 ul { list-style: none;margin-left: -30px;margin-top: 5px; }
.index-6 .info .info4_pop_up { display: block; }

.index-6 .info .info5 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .info5 ul { list-style: none;margin-left: -30px;margin-top: 5px; }
.index-6 .info .tinfo5 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .tinfo5 ul { list-style: none;margin-left: -30px;margin-top: 5px; }
.index-6 .info .info5_pop_up { display: block; }

.index-6 .info .info6 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .info6 ul { list-style: none;margin-left: -30px;margin-top: 5px; }
.index-6 .info .tinfo6 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .tinfo6 ul { list-style: none;margin-left: -30px;margin-top: 5px; }
.index-6 .info .info6_pop_up { display: block; }

.index-6 .info .info7 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .info7 ul { list-style: none;margin-left: -30px;margin-top: 5px; }
.index-6 .info .tinfo7 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff; }
.index-6 .info .tinfo7 ul { list-style: none;margin-left: -30px;margin-top: 5px; }
.index-6 .info .info7_pop_up { display: block; }

.index-7 { width: 65%;max-width: 1800px;margin-left: auto;margin-right: auto;padding-top: 70px;padding-bottom: 25px;margin-top: -15px;margin-bottom: -15px; }
.index-7 p { font-size: 0.8rem;line-height: 1.5rem; }
.index-7-translate {  display: none;width: 65%;max-width: 1800px;margin-left: auto;margin-right: auto;padding-top: 70px;padding-bottom: 25px;margin-top: -15px;margin-bottom: -15px; }
.index-7-translate p { font-size: 0.8rem;line-height: 1.5rem; }

@media (max-width: 550px) {
  .index-7 { width: 80%;margin-left: auto;margin-right: auto;padding-top: 70px;padding-bottom: 25px;margin-top: -15px;margin-bottom: -15px; }
  .index-7-translate {  display: none;width: 85%;margin-left: auto;margin-right: auto;padding-top: 70px;padding-bottom: 25px;margin-top: -15px;margin-bottom: -15px; }
}

#cat_translate { display: none; }

.page2-index-1 { width: 75%;margin-left: auto;margin-right: auto; }
.page2-index-1 .item { display: flex;margin-bottom: 50px; }
.page2-index-1 .item img {  width: 40%;height: 100%;object-fit: cover; }
@media (min-width: 1850px) {
  .page2-index-1 .item img {  width: 31%;height: 100%;object-fit: cover; }
}
@media (min-width: 2105px) {
  .page2-index-1 .item img {  width: 29%; }
}
.page2-index-1 .item .item-text { margin-left: 20px;margin-top: 10px;text-align: justify;font-size: 1rem; }


.page2-index-1 .item .bonus_cat_button {
  margin-top: 25px;

}
.page2-index-1 .item .bonus_cat_button a {
  text-transform: uppercase;
  font-family: "Gill Sans", sans-serif;
  color: #ffffff;
  background-color: #096AC1;
  text-decoration: none;
  padding: 5px;
  font-size: 1.2rem;
  border: 1px solid #838383;
  border-radius: 3px;

  text-shadow: 3px 1px #096AC1;
  box-shadow: 2px 2px 3px #096AC1;
}

.page2-index-1 .item .item-text h5 { 
  position: relative;margin-top: -15px;margin-bottom: 10px;font-size: 1.5rem;
  text-transform: uppercase;
  text-shadow: 3px 1px #BB1692;
 }
 .page2-index-1 .item .item-text h6 { 
  position: relative;margin-top: -4px;margin-bottom: 10px;font-size: 1rem;
  text-transform: uppercase;
  text-shadow: 3px 1px #BB1692;
 }

@media (max-width: 850px) { 
  .page2-index-1 .item { display: block;margin-bottom: 80px; } 
  .page2-index-1 .item img { width: 90%;height: 100%;object-fit: cover;margin-left: auto;margin-right: auto;display: block; }
  .page2-index-1 .item .item-text { margin-top: 30px;margin-left: 0;text-align: center; }
  .page2-index-1 .item .item-text h5 { position: relative;margin-top: 0px;margin-bottom: 10px; }
  .page2-index-1 .item .item-text p { font-size: 0.8rem;text-align: justify; }
}
@media (max-width: 450px) {
  .page2-index-1 .item .item-text h5 { font-size: 1.25rem; }
  .page2-index-1 .item .item-text p { font-size: 0.7rem;text-align: justify; }
}



.bonux_middle_image {
  margin-top: 130px;
}
@media (max-width: 850px) {
  .bonux_middle_image {
    margin-top: 100px;
  }
}



.page2-index-2 { width: 80%;margin-left: auto;margin-right: auto;margin-top: -50px; }
.page2-index-2 h1 { 
  text-align: center;color: #ffffff;
  font-weight: 700;font-size: 2rem;
  text-shadow: 3px 1px #096AC1;
  margin-bottom: 30px;
  width: 48%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 800px) {
  .page2-index-2 h1 { 
    width: 70%;
  }
}
@media (max-width: 600px) {
  .page2-index-2 h1 {
    font-size: 1.5rem; 
    width: 70%;
  }
}
@media (max-width: 450px) {
  .page2-index-2 h1 {
    font-size: 1.5rem; 
    width: 75%;
  }
}
@media (max-width: 400px) {
  .page2-index-2 h1 {
    font-size: 1.4rem; 
    width: 78%;
  }
}
@media (max-width: 360px) {
  .page2-index-2 h1 {
    font-size: 1.3rem; 
    width: 80%;
  }
}
@media (max-width: 300px) {
  .page2-index-2 h1 {
    font-size: 1.1rem; 
    width: 100%;
  }
}
@media (max-width: 230px) {
  .page2-index-2 h1 {
    font-size: 0.8rem; 
    width: 100%;
  }
}
.page2-index-2 img { width: 100%; }
.slot_image_button {
  /* background-image: linear-gradient(to right, #020A19, #010E2A,#010E2A,#010E2A,#010E2A, #03225B,#03225B,#03225B, #020E28,#020E28, #010E2A,#010E2A, #03225B,#03225B,#03225B, #020E28,#020E28,#020E28,#020E28, #020A19); */
}
@media (min-width: 1367px) {
  .slot_image_button {
    /* background-image: linear-gradient(to right, #020A19, #010E2A,#010E2A,#010E2A, #03225B,#03225B, #020E28,#020E28,#020E28, #010E2A,#010E2A,#010E2A, #03225B,#03225B, #020E28,#020E28,#020E28, #020A19); */
  }
}
@media (max-width: 1150px) {
  .slot_image_button {
    /* background-image: linear-gradient(to right, #010816, #020C1D, #03122B,#03122B,#03122B, #03225B,#03225B, #020E28,#020E28,#020E28, #010E2A,#010E2A,#010E2A, #03225B,#03225B, #03122B,#03122B,#03122B, #03122B, #020C1D, #010816); */
  }
}
@media (max-width: 550px) {
  .slot_image_button {
    /* background-image: linear-gradient(to right, #03122B,#03122B, #03225B,#03225B,#03225B, #020E28,#020E28, #010E2A,#010E2A, #03225B,#03225B,#03225B ,#03122B,#03122B); */
  }
}
.page2-index-2 .info { 
  overflow: hidden;
  display: flex;justify-content: space-between; width: 70%;
  margin-left: auto;margin-right: auto;
  margin-top: 35px;margin-bottom: 35px;
}
@media (max-width: 780px) { .page2-index-2 .info { justify-content: center;width: 100%; } }
.page2-index-2 .info .m-button:nth-child(1) { margin-right: 10px; padding: 10px;text-align: center;width: 300px;border-radius: 10px;text-decoration: none; }
.page2-index-2 .info .m-button:nth-child(2) { padding: 10px;text-align: center;width: 300px;border-radius: 10px;text-decoration: none; }

.table_parent {
  position: relative;
}
.page2-index-2 .table-info { 
  position: absolute;
  width: auto;
  margin-left: auto;margin-right: auto;padding: 20px;
  border-radius: 20px;overflow: auto;
  /* top: 25%; */
  top: calc(8.2vw + 1px);
  left: 0;
  right: 0;
}
@media (max-width: 780px) { 
  .page2-index-2 .table-info { padding: 100px 10px 40px 10px } 
  .page2-index-2 .info .m-button:nth-child(1) { padding: 5px;font-size: 0.8rem; } 
  .page2-index-2 .info .m-button:nth-child(2) { padding: 5px;font-size: 0.8rem; } 
}
.page2-index-2 .table-info .title { 
  padding: 10px;background-color: #D4C180;
  margin-top: -70px;margin-bottom: 40px;min-width: 100%;
  margin-left: auto;margin-right: auto;
  padding-top: 10px;border-radius: 20px; 
}
.page2-index-2 .table-info .title h2 { color: #5b0f63; }
.page2-index-2 .table-info .m-table {
  position: relative;
  max-width: 1200px;
  width: 85%;vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}
.page2-index-2 .table-info .m-table thead th { font-weight: normal;border-bottom: 1px dotted #ffffff;margin-right: 10px; }
.page2-index-2 .table-info .m-table tbody {
  /* font-size: 0.9rem; */
  font-size: calc(1.15vw + 1px); 
}
.page2-index-2 .table-info .m-table tbody th { 
  font-weight: 200;padding: 9px;
  padding: calc(0.46vw + 1px);
  padding-right: 30px;padding-left: 80px;
  font-weight: 400;
}
.page2-index-2 .table-info .m-table tbody td { 
  font-weight: 200;padding: 9px;
  padding: calc(0.46vw + 1px);
  padding-left: 40px;
  font-weight: 400;
}
.page2-index-2 .table-info .m-table tbody td:nth-child(3) {
  padding-left: 60px;
}


@media (min-width: 1366px) {
  .page2-index-2 .table-info { 
    top: calc(8.2vw + 1px);
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(1.15vw + 1px); 
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.46vw + 1px);
    padding-right: 40px;padding-left: 65px;
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.46vw + 1px);
    padding-left: 50px;
  }
  .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: 80px;
  }
}
@media (min-width: 1510px) {
  .page2-index-2 .table-info { 
    top: calc(8.4vw + 1px);
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(1.15vw + 1px); 
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.47vw + 1px);
    padding-right: 55px;padding-left: 67px;
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.47vw + 1px);
    padding-left: 40px;
   }
   .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: 70px;
  }
}
@media (min-width: 1600px) {
  .page2-index-2 .table-info { 
    top: calc(8.3vw + 1px);
  }
  .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: 75px;
  }
}
@media (min-width: 1700px) {
  .page2-index-2 .table-info { 
    top: calc(8.4vw + 1px);
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(1.2vw + 1px); 
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.47vw + 1px);
    padding-right: 50px;padding-left: 85px;
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.47vw + 1px);
    padding-left: 50px;
   }
   .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: 90px;
  }
}
@media (min-width: 1800px) {
  .page2-index-2 .table-info { 
    top: calc(8.53vw + 1px);
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(1.2vw + 1px); 
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.46vw + 1px);
    padding-right: 65px;padding-left: 75px;
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.46vw + 1px);
    padding-left: 30px;
   }
   .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: 80px;
  }
}

@media (min-width: 2040px) {
  .page2-index-2 .table-info {
    top: calc(8.55vw + 1px);
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(1.2vw + 1px); 
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.48vw + 1px);
    padding-right: 70px;padding-left: 85px;
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.48vw + 1px);
    padding-left: 40px;
   }
   .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: 75px;
  }
}
@media (min-width: 2200px) {
  .page2-index-2 .table-info { 
    top: 29.3%;
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: 1.8rem; 
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: 12px;
    padding-right: 85px;padding-left: 95px;
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: 12px;
    padding-left: 50px;
   }
   .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: 100px;
  }
}


@media (max-width: 1365px) {
  .page2-index-2 .table-info { 
    top: calc(8.2vw + 1px);
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(1.15vw + 1px); 
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.46vw + 1px);
    padding-right: 40px;padding-left: 60px;
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.46vw + 1px);
    padding-left: 40px;
  }
  .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: 70px;
  }
}
@media (max-width: 1269px) {
  .page2-index-2 .table-info { 
    top: calc(8.2vw + 1px);
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(1.15vw + 1px); 
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.46vw + 1px);
    padding-right: 45px;padding-left: 55px;
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.46vw + 1px);
    padding-left: 40px;
  }
  .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: 65px;
  }
  .page2-index-2 .table-info .m-table {
    max-width: 1200px;
    width: 85%;
  }
}
@media (max-width: 1150px) {
  .page2-index-2 .table-info { 
    top: calc(9.7vw - 2px);
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(1.6vw + 1px); 
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.6vw - 1px);
    padding-right: calc(5vw - 3px);padding-left: calc(5.5vw - 3px);
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.6vw - 1px);
    padding-left: calc(3vw - 3px);
  }
  .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: calc(6.5vw - 3px);
  }
  .page2-index-2 .table-info .m-table {
    max-width: 1200px;
    width: 85%;
  }
}
@media (max-width: 780px) {
  .page2-index-2 .table-info { 
    padding: 0;
    top: calc(11.1vw + 3px);
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.6vw - 1px);
    padding-right: calc(4.3vw - 3px);padding-left: calc(6vw - 3px);
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.6vw - 1px);
    padding-left: calc(1.5vw - 3px);
  }
  .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: calc(4vw - 3px);
  }
  .page2-index-2 .table-info .m-table {
    max-width: 1200px;
    width: 85%;
  }
}
@media (max-width: 650px) {
  .page2-index-2 .table-info { 
    padding: 0;
    top: calc(11vw + 3px);
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.6vw - 1px);
    padding-right: calc(4.5vw - 3px);padding-left: calc(5.8vw - 3px);
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.6vw - 1px);
    padding-left: calc(1.5vw - 3px);
  }
  .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: calc(4.5vw - 3px);
  }
  .page2-index-2 .table-info .m-table {
    max-width: 1200px;
    width: 85%;
  }
}
@media (max-width: 600px) {
  .page2-index-2 {
    width: 95%;
  }
  .table_parent img {
    height: 40vw;
  }
  .page2-index-2 .table-info { 
    padding: 0;
    top: calc(11.7vw + 5px);
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(1.8vw - 0.1px);
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.6vw - 1px);
    padding-right: calc(5.3vw - 3px);padding-left: calc(5.5vw - 3px);
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.6vw - 1px);
    padding-left: calc(1.5vw - 3px);
  }
  .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: calc(5vw - 3px);
  }
  .page2-index-2 .table-info .m-table {
    max-width: 1080px;
    width: 83%;
    height: 20vw;
  }
}
@media (max-width: 450px) {
  .page2-index-2 {
    width: 95%;
  }
  .table_parent img {
    height: 50vw;
  }
  .page2-index-2 .table-info { 
    padding: 0;
    top: calc(15vw + 5px);
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(2.6vw - 0.1px);
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.6vw - 1px);
    padding-right: calc(5.8vw - 3px);padding-left: calc(9.6vw - 3px);
    font-weight: 400;
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.6vw - 1px);
    padding-left: calc(3.5vw - 3px);
    font-weight: 400;
  }
  .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: calc(7vw - 3px);
  }
  .page2-index-2 .table-info .m-table {
    max-width: 1100px;
    width: 87%;
    height: 25vw;
  }
}
@media (max-width: 400px) {
  .page2-index-2 {
    width: 95%;
  }
  .table_parent img {
    height: 56vw;
  }
  .page2-index-2 .table-info { 
    padding: 0;
    top: calc(17.6vw + 5px);
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(2.7vw - 0.1px);
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.6vw - 1px);
    padding-right: calc(6.1vw - 3px);padding-left: calc(9.2vw - 3px);
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.6vw - 1px);
    padding-left: calc(2.5vw - 3px);
  }
  .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: calc(5vw - 3px);
  }
  .page2-index-2 .table-info .m-table {
    max-width: 1170px;
    width: 87%;
    height: 27vw;
  }
}
@media (max-width: 350px) {
  .table_parent img {
    height: 58vw;
  }
  .page2-index-2 .table-info { 
    padding: 0;
    top: calc(18vw + 5px);
  }
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(2.7vw - 0.1px);
  }
  .page2-index-2 .table-info .m-table tbody th {
    padding: calc(0.6vw - 1px);
    padding-right: calc(6.1vw - 3px);padding-left: calc(9vw - 3px);
   }
  .page2-index-2 .table-info .m-table tbody td { 
    padding: calc(0.6vw - 1px);
    padding-left: calc(2.5vw - 3px);
  }
  .page2-index-2 .table-info .m-table tbody td:nth-child(3) {
    padding-left: calc(5vw - 3px);
  }
  .page2-index-2 .table-info .m-table {
    max-width: 1170px;
    width: 87%;
    height: 28.3vw;
  }
}
@media (max-width: 312px) {
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(2.7vw - 0.1px);
  }
  .page2-index-2 .table-info { 
    padding: 0;
    top: calc(17.5vw + 5px);
  }
}
@media (max-width: 220px) {
  .page2-index-2 .table-info .m-table tbody { 
    font-size: calc(2.7vw - 0.1px);
  }

}





.page2-index-3 {  }
.page2-index-3 img { width: 100%;height: 100%;object-fit: cover; }

.page2-index-4 { width: 65%;margin-left: auto;margin-right: auto;padding-top: 50px;padding-bottom: 25px;margin-bottom: -13px; }
.page2-index-4 p { font-size: 0.8rem;line-height: 1.5rem; }
.page2-index-4 ul {
  list-style: none;
  margin-left: -30px;
  font-size: 0.8rem;
}

.promotion_header { margin-bottom: 30px; }
@media (max-width: 850px) {
  .promotion_header { 
    height: 5vw;
  }
}
@media (max-width: 750px) {
  .promotion_header {
    object-fit: cover;
    height: 5vw;
  }
}
@media (max-width: 550px) {
  .promotion_header {
    object-fit: cover;
    height: 5vw;
  }
}
@media (max-width: 450px) {
  .promotion_header {
    object-fit: cover;
    height: 5.4vw;
  }
}
@media (max-width: 400px) {
  .promotion_header {
    object-fit: cover;
    height: 6vw;
  }
}
@media (max-width: 340px) {
  .promotion_header {
    object-fit: cover;
    height: 6.5vw;
  }
}



.p_text h2 {
  font-weight: 800;
  text-shadow: 3px 1px #096AC1;padding: 10px;
  font-size: 1.5rem;
}
.promotion_parent1 {
  position: relative;
}
.promotion_parent1 .p_text {
  position: absolute;
  transform: translate(50.5%, 0%);
  top: 39%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: calc(24vw + 5px);
}
.promotion_parent2 {
  position: relative;
}
.promotion_parent2 .p_text {
  position: absolute;
  transform: translate(54.5%, 0%);
  top: 39%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: calc(24vw + 5px);
}
.promotion_parent3 {
  position: relative;
}
.promotion_parent3 .p_text {
  position: absolute;
  transform: translate(56.5%, 0%);
  top: 39%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: calc(24vw + 5px);
}
.promotion_parent4 {
  position: relative;
}
.promotion_parent4 .p_text {
  position: absolute;
  transform: translate(56.5%, 0%);
  top: 39%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: calc(24vw + 5px);
}
.promotion_parent5 {
  position: relative;
}
.promotion_parent5 .p_text {
  position: absolute;
  transform: translate(59.5%, 0%);
  top: 38%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: calc(24vw + 5px);
}

@media (min-width: 2100px) {
  .promotion_parent1 .p_text {
    transform: translate(20.5%, 0%);
    top: 42%;
    width: auto;
  }
  .promotion_parent2 .p_text {
    transform: translate(22%, 0%);
    top: 42%;
    width: auto;
  }
  .promotion_parent3 .p_text {
    transform: translate(23%, 0%);
    top: 42%;
    width: auto;
  }
  .promotion_parent4 .p_text {
    transform: translate(23.5%, 0%);
    top: 42%;
    width: auto;
  }
  .promotion_parent5 .p_text {
    transform: translate(24%, 0%);
    top: 42%;
    width: auto;
  }
}


@media (max-width: 1150px) {
  .promotion_parent1 .p_text {
    transform: translate(60.5%, 0%);
    top: calc(9vw - 5px);
    width: calc(24vw + 5px);
  }
  .promotion_parent2 .p_text {
    transform: translate(64.5%, 0%);
    top: calc(9vw - 5px);
    width: calc(24vw + 5px);
  }
  .promotion_parent3 .p_text {
    transform: translate(66.5%, 0%);
    top: calc(9vw - 5px);
    width: calc(24vw + 5px);
  }
  .promotion_parent4 .p_text {
    transform: translate(66.5%, 0%);
    top: calc(9vw - 5px);
    width: calc(24vw + 5px);
  }
  .promotion_parent5 .p_text {
    transform: translate(69.5%, 0%);
    top: calc(9vw - 5px);
    width: calc(24vw + 5px);
  }
}

@media (max-width: 1000px) {
  .p_text h2 {
    font-size: 1rem;
  }
}
@media (max-width: 710px) {
  .p_text h2 {
    font-size: 0.9rem;
  }
}
@media (max-width: 650px) {
  .p_text h2 {
    font-size: 1rem;
  }
  .promotion_parent1 .p_text {
    transform: translate(75.5%, 0%);
    top: calc(11.5vw - 5px);
    width: calc(24vw + 5px);
  }
  .promotion_parent2 .p_text {
    transform: translate(79.5%, 0%);
    top: calc(11.5vw - 5px);
    width: calc(24vw + 5px);
  }
  .promotion_parent3 .p_text {
    transform: translate(81.5%, 0%);
    top: calc(11.5vw - 5px);
    width: calc(24vw + 5px);
  }
  .promotion_parent4 .p_text {
    transform: translate(81.5%, 0%);
    top: calc(11.5vw - 5px);
    width: calc(24vw + 5px);
  }
  .promotion_parent5 .p_text {
    transform: translate(61%, 0%);
    top: calc(11.5vw - 5px);
    width: calc(35vw + 5px);
  }
}

@media (max-width: 500px) {
  .p_text h2 {
    font-size: 0.9rem;
  }
  .promotion_parent5 .p_text {
    transform: translate(60.5%, 0%);
    top: calc(11.5vw - 5px);
    width: calc(35vw + 5px);
  }
}
@media (max-width: 450px) {
  .p_text h2 {
    font-size: 0.9rem;
  }
  .promotion_parent1 .p_text {
    transform: translate(48.5%, 0%);
    top: calc(16vw - 5px);
    width: calc(38vw + 5px);
  }
  .promotion_parent2 .p_text {
    transform: translate(50.5%, 0%);
    top: calc(16vw - 5px);
    width: calc(38vw + 5px);
  }
  .promotion_parent3 .p_text {
    transform: translate(52.5%, 0%);
    top: calc(16vw - 5px);
    width: calc(38vw + 5px);
  }
  .promotion_parent4 .p_text {
    transform: translate(52.5%, 0%);
    top: calc(16vw - 5px);
    width: calc(38vw + 5px);
  }
  .promotion_parent5 .p_text {
    transform: translate(60.5%, 0%);
    top: calc(16vw - 5px);
    width: calc(35vw + 5px);
  }
}
@media (max-width: 400px) {
  .promotion_parent1 .p_text {
    top: calc(13vw - 5px);
  }
  .promotion_parent2 .p_text {
    top: calc(13vw - 5px);
  }
  .promotion_parent3 .p_text {
    top: calc(13vw - 5px);
  }
  .promotion_parent4 .p_text {
    top: calc(13vw - 5px);
  }
  .promotion_parent5 .p_text {
    top: calc(13vw - 5px);
  }
}
@media (max-width: 317px) {
  .p_text h2 {
    font-size: calc(6vw - 5px);
  }
}

.page-5-index-2 { width: 75%;margin-left: auto;margin-right: auto; }
.page-5-index-2 img { width: 100%; }
@media (max-width: 650px) {
  .page-5-index-2 {
    width: 95%;
  }
}
@media (max-width: 500px) {
  .page-5-index-2 img { 
    width: 100%;
    height: 30vw;
  }
}
@media (max-width: 450px) {
  .page-5-index-2 img { 
    width: 100%;
    height: 43vw;
  }
}
.page-5-index-2 .info { color: #ffffff;cursor: pointer;
  font-size: 0.9rem;text-align: center;margin-bottom: 15px;padding: 5px;
  border: 1px solid #03122B;
  background-image: linear-gradient(to right, #031129,#031129,#031129,#03122B,#031840,#031E4F,#03225C,#031E4F,#031840,#03122B,#031129,#031129,#031129);
}

.page-5-index-2 .info .info1 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff;padding-bottom: 40px; }
.page-5-index-2 .info .info1 .title { text-decoration: underline;text-align: start;align-items: start;justify-content: start;margin-bottom: -25px; }
.page-5-index-2 .info .info1 ul { list-style: circle;margin-left: -30px;margin-top: 5px; }
.page-5-index-2 .info .info1_pop_up { display: block; }
.page-5-index-2 .table-info { overflow: auto;width: 80%;margin-left: auto;margin-right: auto;background-image: linear-gradient(to right, #020C1F,#020C1F,#020C1F,#03122B,#03122B,#03122B,#03122B,#03122B,#03122B,#03122B,#020C1F,#020C1F,#020C1F);padding: 20px 0 0px 0;border-radius: 5px;margin-top: 20px;margin-bottom: 20px; }
/* .page-5-index-2 .table-info .title { background-color: #D4C180;margin-top: -70px;margin-bottom: 40px;min-width: 100%;margin-left: auto;margin-right: auto;padding-top: 10px;border-radius: 20px; } */
.page-5-index-2 .table-info .title h2 { color: #5b0f63; }
.page-5-index-2 .table-info .table-title { text-align: center;padding-top: 5px;padding-bottom: 5px;color: #ffffff; }
.page-5-index-2 .table-info .m-table { width: 100%; }
.page-5-index-2 .table-info .m-table thead th { font-weight: normal;margin-right: 50px;color: #ffffff; }
.page-5-index-2 .table-info .m-table tbody { font-size: 0.9rem; }
.page-5-index-2 .table-info .m-table tbody th { font-weight: 200;padding: 10px;color: #ffffff; }
.page-5-index-2 .table-info .m-table tbody td { font-weight: 200;padding: 10px;color: #ffffff; }

.page-5-index-2 .info .info2 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff;padding-bottom: 40px; }
.page-5-index-2 .info .info2 .title { text-decoration: underline;text-align: start;align-items: start;justify-content: start;margin-bottom: -25px; }
.page-5-index-2 .info .info2 ul { list-style: circle;margin-left: -30px;margin-top: 5px; }
.page-5-index-2 .info .info2_pop_up { display: block; }

.page-5-index-2 .info .info3 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff;padding-bottom: 40px; }
.page-5-index-2 .info .info3 .title { text-decoration: underline;text-align: start;align-items: start;justify-content: start;margin-bottom: -25px; }
.page-5-index-2 .info .info3 ul { list-style: circle;margin-left: -30px;margin-top: 5px; }
.page-5-index-2 .info .info3_pop_up { display: block; }

.page-5-index-2 .info .info4 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff;padding-bottom: 40px; }
.page-5-index-2 .info .info4 .title { text-decoration: underline;text-align: start;align-items: start;justify-content: start;margin-bottom: -25px; }
.page-5-index-2 .info .info4 ul { list-style: circle;margin-left: -30px;margin-top: 5px; }
.page-5-index-2 .info .info4_pop_up { display: block; }

.page-5-index-2 .info .info5 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff;padding-bottom: 40px; }
.page-5-index-2 .info .info5 .title { text-decoration: underline;text-align: start;align-items: start;justify-content: start;margin-bottom: -25px; }
.page-5-index-2 .info .info5 ul { list-style: circle;margin-left: -30px;margin-top: 5px; }
.page-5-index-2 .info .info5_pop_up { display: block; }


/* Mobile */
.page-5-index-2-mobile { width: 75%;margin-left: auto;margin-right: auto; }
.page-5-index-2-mobile img { width: 100%; }
@media (max-width: 650px) {
  .page-5-index-2-mobile {
    width: 95%;
  }
}
@media (max-width: 500px) {
  .page-5-index-2-mobile img { 
    width: 100%;
    height: 30vw;
  }
}
@media (max-width: 450px) {
  .page-5-index-2-mobile img { 
    width: 100%;
    height: 43vw;
  }
}
.page-5-index-2-mobile .info { color: #ffffff;cursor: pointer;
  font-size: 0.9rem;text-align: center;margin-bottom: 15px;padding: 5px;
  border: 1px solid #03122B;
  background-image: linear-gradient(to right, #031129,#031129,#031129,#03122B,#031840,#031E4F,#03225C,#031E4F,#031840,#03122B,#031129,#031129,#031129);
}

.page-5-index-2-mobile .info .info11 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff;padding-bottom: 40px; }
.page-5-index-2-mobile .info .info11 .title { text-decoration: underline;text-align: start;align-items: start;justify-content: start;margin-bottom: -25px; }
.page-5-index-2-mobile .info .info11 ul { list-style: circle;margin-left: -30px;margin-top: 5px; }
.page-5-index-2-mobile .info .info11_pop_up { display: block; }
.page-5-index-2-mobile .table-info { overflow: auto;width: 80%;margin-left: auto;margin-right: auto;background-image: linear-gradient(to right, #020C1F,#020C1F,#020C1F,#03122B,#03122B,#03122B,#03122B,#03122B,#03122B,#03122B,#020C1F,#020C1F,#020C1F);padding: 20px 0 0px 0;border-radius: 5px;margin-top: 20px;margin-bottom: 20px; }

.page-5-index-2-mobile .table-info .title h2 { color: #5b0f63; }
.page-5-index-2-mobile .table-info .table-title { text-align: center;padding-top: 5px;padding-bottom: 5px;color: #ffffff; }
.page-5-index-2-mobile .table-info .m-table { width: 100%; }
.page-5-index-2-mobile .table-info .m-table thead th { font-weight: normal;margin-right: 50px;color: #ffffff; }
.page-5-index-2-mobile .table-info .m-table tbody { font-size: 0.9rem; }
.page-5-index-2-mobile .table-info .m-table tbody th { font-weight: 200;padding: 10px;color: #ffffff; }
.page-5-index-2-mobile .table-info .m-table tbody td { font-weight: 200;padding: 10px;color: #ffffff; }

.page-5-index-2-mobile .info .info22 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff;padding-bottom: 40px; }
.page-5-index-2-mobile .info .info22 .title { text-decoration: underline;text-align: start;align-items: start;justify-content: start;margin-bottom: -25px; }
.page-5-index-2-mobile .info .info22 ul { list-style: circle;margin-left: -30px;margin-top: 5px; }
.page-5-index-2-mobile .info .info22_pop_up { display: block; }

.page-5-index-2-mobile .info .info33 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff;padding-bottom: 40px; }
.page-5-index-2-mobile .info .info33 .title { text-decoration: underline;text-align: start;align-items: start;justify-content: start;margin-bottom: -25px; }
.page-5-index-2-mobile .info .info33 ul { list-style: circle;margin-left: -30px;margin-top: 5px; }
.page-5-index-2-mobile .info .info33_pop_up { display: block; }

.page-5-index-2-mobile .info .info44 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff;padding-bottom: 40px; }
.page-5-index-2-mobile .info .info44 .title { text-decoration: underline;text-align: start;align-items: start;justify-content: start;margin-bottom: -25px; }
.page-5-index-2-mobile .info .info44 ul { list-style: circle;margin-left: -30px;margin-top: 5px; }
.page-5-index-2-mobile .info .info44_pop_up { display: block; }

.page-5-index-2-mobile .info .info55 { display: none;width: 80%;margin-left: auto;margin-top: 10px;margin-right: auto;text-align: start;color: #ffffff;padding-bottom: 40px; }
.page-5-index-2-mobile .info .info55 .title { text-decoration: underline;text-align: start;align-items: start;justify-content: start;margin-bottom: -25px; }
.page-5-index-2-mobile .info .info55 ul { list-style: circle;margin-left: -30px;margin-top: 5px; }
.page-5-index-2-mobile .info .info55_pop_up { display: block; }


.page6-index1 { display: flex;width: 85%;margin-left: auto;margin-right: auto;justify-content: center; }
.page6-index1 img { 
  width: 50%;
  margin-right: 15px;
  object-fit: cover;
}
.page6-index1 h4 {
  margin-left: -14px;
  text-shadow: 3px 1px #096AC1;padding: 10px;
}
.page6-index1 strong {
  text-shadow: 3px 1px #096AC1;padding: 10px;
  margin-left: -10px;
}
@media (max-width: 1270px) { 
  .page6-index1 {
    width: 90%;
  }
}
@media (max-width: 1050px) { 
  .page6-index1 { display: block;width: 90%;margin-left: auto;margin-right: auto;justify-content: center; } 
  .page6-index1 img { 
    width: 100%;
    margin-right: 0;
  } 
  .page6-index1 .info { margin-top: 30px; } 
}
.page6-index1 .info { margin-left: 10px; }



.agent_parent {
  position: relative;
}
.agent_parent strong {
  color: #ffffff;text-shadow: 3px 1px #096AC1;
}
.agent_parent p {
  color: #ffffff;text-shadow: 3px 1px #096AC1;
}

.agent_text1 {
  position: absolute;
  top: calc(9.1vw + 5px);
  transform: translate(-16%, 0%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 45%;
  font-size: calc(1.7vw + 5px);
  
}
.agent_text2 {
  position: absolute;
  top: calc(25.7vw + 5px);
  transform: translate(-16%, 0%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 45%;
  font-size: calc(1.7vw + 5px);
}
.agent_text3 {
  position: absolute;
  top: calc(42.4vw + 5px);
  transform: translate(-16%, 0%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 45%;
  font-size: calc(1.7vw + 5px);
}

@media (min-width: 2000px) {
  .agent_text1 {
    top: calc(9.4vw + 5px);
  }
  .agent_text2 {
    top: calc(26.0vw + 5px);
  }
  .agent_text3 {
    top: calc(42.7vw + 5px);
  }
}
@media (min-width: 5000px) {
  .agent_text1 {
    top: calc(9.6vw + 5px);
  }
  .agent_text2 {
    top: calc(26.2vw + 5px);
  }
  .agent_text3 {
    top: calc(42.9vw + 5px);
  }
}



@media (max-width: 1359px) {
  .agent_text1 {
    top: calc(9.9vw - 5px);
    transform: translate(-16%, 0%);
    width: 45%;
    font-size: calc(2.5vw - 5px);
  }
  .agent_text2 {
    top: calc(26.4vw - 5px);
    transform: translate(-16%, 0%);
    width: 45%;
    font-size: calc(2.5vw - 5px);
  }
  .agent_text3 {
    top: calc(43.1vw - 5px);
    transform: translate(-16%, 0%);
    width: 45%;
    font-size: calc(2.5vw - 5px);
  }
}
@media (max-width: 1350px) {
  .agent_text1 {
    top: calc(8.4vw + 5px);
    transform: translate(-16%, 0%);
    width: 45%;
    font-size: calc(2.5vw - 5px);
  }
  .agent_text2 {
    top: calc(24.0vw + 5px);
    transform: translate(-16%, 0%);
    width: 45%;
    font-size: calc(2.5vw - 5px);
  }
  .agent_text3 {
    top: calc(40vw + 5px);
    transform: translate(-16%, 0%);
    width: 45%;
    font-size: calc(2.5vw - 5px);
  }
}
@media (max-width: 700px) {
  .agent_text1 {
    top: calc(7.9vw + 5px);
    font-size: calc(3vw - 5px);
  }
  .agent_text2 {
    top: calc(23.5vw + 5px);
    font-size: calc(3vw - 5px);
  }
  .agent_text3 {
    top: calc(39.5vw + 5px);
    font-size: calc(3vw - 5px);
  }
}
@media (max-width: 450px) {
  .agent_text1 {
    top: calc(9.2vw + 5px);
    transform: translate(-12%, 0%);
    font-size: calc(3.9vw - 5px);
    width: 50%;
  }
  .agent_text2 {
    top: calc(28.2vw + 5px);
    transform: translate(-12%, 0%);
    font-size: calc(3.9vw - 5px);
    width: 50%;
  }
  .agent_text3 {
    top: calc(47.5vw + 5px);
    transform: translate(-12%, 0%);
    font-size: calc(3.9vw - 5px);
    width: 50%;
  }
}
@media (max-width: 380px) {
  .agent_text1 {
    top: calc(10.2vw + 5px);
    transform: translate(-12%, 0%);
    font-size: calc(4.1vw - 5px);
    width: 50%;
  }
  .agent_text2 {
    top: calc(31.5vw + 5px);
    transform: translate(-12%, 0%);
    font-size: calc(4.1vw - 5px);
    width: 50%;
  }
  .agent_text3 {
    top: calc(53.2vw + 5px);
    transform: translate(-12%, 0%);
    font-size: calc(4.1vw - 5px);
    width: 50%;
  }
}
@media (max-width: 330px) {
  .agent_text1 {
    font-size: calc(4.2vw - 5px);
  }
  .agent_text2 {
    font-size: calc(4.2vw - 5px);
  }
  .agent_text3 {
    font-size: calc(4.2vw - 5px);
  }
}



.page6-index2 {  }
.page6-index2 img { width: 100%;height: 70vw;object-fit: cover; }
@media (max-width: 1350px) { 
  .page6-index2 img { width: 100%;height: 100%; } 
}
@media (max-width: 450px) { 
  .page6-index2 img { width: 100%;height: 80vw;object-fit: fill; } 
}
@media (max-width: 380px) { 
  .page6-index2 img { width: 100%;height: 90vw;object-fit: fill; } 
}


.agent_cat_text p {
  color: #ffffff;text-shadow: 3px 1px #096AC1;
  font-weight: 800;
  font-size: calc(1.5vw + 5px);
}
.agent_cat_text ul li {
  font-weight: 800;
  font-size: calc(1.2vw + 5px);
}
.agent_cat_text ul {
  list-style: none;
  margin-left: -28px;
  margin-top: -5px;
}


.agent_cat_text .agent_note {
  margin-top: 5px;
  font-size: calc(0.9vw + 5px);
}
.agent_cat_text .agent_note ul li {
  font-size: calc(0.7vw + 5px);
}
.agent_cat_text .agent_note ul {
  margin-left: -28px;
  width: 90%; 
}


.agent_cat_parent1 {
  position: relative;
}
.agent_cat_parent1 .agent_cat_text {
  position: absolute;
  top: calc(25.7vw + 5px);
  top: 11%;
  transform: translate(35%, 0%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 53%; 
}

.agent_cat_parent2 {
  position: relative;
}

.agent_cat_parent2 .agent_cat_text {
  position: absolute;
  top: calc(25.7vw + 5px);
  top: 11%;
  transform: translate(-32%, 0%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 55%;
}

@media (min-width: 1930px) {
  .agent_cat_text ul {

  }
}
@media (min-width: 1997px) {
  .agent_cat_parent1 .agent_cat_text {
    width: 53%; 
  }
}
@media (min-width: 3000px) {
  .agent_cat_text ul {
    margin-left: -25px;
  }
}
@media (min-width: 4000px) {
  .agent_cat_text ul {

  }
}



@media (max-width: 1200px) {
  .agent_cat_text p {
    font-size: calc(2.4vw - 5px);
  }
  .agent_cat_text ul li {
    font-size: calc(2.05vw - 5px);
  }
  .agent_cat_text ul {
    margin-left: calc(-2.3vw - 5px);
  }
  .agent_cat_text .agent_note ul {
    margin-top: 3px;
  }
  .agent_cat_text .agent_note {
    font-size: calc(1.53vw - 3px);
  }
  .agent_cat_text .agent_note ul li {
    font-size: calc(1.33vw - 3px);
  }
}

@media (max-width: 1000px) {
  .agent_cat_text ul {
    margin-top: -10px;
  }
  .agent_cat_text .agent_note {
    font-size: calc(1.7vw - 3px);
  }
  .agent_cat_text .agent_note ul li {
    font-size: calc(1.5vw - 3px);
  }
}

@media (max-width: 800px) {
  .agent_cat_text p {
    font-size: calc(2.6vw - 5px);
  }
  .agent_cat_text ul li {
    font-size: calc(2.25vw - 5px);
  }
  .agent_cat_text ul {
    margin-left: calc(-3.2vw - 5px);
  }
  .agent_cat_text .agent_note ul {
    width: 98%;
  }
  .agent_cat_text .agent_note {
    font-size: calc(1.8vw - 3px);
    margin-top: 3px;
  }
  .agent_cat_text .agent_note ul li {
    font-size: calc(1.6vw - 3px);
  }
}
@media (max-width: 650px) {
  .agent_cat_text p {
    font-size: calc(2.75vw - 5px);
  }
  .agent_cat_text ul li {
    font-size: calc(2.4vw - 5px);
  }
  .agent_cat_text ul {
    margin-left: calc(-4vw - 5px);
  }
  .agent_cat_text .agent_note {
    font-size: calc(1.85vw - 3px);
    margin-top: 1px;
  }
  .agent_cat_text .agent_note ul li {
    font-size: calc(1.65vw - 3px);
  }
}
@media (max-width: 580px) {
  .agent_cat_text p {
    font-size: calc(3.7vw - 5px);
  }
  .agent_cat_text ul li {
    font-size: calc(3.32vw - 5px);
  }
  .agent_cat_text ul {
    margin-left: calc(-4.3vw - 5px);
  }
  .agent_cat_parent1 .agent_cat_text {
    transform: translate(32%, 0%);
  }
  .agent_cat_text .agent_note {
    font-size: calc(2.5vw - 3px);
  }
  .agent_cat_text .agent_note ul li {
    font-size: calc(2.3vw - 3px);
  }
}
@media (max-width: 450px) {
  .agent_cat_text p {
    font-size: calc(3.8vw - 3px);
  }
  .agent_cat_text ul li {
    font-size: calc(3.45vw - 3px);
  }
  .agent_cat_text ul {
    margin-top: -5%;
    margin-left: calc(-6vw - 5px);
  }
  .agent_cat_parent1 .agent_cat_text {
    top: 11.5%;
    width: 52%;
    transform: translate(34%, 0%);
  }
  .agent_cat_parent2 .agent_cat_text {
    top: 11.5%;
    width: 51%;
    transform: translate(-32%, 0%);
  }
  .agent_cat_text .agent_note ul {
    width: calc(58vw - 5px);
  }
  .agent_cat_text .agent_note {
    font-size: calc(3.1vw - 3px);
  }
  .agent_cat_text .agent_note ul li {
    font-size: calc(2.94vw - 3px);
  }
}
@media (max-width: 380px) {
  .agent_cat_text p {
    font-size: calc(4vw - 3px);
  }
  .agent_cat_text ul li {
    font-size: calc(3.55vw - 3px);
  }
  .agent_cat_text ul {
    margin-top: -5%;
    margin-left: calc(-7vw - 5px);
  }
  .agent_cat_parent1 .agent_cat_text {
    top: 11%;
  }
  .agent_cat_parent2 .agent_cat_text {
    top: 11%;
  }
  .agent_cat_text .agent_note ul {
    width: calc(60vw - 5px);
    margin-left: -30px;
  }
  .agent_cat_text .agent_note {
    font-size: calc(3.2vw - 3px);
  }
  .agent_cat_text .agent_note ul li {
    font-size: calc(3vw - 3px);
  }
}
@media (max-width: 350px) {
  .agent_cat_text p {
    font-size: calc(4.1vw - 3px);
  }
  .agent_cat_text ul li {
    font-size: calc(3.6vw - 3px);
  }
  .agent_cat_text ul {
    margin-left: calc(-7.5vw - 5px);
  }
  .agent_cat_text .agent_note {
    font-size: calc(3.3vw - 3px);
  }
  .agent_cat_text .agent_note ul li {
    font-size: calc(3.05vw - 3px);
  }
}



#cat_translate2 { display: none; }
.agent-banner { width: 65%;margin-left: auto;margin-right: auto; }
.agent-banner img { width: 100%;}
@media (max-width: 580px) { 
  .agent-banner { width: 95%; }
}
@media (max-width: 450px) {
  .agent-banner img { width: 100%;height: 55vw; }
}

.register-index-1 { width: 50%;margin-left: auto;margin-right: auto;text-align: center;color: #ECE19C; }
.register-index-1 h1 { font-weight: 800;font-size: 4rem; }
.register-index-1 h4 { font-weight: 600; }
.register-index-1 .m-input { display: flex;background-color: #B19554;padding:  15px 25px 10px 25px; border-radius: 10px; }
.register-index-1 .m-input .bi { position: relative;top: px;margin-right: 20px;font-size: 1.8rem; }
.register-index-1 input { background-color: #ECE19C;color: #B19554;font-weight: 500; }
.register-index-1 input:focus { background-color: #ECE19C;color: #B19554;font-weight: 500; }
.register-index-1 select { background-color: #ECE19C;color: #aa8224;font-weight: 500;text-align: center; }
.register-index-1 .form-check-input { background-color: #3E1B59;color: #B19554;width: 25px;height: 25px; }
.register-index-1 .form-check-input:focus { background-color: #3E1B59;color: #B19554; }
.register-index-1 button { width: 100%;background-color: #ECE19C;color: #3E1B59; }
.register-index-1 button:hover { background-color: #ECE19C;color: #3E1B59; }
.register-index-1 a { width: 100%;background-color: #ECE19C;color: #3E1B59; }
.register-index-1 a:hover { background-color: #ECE19C;color: #3E1B59; }

.register-index-2 { width: 50%;margin-left: auto;margin-right: auto;margin-top: 25px;text-align: center;color: #ECE19C; }
.register-index-2 h2 { font-weight: 800;font-size: 2rem;letter-spacing: 15px; }
.register-index-2 h1 { font-weight: 800;font-size: 4rem;letter-spacing: 4px; }
.register-index-2 h4 { font-weight: 600; }

@media (max-width: 1050px) {
  .register-index-1 h1 { font-weight: 800;font-size: 1.4rem; }
  .register-index-2 h2 { font-weight: 800;font-size: 1rem;letter-spacing: 2px; }
  .register-index-2 h1 { font-weight: 800;font-size: 1.4rem;letter-spacing: 2px; }
}

@media (max-width: 600px) {
  .register-index-1 { width: 95%; }
  .register-index-2 { width: 95%; }
}

.register-index-3 { display: flex;justify-content: center;width: 70%;margin-left: auto;margin-right: auto;margin-top: 25px; }
.register-index-3 a { width: 100%;margin-right: 10px; }
.register-index-3 a img { width: 100%;object-fit: contain; }

.d-index1 { width: 70%;margin-left: auto;margin-right: auto; }
.d-index1 img { width: 100%; }
.d-index1 .img-group {  }
.d-index1 .img-group .col {  }
.d-index1 .img-bottom { width: 70%;margin-left: auto;margin-right: auto;margin-top: 40px; }

#info_myanmar { display: none; }
.info-privacy { margin-bottom: 80px; }
.info-privacy p { font-size: 0.8rem;line-height: 1.5rem; }

@media (min-width: 2000px) {
  .index-1 img {
    width: 100%;
    height: 100%;
  }
}

/* Custom Navbar */
.googleNav
    {  
      position: relative;
      overflow: hidden;
      border-radius: 5px;
      height: 28px;
      left: 0;
      /* background-color: red; */
    }

 .googleNav .goog-te-gadget
{
    width: 100%;
    height: 43px;
    text-align: center;
    color:#ffffff;
    background-color: #000;
}

 .googleNav .goog-te-gadget .goog-te-combo
{
  padding: 0;
  width: 130px;
  position: relative;
  height: 23px;
  outline: none;
  padding-right: 20px !important;border: 4px solid #66e0eb;border-radius: 20px !important;
  border-radius: 5px;
  font-family: arial;
  font-size: 0.7rem;
  color: #ffffff;
  background-color: #000;
}

 .googleNav .goog-te-gadget span
{
  overflow: hidden;
  display: none;
}

.what_app {
  position: fixed;
  bottom: 0;
  margin-bottom: 110px;
  margin-left: 20px;
  padding-top: 11px;
  padding-left: 18px;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #11c973;
  z-index: 999999;
  cursor: pointer;
  animation: low_high 3s;
  transition: transform 0.3s;
  transition-delay: 0s;
  transition-property: transform;
  animation-duration: 3s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;

}

.what_app .bi {
  margin: auto;
  width: 50%;
  font-size: 2rem;
  transition: transform 0.3s;
  color: #ffffff;
}

.tele_app {
  position: fixed;
  bottom: 0;
  margin-bottom: 32px;
  margin-left: 20px;
  padding-top: 10px;
  padding-left: 16px;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #0d6efd;
  z-index: 999999;
  cursor: pointer;
  animation: low_high 3s;
  transition: transform 0.3s;
  transition-delay: 0s;
  transition-property: transform;
  animation-duration: 3s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;

}

.tele_app .bi {
  margin: auto;
  width: 50%;
  font-size: 2.2rem;
  color: #ffffff;
}

@keyframes low_high {

  from { opacity: 0.5; }
  to { opacity: 1; }
}

.header-main-top { z-index: 20000;background-color: #000; }
.header-main-top .navbar-brand { font-weight: 600;font-size: 1.4rem; }
.header-main-top .default-mobile { flex-direction: row;flex-wrap: nowrap;margin-left: 115px;font-size: 0.8rem; }
.header-main-top .default-mobile li { margin-right: 25px; }
.header-main-top .default-mobile .mini_nav li:nth-child(1) a { background-color: #000;font-weight: 600;color: #ffffff;width: 170px;padding-left: 20px !important;padding-right: 20px !important;border: 4px solid #66e0eb;border-radius: 20px !important; }
.header-main-top .default-mobile .mini_nav li:nth-child(2) a { background-color: #000;font-weight: 600;color: #ffffff;width: 170px;padding-left: 20px !important;padding-right: 20px !important;border: 4px solid #66e0eb;border-radius: 20px !important; }
.header-main-top .default-mobile .mini_nav li:nth-child(3) a { background-color: #000;font-weight: 600;color: #ffffff;width: 170px;padding-left: 20px !important;padding-right: 20px !important;border: 4px solid #66e0eb;border-radius: 20px !important; }

.header-main-top .bi { display: none;color: #ffffff;font-size: 2rem;margin-left: 10px;padding-right: 20px;cursor: pointer; }
@media (max-width: 388px) {
  .header-main-top .bi {
    padding-right: 0px;
  }
}
@media (max-width: 328px) {
  .header-main-top .bi {
    padding-right: 0px;
  }
}

.header-main-top .modal-dialog { }
.header-main-top .modal-body { background-color: #000;margin-top: 30px; }
.header-main-top .mobile-version-setting { }
.header-main-top .mobile-version-setting-dialog ul { list-style: none;color: #ffffff;margin-left: 0; }
@media (max-width: 310px) { .header-main-top .mobile-version-setting-dialog ul { margin-left: -10px; } }
.header-main-top .mobile-version-setting-dialog li { margin-bottom: 25px; }
.header-main-top .mobile-version-setting-dialog .right-nav { width: 150px;min-width: 140px;font-weight: 600;color: #ffffff; padding-left: 5px !important;padding-right: 20px !important;margin-left: -5px;border: 4px solid #66e0eb;border-radius: 20px !important; }
.header-main-top .modal-content { background-color: #000; }
.header-main-top .modal-header { 
  border-bottom: 0 none !important;background-color: #000;
  margin-left: auto;
  margin-right: auto;
}

.header-main-top .modal-header a { color: #ffffff; }
.header-main-top .modal-header button {
  margin-left: 90px;margin-right: 20px;
  padding: 0 !important;
  cursor: pointer;
 }

 @media (max-width: 388px) {
  .header-main-top .modal-header img {
    width: 85%;
  }
  .header-main-top .modal-header button {
    margin-right: 0;
  }
}
@media (max-width: 328px) {
  .header-main-top .modal-header img {
    width: 70%;
  }
}

/* .header-main-top .modal-body { background-color: #cbcaca; } */


.header-main { z-index: 10000;background-image: linear-gradient(to right, #09192B,#0B67DE,#04152F), url("../img/Live 22- Main_for web-02.png");background-repeat: no-repeat;background-position: center;background-size: cover; }

.header-main a { color: #ffffff; }
/* .header-main a:hover { color: #0d6efd; } */
.header-main ul { flex-direction: row;flex-wrap: nowrap;margin-left: 20px; }
.header-main ul li { margin-right: 30px; margin-left: 30px;font-weight: 600; }
.header-main ul li a { color: #ffffff;text-shadow: 3px 1px #096AC1; }
/* .header-main ul li a img { width: 70px; } */
.header-main ul li a:hover { color: #ffffff;text-shadow: 3px 1px #096AC1; }


@media (max-width: 1215px) {
  .header-main .navbar-nav { display: none; }
  .header-main-top .right-nav-top { display: none; }
  .header-main-top .bi { display: block;color: #ffffff;font-size: 2rem; }
}

@media (max-width: 991px) {
  .header-main-top ul li { margin-right: 10px; }
}

.carousel {
  margin-left: auto;
  margin-right: auto;
  /* width: 90%; */
  width: 100%;
  height: 120vh;
}

.carousel2 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 140vh;
}

.carousel3 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 145vh;
}

.carousel4 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 165vh;
}

.web_image_cover {
  position: relative;
  /* margin-top: -150px; */
  /* margin-bottom: -150px; */
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  pointer-events: none;
  object-fit: cover;
  height: 100%;
}

.web_image_cover::-webkit-media-controls {
  display: none;
}

.web_image_cover2 {
  position: relative;
  /* margin-top: -150px; */
  /* margin-bottom: -150px; */
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  pointer-events: none;
  object-fit: cover;
  height: 140vh;
}

.web_image_cover2::-webkit-media-controls {
  display: none;
}

.web_image_cover3 {
  position: relative;
  /* margin-top: -150px; */
  /* margin-bottom: -150px; */
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  pointer-events: none;
  object-fit: cover;
  height: 145vh;
}

.web_image_cover3::-webkit-media-controls {
  display: none;
}

.con {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}

.con2 {
  margin-top: 157px;
  width: 100%;
  min-height: 10vh;
  padding-top: 15px;
  background-color: blue;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.web_text_cover {

}

.web_text_cover h1, .web_text_cover h5, .web_text_cover div { color: #fff;text-align: center; }
.web_text_cover div a { color: #fff; }



.special-bank { background-color: #000; }
.bank-body { margin: auto;width: 75%;padding-top: 80px;max-width: 1800px; }

.bank-body .bank-top { margin-left: 25px;width: 100px;cursor: pointer; }
.bank-body .bank-top h4 { color: #ffffff;font-weight: 600; }
.bank-body .bank-top a { color: #ffffff;text-decoration: none; }
.bank-body .bank-top .bi { color: #ffffff;font-size: 1.7rem;position: relative;top: 3px; }

.bank-body .bank-top-add { margin-left: 25px;width: 265px;cursor: pointer; }
.bank-body .bank-top-add h4 { color: #ffffff;font-weight: 600; }
.bank-body .bank-top-add a { color: #ffffff;text-decoration: none; }
.bank-body .bank-top-add .bi { color: #ffffff;font-size: 1.7rem;position: relative;top: 3px; }

.bank-add-info { margin-left: 25px;margin-bottom: -30px; }
.bank-add-info p { color: #ffffff; }

.all-bank-group { display: flex;padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 5px;flex-wrap: wrap; }
.all-bank-group .each-bank { width: 23.9%;margin-bottom: 13px; margin-right: 10px;padding-top: 16px;padding-left: 16px;padding-right: 16px;padding-bottom: 10px;height: 135px;border: 1px solid #000;background-color:#3b3b3b;border-radius: 7px; }
.all-bank-group .each-bank img { width: 235px;height: 60px;object-fit: contain; }

.all-bank-group .each-bank .each-bank-text { display: block;margin-top: 5px; }
.all-bank-group .each-bank .each-bank-text p { text-align: start;color: #ffffff; }
.all-bank-group .each-bank .each-bank-text span { text-align: start;position: relative;top: -18px;color: #ffffff; }

.all-bank-group .add-bank { width: 23.9%;margin-bottom: 13px;padding-top: 16px;padding-left: 16px;padding-right: 16px;padding-bottom: 10px;height: 135px;border: 1px dotted #ffffff;text-decoration: none;border-radius: 7px; }
.all-bank-group .add-bank p:nth-child(1) { text-align: center;margin-top: 21px;color:#ffffff; }
.all-bank-group .add-bank p:nth-child(2) { text-align: center;margin-top: -14px;color:#ffffff; }

.all-bank-group-add { display: flex;padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 5px;flex-wrap: wrap; }
.all-bank-group-add .each-bank { width: 23.9%;margin-bottom: 13px; margin-right: 10px;padding-top: 16px;padding-left: 16px;padding-right: 16px;padding-bottom: 10px;height: 135px;border: 1px solid #000;background-color:#3b3b3b;border-radius: 7px;cursor: pointer; }
.all-bank-group-add .each-bank img { width: 235px;height: 95px;object-fit: contain;display: block;margin-left: auto;margin-right: auto; }

.bank-footer { padding-left: 20px;padding-right: 20px;color:#ffffff; }
.bank-footer p a { text-decoration: none;color:#fd7e14; }
.bank-footer .bank-footer-add { display: flex; }
.bank-footer .bank-footer-add button { margin-right: 10px;border-radius: 15px; }
.bank-footer .bank-footer-add a { border-radius: 15px; }

.bank-footer-phone { display: none; }

.package-body {
  margin: auto;width: 80%;margin-top: 50px;
  max-width: 1800px;
}

.package-main {
  font-size: 1rem;
}

.history-subscribe-chose-feature {
  display: flex;
  width: 500px;
  margin-bottom: 40px;
}

.history-subscribe-chose-feature {
  display: flex;
  margin-left: 10px;
  margin-top: 20px;
}

.history-subscribe-chose-feature-each {
  background-color:transparent;
  border: 1px solid #ced4da;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5%;
  margin-right: 20px;
  width: 20%;
  cursor: pointer;
  text-decoration: none;
}

.history-subscribe-chose-feature-each:hover {
  text-decoration: none;
}

.history-subscribe-chose-feature-each .logo {
  font-size: 1.8rem;
  color: #343a40;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.history-subscribe-chose-feature-each p {
  text-align: center;
  color: #343a40;
  font-size: 0.8rem;
}

.subscribe-chose-feature {
  display: flex;
  margin-left: 10px;
  margin-top: 20px;
}

.subscribe-chose-feature-each {
  background-color:#fd7e14;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5%;
  margin-right: 20px;
  width: 20%;
  cursor: pointer;
}

.subscribe-chose-feature-each .logo {
  font-size: 1.8rem;
  color: #ffffff;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.subscribe-chose-feature-each p {
  text-align: center;
  color: #ffffff;
  font-size: 0.8rem;
}

.info-amount {
  visibility: hidden;
  width: 120px;
  background-color: #212529;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  margin-left: 5px;
}

.subscribe-top-group {}
.subscribe-top-group .subscribe-top-group-amount { display: flex; }
.subscribe-top-group .subscribe-top-group-amount .logo { font-size: 1.3rem;margin-right: 8px;margin-top: -2px; }
.subscribe-top-group .subscribe-top-group-amount .logo2 { font-size: 1.1rem;margin-left: 8px;margin-top: -1px;cursor: pointer; }
.subscribe-top-group .subscribe-top-group-amount .logo2-hover:hover .info-amount { visibility: visible; }

.package-modal-page { margin-top: 30px;padding: 20px; }
.package-modal-page h5 { font-weight: 600; }

.deposit-modal-page { margin-top: 30px;padding: 20px;display: none; }
.deposit-modal-page h5 { font-weight: 600; }

.withdrawal-modal-page { margin-top: 30px;padding: 20px;display: none; }
.withdrawal-modal-page h5 { font-weight: 600; }

.subscribe_package_modal_form { margin-top: 20px; }
.subscribe_package_modal_form label { font-weight: 600; }
.subscribe_package_modal_form select { border-color:#ced4da;color:#343a40; }
.subscribe_package_modal_form input { border-color:#ced4da; }
.subscribe_package_modal_form .form-text { color:#000; }
.subscribe_package_modal_form .form-text a { text-decoration: none; }

.package-subscribe { width: 390px;margin-bottom: 20px; }

@media (max-width: 1150px) { 
  .mid-section { width: 95% } 
}

/* @media (max-width: 710px) {
  .index-2 .button1-cover { width: 50%; background-image: url("../img/index/Live 22- Main_for web-05.png");background-position: center;background-size: cover;background-repeat: no-repeat; text-align: center;color: #000;text-decoration: none; }
  .index-2 .button2-cover { width: 50%; background-image: url("../img/index/Live 22- Main_for web-06.png");background-position: center;background-size: cover;background-repeat: no-repeat; text-align: center;color: #000;text-decoration: none; }
  .index-2 .button1 { width: 100%; background-image: url("../img/index/Live 22- Main_for web-47.png");background-position: center;background-size: cover;background-repeat: no-repeat;background-size: 50% 20px; padding: 40px;text-align: center;color: #000;text-decoration: none; }
  .index-2 .button2 { width: 100%; background-image: url("../img/index/Live 22- Main_for web-48.png");background-position: center;background-size: cover;background-repeat: no-repeat;background-size: 50% 20px; padding: 40px;text-align: center;color: #000;text-decoration: none; }
} */

@media (max-width: 600px) {
  .history-subscribe-chose-feature {
    display: flex;
    width: auto;
    margin-bottom: 40px;
  }
  .history-subscribe-chose-feature-each {
    background-color:transparent;
    border: 1px solid #ced4da;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5%;
    margin-right: 20px;
    width: 30%;
    cursor: pointer;
    text-decoration: none;
  }
  .history-subscribe-chose-feature-each p {
    /* display: none; */
  }
  .history-subscribe-chose-feature-each .logo {
    padding-bottom: 15px;
    font-size: 1.8rem;
    color: #343a40;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 490px) {
  .subscribe-chose-feature-each p {
    display: none;
  }
  .subscribe-chose-feature-each .logo {
    padding-bottom: 15px;
    font-size: 1.8rem;
    color: #ffffff;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .history-subscribe-chose-feature-each p {
    display: none;
  }


}

@media (max-width: 500px) {
  .page2-index-1 { width: 95%; }
  .page2-index-1 .item img { width: 100%; }
}

@media (max-width: 325px) {
  .package-subscribe { width: 390px;margin-bottom: 20px;margin-left: -30px;margin-right: 30px; }
}

@media (max-width: 270px) {
  .package-subscribe { width: 390px;margin-bottom: 20px;margin-left: -40px; }
}

@media (max-width: 215px) {
  .package-subscribe { width: 390px;margin-bottom: 20px;margin-left: -56px; }
}


@media (max-width: 450px) {
  .index-6 .info .text-group .bi { margin-right: 5px;font-size: 0.7rem; }
  .index-6 .info .text-group span { font-size: 0.7rem; }
  .index-6 .info .info1 { font-size: 0.7rem; }
  .index-6 .info .info2 { font-size: 0.7rem; }
  .index-6 .info .info3 { font-size: 0.7rem; }
  .index-6 .info .info4 { font-size: 0.7rem; }
  .index-6 .info .info5 { font-size: 0.7rem; }
  .index-6 .info .info6 { font-size: 0.7rem; }

  .index-6 .info .tinfo1 { font-size: 0.7rem; }
  .index-6 .info .tinfo2 { font-size: 0.7rem; }
  .index-6 .info .tinfo3 { font-size: 0.7rem; }
  .index-6 .info .tinfo4 { font-size: 0.7rem; }
  .index-6 .info .tinfo5 { font-size: 0.7rem; }
  .index-6 .info .tinfo6 { font-size: 0.7rem; }

  /* .index-7 h5 { font-size: 0.9rem; }
  .index-7 p { font-size: 0.6rem;line-height: 1.5rem; }
  .index-7-translate h5 { font-size: 0.9rem; }
  .index-7-translate p { font-size: 0.6rem;line-height: 1.5rem; }

  .footer1 .info a { font-size: 0.6rem; }

  .footer2 .findex1 .info h6 { font-weight: 700;font-size: 0.9rem; }
  .footer2 .findex1 .info p { font-size: 0.6rem;line-height: 1.2rem; } */
}

@media (max-width: 290px) {
  .index-6 .info .text-group .bi { margin-right: 5px;font-size: 0.7rem; }
  .index-6 .info .text-group span { font-size: 0.7rem; }
  .index-6 .info .info1 { font-size: 0.7rem; }
  .index-6 .info .info2 { font-size: 0.7rem; }
  .index-6 .info .info3 { font-size: 0.7rem; }
  .index-6 .info .info4 { font-size: 0.7rem; }
  .index-6 .info .info5 { font-size: 0.7rem; }
  .index-6 .info .info6 { font-size: 0.7rem; }

  .index-6 .info .tinfo1 { font-size: 0.5rem; }
  .index-6 .info .tinfo2 { font-size: 0.5rem; }
  .index-6 .info .tinfo3 { font-size: 0.5rem; }
  .index-6 .info .tinfo4 { font-size: 0.5rem; }
  .index-6 .info .tinfo5 { font-size: 0.5rem; }
  .index-6 .info .tinfo6 { font-size: 0.5rem; }
}
@media (max-width: 1073px) {
  .carousel {
    margin-left: auto;
    margin-right: auto;
    /* width: 90%; */
    width: none;
    height: none;
  }

  .carousel2 {
    margin-left: auto;
    margin-right: auto;
    /* width: 90%; */
    width: none;
    height: none;
  }

  .carousel3 {
    margin-left: auto;
    margin-right: auto;
    /* width: 90%; */
    width: none;
    height: none;
  }

  .web_image_cover2 {
    height: auto;
  }

  .web_image_cover3 {
    height: auto;
  }
  
  .web_image_cover {
    position: relative;
    /* margin-top: -150px; */
    /* margin-bottom: -150px; */
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    pointer-events: none;
    object-fit: cover;
    height: auto;
  }

  .index-2 a img {
    width: auto;
    height: auto;
    object-fit: cover;
  }
}