@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: 'DIN';
  src: url('/wp-content/themes/four-winds-casino/fonts/DIN/din-2014.woff2') format('woff2'),
       url('/wp-content/themes/four-winds-casino/fonts/DIN/din-2014.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}
.site-header {
    border-bottom: 1px solid #e4d2d2;
    padding: 16px 0 0;
    min-height: 96px;
    margin-bottom: 26px;
}
.header-container {
  max-width: 1352px;
  margin: 0 auto;
  padding: 0px 20px;
  display: flex;
  justify-content: space-between;
      align-items: flex-start;
}
header .logo img, footer .est_timer img {
    display: block;
    object-fit: contain;
}
header .logo .main_logo img, .footer_logo img {
    height: 80px;
    width: auto;
}
.nav-menu a.active::after {
  content: '';
  height: 2px;
  width: 100%;
  background: red;
  position: absolute;
  bottom: -5px;
  left: 0;
}
.auth-buttons {
    display: flex;
    gap: 8px;
    align-items: baseline;
    align-content: baseline;
    vertical-align: baseline;
}
.auth-buttons .btn {
    cursor: pointer;
    background: none;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #2d0504;
    text-decoration: none;
    height: 40px;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.auth-buttons .btn.login {
    background: linear-gradient(89deg, #2D0504 0.43%, #80170F 99.39%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.auth-buttons .btn.register {
    border-radius: 12px;
    border: 1px solid #2d0504;
    background: linear-gradient(89deg, #2D0504 0.43%, #80170F 99.39%);
    color: #fff;
}
.nav-menu ul {
    display: flex;
    list-style-type: none;
    gap: 30px;
    align-items: center;
    align-content: center;
    vertical-align: middle;
}
.nav-menu ul li {
    position: relative;
}
.nav-menu ul li:first-child:after {
    content: '';
    background-color: #B31622;
    height: 2.419px;
    position: absolute;
    bottom: -3px;
    width: 100%;
    border-radius: 7.258px;
}
.nav-menu a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize;
    padding-bottom: 48px;
    line-height: 40px;
}
.nav-menu svg, .footer_logo img {
    display: block;
}
.hero_section {
    background-color: #F13F22;
    display: flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    min-height: 548px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.hero_section .hero_inner {
    width: 100%;
    max-width: 695px;
}
.hero_section .hero_inner > h3 {
    color: #FFE0BB;
    text-align: center;
    font-family: 'DIN';
    font-size: 64px;
    font-weight: 700;
    line-height: 85px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    gap: 35px;
    justify-content: center;
}
.hero_section .hero_inner > h1 {
    color: #FFF;
    text-align: center;
    font-family: "DIN";
    font-size: 292.66px;
    font-style: normal;
    font-weight: 700;
    line-height: 224.517px;
    letter-spacing: -20.486px;
    text-transform: uppercase;
    display: flex;
    gap:30px;
    justify-content: center;
}
.hero_section .hero_inner > h1 span {
    color: #FFF;
    font-family: "DIN";
    font-size: 138.177px;
    font-style: normal;
    font-weight: 800;
    line-height: 106.004px;
    letter-spacing: -2.764px;
    text-transform: uppercase;
    max-width: 457px;
    display: inline-block;
        text-align: left;
}
.hero_section .hero_inner > h3 span.line {
    width: 231.146px;
    height: 2.201px;
    background: #FFF;
    display: block;
}
.hero_section .btn_claim_now {
    display: inline-flex;
    padding: 24.022px 48.045px;
    justify-content: center;
    align-items: center;
    gap: 12.011px;
    border-radius: 12.011px;
    border: 3.003px solid #FAFC3A;
    background: linear-gradient(180deg, #FEFFAC 0%, #FEFFA3 20.67%, #FBE980 47.12%, #FBD75D 50.48%, #CE9524 80.29%);
    box-shadow: 0px 6.006px 36.033px 0px rgba(0, 0, 0, 0.45);
    color: #510405;
    text-align: center;
    font-family: "DIN";
    font-size: 39.036px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}
.hero_section .btn_claim {
    text-align: center;
    margin-top: 40px;
}
.secure_txt {
    background-color: #510405;
    text-align: center;
    padding: 30px 20px;
}
.secure_txt p {
    color: #FFF;
    text-align: center;
    font-family: "DIN";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.slot_games {
    padding: 89px 0px 98px;
}
.page_wrapper {
    max-width: 1198px;
    margin: 0 auto;
    padding: 0px 20px;
}
.slot_games .page_wrapper {
    display: flex;
    flex-direction: column;
    gap: 51px;
    
}
.slot_games ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    row-gap: 20px;
    justify-content: center;
        width: 100%;
}
.slot_games h2 {
    color: #520809;
    text-align: center;
    font-family: "DIN";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 354px;
    margin: 0 auto;
}
.slot_games ul li {
    width: 33.33%;
}
.slot_games .btn_start_play {
    display: flex;
    max-width: 308px;
    height: 78px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #F68026;
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.25);
    margin: 14px auto 0;
    color: #FFF;
    text-align: center;
    font-family: "DIN";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
}
.online_section, .online_section img {
    display: block;
    position: relative;
    height: auto;
}
.online_section .under_content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    justify-content: center;
}
.online_section h2 {
    color: #FFF;
    text-align: center;
    font-family: DIN;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 13px;
    text-transform: uppercase;
}
footer {
    padding: 40px 0px;
}
.footer_logo {
    padding: 12px 0;
}
.footer_nav ul {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    padding: 12px 0px;
    list-style-type: none;
}
.footer_nav ul li a {
    display: flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    gap: 8px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-decoration: none;
    padding: 8px 0px;
}
.footer_nav ul svg, footer .est_timer svg {
    display: block;
}
footer .page_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    max-width: 1180px;
}
footer .footer_nav {
    width: 275px
}
footer .footer_content {
    width: calc(100% - 458px);
}
footer .est_infor {
    display: flex;
    width: 183px;
    padding-top: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
}
.footer_content .flex_wrap {
    display: flex;
    padding: 12px 0px;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.footer_logos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.footer_logos img, .footer_logos svg, footer .apps_logo img {
    display: block;
}
footer .footer_cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}
footer .footer_cont > p {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    max-width: 580px;
}
footer .footer_cont > p a {
    color: #000;
}
.copyright_cont {
    margin-top: 12px;
    padding-top: 20px;
    border-top: 1px solid #D3D6DD;
    color: #2d0504;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    opacity: 0.6;
    padding-bottom: 8px;
    width: calc(100% - 48px);
        margin-left: 48px;
}
.under_est_info h3 {
    color: #2d0504;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
}
footer .est_timer {
    color: #80170f;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    margin-top: 4px;
    display: flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    gap: 2px;
}
footer .mobile_apps {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
footer .mobile_apps h2 {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
}
footer .apps_logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    max-width: 138px;
}
.hero_section .page_wrapper {
    width: 100%;
}
.slot_games ul li a, .slot_games ul li img {
    display: block;
}
footer .est_timer h3 {
    color: #80170F;
}
footer .footer_nav .footer_wrap {
    display: none;
}

.online_section .btns {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    justify-content: center;
}
.online_section .btn_register {
    display: inline-flex;
    padding: 38.4px 76.8px;
    justify-content: center;
    align-items: center;
    gap: 19.2px;
    border-radius: 19.2px;
    border: 4.8px solid #FAFC3A;
    background: linear-gradient(180deg, #FEFFAC 0%, #FEFFA3 20.67%, #FBE980 47.12%, #FBD75D 50.48%, #CE9524 80.29%);
    box-shadow: 0px 9.6px 57.6px 0px rgba(0, 0, 0, 0.45);
    color: #510405;
    text-align: center;
    font-family: "DIN";
    font-size: 62.4px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.online_section .btn_register:hover, .auth-buttons .btn:hover, .auth-buttons .btn.login:hover, .hero_section .btn_claim_now:hover, 
.slot_games .btn_start_play:hover, .eruption-content .btn_play_now:hover {
    background: #000;
    color: #fff !important;
    -webkit-text-fill-color: unset;
}
.hero_section .btn_claim_now:hover, .online_section .btn_register:hover {
    border-color: #000;
}
.hero_section.custom_2026 .hero_inner > h1 {
    font-size: 214.52px;
    font-weight: 700;
    line-height: 164.571px;
    letter-spacing: -15.016px;
        gap: 22.29px;
}
.hero_section.custom_2026 .hero_inner > h1 span {
    font-size: 101.284px;
    line-height: 77.701px;
    letter-spacing: -2.026px;
    max-width: 335px;
}
.hero_section.custom_2026 .hero_inner > h3 {
    color: #FBF036;
    font-size: 56.162px;
    line-height: 77.701px;
    letter-spacing: -1.123px;
}
.hero_section.custom_2026 .btn_claim_now {
    height: 69.805px;
    padding: 20.655px 41.309px;
    border-radius: 10.327px;
    border: 2.582px solid #FAFC3A;
    box-shadow: 0px 5.164px 30.982px 0px rgba(0, 0, 0, 0.45);
    font-size: 33.564px;
}
.hero_section.custom_2026 {
    min-height: 434px;
}
.hero_section.custom_2026 .btn_claim {
    margin-top: 0;
}
.hero_section.custom_2026 .hero_inner {
    max-width: 544px;
}
.footer_nav ul li a:hover, footer .footer_cont > p a:hover {
    color: #80170f;
}
.hero_section.custom_2026 .btn_claim_now:hover {
    border-color: #000;
}
.hero_section.custom_2027 .btn_claim {
    text-align: center;
    margin-top: 40px;
    position: absolute;
    bottom: 5%;
    left: 27%;
}
.hero_section.custom_2027 {
    display: block;
        min-height: 100% !important;
        position: relative;
}
.bonus-number {
    color: #FFF;
    text-align: center;
    font-family: "DIN";
    font-size: 170.696px;
    font-style: normal;
    font-weight: 700;
    line-height: 130.951px;
    letter-spacing: -11.949px;
    text-transform: uppercase;
}
.bonus-number span {
    display: block;
    font-size: 58.326px;
    font-weight: 800;
    line-height: 45.494px;
    letter-spacing: -1.167px;
}
h3.on_cash_txt {
    color: #FFE1BA;
    text-align: center;
    font-family: "DIN";
    font-size: 20.86px;
    font-style: normal;
    font-weight: 800;
    line-height: 51.286px;
    letter-spacing: -0.417px;
    text-transform: uppercase;
}
.bonus-offer {
    display: flex;
    gap: 20px;
    align-items: center;
    align-content: center;
    vertical-align: middle;
}
.right-offer .subtitle {
    color: #FFE0BB;
    display: block;
    text-align: left;
    margin-bottom: 3px;
    font-family: "DIN";
    font-size: 67.376px;
    font-style: normal;
    font-weight: 800;
    line-height: 52.554px;
    letter-spacing: -1.348px;
    text-transform: uppercase;
    padding-left: 32px;
}
.bonus-amount h2 {
    color: #FFF;
    text-align: center;
    font-family: "DIN";
    font-size: 198.604px;
    font-style: normal;
    font-weight: 800;
    line-height: 154.911px;
    letter-spacing: -3.972px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
}
.bonus-amount h2 span {
    color: #FFF;
    text-align: center;
    font-family: "DIN";
    font-size: 112.798px;
    font-style: normal;
    font-weight: 700;
    line-height: 103.358px;
    letter-spacing: -2.256px;
    text-transform: uppercase;
}
.bonus-subtext {
    color: #FFE1BA;
    text-align: center;
    font-family: "DIN";
    font-size: 39.188px;
    font-style: normal;
    font-weight: 800;
    line-height: 52.554px;
    letter-spacing: -0.784px;
    text-transform: uppercase;
}
.new_custom_2027 .hero_section .hero_inner {
    max-width: 643px;
        margin-left: 37px;
}
.new_custom_2027 .hero_section .btn_claim_now {
    max-width: 342px;
    height: 98px;
    width: 100%;
}
.new_custom_2027 .hero_section, .new_custom_2027 .hero_section img {
    position: relative;
    object-fit: cover;
}

.new_custom_2027 .hero_section .page_wrapper,
.new_custom_2028 .hero_section .page_wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
        max-width: 1352px;
}
.plus span svg {
    display: block;
}
.steps_bg ul {
    padding-top: 85px;
    padding-bottom: 137px;
    list-style-type: none;
    display: flex;
    gap: 17px;
    width: 100%;
}
.steps_bg ul li {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    width: 33.33%;
    padding: 20px 38px;
    min-height: 240px;
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.steps_bg ul li:nth-child(1):after,
.steps_bg ul li:nth-child(2):after,
.steps_bg ul li:nth-child(3):after {
    position: absolute;
    right: -63px;
    margin-top: 12px;
    color: #f13f22;
    font-family: "DIN";
    font-size: 355.999px;
    font-style: normal;
    font-weight: 700;
    line-height: 296.666px;
}
.steps_bg ul li:nth-child(1):after {
    content: '1';
}
.steps_bg ul li:nth-child(2):after {
    content: '2';
}
.steps_bg ul li:nth-child(3):after {
    content: '3';
}
.steps_bg ul li h2 {
    color: #f13f22;
    font-family: "DIN";
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
}
.steps_bg ul li p {
    color: #666;
    font-family: DIN;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.steps_bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000;
    position: relative;
    overflow: hidden;
}
.steps_bg ul li:nth-child(1) .under_box {
    max-width: 163px;
}
.steps_bg ul li:nth-child(2) .under_box {
    max-width: 228px;
}
.steps_bg ul li:nth-child(3) .under_box {
    max-width: 215px;
}
.steps_bg ul li:nth-child(3) .under_box p {
    max-width: 212px;
}
.steps_bg img.queen_img {
    position: absolute;
    bottom: -13px;
    display: block;
    left: -34px;
    object-fit: contain;
}
.steps_bg .page_wrapper, .steps_bg ul li .under_box {
    position: relative;
    z-index: 1;
}
.steps_bg ul li .under_box {
    flex-direction: column;
    gap: 9px;
}
.new_slots h2 span {
    color: #F13F22;
    display: block;
}
.new_slots h2 {
    font-size: 26px;
    line-height: 36px;
    max-width: 100%;
}
.new_slots .btn_start_play {
    margin-top: 0;
}
.cash-eruption, 
.cash-eruption .eruption-desktop, 
.cash-eruption .eruption-mobile {
    position: relative;
}
.cash-eruption .page_wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding-bottom: 94px;
    max-width: 100%;
    background-image: linear-gradient(to top, #f0f0f4 20%, transparent 80%);
}
.eruption-content .btn_play_now {
    display: flex;
    max-width: 308px;
    width: 100%;
    height: 78px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #F68026;
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.25);
    color: #FFF;
    text-align: center;
    font-family: "DIN";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    margin: 46px auto 0;
}
.eruption-content .app-buttons span svg {
    display: block;
}
.eruption-content .app-buttons {
    display: flex;
    gap: 18px;
    justify-content: center;
        margin-top: 61px;
}
.eruption-content .eruption-text {
    color: #520809;
    text-align: center;
    font-family: DIN;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    max-width: 770px;
    margin: 18px auto 0;
}
.cash-eruption {
    padding-bottom: 56px;
}
.new_slots {
    padding-bottom: 0;
}
.eruption-content > img {
    display: block;
    margin: 0 auto;
}
.site-header .logo {
    display: flex;
    gap: 10px;
    align-items: center;
    align-content: center;
    vertical-align: middle;
}
.footer_logo a {
    display: inline-block;
}
.new_custom_2028 .offer_content h2 {
    font-family: "DIN";
    color: #FFF;
    text-align: center;
    font-size: 58.056px;
    font-style: normal;
    font-weight: 700;
    line-height: 45.284px;
    letter-spacing: -1.161px;
    text-transform: uppercase;
    position: relative;
}
.new_custom_2028 img.number_img {
    display: block;
    margin-top: -28%;
    margin-bottom: 2%;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.new_custom_2028 .offer_content h1  {
      font-family: 'DIN';
      font-size: 164.5px;
      font-weight: 800;
      text-transform: uppercase;
      color: white;
      letter-spacing: -4.57px;
      line-height: 100%;
      text-align: center;
      position: relative;
}

.new_custom_2028 .offer_content .text {
    color: #FFE0BB;
    text-align: center;
    font-family: 'DIN';
    font-size: 57.877px;
    font-style: normal;
    font-weight: 700;
    line-height: 45.144px;
    letter-spacing: -1.158px;
    text-transform: uppercase;
}
.new_custom_2028 .hero_section .hero_inner {
    max-width: 1080px;
    margin: 0 auto;
}
.new_custom_2028 .hero_section {
    position: relative;
}
.main_hero_section {
    background: linear-gradient(180deg, #510405 14.5%, #f13f22 95.03%);
    min-height: 434.59px;
    padding: 21.55px 0 21.97px;
}
.main_hero_section .card {
    border: 7px solid #F8E04D;
    border-radius: 16.58px;
    width: 33.33%;
    position: relative;
        min-height: 305px;
        overflow: hidden;
}
.main_hero_section > div {
    display: flex;
    gap: 23px;
}
.main_hero_section .bonus-text {
    color: #FFF;
    font-family: "DIN";
    font-size: 55.145px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.305px;
    letter-spacing: -1.103px;
    text-transform: uppercase;
    border-radius: 0;
    background: #f9a25e;
    min-height: 81.363px;
    display: flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    justify-content: center;
}
.main_hero_section .card.center-card img {
    display: block;
    margin: 0 auto;
}
.main_hero_section .card img {
    display: block;
    margin: 0 auto;
}
.main_hero_section .big-number {
    color: #FFF;
    text-align: center;
    font-family: "DIN";
    font-size: 386.232px;
    font-style: normal;
    font-weight: 700;
    line-height: 296.302px;
    letter-spacing: -27.036px;
    text-transform: uppercase;
    opacity: 0.9;
    position: absolute;
    width: 100%;
    top: 22.62px;
}
.main_hero_section .under_card {
    position: relative;
    padding-top: 85px;
    z-index: 1;
}
.main_hero_section .card.f_card {
    display: flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    justify-content: center;
}
.main_hero_section .card .btn_claim_now {
    color: #510405;
    text-align: center;
    font-family: "DIN";
    font-size: 33.564px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 10.327px;
    border: 2.582px solid #FAFC3A;
    background: linear-gradient(180deg, #FEFFAC 0%, #FEFFA3 20.67%, #FBE980 47.12%, #FBD75D 50.48%, #CE9524 80.29%);
    box-shadow: 0 5.164px 30.982px 0 rgba(0, 0, 0, 0.45);
    display: inline-flex;
    min-height: 69.805px;
    padding: 20.655px 26.309px;
    justify-content: center;
    align-items: center;
    gap: 10.327px;
    flex-shrink: 0;
    text-decoration: none;
    margin: 0 auto;
    position: relative;
}
.main_hero_section .card::before {
    content: '';
    width: 100%;
    height: 206.168px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    background-position: bottom center;
}
.main_hero_section .card.center-card::before {
    bottom: 81.35px;
    z-index: 1;
}
.main_hero_section .hero_wrapper {
    max-width: 1352px;
    margin: 0 auto;
    padding: 0px 20px;
}
.main_hero_section .card.f_card img {
    width: 100%;
    object-fit: contain;
}
.main_hero_section .card .btn_claim_now:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}
.online_section .btn_register.custom_regi {
    font-size: 43.505px;
    font-weight: 800;
    border-radius: 13.386px;
    border-width: 3.347px;
    box-shadow: 0 6.693px 40.159px 0 rgba(0, 0, 0, 0.45);
    padding: 26.772px 53.545px;
    gap: 13.386px;
}
.new_custom_2028 .hero_section .btn_claim_now {
    padding: 21.022px 48.045px;
}
.new_custom_2028 .hero_section .btn_claim {
    margin-top: 23.14px;
}
.new_custom_2028 .bonus-offer {
    padding-left: 16%;
}



@media(min-width: 768px){
.header-container .for_mobile, .hero_section .for_mobile, 
footer .payment_icons, .online_section_2027 .for_mobile_img,
img.queen_mobile_img, .cash-eruption .eruption-mobile,
.new_custom_2028 .hero_section .btn_claim.for-mobile,
.main_hero_section .card .btn_claim_now.for-mobile {
    display: none;
}
.cash-eruption .eruption-desktop {
    display: block;
}
}

@media(min-width: 1600px){
.hero_section { 
   min-height: 600px;
}
}

@media(min-width: 1800px){
.hero_section { 
   min-height: 690px;
}
.new_custom_2028 .bonus-offer {
    padding-left: 13%;
}
}

@media(min-width: 2000px){
.hero_section { 
    min-height: 754px;
}
.new_custom_2028 .bonus-offer {
    padding-left: 10%;
}
}

@media(min-width: 2200px){
.hero_section { 
    min-height: 833px;
}
}


@media(min-width: 2400px){
.hero_section { 
    min-height: 933px;
}
}

@media(max-width: 1439px){ 
.new_custom_2027 .hero_section,
.new_custom_2028 .hero_section {
    min-height: 516px;
}
}

@media(max-width: 1300px){ 
.new_custom_2028 .offer_content h1 {
    font-size: 108.5px;
}
.new_custom_2028 .offer_content .text {
    font-size: 24.823px;
    line-height: 25.202px;
    letter-spacing: 1.842px;
}
.new_custom_2028 .hero_section .btn_claim_now {
    font-size: 22px;
}
.new_custom_2028 .hero_section .btn_claim {
    margin-top: 24px;
}
.new_custom_2028 .offer_content h2 {
    font-size: 30.986px;
    line-height: 21.329px;
    letter-spacing: 2.839px;
}
.new_custom_2028 .hero_section {
    min-height: 390px;
}
.main_hero_section .big-number {
    font-size: 311.957px;
    line-height: 239.321px;
    letter-spacing: -21.837px;
}
.main_hero_section .bonus-text {
    font-size: 44.541px;
    line-height: 34.17px;
    letter-spacing: -0.891px;
    min-height: 64.101px;
}
.main_hero_section .card.center-card::before {
    bottom: 64.101px;
}
.main_hero_section .card .btn_claim_now {
    font-size: 32.839px;
    font-weight: 700;
    max-width: 253px;
}
.main_hero_section .under_card {
    padding-top: 22px;
}
}

@media(max-width: 1200px){   
.hero_section .hero_inner > h1 {
    font-size: 184.66px;
    line-height: 148.517px;
    letter-spacing: -7.486px;
    gap: 20px;
}
.hero_section .hero_inner > h1 span {
    font-size: 82.177px;
    line-height: 73.004px;
    letter-spacing: -2.764px;
    max-width: 243px;
}
.hero_section .btn_claim_now {
    font-size: 32px;
    height: 78px;
    padding: 25.04px 50.08px;
}
.hero_section .hero_inner {
    width: 100%;
    max-width: 444px;
    margin-left: 11%;
}
.hero_section .hero_inner > h3, .hero_section.custom_2026 .hero_inner > h3 {
    font-size: 38px;
    line-height: 48px;
    gap: 26px;    
}
.slot_games {
    padding: 60px 0px 70px;
}
.slot_games h2 {
    font-size: 30px;
        max-width: 305px;
}
.slot_games .btn_start_play {
    font-size: 28px;
    max-width: 280px;
    height: 65px;
}
.slot_games .page_wrapper {
    gap: 38px;
}
.online_section h2 {
    font-size: 20px;
    letter-spacing: 11px;
}
.hero_section.custom_2026 {
    min-height: 310px;
}
.hero_section.custom_2026 .hero_inner > h1 {
    font-size: 144.66px;
    line-height: 117.517px;
    gap: 13.25px;
    letter-spacing: -7.016px;
}
.hero_section .hero_inner > h1 span {
    font-size: 71.177px;
    line-height: 57.004px;
    letter-spacing: -2.764px;
    max-width: 208px;
}
.hero_section.custom_2026 .hero_inner {
    max-width: 352px;
}
.online_section .btn_register {
    padding: 20.4px 56.8px;
    font-size: 30.4px;
}
.hero_section.custom_2027 {
    min-height: 393px;
} 
.bonus-number {
    font-size: 130.696px;
    line-height: 100.951px;
}
.bonus-number span {
    font-size: 38.326px;
    line-height: 31.494px;
}
h3.on_cash_txt {
    font-size: 13.86px;
    line-height: 21.286px;
}
.right-offer .subtitle {
    font-size: 47.376px;
    line-height: 39.554px;
}
.bonus-amount h2 span {
    font-size: 82.798px;
    line-height: 82.358px;
}
.bonus-amount h2 {
    font-size: 160.604px;
    line-height: 125.911px;
}
.new_custom_2027 .hero_section .hero_inner,
.new_custom_2028 .hero_section .hero_inner11 {
    max-width: 509px;
    margin-left: 37px;
}
.bonus-subtext {
    font-size: 32.188px;
    line-height: 32.554px;
}
.right-offer .subtitle {
    padding-left: 22px;
}
.new_custom_2027 .hero_section img.desk_banner {
    min-height: 548px;
}
.steps_bg ul li:nth-child(1):after, 
.steps_bg ul li:nth-child(2):after, 
.steps_bg ul li:nth-child(3):after {
    font-size: 273.999px;
    line-height: 223.666px;
}
.cash-eruption {
    padding-bottom: 180px;
}
.new_custom_2028 img.number_img {
    height: 220px;
}
.new_custom_2028 .bonus-offer {
    padding-left: 23%;
}
}


@media(max-width: 991px){
.hero_section .hero_inner > h1, .hero_section.custom_2026 .hero_inner > h1 {
    font-size: 127.448px;
    line-height: 97.773px;
    letter-spacing: -8.921px;
    gap: 13.25px;
}
.hero_section .hero_inner > h1 span, .hero_section.custom_2026 .hero_inner > h1 span {
    font-size: 60.173px;
    line-height: 46.163px;
    letter-spacing: -1.203px;
    max-width: 199px;
}
.hero_section .hero_inner > h3 {
    font-size: 30px;
}
.hero_section .btn_claim_now {
     min-width: 305px;
}
.hero_section .btn_claim {
    margin-top: 19.45px;
}
.hero_section .hero_inner {
    max-width: 324px;
}
.hero_section {
    min-height: 382px;
}
.copyright_cont {
    margin-left: 0;
    width: 100%;
}
.online_section .btn_register {
    padding: 15.4px 47.8px;
    font-size: 25.4px;
}
.hero_section.custom_2026 .btn_claim_now {
    margin-top: 19.45px;
}
.hero_section.custom_2027 .hero_inner > h3 {
    font-size: 42px;
    line-height: normal;
}
.hero_section.custom_2027 .btn_claim {
    margin-top: 34px;
}
.hero_section.custom_2027 .page_wrapper {
/*    padding-bottom: 33px;*/
}
.hero_section.custom_2027 {
    min-height: 295px;
}
.bonus-number {
    font-size: 103.866px;
    line-height: 79.682px;
    letter-spacing: -7.271px;
}
.bonus-number span {
    font-size: 43.159px;
    line-height: 33.664px;
    letter-spacing: -0.863px;
}
h3.on_cash_txt {
    font-size: 15.388px;
    line-height: 24.88px;
    letter-spacing: -0.308px;
}
.bonus-amount h2 span {
    font-size: 47.115px;
    line-height: 43.172px;
    letter-spacing: -0.942px;
}
.bonus-amount h2 {
    font-size: 85.664px;
    line-height: 66.818px;
    letter-spacing: -2.57px;
}
.bonus-subtext {
    font-size: 36.093px;
    line-height: 32.408px;
    letter-spacing: -0.722px;
}
.right-offer .subtitle {
    font-size: 32.817px;
    line-height: 20.811px;
    letter-spacing: -0.676px;
}
.new_custom_2027 .hero_section .hero_inner {
    max-width: 380px;
    margin-left: 20px;
}
.right-offer .subtitle {
    padding-left: 8px;
}
.plus span svg {
    width: 29.939px;
    height: 29.939px;
}
.new_custom_2027 .hero_section .btn_claim_now {
    max-width: 305px;
    height: 78px;
    width: 100%;
}
.steps_bg ul {
    padding-top: 108px;
    padding-bottom: 92px;
}
.steps_bg ul li {
    padding: 24px 28px;
}
.steps_bg ul li h2 {
    font-size: 30px;
    line-height: 30px;
}
.steps_bg ul li p {
    font-size: 16px;
}
.eruption-content > img {
    max-width: 371.715px;
    width: 100%;
    height: 134.868px;
}
.eruption-content .eruption-text {
    font-size: 22px;
    line-height: 32px;
    margin-top: 15.4px;
}
.eruption-content .app-buttons {
    gap: 10px;
    margin-top: 40px;
}
.eruption-content .btn_play_now {
    max-width: 357px;
        margin-top: 39px;
}
.cash-eruption .page_wrapper {
    padding-bottom: 63.5px;
}
header nav.nav-menu {
    display: none;
}
.header-container {
    align-items: center;
    align-content: center;
}
.new_custom_2028 .offer_content h2 {
    font-size: 23.982px;
    line-height: 18.706px;
    letter-spacing: 2.317px;
}
.new_custom_2028 .offer_content h1 {
    font-size: 80.5px;
}
.new_custom_2028 .offer_content .text {
    font-size: 23.908px;
    line-height: 25.202px;
}
.new_custom_2028 .hero_section {
    min-height: 292px;
}
.main_hero_section .under_card {
        padding-top: 18.27px;
    }
.main_hero_section {
    min-height: 361.59px;
}    
.new_custom_2028 img.number_img {
    margin-top: -17%;
    height: 154px;
}
}


@media(max-width: 767px){
header .logo .main_logo img {
    width: 79.648px;
    height: 59.736px;
}
.site-header {
    border-bottom: 0;
    padding: 4.192px 12.576px;
    min-height: 68.12px;
    margin-bottom: 0;
}
.header-container {
    padding: 0;
    align-items: center;
    align-content: center;
}
.auth-buttons .btn.login, .auth-buttons .btn.register {
    height: 35.632px;
    padding: 8.384px 16.768px;
    gap: 10.48px;
}
.hero_section {
    min-height: 500px;
        background-position: top left;
}
.hero_section {
    align-items: flex-end;
    align-content: flex-end;
    vertical-align: bottom;
}
.hero_section .page_wrapper {
    width: 100%;
    background: linear-gradient(180deg, rgba(128, 6, 19, 0.00) 0%, #E60C13 100%);
    padding-bottom: 20px;
}
.hero_section .hero_inner {
    margin: 0 auto;
}
.hero_section .hero_inner > h3 {
    gap: 12px;
}
.secure_txt {
    padding: 39px 20px;
}
.secure_txt p {
    max-width: 283px;
    margin: 0 auto;
}
.slot_games h2 {
    font-size: 26px;
    max-width: 305px;
    text-align: center;
}
.slot_games {
    padding: 40px 0px 50px;
}
.slot_games ul li {
    width: 50%;
}
.slot_games .page_wrapper {
        gap: 24px;
    }
.slot_games ul {
    row-gap: 12px;
}    
.slot_games .btn_start_play {
    margin-top: 0;
}
.online_section h2 {
    font-size: 16px;
    letter-spacing: 8px;
    max-width: 309px;
}
footer {
    padding: 25.152px 0px;
}
footer .page_wrapper {
    flex-direction: column;
    padding: 0px 25.152px;
}
footer .footer_nav, footer .footer_content, footer .est_infor {
    width: 100%;
}
.footer_nav ul, .footer_logo {
    padding: 12.576px 0px 0px;
}
.footer_nav ul li a {
    font-size: 16.768px;
    padding: 8.384px 0;
}
footer .footer_nav {
    order: 1;
    -webkit-order: 1;
}
footer .est_infor {
    order: 2;
    -webkit-order: 2;
}
footer .footer_content {
    order: 3;
    -webkit-order: 3;
}
.copyright_cont {
    font-size: 12.576px;
    line-height: 16.768px;
    text-align: center;
    padding-top: 20.956px;
    padding-bottom: 8.384px;
}
footer .apps_logo {
    flex-direction: row;
    gap: 12.576px;
}
footer .mobile_apps {
    gap: 8.384px;
}
.footer_content .flex_wrap {
    padding: 20.956px 0 8.384px;
    gap: 16.768px;
    border-top: 1px solid #D3D6DD;
}
footer .footer_nav .footer_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12.576px 0;
}
footer .footer_logo, footer .est_infor .under_est_info {
    display: none;
}
.under_est_info h3 {
    font-size: 12.576px;
}
.header-container .logo {
    display: flex;
    align-content: center;
    vertical-align: middle;
    padding: 0px 8.384px;
    align-items: center;
    gap: 8.384px;
}
.online_section_m {
    display: none;
}
.hero_section.custom_2026 {
    min-height: 632px;
}
.hero_section.custom_2026 .page_wrapper {
    padding-bottom: 33px;
}  
footer .payment_icons {
    display: flex;
    padding: 12.576px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 12.576px;
    align-self: stretch;
    margin-bottom: 12.576px;
} 
footer .payment_icons h2 {
    color: #000;
    font-size: 12.576px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.96px;
    letter-spacing: 0.105px;
    text-transform: uppercase;
} 
footer .payment_icons ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    gap: 8.384px;
}
footer .payment_icons ul li {
    width: calc(16% - 7px);
}
footer .payment_icons ul li img {
    display: block;
    object-fit: contain;
}
.hero_section .hero_inner > h3 {
    font-size: 42px;
    line-height: 56px;
}
.hero_section.custom_2027 {
    min-height: 832px;
}   
.slot_games.slot_games_2027 {
    padding: 40px 0px 83px;
}
.slot_games.slot_games_2027 .btn_start_play {
    font-size: 32px;
    max-width: 357px;
    height: 78px;
} 
.online_section_2027 h2 {
    font-size: 25px;
    letter-spacing: 12.5px;
    max-width: 329px;
}
.online_section_2027 img {
    min-height: 273px;
        object-fit: cover;
        object-position: bottom;
}
.online_section_2027 h2 span {
    display: block;
}
.online_section_2027 .for_desktop_img {
    display: none;
}
.hero_section .hero_inner > h1 span, .hero_section.custom_2026 .hero_inner > h1 span {
    max-width: 182px;
}
.hero_section.custom_2027 .btn_claim_now {
    height: 78px;
}
.hero_section.custom_2027 .btn_claim {
    left: 0;
    right: 0;
    bottom: 14px;
}
.hero_section.custom_2027 .page_wrapper {
    padding-bottom: 0;
}
.new_custom_2027 .hero_section .page_wrapper {
    top: auto;
    padding-bottom: 33px;
}
.new_custom_2027 .hero_section .hero_inner {
    max-width: 362px;
    margin: 0 auto;
}
.bonus-offer {
    gap: 10px;
}
.right-offer .subtitle {
    padding-left: 0px;
}
.steps_bg ul {
    flex-direction: column;
}
.steps_bg ul li {
    width: 100%;
}
.steps_bg ul li:nth-child(1) .under_box {
    max-width: 178px;
}
.steps_bg ul li:nth-child(2) .under_box {
    max-width: 187px;
}
.steps_bg ul li:nth-child(3) .under_box h2 {
    font-size: 27px;
}
.steps_bg ul li:nth-child(3) .under_box p {
    max-width: 189.955px;
}
.steps_bg ul li {
    min-height: 229.091px;
}
.steps_bg ul li:nth-child(1):after, .steps_bg ul li:nth-child(2):after, .steps_bg ul li:nth-child(3):after {
        font-size: 339.817px;
        line-height: 283.181px;
}
.steps_bg img.queen_img {
    display: none;
}
.steps_bg .queen_mobile_img {
    position: absolute;
    display: block;
    object-fit: contain;
    right: -20px;
    bottom: -8px;
        z-index: 1;
}
.steps_bg {
    background-position: bottom center;
}
footer .apps_logo {
    max-width: 100%;
}
.new_slots h2 {
    font-size: 32px;
    max-width: 281px;
    line-height: 36px;
}
.cash-eruption .eruption-desktop {
    display: none;
}
.eruption-content .app-buttons {
    flex-direction: column;
}
.eruption-content .app-buttons span svg {
    width: 208.053px;
    height: 61.737px;
}
.slot_games.slot_games_2027.new_slots {
    padding-bottom: 30px;
}
.cash-eruption .eruption-mobile {
    display: block;
    height: 914px;
    object-fit: cover;
}
.new_custom_2027 .hero_section .mobile_banner {
    height: 832px;
    object-position: top;
}
.eruption-content .eruption-text span {
    display: block;
    margin-top: 24px;
}
.bonus-subtext {
    font-size: 32.188px;
    line-height: 32.554px;
}
.new_custom_2028 .hero_section .btn_claim.for-desktop {
    display: none;
}
.new_custom_2028 .hero_section .btn_claim_now {
    font-size: 32px;
}
.new_custom_2028 .hero_section .hero_inner {
    margin: 0 auto;
}
.new_custom_2028 .bonus-offer {
    justify-content: center;
}
.new_custom_2028 .hero_section .page_wrapper {
    top: auto;
    padding-bottom: 33px;
}
.main_hero_section .hero_wrapper {
    flex-direction: column;
}
.main_hero_section .card {
    width: 100%;
        max-width: 314px;
    margin: 0 auto;
}
.main_hero_section {
    padding: 41.503px 0 42px;
}
.main_hero_section .card.f_card::before {
    display: none;
}
.main_hero_section .card.f_card {
    min-height: auto;
    border: 0;
}
.main_hero_section .card .btn_claim_now {
    max-width: 313px;
    margin-top: 26px;
    width: 100%;
}
.main_hero_section .hero_wrapper {
    gap: 4.07px;
}
.main_hero_section .card .btn_claim_now.for-desktop {
    display: none;
}
.new_custom_2028 .bonus-offer {
    padding-left: 0;
}
}

@media(max-width: 500px){
.hero_section.custom_2027 {
    min-height: 784px;
}
.new_custom_2027 .hero_section .mobile_banner {
    height: 732px;
}
}

@media(max-width: 450px){
footer .payment_icons ul li {
    width: calc(25% - 7px);
}
.hero_section.custom_2027 {
    min-height: 632px;
}
.hero_section.custom_2027 {
    min-height: 684px;
}
}



@media(max-width: 400px){
.hero_section.custom_2027 {
    min-height: 598px;
}
}

@media(max-width: 392px){
.bonus-number {
    font-size: 83.866px;
    line-height: 63.682px;
}
.bonus-number span {
    font-size: 30.159px;
    line-height: 24.664px;
}
h3.on_cash_txt {
    font-size: 11.388px;
    line-height: 16.88px;
}
.right-offer .subtitle {
    font-size: 23.817px;
    line-height: 18.811px;
}
.bonus-amount h2 {
    font-size: 68.664px;
    line-height: 62.818px;
}
.right-offer .subtitle {
    font-size: 18.817px;
    line-height: 14.811px;
}
.bonus-subtext {
    font-size: 23.093px;
    line-height: 20.408px;
}
.plus span svg {
    width: 24.939px;
    height: 24.939px;
}
.new_custom_2027 .hero_section .btn_claim_now {
    max-width: 290px;
    height: 66px;
    font-size: 28px;
    padding: 10.04px 39.08px;
}
.bonus-amount h2 span {
    font-size: 35.115px;
    line-height: 38.172px;
}
.new_custom_2027 .hero_section .hero_inner {
    max-width: 270px;
}
.new_custom_2027 .hero_section .btn_claim_now {
    max-width: 100%;
    width: 100%;
    min-width: auto;
}
.new_custom_2028 .offer_content h1 {
    font-size: 65.5px;
}
.new_custom_2028 .offer_content .text {
    font-size: 18.908px;
    line-height: 21.202px;
    letter-spacing: 13.453px;
}

}

@media(max-width: 350px){
.hero_section .btn_claim_now, .hero_section .btn_claim_now {
    min-width: 282px;
}
.header-container .logo {
    padding: 0px 2px 0 0;
}
.hero_section.custom_2027 {
    min-height: 514px;
}
}

@media(min-width: 768px) and (max-width: 991px) {
.main_hero_section .card .btn_claim_now {
    font-size: 17.839px;
    max-width: 253px;
    min-height: 50.805px;
            padding: 10px;
}
.main_hero_section .bonus-text {
    font-size: 33.541px;
    line-height: 34.17px;
    min-height: 45.101px;
}
.main_hero_section .big-number {
    font-size: 238.957px;
    line-height: 188.321px;
}
.main_hero_section .card.center-card::before {
    bottom: 43.101px;
}
}

/*---------start css 07/11/25------------*/
.new__custom2025 .hero_section .page_wrapper {
    justify-content: right;
}
.new__custom2025 .feature__img ul.thumbnails-gallery {
    max-width: 903px;
    margin: 0 auto;
    display: flex;
    list-style-type: none;
    gap: 20px;
}
.new__custom2025 .feature__img {
    padding-top: 52px;
    padding-bottom: 50px;
    background-color: maroon;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.new__custom2025 .feature__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.new__custom2025 .hero_section {
    background-image: url(/wp-content/uploads/2025/11/landing_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.new__custom2025 .hero_section .page_wrapper {
    background: transparent;
}

@media(min-width: 768px){
.new__custom2025 .btn_claim.for__mobile_btn {
    display: none;
}
}

@media(min-width: 1201px){
.new__custom2025 .bonus-number {
    font-size: 144.747px;
    line-height: 111.044px;
    letter-spacing: -10.132px;
}
.new__custom2025 .bonus-offer {
    justify-content: right;
}
.new__custom2025 .bonus-number span {
    font-size: 49.459px;
    line-height: 38.578px;
    letter-spacing: -0.989px;
}
.new__custom2025 .right-offer .subtitle {
    font-size: 51.197px;
    line-height: 39.934px;
    letter-spacing: -1.024px;
        padding-left: 26px;
}
.new__custom2025 .bonus-amount h2 {
    font-size: 150.913px;
    line-height: 117.712px;
    letter-spacing: -3.018px;
}
.new__custom2025 .bonus-subtext {
    font-size: 29.778px;
    line-height: 39.934px;
    letter-spacing: -0.596px;
        margin-top: -4px;
}
.new__custom2025 .bonus-amount h2 span {
    font-size: 85.711px;
    line-height: 78.538px;
    letter-spacing: -1.714px;
}
.new__custom2025 .bonus-offer {
    justify-content: right;
    padding-right: 22px;
}
.new__custom2025 .hero_section .hero_inner {
    max-width: 523px;
}
.new__custom2025 .hero_section img.desk_banner {
    margin-bottom: -25px;
}
}

@media(min-width: 1920px)
.new__custom2025 .hero_section img.desk_banner {
    margin-bottom: -36px;
}
}

@media(min-width: 1101px) and (max-width: 1200px){
.new__custom2025 .hero_section img.desk_banner {
    margin-bottom: -22px;
}
}
@media(min-width: 768px) and (max-width: 1100px){
.new__custom2025 .hero_section img.desk_banner {
    margin-bottom: -19px;
}
}

@media(max-width: 1200px) {
.new__custom2025 .hero_section img.desk_banner, 
 .new__custom2025 .hero_section {
    min-height: 470px;
}
.new__custom2025 .hero_section {
    min-height: 470px;
}
}

@media(max-width: 1100px) {
.new__custom2025 .hero_section {
    min-height: 438px;
}
}

@media(max-width: 991px){
.new__custom2025 .feature__img {
    padding: 25px 22px;
}
.new__custom2025 .feature__img ul.thumbnails-gallery {
    gap: 16px;
}
.new__custom2025 .bonus-number {
    font-size: 94.444px;
    line-height: 72.454px;
    letter-spacing: -6.611px;
}
.new__custom2025 .bonus-number span {
    font-size: 32.271px;
    line-height: 25.171px;
    letter-spacing: -0.645px;
}
.new__custom2025 .right-offer .subtitle {
    font-size: 33.405px;
    line-height: 26.056px;
    letter-spacing: -0.668px;
    padding-left: 12px;
}
.new__custom2025 .bonus-amount h2 {
    font-size: 98.467px;
    line-height: 76.805px;
    letter-spacing: -1.969px;
}
.new__custom2025 .bonus-subtext {
    font-size: 19.429px;
    line-height: 26.056px;
    letter-spacing: -0.389px;
}
.new__custom2025 .hero_section .hero_inner {
    max-width: 348px;
}
.new__custom2025 .hero_section .btn_claim_now {
    min-width: 305px;
    max-width: 305px;
}     
.new__custom2025 .bonus-amount h2 span {
    font-size: 55.925px;
    line-height: 51.245px;
    letter-spacing: -1.118px;
}  
.new__custom2025 .hero_section img.desk_banner, 
.new__custom2025 .hero_section {
    min-height: 342px;
}
}

@media(max-width: 767px) {
.new__custom2025 .hero_section .page_wrapper {
    padding-bottom: 27px;
}
.new__custom2025 .hero_section .btn_claim {
    margin-top: 23.59px;
}
.new__custom2025 .hero_section .mobile_banner {
    height: 932px;
}
.new__custom2025 .btn_claim.for__desktop_btn {
    display: none;
}
.new__custom2025 .hero_section .hero_inner {
    max-width: 320px;
}
.new__custom2025 .secure_txt p {
    max-width: 302px;
}
}

@media(max-width: 600px) {
.new__custom2025 .hero_section .mobile_banner {
    height: 832px;
}
}

@media(max-width: 500px) {
.new__custom2025 .hero_section .mobile_banner {
    height: 645px;
}
}


@media(max-width: 380px) {
.new__custom2025 .hero_section .mobile_banner {
    height: 572px;
}
}

@media(max-width: 370px) { 
.new__custom2025 .hero_section .btn_claim_now {
    min-width: 270px;
}
.new__custom2025 .bonus-number {
    font-size: 74.444px;
    line-height: 50.454px;
    letter-spacing: -4.611px;
}
.new__custom2025 .bonus-number span {
    font-size: 28.271px;
    line-height: 22.171px;
} 
.new__custom2025 .right-offer .subtitle {
    font-size: 26.405px;
    line-height: 20.056px;
} 
.new__custom2025 .bonus-amount h2 span {
    font-size: 46.925px;
    line-height: 48.245px;
}  
.new__custom2025 .bonus-amount h2 {
    font-size: 73.467px;
    line-height: 57.805px;
}   
.new__custom2025 .plus span svg {
    width: 18.939px;
    height: 20.939px;
} 
.new__custom2025 .hero_section .btn_claim_now {
    min-width: 233px;
    max-width: 228px;
}
.new__custom2025 .hero_section .btn_claim {
    margin-top: 12.59px;
}
.new__custom2025 .hero_section .hero_inner {
    max-width: 255px;
}
}

@media (max-width: 345px) {
.new__custom2025 .hero_section .mobile_banner {
    height: 496px;
}
}
/*---------end css 07/11/25------------*/