*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F2F4F7;
color:#242C3D;
text-rendering:optimizeLegibility;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:0.938rem;
line-height:1.6;
-webkit-font-smoothing:antialiased;
overflow-wrap:break-word;
}
img{
display:block;
max-width:100%;
}
a{
color:inherit;
text-decoration:none;
}
button{
border:none;
background:none;
cursor:pointer;
font-family:inherit;
}
::-webkit-scrollbar{
width:8px;
height:8px;
}
::-webkit-scrollbar-thumb{
background:rgba(0,0,0,0.50);
border-radius:0.5rem;
}
::-webkit-scrollbar-track{
background:transparent;
}
.jomlayout_ati{
flex-direction:column;
display:flex;
min-height:100vh;
}
.jommain_ati{
flex:1 1 auto;
min-width:0;
width:100%;
}
.jomcontainer_ati{
padding:0 1rem;
margin:0 auto;
max-width:87.5rem;
width:100%;
}
@media(min-width:765px){
.jomcontainer_ati{
padding:0 2rem;
}
}
@media(min-width:1103px){
.jomcontainer_ati{
padding:0 56px;
}
}
.jomeyebrow_ati{
letter-spacing:.2em;
font-weight:600;
overflow-wrap:break-word;
color:#2E6FE0;
font-size:0.688rem;
display:inline-block;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.4;
text-transform:uppercase;
}
.jomband_ati{
background:#0D1220;
color:#EDF1FA;
}
.jomband_ati .jomeyebrow_ati{
color:#7EB8FF;
}
@keyframes zm2-float{
0%,100%{
transform:translateY(0)}
50%{
transform:translateY(-12px)}
}
@keyframes zm2-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
.jomtb_ati{
background:#F2F4F7;
z-index:50;
position:sticky;
top:0;
border-bottom:1px solid rgba(14,17,23,0.14);
}
.jomtb_in_ati{
gap:16px;
padding:0.75rem 16px;
margin:0 auto;
align-items:center;
max-width:1400px;
justify-content:space-between;
width:100%;
display:flex;
}
@media(min-width:766px){
.jomtb_in_ati{
padding:1rem 2rem;
}
}
@media(min-width:1097px){
.jomtb_in_ati{
padding:18px 3.5rem;
}
}
.jomtb_left_ati{
gap:1.75rem;
display:flex;
align-items:center;
min-width:0;
}
.jomtb_logo_ati{
gap:11px;
display:flex;
align-items:center;
min-width:0;
}
.jomtb_logo_mark_ati{
flex:0 0 auto;
border-radius:0.5rem;
height:34px;
object-fit:cover;
width:34px;
}
.jomtb_logo_txt_ati{
line-height:1;
min-width:0;
display:flex;
flex-direction:column;
}
.jomtb_logo_name_ati{
overflow:hidden;
font-weight:700;
font-size:1.375rem;
letter-spacing:.02em;
white-space:nowrap;
text-overflow:ellipsis;
color:#0E1117;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
}
.jomtb_logo_sub_ati{
overflow:hidden;
color:#2E6FE0;
margin-top:4px;
text-transform:uppercase;
letter-spacing:.32em;
text-overflow:ellipsis;
font-size:8.5px;
font-weight:600;
white-space:nowrap;
}
.jomtb_nav_ati{
display:none;
}
@media(min-width:959px){
.jomtb_nav_ati{
gap:1.75rem;
align-items:center;
display:flex;
}
}
.jomtb_nav_item_ati{
transition:color .22s ease,border-color .22s ease;
white-space:nowrap;
border-bottom:2px solid transparent;
color:#242C3D;
font-weight:600;
padding-bottom:3px;
font-size:0.875rem;
}
.jomtb_nav_item_ati:hover{
color:#0E1117;
}
.jomtb_nav_item_ati.jomstate_active_ati{
border-color:#2E6FE0;
color:#0E1117;
}
.jomtb_right_ati{
gap:14px;
flex:0 0 auto;
display:flex;
align-items:center;
}
.jomtb_search_ati{
transition:color .22s ease;
color:#242C3D;
justify-content:center;
display:flex;
align-items:center;
}
.jomtb_search_ati:hover{
color:#2E6FE0;
}
.jomtb_search_ati svg{
width:1.125rem;
height:1.125rem;
}
.jomtb_lang_ati{
font-size:11px;
text-transform:uppercase;
letter-spacing:.1em;
color:#4D5A72;
font-weight:600;
}
.jomtb_lang_ati:hover{
color:#0E1117;
}
.jomtb_login_ati{
font-weight:600;
color:#0E1117;
font-size:0.875rem;
display:none;
}
@media(min-width:767px){
.jomtb_login_ati{
display:inline-block;
}
}
.jomtb_register_ati{
padding:11px 22px;
transition:background-color .22s ease;
background:#0E1117;
border-radius:62.438rem;
font-size:14px;
white-space:nowrap;
color:#EDF1FA;
font-weight:700;
}
.jomtb_register_ati:hover{
background:#1E2740;
}
.jommob_ati{
background:#F2F4F7;
border-top:1px solid rgba(14,17,23,0.14);
padding-bottom:env(safe-area-inset-bottom);
z-index:60;
left:0;
bottom:0;
position:fixed;
right:0;
}
@media(min-width:962px){
.jommob_ati{
display:none;
}
}
.jommob_in_ati{
margin:0 auto;
justify-content:space-around;
align-items:stretch;
max-width:560px;
display:flex;
}
.jommob_item_ati{
padding:0.563rem 4px;
transition:color .22s ease;
flex:1 1 0;
gap:3px;
display:flex;
min-width:0;
align-items:center;
flex-direction:column;
color:#4D5A72;
}
.jommob_item_ati.jomstate_active_ati{
color:#2E6FE0;
}
.jommob_ic_ati{
justify-content:center;
display:flex;
align-items:center;
}
.jommob_ic_ati svg{
height:1.25rem;
width:1.25rem;
}
.jommob_lb_ati{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width:100%;
font-size:0.625rem;
font-weight:600;
}
@media(max-width:956px){
body{
padding-bottom:60px;
}
}
.jomrail_ati{
position:relative;
min-width:0;
}
.jomrail_scroll_ati{
gap:14px;
scrollbar-width:thin;
padding-bottom:14px;
-webkit-overflow-scrolling:touch;
display:flex;
overflow-x:auto;
}
@media(min-width:770px){
.jomrail_scroll_ati{
gap:18px;
}
}
.jomgc_ati{
flex:0 0 auto;
width:150px;
display:block;
}
@media(min-width:767px){
.jomgc_ati{
width:188px;
}
}
.jomgc_img_ati{
background:#FFFFFF;
border-radius:14px;
overflow:hidden;
padding-bottom:133.33%;
box-shadow:0 2px 6px rgba(14,17,23,0.07), 0 0.5rem 1.25rem rgba(14,17,23,0.06);
position:relative;
}
.jomgc_img_ati img{
inset:0;
height:100%;
position:absolute;
object-fit:cover;
width:100%;
}
.jomgc_cover_ati{
inset:0;
background:linear-gradient(160deg,transparent 55%,rgba(0,0,0,0.50));
pointer-events:none;
position:absolute;
}
.jomgc_hover_ati{
transition:opacity .22s ease;
background:rgba(0,0,0,0.50);
inset:0;
align-items:center;
opacity:0;
justify-content:center;
position:absolute;
display:flex;
}
.jomgc_ati:hover .jomgc_hover_ati{
opacity:1;
}
.jomgc_hover_btn_ati{
background:#0E1117;
border-radius:62.438rem;
justify-content:center;
align-items:center;
width:2.875rem;
color:#EDF1FA;
height:2.875rem;
display:flex;
}
.jomgc_hover_btn_ati svg{
height:1.125rem;
width:1.125rem;
}
.jomgc_info_ati{
gap:2px;
margin-top:9px;
flex-direction:column;
display:flex;
min-width:0;
}
.jomgc_name_ati{
overflow:hidden;
white-space:nowrap;
font-size:13px;
font-weight:700;
text-overflow:ellipsis;
color:#0E1117;
}
.jomgc_prov_ati{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#4D5A72;
font-size:11px;
}
.jomgc_meta_ati{
font-size:0.688rem;
color:#4D5A72;
}
.jomtc_ati{
flex:0 0 auto;
width:180px;
display:block;
}
@media(min-width:771px){
.jomtc_ati{
width:230px;
}
}
.jomtc_img_ati{
overflow:hidden;
border-radius:0.875rem;
background:#FFFFFF;
position:relative;
padding-bottom:75%;
box-shadow:0 2px 0.375rem rgba(14,17,23,0.07), 0 0.5rem 1.25rem rgba(14,17,23,0.06);
}
.jomtc_img_ati img{
inset:0;
height:100%;
object-fit:cover;
position:absolute;
width:100%;
}
.jomtc_info_ati{
gap:2px;
display:flex;
flex-direction:column;
min-width:0;
margin-top:9px;
}
.jomtc_name_ati{
overflow:hidden;
font-weight:700;
white-space:nowrap;
font-size:0.875rem;
text-overflow:ellipsis;
color:#0E1117;
}
.jomtc_rtp_ati{
font-size:11px;
color:#4D5A72;
}
.jomlc_ati{
flex:0 0 auto;
display:block;
width:230px;
}
@media(min-width:769px){
.jomlc_ati{
width:16.75rem;
}
}
.jomlc_img_ati{
overflow:hidden;
background:#FFFFFF;
border-radius:14px;
padding-bottom:62.5%;
position:relative;
box-shadow:0 2px 6px rgba(14,17,23,0.07), 0 8px 1.25rem rgba(14,17,23,0.06);
}
.jomlc_img_ati img{
inset:0;
height:100%;
object-fit:cover;
position:absolute;
width:100%;
}
.jomlc_live_ati{
background:rgba(0,0,0,0.50);
border-radius:62.438rem;
padding:0.25rem 9px;
gap:0.438rem;
top:12px;
align-items:center;
position:absolute;
left:0.75rem;
display:flex;
}
.jomlc_live_dot_ati{
background:#E03A2E;
animation:zm2-pulse 1.6s infinite;
border-radius:50%;
height:0.5rem;
width:0.5rem;
}
.jomlc_seats_ati{
font-weight:600;
color:#EDF1FA;
text-transform:uppercase;
letter-spacing:.08em;
font-size:10px;
}
.jomlc_info_ati{
gap:2px;
display:flex;
min-width:0;
margin-top:0.563rem;
flex-direction:column;
}
.jomlc_name_ati{
overflow:hidden;
font-size:0.938rem;
text-overflow:ellipsis;
font-weight:700;
color:#0E1117;
white-space:nowrap;
}
.jomlc_bet_ati{
color:#4D5A72;
font-size:11px;
}
.jompc_ati{
border:1px solid rgba(14,17,23,0.08);
gap:8px;
padding:1rem 0.875rem;
border-radius:14px;
background:#FFFFFF;
min-width:0;
align-items:center;
min-height:74px;
display:flex;
flex-direction:column;
justify-content:center;
}
.jompc_logo_ati{
flex:0 0 auto;
height:28px;
width:auto;
object-fit:contain;
max-width:100%;
}
.jompc_name_ati{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align:center;
max-width:100%;
color:#4D5A72;
font-size:11px;
}
.jomgc_tag_ati{
padding:3px 8px;
border-radius:8px;
text-transform:uppercase;
letter-spacing:.06em;
display:inline-block;
font-size:10px;
left:0.625rem;
font-weight:700;
top:0.625rem;
z-index:2;
position:absolute;
}
.jomgc_tag_hot_ati{
background:#E03A2E;
color:#EDF1FA;
}
.jomgc_tag_new_ati{
background:#5B9BFF;
color:#0A0D14;
}
.jomgc_tag_jp_ati{
background:#D4920A;
color:#0A0D14;
}
.jomgc_tag_live_ati{
background:#E03A2E;
color:#EDF1FA;
}
.jomsh_ati{
margin-bottom:1.125rem;
min-width:0;
}
.jomsh_row_ati{
gap:1rem;
flex-wrap:wrap;
align-items:flex-end;
display:flex;
justify-content:space-between;
}
.jomsh_row_ati .jomsh_l_ati{
gap:6px;
min-width:0;
display:flex;
flex-direction:column;
}
.jomsh_stack_ati{
gap:0.625rem;
align-items:flex-start;
display:flex;
flex-direction:column;
}
.jomsh_center_ati{
gap:10px;
text-align:center;
align-items:center;
flex-direction:column;
display:flex;
}
.jomsh_h2_ati{
font-size:1.5rem;
line-height:1.1;
color:#0E1117;
font-weight:600;
overflow-wrap:break-word;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
}
@media(min-width:768px){
.jomsh_h2_ati{
font-size:1.875rem;
}
}
.jomband_ati .jomsh_h2_ati{
color:#EDF1FA;
}
.jomsh_eb_line_ati{
gap:10px;
align-items:center;
display:inline-flex;
}
.jomsh_eb_line_ati::before{
background:#2E6FE0;
width:1.75rem;
display:inline-block;
height:1px;
content:"";
}
.jomband_ati .jomsh_eb_line_ati::before{
background:#7EB8FF;
}
.jomsh_eb_dot_ati{
gap:8px;
align-items:center;
display:inline-flex;
}
.jomsh_eb_dot_ati::before{
border-radius:50%;
background:#2E6FE0;
display:inline-block;
width:0.375rem;
content:"";
height:0.375rem;
}
.jomband_ati .jomsh_eb_dot_ati::before{
background:#7EB8FF;
}
.jomsh_link_ati{
transition:color .22s ease,border-color .22s ease,background-color .22s ease;
gap:6px;
align-items:center;
border-bottom:1px solid #0E1117;
font-weight:600;
padding-bottom:2px;
color:#0E1117;
white-space:nowrap;
display:inline-flex;
font-size:0.813rem;
}
.jomsh_link_ati:hover{
border-color:#2E6FE0;
color:#2E6FE0;
}
.jomsh_link_ati svg{
height:0.875rem;
width:14px;
}
.jomsh_link_chev_ati{
padding-bottom:0;
border-bottom:0;
}
.jomsh_link_btn_ati{
padding:9px 1.125rem;
border-radius:62.438rem;
background:#0E1117;
color:#EDF1FA;
border-bottom:0;
}
.jomsh_link_btn_ati:hover{
border-color:transparent;
background:#1E2740;
color:#EDF1FA;
}
.jomband_ati .jomsh_link_ati{
border-color:#EDF1FA;
color:#EDF1FA;
}
.jomband_ati .jomsh_link_btn_ati{
background:#7EB8FF;
color:#0A0D14;
}
.jomsh_rule_ati{
margin:-2px 0 1.125rem;
background:rgba(14,17,23,0.14);
height:1px;
}
.jomband_ati .jomsh_rule_ati{
background:rgba(200,218,255,0.14);
}
.jomhero_ati{
padding:32px 0 0.5rem;
}
@media(min-width:765px){
.jomhero_ati{
padding:3.5rem 0 1.5rem;
}
}
.jomhero_in_ati{
gap:32px;
grid-template-columns:1fr;
align-items:center;
display:grid;
}
@media(min-width:901px){
.jomhero_in_ati{
grid-template-columns:1.05fr .95fr;
gap:48px;
}
}
.jomhero_copy_ati{
min-width:0;
}
.jomhero_eyebrow_ati{
gap:0.625rem;
margin-bottom:1.375rem;
align-items:center;
display:inline-flex;
}
.jomhero_eyebrow_line_ati{
background:#2E6FE0;
flex:0 0 auto;
display:inline-block;
width:28px;
height:1px;
}
.jomhero_h1_ati{
line-height:1.04;
overflow-wrap:break-word;
letter-spacing:-.01em;
color:#0E1117;
font-weight:600;
font-size:2.375rem;
margin-bottom:20px;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
}
@media(min-width:769px){
.jomhero_h1_ati{
font-size:3.375rem;
}
}
@media(min-width:1102px){
.jomhero_h1_ati{
font-size:3.875rem;
}
}
.jomhero_h1_ati em{
font-style:normal;
color:#2E6FE0;
}
.jomhero_sub_ati{
color:#6B788E;
max-width:480px;
line-height:1.6;
margin-bottom:1.875rem;
font-size:1rem;
}
@media(min-width:768px){
.jomhero_sub_ati{
font-size:18px;
}
}
.jomhero_actions_ati{
gap:0.875rem;
display:flex;
align-items:center;
margin-bottom:34px;
flex-wrap:wrap;
}
.jomhero_cta_ati{
gap:10px;
border-radius:62.438rem;
padding:1rem 30px;
background:#0E1117;
transition:background-color .22s ease;
display:inline-flex;
color:#EDF1FA;
font-weight:700;
font-size:0.938rem;
align-items:center;
}
.jomhero_cta_ati:hover{
background:#1E2740;
}
.jomhero_cta_ic_ati{
align-items:center;
display:inline-flex;
}
.jomhero_cta_ic_ati svg{
width:16px;
height:1rem;
}
.jomhero_cta_alt_ati{
transition:border-color .22s ease,color .22s ease;
border:1px solid rgba(14,17,23,0.14);
padding:15px 26px;
background:transparent;
border-radius:62.438rem;
color:#0E1117;
display:inline-flex;
font-size:15px;
align-items:center;
font-weight:600;
}
.jomhero_cta_alt_ati:hover{
border-color:#2E6FE0;
color:#2E6FE0;
}
.jomhero_trust_ati{
gap:1.375rem;
align-items:center;
flex-wrap:wrap;
display:flex;
}
.jomhero_trust_item_ati{
gap:9px;
font-weight:600;
font-size:0.813rem;
display:flex;
color:#242C3D;
align-items:center;
}
.jomhero_trust_ic_ati{
color:#2E6FE0;
display:inline-flex;
align-items:center;
}
.jomhero_trust_ic_ati svg{
width:16px;
height:1rem;
}
.jomhero_promo_ati{
overflow:hidden;
border-radius:1.25rem;
background:#FFFFFF;
min-height:300px;
position:relative;
box-shadow:0 12px 48px rgba(14,17,23,0.14), 0 3px 10px rgba(14,17,23,0.08);
display:flex;
}
.jomhero_promo_bg_ati{
inset:0;
background-position:center;
position:absolute;
background-size:cover;
}
.jomhero_promo_bg_ati::after{
background:linear-gradient(120deg,#0D1220 0%,rgba(0,0,0,0.50) 55%,transparent 100%);
inset:0;
content:"";
position:absolute;
}
.jomhero_promo_glow_ati{
border-radius:50%;
background:radial-gradient(circle,rgba(79,140,255,0.18) 0%,transparent 65%);
pointer-events:none;
width:260px;
position:absolute;
top:-2.5rem;
height:260px;
right:-20px;
}
.jomhero_promo_ct_ati{
padding:1.75rem;
position:relative;
z-index:2;
max-width:88%;
align-self:flex-end;
}
.jomhero_promo_label_ati{
display:block;
letter-spacing:.25em;
font-size:0.625rem;
font-weight:700;
text-transform:uppercase;
color:#7EB8FF;
margin-bottom:8px;
}
.jomhero_promo_amount_ati{
font-size:2rem;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
color:#EDF1FA;
line-height:1.05;
overflow-wrap:break-word;
font-weight:600;
}
@media(min-width:768px){
.jomhero_promo_amount_ati{
font-size:40px;
}
}
.jomhero_promo_amount_ati em{
font-style:normal;
color:#7EB8FF;
}
.jomhero_rating_ati{
padding:10px 0.875rem;
border:1px solid rgba(14,17,23,0.08);
border-radius:14px;
gap:0.625rem;
background:#FFFFFF;
box-shadow:0 2px 6px rgba(14,17,23,0.07), 0 8px 20px rgba(14,17,23,0.06);
position:absolute;
right:14px;
align-items:center;
top:14px;
display:flex;
max-width:min(16.25rem,62%);
z-index:3;
}
.jomhero_rating_score_ati{
flex:0 0 auto;
color:#0E1117;
font-size:24px;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
font-weight:700;
}
.jomhero_rating_txt_ati{
flex:1 1 auto;
min-width:0;
}
.jomhero_rating_stars_ati{
gap:2px;
color:#2E6FE0;
display:flex;
}
.jomhero_rating_stars_ati svg{
width:12px;
height:0.75rem;
}
.jomhero_rating_cap_ati{
overflow-wrap:break-word;
display:block;
margin-top:3px;
line-height:1.35;
font-size:11px;
color:#4D5A72;
}
.jomstat_ati{
border-bottom:1px solid rgba(14,17,23,0.14);
border-top:1px solid rgba(14,17,23,0.14);
margin-top:1rem;
}
.jomstat_in_ati{
grid-template-columns:repeat(2,1fr);
display:grid;
}
@media(min-width:767px){
.jomstat_in_ati{
grid-template-columns:repeat(4,1fr);
}
}
.jomstat_item_ati{
padding:22px 14px;
border-right:1px solid rgba(14,17,23,0.08);
border-bottom:1px solid rgba(14,17,23,0.08);
min-width:0;
}
.jomstat_item_ati:nth-child(2n){
border-right:0;
}
.jomstat_item_ati:nth-child(n+3){
border-bottom:0;
}
@media(min-width:766px){
.jomstat_item_ati{
border-bottom:0;
}
.jomstat_item_ati:nth-child(2n){
border-right:1px solid rgba(14,17,23,0.08);
}
.jomstat_item_ati:nth-child(4n){
border-right:0;
}
}
.jomstat_value_ati{
overflow-wrap:break-word;
line-height:1;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
font-weight:700;
color:#0E1117;
font-size:30px;
}
@media(min-width:771px){
.jomstat_value_ati{
font-size:34px;
}
}
.jomstat_label_ati{
font-size:13px;
line-height:1.4;
color:#4D5A72;
overflow-wrap:break-word;
margin-top:0.375rem;
}
.jomgrow_ati{
padding:26px 0 0.625rem;
}
.jomrow_seo_ati{
margin:10px 0 0;
font-size:14px;
color:#6B788E;
max-width:47.5rem;
line-height:1.65;
overflow-wrap:break-word;
}
.jomrow_seo_ati strong{
color:#0E1117;
font-weight:700;
}
.jomgrow_ati{
padding:1.625rem 0 0.625rem;
}
.jomrow_seo_ati{
margin:0.625rem 0 0;
line-height:1.65;
max-width:760px;
color:#6B788E;
font-size:14px;
overflow-wrap:break-word;
}
.jomrow_seo_ati strong{
color:#0E1117;
font-weight:700;
}
.jompr_ati{
padding:1.875rem 0 6px;
}
.jompr_card_ati{
gap:10px;
padding:26px;
overflow:hidden;
background:#FFFFFF;
flex:0 0 auto;
border:1px solid rgba(14,17,23,0.08);
border-radius:1.25rem;
flex-direction:column;
min-height:200px;
position:relative;
width:280px;
display:flex;
}
@media(min-width:769px){
.jompr_card_ati{
width:18.75rem;
}
}
.jompr_card_feat_ati{
background:linear-gradient(150deg,#0D1631,#080C14);
border-color:transparent;
color:#EDF1FA;
}
.jompr_glow_ati{
border-radius:50%;
background:radial-gradient(circle,rgba(79,140,255,0.18),transparent 70%);
position:absolute;
width:130px;
top:-30px;
height:8.125rem;
opacity:0;
right:-1.875rem;
pointer-events:none;
}
.jompr_card_feat_ati .jompr_glow_ati{
opacity:1;
}
.jompr_label_ati{
font-size:10px;
color:#2E6FE0;
letter-spacing:.16em;
position:relative;
font-weight:700;
text-transform:uppercase;
}
.jompr_card_feat_ati .jompr_label_ati{
color:#7EB8FF;
}
.jompr_amount_ati{
font-size:1.625rem;
color:#0E1117;
font-weight:600;
overflow-wrap:break-word;
position:relative;
line-height:1.08;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
}
.jompr_card_feat_ati .jompr_amount_ati{
color:#EDF1FA;
}
.jompr_amount_ati em{
font-style:normal;
color:#2E6FE0;
}
.jompr_card_feat_ati .jompr_amount_ati em{
color:#7EB8FF;
}
.jompr_terms_ati{
color:#4D5A72;
position:relative;
font-size:0.813rem;
line-height:1.5;
}
.jompr_card_feat_ati .jompr_terms_ati{
color:#8FA3C8;
}
.jompr_cta_ati{
margin-top:auto;
align-self:flex-start;
position:relative;
}
.jompr_card_feat_ati .jompr_cta_ati{
background:#7EB8FF;
border-radius:999px;
transition:opacity .22s ease;
padding:9px 1.125rem;
font-weight:700;
font-size:0.813rem;
color:#0A0D14;
}
.jompr_card_feat_ati .jompr_cta_ati:hover{
opacity:.9;
}
.jompr_card_ati:not(.jompr_card_feat_ati) .jompr_cta_ati{
transition:color .22s ease,border-color .22s ease;
font-weight:700;
color:#0E1117;
font-size:0.813rem;
border-bottom:1px solid #0E1117;
padding-bottom:2px;
}
.jompr_card_ati:not(.jompr_card_feat_ati) .jompr_cta_ati:hover{
border-color:#2E6FE0;
color:#2E6FE0;
}
.jomjp_ati{
padding:1.875rem 0 0.625rem;
}
.jomjp_grid_ati{
gap:1rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:765px){
.jomjp_grid_ati{
grid-template-columns:1fr 1fr;
}
.jomjp_card_mega_ati{
grid-column:1/-1;
}
}
@media(min-width:1002px){
.jomjp_grid_ati{
grid-template-columns:1.4fr 1fr 1fr;
}
.jomjp_card_mega_ati{
grid-column:auto;
}
}
.jomjp_card_ati{
padding:26px;
gap:12px;
border-radius:20px;
overflow:hidden;
border:1px solid rgba(14,17,23,0.08);
background:#FFFFFF;
position:relative;
min-height:200px;
display:flex;
min-width:0;
justify-content:space-between;
flex-direction:column;
}
.jomjp_card_mega_ati{
background:linear-gradient(135deg,#0D1631,#080C14);
border-color:transparent;
min-height:13.125rem;
color:#EDF1FA;
}
.jomjp_glow_ati{
background:radial-gradient(circle,rgba(79,140,255,0.18),transparent 70%);
border-radius:50%;
right:-2.5rem;
pointer-events:none;
position:absolute;
width:200px;
top:-2.5rem;
height:200px;
}
.jomjp_label_ati{
gap:0.625rem;
display:flex;
text-transform:uppercase;
flex-wrap:wrap;
justify-content:space-between;
font-weight:700;
position:relative;
color:#2E6FE0;
font-size:0.625rem;
align-items:center;
letter-spacing:.16em;
}
.jomjp_card_mega_ati .jomjp_label_ati{
color:#7EB8FF;
}
.jomjp_drop_ati{
color:#4D5A72;
font-weight:600;
text-transform:none;
letter-spacing:.04em;
}
.jomjp_card_mega_ati .jomjp_drop_ati{
color:#8FA3C8;
}
.jomjp_amount_ati{
line-height:1;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
color:#0E1117;
font-size:2.375rem;
position:relative;
overflow-wrap:break-word;
font-weight:700;
}
.jomjp_card_mega_ati .jomjp_amount_ati{
animation:zm2-pulse 2.4s infinite;
color:#7EB8FF;
font-size:3rem;
}
@media(min-width:769px){
.jomjp_card_mega_ati .jomjp_amount_ati{
font-size:54px;
}
}
.jomjp_game_ati{
color:#4D5A72;
font-size:13px;
position:relative;
}
.jomjp_card_mega_ati .jomjp_game_ati{
color:#8FA3C8;
}
.jomjp_cta_ati{
align-self:flex-start;
position:relative;
}
.jomjp_card_mega_ati .jomjp_cta_ati{
transition:opacity .22s ease;
border-radius:999px;
background:#7EB8FF;
padding:0.625rem 20px;
color:#0A0D14;
font-weight:700;
font-size:13px;
}
.jomjp_card_mega_ati .jomjp_cta_ati:hover{
opacity:.9;
}
.jomjp_card_ati:not(.jomjp_card_mega_ati) .jomjp_cta_ati{
transition:color .22s ease,border-color .22s ease;
font-weight:700;
border-bottom:1px solid #0E1117;
color:#0E1117;
padding-bottom:2px;
font-size:0.813rem;
}
.jomjp_card_ati:not(.jomjp_card_mega_ati) .jomjp_cta_ati:hover{
border-color:#2E6FE0;
color:#2E6FE0;
}
.jomjp_seo_ati{
margin:14px 0 0;
line-height:1.65;
overflow-wrap:break-word;
color:#6B788E;
max-width:47.5rem;
font-size:14px;
}
.jomjp_seo_ati strong{
color:#0E1117;
font-weight:700;
}
.jomgrow_ati{
padding:26px 0 10px;
}
.jomrow_seo_ati{
margin:10px 0 0;
font-size:0.875rem;
color:#6B788E;
max-width:47.5rem;
overflow-wrap:break-word;
line-height:1.65;
}
.jomrow_seo_ati strong{
color:#0E1117;
font-weight:700;
}
.jomgm_ati{
padding:1.875rem 0 0.625rem;
}
.jomgm_in_ati{
gap:1.125rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:881px){
.jomgm_in_ati{
grid-template-columns:1.25fr 1fr;
}
}
.jomgm_left_ati{
background:#FFFFFF;
border-radius:20px;
padding:2rem;
border:1px solid rgba(14,17,23,0.08);
min-width:0;
}
.jomgm_eyebrow_ati{
margin-bottom:0.625rem;
}
.jomgm_h2_ati{
font-weight:600;
line-height:1.06;
font-size:1.625rem;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
margin-bottom:0.5rem;
color:#0E1117;
}
@media(min-width:769px){
.jomgm_h2_ati{
font-size:28px;
}
}
.jomgm_text_ati{
font-size:14px;
line-height:1.6;
max-width:30rem;
color:#6B788E;
margin-bottom:1.375rem;
}
.jomgm_level_ati{
font-size:1.375rem;
margin-bottom:0.5rem;
font-weight:700;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
color:#2E6FE0;
}
.jomgm_bar_ati{
overflow:hidden;
border-radius:999px;
background:rgba(14,17,23,0.14);
margin-bottom:6px;
height:8px;
}
.jomgm_bar_fill_ati{
border-radius:999px;
background:linear-gradient(90deg,#2E6FE0,#7EB8FF);
height:100%;
}
.jomgm_bar_meta_ati{
gap:0.625rem;
font-size:11px;
margin-bottom:18px;
color:#4D5A72;
justify-content:space-between;
display:flex;
}
.jomgm_missions_ati{
gap:10px;
display:flex;
flex-wrap:wrap;
}
.jomgm_mission_ati{
border:1px solid rgba(14,17,23,0.14);
padding:0.563rem 15px;
gap:0.438rem;
background:#F2F4F7;
border-radius:999px;
font-weight:600;
color:#242C3D;
font-size:0.781rem;
display:inline-flex;
align-items:center;
}
.jomgm_mission_ic_ati{
color:#2E6FE0;
display:inline-flex;
align-items:center;
}
.jomgm_mission_ic_ati svg{
width:13px;
height:13px;
}
.jomgm_right_ati{
border-radius:1.25rem;
padding:2rem;
overflow:hidden;
background:linear-gradient(150deg,#0D1631,#080C14);
display:flex;
color:#EDF1FA;
position:relative;
flex-direction:column;
}
.jomgm_glow_ati{
background:radial-gradient(circle,rgba(79,140,255,0.18),transparent 70%);
border-radius:50%;
height:150px;
right:-1.875rem;
pointer-events:none;
width:9.375rem;
top:-1.875rem;
position:absolute;
}
.jomgm_ref_eyebrow_ati{
position:relative;
margin-bottom:0.625rem;
}
.jomgm_ref_h2_ati{
color:#EDF1FA;
margin-bottom:0.5rem;
line-height:1.1;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
font-size:1.625rem;
position:relative;
font-weight:600;
}
.jomgm_ref_text_ati{
line-height:1.55;
color:#8FA3C8;
font-size:13.5px;
margin-bottom:1.25rem;
position:relative;
}
.jomgm_ref_cta_ati{
background:#7EB8FF;
border-radius:62.438rem;
transition:opacity .22s ease;
padding:11px 1.375rem;
color:#0A0D14;
align-self:flex-start;
font-weight:700;
font-size:13.5px;
margin-top:auto;
position:relative;
}
.jomgm_ref_cta_ati:hover{
opacity:.9;
}
.jomvip_ati{
padding:48px 0;
}
@media(min-width:769px){
.jomvip_ati{
padding:4rem 0;
}
}
.jomvip_head_ati{
gap:0.875rem;
flex-direction:column;
display:flex;
margin-bottom:30px;
}
@media(min-width:879px){
.jomvip_head_ati{
gap:24px;
align-items:flex-end;
justify-content:space-between;
flex-direction:row;
}
}
.jomvip_eyebrow_ati{
margin-bottom:0.75rem;
}
.jomvip_h2_ati{
overflow-wrap:break-word;
font-size:2rem;
line-height:1.05;
color:#EDF1FA;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
font-weight:600;
}
@media(min-width:771px){
.jomvip_h2_ati{
font-size:40px;
}
}
.jomvip_intro_ati{
max-width:420px;
color:#8FA3C8;
line-height:1.6;
font-size:0.875rem;
}
.jomvip_grid_ati{
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:0.875rem;
display:grid;
}
.jomvip_card_ati{
border-radius:0.875rem;
padding:1.375rem 18px;
border:1px solid rgba(200,218,255,0.14);
min-width:0;
}
.jomvip_card_feat_ati{
background:rgba(220,230,255,0.08);
border-color:#7EB8FF;
}
.jomvip_card_ic_ati{
background:linear-gradient(135deg,#2E6FE0,#7EB8FF);
border-radius:8px;
height:34px;
display:block;
margin-bottom:16px;
width:2.125rem;
}
.jomvip_name_ati{
font-family:"Spectral", Georgia, 'Times New Roman', serif;
font-weight:600;
margin-bottom:0.375rem;
font-size:1.25rem;
overflow-wrap:break-word;
color:#EDF1FA;
}
.jomvip_perk_ati{
color:#8FA3C8;
line-height:1.5;
font-size:12.5px;
overflow-wrap:break-word;
}
.jomsea_ati{
padding:24px 0 10px;
}
.jomsea_in_ati{
gap:1.375rem;
padding:2.25rem;
background:linear-gradient(115deg,#0D1631,#080C14);
border-radius:1.25rem;
overflow:hidden;
flex-direction:column;
position:relative;
color:#EDF1FA;
display:flex;
}
@media(min-width:822px){
.jomsea_in_ati{
padding:2.75rem 48px;
gap:32px;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
}
.jomsea_glow_ati{
border-radius:50%;
background:radial-gradient(circle,rgba(79,140,255,0.18),transparent 68%);
right:3.75rem;
width:240px;
transform:translateY(-50%);
height:240px;
position:absolute;
top:50%;
pointer-events:none;
}
.jomsea_copy_ati{
min-width:0;
position:relative;
max-width:35rem;
}
.jomsea_eyebrow_ati{
margin-bottom:12px;
}
.jomsea_h2_ati{
color:#EDF1FA;
font-size:1.875rem;
font-weight:600;
margin-bottom:0.75rem;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
line-height:1.04;
}
@media(min-width:768px){
.jomsea_h2_ati{
font-size:38px;
}
}
.jomsea_text_ati{
color:#8FA3C8;
font-size:0.938rem;
line-height:1.6;
}
.jomsea_cta_ati{
flex:0 0 auto;
background:#7EB8FF;
padding:1rem 32px;
border-radius:999px;
transition:opacity .22s ease;
color:#0A0D14;
font-size:0.938rem;
font-weight:700;
position:relative;
}
.jomsea_cta_ati:hover{
opacity:.9;
}
.jomapp_ati{
padding:1.875rem 0 10px;
}
.jomapp_in_ati{
border-radius:1.25rem;
border:1px solid rgba(14,17,23,0.08);
padding:2rem;
gap:1.75rem;
background:#FFFFFF;
flex-direction:column;
display:flex;
}
@media(min-width:769px){
.jomapp_in_ati{
padding:2.5rem 2.75rem;
gap:2.5rem;
align-items:center;
flex-direction:row;
justify-content:space-between;
}
}
.jomapp_copy_ati{
min-width:0;
max-width:560px;
}
.jomapp_eyebrow_ati{
margin-bottom:0.75rem;
}
.jomapp_h2_ati{
margin-bottom:12px;
font-size:28px;
overflow-wrap:break-word;
color:#0E1117;
font-weight:600;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
line-height:1.05;
}
@media(min-width:769px){
.jomapp_h2_ati{
font-size:34px;
}
}
.jomapp_text_ati{
margin-bottom:1.375rem;
color:#6B788E;
font-size:14px;
line-height:1.6;
}
.jomapp_btns_ati{
gap:0.75rem;
display:flex;
flex-wrap:wrap;
}
.jomapp_btn_ati{
gap:0.625rem;
background:#0E1117;
padding:11px 20px;
border-radius:14px;
transition:background-color .22s ease;
display:inline-flex;
align-items:center;
color:#EDF1FA;
}
.jomapp_btn_ati:hover{
background:#1E2740;
}
.jomapp_btn_ic_ati{
align-items:center;
display:inline-flex;
}
.jomapp_btn_ic_ati svg{
height:1.125rem;
width:18px;
}
.jomapp_btn_lb_ati{
font-size:13.5px;
font-weight:700;
}
.jomapp_qr_wrap_ati{
flex:0 0 auto;
gap:18px;
align-items:center;
display:flex;
}
.jomapp_qr_ati{
flex:0 0 auto;
border-radius:14px;
background-color:#0E1117;
width:108px;
background-image:repeating-linear-gradient(0deg,#FFFFFF 0 5px,transparent 0.313rem 11px),repeating-linear-gradient(90deg,#FFFFFF 0 0.313rem,transparent 5px 0.688rem);
height:108px;
}
.jomapp_qr_cap_ati{
line-height:1.4;
font-size:0.781rem;
color:#4D5A72;
max-width:5.75rem;
}
.jomnl_ati{
padding:1.5rem 0 10px;
}
.jomnl_in_ati{
border-radius:20px;
gap:1.375rem;
background:#111827;
padding:1.875rem 32px;
flex-direction:column;
color:#EDF1FA;
display:flex;
}
@media(min-width:770px){
.jomnl_in_ati{
gap:1.75rem;
justify-content:space-between;
flex-direction:row;
align-items:center;
}
}
.jomnl_text_wrap_ati{
min-width:0;
}
.jomnl_h3_ati{
margin-bottom:0.313rem;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
line-height:1.1;
font-weight:600;
font-size:1.375rem;
overflow-wrap:break-word;
color:#EDF1FA;
}
@media(min-width:769px){
.jomnl_h3_ati{
font-size:1.5rem;
}
}
.jomnl_text_ati{
font-size:13.5px;
color:#8FA3C8;
line-height:1.5;
}
.jomnl_form_ati{
flex:1 1 auto;
gap:0.625rem;
display:flex;
min-width:0;
max-width:460px;
}
.jomnl_input_ati{
flex:1 1 auto;
background:rgba(220,230,255,0.08);
border:1px solid rgba(200,218,255,0.14);
padding:0.813rem 16px;
border-radius:14px;
overflow:hidden;
font-size:0.875rem;
text-overflow:ellipsis;
white-space:nowrap;
color:#8FA3C8;
align-items:center;
min-width:0;
display:flex;
}
.jomnl_btn_ati{
background:#7EB8FF;
padding:0.813rem 1.5rem;
border-radius:14px;
transition:opacity .22s ease;
flex:0 0 auto;
font-weight:700;
white-space:nowrap;
color:#0A0D14;
font-size:0.875rem;
}
.jomnl_btn_ati:hover{
opacity:.9;
}
.jomtt_ati{
padding:3rem 0 10px;
}
@media(min-width:769px){
.jomtt_ati{
padding:60px 0 0.625rem;
}
}
.jomtt_head_ati{
margin-bottom:34px;
text-align:center;
}
.jomtt_eyebrow_ati{
margin-bottom:0.75rem;
}
.jomtt_h2_ati{
font-size:32px;
line-height:1.05;
font-weight:600;
overflow-wrap:break-word;
color:#0E1117;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
}
@media(min-width:767px){
.jomtt_h2_ati{
font-size:42px;
}
}
.jomtt_grid_ati{
gap:1.125rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:758px){
.jomtt_grid_ati{
grid-template-columns:repeat(3,1fr);
}
}
.jomtt_card_ati{
background:#FFFFFF;
padding:1.875rem;
border:1px solid rgba(14,17,23,0.08);
border-radius:14px;
min-width:0;
flex-direction:column;
display:flex;
}
.jomtt_card_ic_ati{
display:inline-flex;
align-items:center;
margin-bottom:1.125rem;
color:#2E6FE0;
}
.jomtt_card_ic_ati svg{
height:28px;
width:1.75rem;
}
.jomtt_card_h_ati{
color:#0E1117;
font-weight:600;
line-height:1.15;
font-size:1.375rem;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
margin-bottom:8px;
overflow-wrap:break-word;
}
.jomtt_card_p_ati{
overflow-wrap:break-word;
color:#6B788E;
margin-bottom:0.875rem;
font-size:14px;
line-height:1.6;
}
.jomtt_card_p_ati b{
color:#0E1117;
font-weight:700;
}
.jomtt_card_link_ati{
transition:color .22s ease;
border-bottom:1px solid #2E6FE0;
color:#0E1117;
align-self:flex-start;
margin-top:auto;
font-size:13px;
padding-bottom:2px;
font-weight:700;
}
.jomtt_card_link_ati:hover{
color:#2E6FE0;
}
.jomhts_ati{
padding:3rem 0;
}
@media(min-width:766px){
.jomhts_ati{
padding:62px 0;
}
}
.jomhts_head_ati{
gap:18px;
margin-bottom:2.125rem;
flex-direction:column;
display:flex;
}
@media(min-width:767px){
.jomhts_head_ati{
gap:1.5rem;
align-items:flex-end;
flex-direction:row;
justify-content:space-between;
}
}
.jomhts_eyebrow_ati{
margin-bottom:12px;
}
.jomhts_h2_ati{
overflow-wrap:break-word;
font-weight:600;
color:#EDF1FA;
line-height:1.05;
font-size:1.875rem;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
}
@media(min-width:768px){
.jomhts_h2_ati{
font-size:2.375rem;
}
}
.jomhts_cta_ati{
transition:opacity .22s ease;
padding:15px 30px;
border-radius:62.438rem;
background:#7EB8FF;
flex:0 0 auto;
color:#0A0D14;
font-size:0.938rem;
font-weight:700;
}
.jomhts_cta_ati:hover{
opacity:.9;
}
.jomhts_grid_ati{
gap:1.5rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:757px){
.jomhts_grid_ati{
grid-template-columns:repeat(3,1fr);
}
}
.jomhts_step_ati{
min-width:0;
border-top:1px solid rgba(200,218,255,0.14);
padding-top:1.375rem;
}
.jomhts_step_num_ati{
font-family:"Spectral", Georgia, 'Times New Roman', serif;
line-height:1;
margin-bottom:14px;
font-size:44px;
font-weight:700;
color:#7EB8FF;
}
.jomhts_step_h_ati{
overflow-wrap:break-word;
font-size:19px;
font-weight:700;
line-height:1.2;
color:#EDF1FA;
margin-bottom:8px;
}
.jomhts_step_p_ati{
font-size:14px;
color:#8FA3C8;
line-height:1.55;
overflow-wrap:break-word;
}
.jomts_ati{
padding:2.75rem 0;
}
.jomts_in_ati{
gap:32px;
grid-template-columns:1fr;
align-items:center;
display:grid;
}
@media(min-width:881px){
.jomts_in_ati{
gap:48px;
grid-template-columns:1.4fr 1fr;
}
}
.jomts_left_ati{
min-width:0;
}
.jomts_h2_ati{
overflow-wrap:break-word;
margin-bottom:12px;
font-size:26px;
line-height:1.1;
color:#EDF1FA;
font-weight:600;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
}
@media(min-width:769px){
.jomts_h2_ati{
font-size:28px;
}
}
.jomts_text_ati{
max-width:520px;
margin-bottom:1.375rem;
color:#8FA3C8;
font-size:0.906rem;
line-height:1.6;
}
.jomts_badges_ati{
gap:1.125rem;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.jomts_badge_ati{
color:#8FA3C8;
font-size:13px;
font-weight:600;
}
.jomts_pay_ati{
gap:12px;
display:flex;
flex-wrap:wrap;
}
@media(min-width:877px){
.jomts_pay_ati{
justify-content:flex-end;
}
}
.jomts_pay_chip_ati{
padding:0.75rem 16px;
background:rgba(220,230,255,0.08);
border:1px solid rgba(200,218,255,0.14);
border-radius:0.875rem;
font-weight:700;
color:#EDF1FA;
font-size:0.875rem;
}
.jomwy_ati{
padding:3rem 0;
}
@media(min-width:766px){
.jomwy_ati{
padding:56px 0;
}
}
.jomwy_in_ati{
gap:32px;
grid-template-columns:1fr;
align-items:start;
display:grid;
}
@media(min-width:900px){
.jomwy_in_ati{
grid-template-columns:.8fr 1.2fr;
gap:3rem;
}
}
.jomwy_left_ati{
min-width:0;
}
.jomwy_eyebrow_ati{
margin-bottom:14px;
}
.jomwy_h2_ati{
overflow-wrap:break-word;
font-size:2rem;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
line-height:1.05;
font-weight:600;
margin-bottom:16px;
color:#0E1117;
}
@media(min-width:768px){
.jomwy_h2_ati{
font-size:2.5rem;
}
}
.jomwy_intro_ati{
font-size:15px;
color:#6B788E;
line-height:1.6;
}
.jomwy_grid_ati{
gap:1.125rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:558px){
.jomwy_grid_ati{
grid-template-columns:1fr 1fr;
}
}
.jomwy_card_ati{
border-radius:14px;
padding:1.625rem;
background:#FFFFFF;
border:1px solid rgba(14,17,23,0.08);
min-width:0;
}
.jomwy_card_ic_ati{
color:#2E6FE0;
justify-content:center;
display:inline-flex;
margin-bottom:16px;
align-items:center;
}
.jomwy_card_ic_ati svg{
width:26px;
height:26px;
}
.jomwy_card_h_ati{
font-family:"Spectral", Georgia, 'Times New Roman', serif;
line-height:1.15;
color:#0E1117;
overflow-wrap:break-word;
font-weight:600;
margin-bottom:8px;
font-size:1.313rem;
}
.jomwy_card_p_ati{
color:#6B788E;
line-height:1.55;
font-size:14px;
overflow-wrap:break-word;
}
.jomprov_ati{
padding:2.5rem 0 20px;
}
.jomprov_eyebrow_ati{
margin-bottom:1.125rem;
display:block;
}
.jomprov_grid_ati{
grid-template-columns:repeat(2,1fr);
gap:12px;
display:grid;
}
@media(min-width:557px){
.jomprov_grid_ati{
grid-template-columns:repeat(3,1fr);
}
}
@media(min-width:901px){
.jomprov_grid_ati{
grid-template-columns:repeat(6,1fr);
}
}
.jomrv_ati{
padding:3rem 0;
background:#FFFFFF;
margin-top:1.5rem;
border-bottom:1px solid rgba(14,17,23,0.08);
border-top:1px solid rgba(14,17,23,0.08);
}
@media(min-width:768px){
.jomrv_ati{
padding:3.5rem 0;
}
}
.jomrv_head_ati{
gap:16px;
flex-direction:column;
margin-bottom:30px;
display:flex;
}
@media(min-width:768px){
.jomrv_head_ati{
gap:1.25rem;
justify-content:space-between;
align-items:flex-end;
flex-direction:row;
}
}
.jomrv_eyebrow_ati{
margin-bottom:0.625rem;
}
.jomrv_h2_ati{
font-size:1.875rem;
line-height:1.05;
font-weight:600;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
color:#0E1117;
}
@media(min-width:767px){
.jomrv_h2_ati{
font-size:2.375rem;
}
}
.jomrv_agg_ati{
gap:12px;
display:flex;
align-items:center;
}
.jomrv_agg_stars_ati{
gap:3px;
display:flex;
color:#2E6FE0;
}
.jomrv_agg_stars_ati svg{
height:1.125rem;
width:18px;
}
.jomrv_source_ati{
color:#6B788E;
font-size:0.813rem;
}
.jomrv_grid_ati{
grid-template-columns:1fr;
gap:18px;
display:grid;
}
@media(min-width:760px){
.jomrv_grid_ati{
grid-template-columns:repeat(3,1fr);
}
}
.jomrv_card_ati{
border:1px solid rgba(14,17,23,0.08);
background:#F2F4F7;
border-radius:14px;
padding:1.625rem;
min-width:0;
}
.jomrv_card_stars_ati{
gap:2px;
color:#2E6FE0;
display:flex;
margin-bottom:0.75rem;
}
.jomrv_card_stars_ati svg{
width:0.875rem;
height:14px;
}
.jomrv_card_body_ati{
font-size:18px;
overflow-wrap:break-word;
line-height:1.45;
margin-bottom:16px;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
font-weight:500;
color:#0E1117;
}
.jomrv_card_meta_ati{
gap:10px;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.jomrv_card_av_ati{
border-radius:50%;
background:linear-gradient(135deg,#2E6FE0,#7EB8FF);
flex:0 0 auto;
width:32px;
height:2rem;
}
.jomrv_card_author_ati{
color:#0E1117;
font-weight:700;
font-size:0.813rem;
}
.jomrv_card_loc_ati{
color:#4D5A72;
font-size:12px;
}
.jompmt_ati{
padding:48px 0 0.625rem;
}
.jompmt_in_ati{
gap:2rem;
grid-template-columns:1fr;
display:grid;
align-items:start;
}
@media(min-width:881px){
.jompmt_in_ati{
grid-template-columns:1fr 1.1fr;
gap:3rem;
}
}
.jompmt_left_ati{
min-width:0;
}
.jompmt_eyebrow_ati{
margin-bottom:0.75rem;
}
.jompmt_h2_ati{
overflow-wrap:break-word;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
color:#0E1117;
font-weight:600;
line-height:1.06;
margin-bottom:12px;
font-size:1.875rem;
}
@media(min-width:769px){
.jompmt_h2_ati{
font-size:2rem;
}
}
.jompmt_text_ati{
line-height:1.6;
margin-bottom:1.375rem;
font-size:0.906rem;
color:#6B788E;
}
.jompmt_logos_ati{
grid-template-columns:repeat(2,1fr);
gap:0.625rem;
display:grid;
}
@media(min-width:480px){
.jompmt_logos_ati{
grid-template-columns:repeat(4,1fr);
}
}
.jompmt_logo_ati{
background:#FFFFFF;
border-radius:0.5rem;
border:1px solid rgba(14,17,23,0.08);
overflow:hidden;
padding:0 0.5rem;
color:#242C3D;
text-align:center;
font-weight:700;
align-items:center;
height:3.125rem;
justify-content:center;
display:flex;
white-space:nowrap;
font-size:0.781rem;
text-overflow:ellipsis;
}
.jompmt_table_ati{
border-radius:0.875rem;
border:1px solid rgba(14,17,23,0.08);
overflow:hidden;
min-width:0;
}
.jompmt_thead_ati{
grid-template-columns:1.4fr 1fr 1fr 1fr;
background:#D6DAE3;
display:grid;
}
.jompmt_th_ati{
padding:0.813rem 14px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-weight:700;
text-transform:uppercase;
letter-spacing:.08em;
color:#EDF1FA;
font-size:10px;
}
.jompmt_row_ati{
grid-template-columns:1.4fr 1fr 1fr 1fr;
border-top:1px solid rgba(14,17,23,0.08);
display:grid;
}
.jompmt_row_ati:nth-child(odd){
background:#FFFFFF;
}
.jompmt_td_ati{
padding:14px;
font-size:13.5px;
overflow-wrap:break-word;
color:#6B788E;
min-width:0;
}
.jompmt_row_ati .jompmt_td_ati:first-child{
font-weight:700;
color:#0E1117;
}
.jompmt_row_ati .jompmt_td_ati:last-child{
font-weight:700;
color:#1A9E6B;
}
.jomlh_ati{
padding:2.5rem 0 1.25rem;
}
.jomlh_in_ati{
padding-top:2.125rem;
border-top:1px solid rgba(14,17,23,0.14);
}
.jomlh_eyebrow_ati{
margin-bottom:1.375rem;
display:block;
}
.jomlh_grid_ati{
grid-template-columns:1fr 1fr;
gap:1.75rem;
display:grid;
}
@media(min-width:601px){
.jomlh_grid_ati{
grid-template-columns:repeat(3,1fr);
}
}
@media(min-width:963px){
.jomlh_grid_ati{
grid-template-columns:repeat(5,1fr);
}
}
.jomlh_col_ati{
min-width:0;
}
.jomlh_col_h_ati{
font-weight:700;
color:#0E1117;
margin-bottom:12px;
font-size:0.813rem;
overflow-wrap:break-word;
}
.jomlh_links_ati{
gap:8px;
flex-direction:column;
display:flex;
}
.jomlh_link_ati{
transition:color .22s ease;
color:#6B788E;
font-size:13px;
overflow-wrap:break-word;
}
.jomlh_link_ati:hover{
color:#2E6FE0;
}
.jomel_ati{
padding:48px 0;
}
@media(min-width:770px){
.jomel_ati{
padding:56px 0;
}
}
.jomel_in_ati{
grid-template-columns:1fr;
gap:2.5rem;
display:grid;
align-items:start;
}
@media(min-width:901px){
.jomel_in_ati{
grid-template-columns:1fr 1fr;
gap:3.5rem;
}
}
.jomel_left_ati{
min-width:0;
}
.jomel_eyebrow_ati{
margin-bottom:0.875rem;
}
.jomel_h2_ati{
font-family:"Spectral", Georgia, 'Times New Roman', serif;
font-weight:600;
font-size:2rem;
color:#0E1117;
margin-bottom:1.375rem;
line-height:1.08;
overflow-wrap:break-word;
}
@media(min-width:765px){
.jomel_h2_ati{
font-size:38px;
}
}
.jomel_body_ati p{
color:#242C3D;
margin-bottom:1.125rem;
line-height:1.7;
overflow-wrap:break-word;
font-size:16px;
}
.jomel_dropcap_ati{
padding:0.375rem 0.75rem 0 0;
float:left;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
font-weight:700;
line-height:.8;
font-size:62px;
color:#2E6FE0;
}
.jomel_right_ati{
min-width:0;
}
.jomel_quote_ati{
border-radius:20px;
padding:2.25rem;
background:linear-gradient(150deg,#0D1631,#080C14);
position:relative;
color:#EDF1FA;
margin-bottom:24px;
}
.jomel_quote_mark_ati{
color:#7EB8FF;
margin-bottom:0.375rem;
align-items:center;
display:inline-flex;
}
.jomel_quote_mark_ati svg{
height:2.125rem;
width:34px;
}
.jomel_quote_text_ati{
line-height:1.4;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
font-size:1.375rem;
font-weight:500;
margin-bottom:22px;
color:#EDF1FA;
}
.jomel_quote_meta_ati{
gap:0.75rem;
align-items:center;
display:flex;
}
.jomel_quote_av_ati{
background:linear-gradient(135deg,#2E6FE0,#7EB8FF);
flex:0 0 auto;
border-radius:50%;
width:38px;
height:2.375rem;
}
.jomel_quote_author_ati{
font-weight:700;
font-size:0.875rem;
color:#EDF1FA;
}
.jomel_quote_meta_sub_ati{
color:#8FA3C8;
font-size:0.75rem;
}
.jomel_explain_ati{
overflow:hidden;
border:1px solid rgba(14,17,23,0.08);
border-radius:0.875rem;
}
.jomel_explain_card_ati{
padding:1.375rem 24px;
}
.jomel_explain_card_ati+.jomel_explain_card_ati{
border-top:1px solid rgba(14,17,23,0.08);
}
.jomel_explain_h_ati{
color:#0E1117;
font-size:20px;
line-height:1.15;
font-weight:600;
margin-bottom:8px;
overflow-wrap:break-word;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
}
.jomel_explain_p_ati{
line-height:1.55;
font-size:14px;
overflow-wrap:break-word;
color:#6B788E;
}
.jomsc_ati{
padding:3rem 0 10px;
}
.jomsc_head_ati{
margin-bottom:1.75rem;
text-align:center;
}
.jomsc_eyebrow_ati{
margin-bottom:12px;
}
.jomsc_h2_ati{
color:#0E1117;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
line-height:1.05;
overflow-wrap:break-word;
font-weight:600;
font-size:1.875rem;
}
@media(min-width:771px){
.jomsc_h2_ati{
font-size:2.25rem;
}
}
.jomsc_table_ati{
border:1px solid rgba(14,17,23,0.08);
border-radius:0.875rem;
margin:0 auto;
overflow:hidden;
max-width:56.25rem;
}
.jomsc_thead_ati{
grid-template-columns:1.6fr 1fr 1fr;
background:#D6DAE3;
display:grid;
}
.jomsc_th_ati{
padding:0.938rem 1.125rem;
overflow-wrap:break-word;
text-align:center;
font-weight:700;
font-size:0.813rem;
color:#8FA3C8;
}
.jomsc_th_ati:first-child{
text-align:left;
}
.jomsc_th_us_ati{
color:#7EB8FF;
}
.jomsc_row_ati{
grid-template-columns:1.6fr 1fr 1fr;
border-top:1px solid rgba(14,17,23,0.08);
display:grid;
}
.jomsc_row_ati:nth-child(even){
background:#FFFFFF;
}
.jomsc_td_ati{
padding:0.938rem 18px;
color:#4D5A72;
text-align:center;
min-width:0;
font-size:14px;
overflow-wrap:break-word;
}
.jomsc_td_ati:first-child{
text-align:left;
font-weight:600;
color:#242C3D;
}
.jomsc_td_us_ati{
font-weight:700;
color:#1A9E6B;
}
.jomsg_ati{
padding:48px 0 0.625rem;
}
.jomsg_eyebrow_ati{
display:block;
margin-bottom:12px;
}
.jomsg_h2_ati{
font-size:1.875rem;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
line-height:1.05;
font-weight:600;
margin-bottom:28px;
color:#0E1117;
}
@media(min-width:769px){
.jomsg_h2_ati{
font-size:36px;
}
}
.jomsg_grid_ati{
gap:1.5rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:722px){
.jomsg_grid_ati{
grid-template-columns:repeat(3,1fr);
}
}
.jomsg_col_ati{
min-width:0;
}
.jomsg_col_h_ati{
color:#0E1117;
line-height:1.15;
margin-bottom:0.625rem;
font-weight:600;
font-size:22px;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
}
.jomsg_col_p_ati{
overflow-wrap:break-word;
color:#6B788E;
line-height:1.65;
font-size:14px;
}
.jomsb_ati{
background:#FFFFFF;
padding:3rem 0;
margin-top:1.5rem;
border-bottom:1px solid rgba(14,17,23,0.08);
border-top:1px solid rgba(14,17,23,0.08);
}
@media(min-width:765px){
.jomsb_ati{
padding:56px 0;
}
}
.jomsb_eyebrow_ati{
margin-bottom:12px;
display:block;
}
.jomsb_h2_ati{
line-height:1.05;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
color:#0E1117;
font-size:1.875rem;
font-weight:600;
margin-bottom:1.625rem;
}
@media(min-width:767px){
.jomsb_h2_ati{
font-size:2.25rem;
}
}
.jomsb_grid_ati{
grid-template-columns:1fr;
gap:16px;
display:grid;
}
@media(min-width:562px){
.jomsb_grid_ati{
grid-template-columns:1fr 1fr;
}
}
@media(min-width:961px){
.jomsb_grid_ati{
grid-template-columns:repeat(4,1fr);
}
}
.jomsb_card_ati{
padding:24px;
border:1px solid rgba(14,17,23,0.08);
background:#F2F4F7;
border-radius:14px;
min-width:0;
}
.jomsb_card_h_ati{
font-size:1.188rem;
color:#0E1117;
line-height:1.15;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
font-weight:600;
margin-bottom:0.5rem;
overflow-wrap:break-word;
}
.jomsb_card_p_ati{
line-height:1.6;
color:#6B788E;
font-size:0.844rem;
overflow-wrap:break-word;
}
.jomsb_rtp_ati{
border-radius:14px;
background:#F2F4F7;
grid-template-columns:1fr;
padding:1.625rem 28px;
gap:1.5rem;
border:1px solid rgba(14,17,23,0.08);
display:grid;
align-items:center;
margin-top:18px;
}
@media(min-width:763px){
.jomsb_rtp_ati{
gap:2.5rem;
grid-template-columns:1fr 1fr;
}
}
.jomsb_rtp_h_ati{
color:#0E1117;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
font-size:20px;
font-weight:600;
line-height:1.15;
margin-bottom:0.5rem;
}
.jomsb_rtp_p_ati{
color:#6B788E;
overflow-wrap:break-word;
line-height:1.6;
font-size:0.844rem;
}
.jomsb_rtp_stats_ati{
gap:16px;
display:flex;
}
.jomsb_stat_ati{
padding:18px;
border-radius:8px;
background:#FFFFFF;
flex:1 1 0;
min-width:0;
text-align:center;
}
.jomsb_stat_v_ati{
color:#1A9E6B;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
font-weight:700;
font-size:26px;
}
.jomsb_stat_l_ati{
font-size:0.719rem;
margin-top:0.25rem;
color:#4D5A72;
}
.jomfaq_ati{
background:#FFFFFF;
padding:48px 0;
border-top:1px solid rgba(14,17,23,0.08);
border-bottom:1px solid rgba(14,17,23,0.08);
margin-top:1.5rem;
}
@media(min-width:768px){
.jomfaq_ati{
padding:3.875rem 0;
}
}
.jomfaq_head_ati{
margin-bottom:2.125rem;
text-align:center;
}
.jomfaq_eyebrow_ati{
margin-bottom:0.75rem;
}
.jomfaq_h2_ati{
font-size:2rem;
font-weight:600;
font-family:"Spectral", Georgia, 'Times New Roman', serif;
line-height:1.05;
color:#0E1117;
overflow-wrap:break-word;
}
@media(min-width:769px){
.jomfaq_h2_ati{
font-size:2.375rem;
}
}
.jomfaq_list_ati{
gap:12px;
margin:0 auto;
display:flex;
max-width:51.25rem;
flex-direction:column;
}
.jomfaq_item_ati{
border-radius:0.875rem;
background:#F2F4F7;
overflow:hidden;
border:1px solid rgba(14,17,23,0.08);
}
.jomfaq_q_ati{
padding:20px 1.5rem;
gap:1.25rem;
list-style:none;
cursor:pointer;
font-size:16px;
color:#0E1117;
align-items:center;
font-weight:700;
justify-content:space-between;
overflow-wrap:break-word;
display:flex;
}
.jomfaq_q_ati::-webkit-details-marker{
display:none;
}
.jomfaq_q_ic_ati{
transition:transform .22s ease;
flex:0 0 auto;
display:inline-flex;
align-items:center;
color:#2E6FE0;
}
.jomfaq_q_ic_ati svg{
height:18px;
width:1.125rem;
}
.jomfaq_item_ati[open] .jomfaq_q_ic_ati{
transform:rotate(180deg);
}
.jomfaq_a_ati{
padding:0 24px 1.25rem;
line-height:1.6;
color:#6B788E;
overflow-wrap:break-word;
font-size:14.5px;
}
.jomft_ati{
background:#D6DAE3;
margin-top:2.5rem;
color:#8FA3C8;
}
.jomft_in_ati{
padding:3rem 0 1.75rem;
gap:32px;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:603px){
.jomft_in_ati{
grid-template-columns:1fr 1fr;
}
}
@media(min-width:900px){
.jomft_in_ati{
grid-template-columns:1.4fr 1fr 1fr 1fr;
}
}
.jomft_brand_ati{
min-width:0;
}
.jomft_logo_ati{
font-family:"Spectral", Georgia, 'Times New Roman', serif;
font-weight:700;
font-size:26px;
overflow-wrap:break-word;
color:#EDF1FA;
}
.jomft_tagline_ati{
font-size:0.844rem;
color:#8FA3C8;
margin-top:14px;
line-height:1.6;
max-width:280px;
}
.jomft_contact_ati{
transition:color .22s ease;
margin-top:0.75rem;
display:inline-block;
color:#7EB8FF;
overflow-wrap:anywhere;
font-size:13px;
max-width:17.5rem;
}
.jomft_contact_ati:hover{
color:#EDF1FA;
}
.jomft_col_ati{
min-width:0;
}
.jomft_col_h_ati{
text-transform:uppercase;
overflow-wrap:break-word;
letter-spacing:.08em;
color:#EDF1FA;
font-size:13px;
margin-bottom:14px;
font-weight:700;
}
.jomft_col_links_ati{
gap:10px;
flex-direction:column;
display:flex;
}
.jomft_link_ati{
transition:color .22s ease;
font-size:13.5px;
overflow-wrap:break-word;
color:#8FA3C8;
}
.jomft_link_ati:hover{
color:#EDF1FA;
}
.jomft_bot_ati{
padding:22px 0 2.5rem;
gap:16px;
border-top:1px solid rgba(200,218,255,0.14);
flex-direction:column;
display:flex;
}
@media(min-width:765px){
.jomft_bot_ati{
gap:20px;
flex-direction:row;
justify-content:space-between;
align-items:center;
}
}
.jomft_legal_ati{
overflow-wrap:break-word;
line-height:1.6;
color:#9AA4B5;
font-size:11.5px;
max-width:760px;
}
.jomft_legal_ati b{
color:#8FA3C8;
font-weight:700;
}
.jomft_age_ati{
border-radius:0.5rem;
flex:0 0 auto;
padding:0.25rem 0.563rem;
border:1.5px solid #7EB8FF;
font-size:0.813rem;
color:#7EB8FF;
font-weight:700;
}