a {
text-decoration:none;
}
.k4432b8cb-67bd-4247-b7eb-c22a94ddfd8a {
background-color: var(--header-1-bg);
}

.k4432b8cb-67bd-4247-b7eb-c22a94ddfd8a .z36a2dfbd-e531-401c-b143-04b09b4de6f4 {
background-color: var(--header-1-btn-login-bg);
color: var(--header-1-btn-login-text);
font-weight: 500;
}

.k4432b8cb-67bd-4247-b7eb-c22a94ddfd8a .n77205399-8430-47b1-814d-178eb2990e1a {
background-color: var(--header-1-btn-signup-bg);
color: var(--header-1-btn-signup-text);
font-weight: 500;
}

.je694c6b2-04be-44d2-b51f-f793166c1b81 {
background-color: var(--header-2-bg);
}

.je694c6b2-04be-44d2-b51f-f793166c1b81 .p7c902b34-43ba-430f-abfb-bbf2bb66ea04 {
background-color: var(--header-2-btn-login-bg);
color: var(--header-2-btn-login-text);
}

.je694c6b2-04be-44d2-b51f-f793166c1b81 .m8e0ff967-a2c0-4a13-9173-9b1f27063704 {
width: 68px;
}

.je694c6b2-04be-44d2-b51f-f793166c1b81 .z36a2dfbd-e531-401c-b143-04b09b4de6f4 {
background-color: var(--header-2-btn-login-bg);
color: var(--header-2-btn-login-text);
font-weight: 500;
}

.je694c6b2-04be-44d2-b51f-f793166c1b81 .n77205399-8430-47b1-814d-178eb2990e1a {
background-color: var(--header-2-btn-signup-bg);
color: var(--header-2-btn-signup-text);
font-weight: 500;
}

.la1d752b9-f4ef-4d3c-a71d-b8b3601e459c {
background-color: var(--header-3-bg);
color: var(--header-3-text);
border-bottom: 1px solid #333;
}
.b09aa06e3-dfd6-4b49-8902-afab3b3758e7 {
background-color: var(--menu-3-bg);
color: var(--menu-3-text);
border-top: 1px solid #333;
}
.la1d752b9-f4ef-4d3c-a71d-b8b3601e459c .fea054166-061b-4b31-8fa7-4bea4dee5038 {
font-size: 1.8rem;
font-weight: bold;
}
.b09aa06e3-dfd6-4b49-8902-afab3b3758e7 .x440df9e4-caa8-480a-a580-251315124b59 {
background: var(--menu-3-btn-signup-bg);
border: none;
color: var(--menu-3-btn-signup-text);
font-weight: bold;
padding: 0.8rem 2rem;
border-radius: 0.5rem;
font-size: 1.1rem;
}
.b09aa06e3-dfd6-4b49-8902-afab3b3758e7 .x440df9e4-caa8-480a-a580-251315124b59:hover {
opacity: 0.9;
color: var(--menu-3-btn-signup-text);
}
.c04023f7f-22a7-42da-8151-4801f20ad2a7.j4803036b-96b6-4bbc-97cb-ecf365a4f215 {
flex-grow: 1; /* Занимает все доступное пространство между хедером и футером */
background-color: white; /* Белая область контента */
}
.la1d752b9-f4ef-4d3c-a71d-b8b3601e459c .m3078d78a-66d5-4ba8-8c7a-a8b88ba5314b {
background-color: var(--header-3-btn-login-bg);
color: var(--header-3-btn-login-text);
border: none;
padding: 0.6rem 1.5rem;
font-weight: bold;
border-radius: 0.4rem;
}
.la1d752b9-f4ef-4d3c-a71d-b8b3601e459c .m3078d78a-66d5-4ba8-8c7a-a8b88ba5314b:hover {
background-color: var(--header-3-btn-login-bg);
color: var(--header-3-btn-login-text);
}
.la1d752b9-f4ef-4d3c-a71d-b8b3601e459c .r133ca562-57dd-4c4d-8b81-79474cec2091 {
color: var(--header-3-text);
text-decoration: none;
font-size: 0.9rem;
display: flex;
flex-direction: column;
align-items: center;
padding: 0.5rem 0;
}
.b09aa06e3-dfd6-4b49-8902-afab3b3758e7 .xf138aaf8-3113-402d-ba04-952dc1d3390b {
color: var(--header-3-text);
text-decoration: none;
font-size: 0.9rem;
display: flex;
flex-direction: column;
align-items: center;
padding: 0.5rem 0;
}
.b09aa06e3-dfd6-4b49-8902-afab3b3758e7 .xf138aaf8-3113-402d-ba04-952dc1d3390b i {
font-size: 1.4rem;
margin-bottom: 0.2rem;
}
.b09aa06e3-dfd6-4b49-8902-afab3b3758e7 .xf138aaf8-3113-402d-ba04-952dc1d3390b:hover {
color: white;
}

/* Header */
.i0113e5ca-d27e-48ec-8522-d8b4b185a3ee {
background-color: var(--header-4-bg);
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.i0113e5ca-d27e-48ec-8522-d8b4b185a3ee .kfb209e0a-6d04-4488-b6a3-8ab9d3a7a4ff { display: inline-flex; justify-content: center; align-items: center; width: 35px; height: 35px; background-color: #55c8f8; color: #240a40; font-weight: bold; font-size: 1.2rem; border-radius: 8px; margin-right: 5px; }
.i0113e5ca-d27e-48ec-8522-d8b4b185a3ee .kfb209e0a-6d04-4488-b6a3-8ab9d3a7a4ff.r6de2fe4f-be14-4971-b7b8-144ec94844f4 { background-color: #ffde00; }
.i0113e5ca-d27e-48ec-8522-d8b4b185a3ee .pccf0ffdd-3316-4dd1-9caf-57f6a241f739 { background: var(--header-4-btn-login-bg); color: var(--header-4-btn-login-text) !important; font-weight: 500; text-decoration: none;}
.i0113e5ca-d27e-48ec-8522-d8b4b185a3ee .i5eb7a144-6b87-464e-9c9d-49e946b74d19 { background: var(--header-4-btn-signup-bg); color:#fff; font-weight:500; border:none; padding:0.5rem 1.2rem; border-radius:8px; }

/* Main content */
.faeb19896-86be-40f9-9218-ea1e034d9f7a .l136a5e35-ed13-4b85-96e9-fb8779dbc14e { background:#fff; border-radius:10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); height:100%; }

/* Footer menu-4 компактный */
.ya98fb5c0-4b84-41c6-83d3-5d26ba597a7b {
background-color: var(--menu-4-bg);
border-top: 1px solid rgba(255,255,255,0.1);
padding: 0.2rem 0; /* уменьшенные отступы */
box-shadow: 0 -2px 5px rgba(0,0,0,0.3);
display: flex;
justify-content: center;
}
.ya98fb5c0-4b84-41c6-83d3-5d26ba597a7b .z5f497eec-c7fe-4f66-a662-f8b787ccde6c { flex: 1; }
.ya98fb5c0-4b84-41c6-83d3-5d26ba597a7b .x0f59ad52-4e37-4ac5-b8cc-9bddae87870f {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
gap: 1px; /* минимальное расстояние между иконкой и текстом */
text-decoration: none;
color: #e0e0e0;
font-size: 0.65rem;
}
.ya98fb5c0-4b84-41c6-83d3-5d26ba597a7b .x0f59ad52-4e37-4ac5-b8cc-9bddae87870f:hover { color:#fe617c; }
.ya98fb5c0-4b84-41c6-83d3-5d26ba597a7b .x0f59ad52-4e37-4ac5-b8cc-9bddae87870f i { font-size:1.5rem; color: var(--menu-4-icon)}

/* Депозит */
.ya98fb5c0-4b84-41c6-83d3-5d26ba597a7b .p74776e06-ac68-425d-9ea8-28f74588bd7c { position: absolute; top: -20px; }
.ya98fb5c0-4b84-41c6-83d3-5d26ba597a7b .b362040f7-b4a3-40db-9c31-d6fee45fd723 {
width: 45px;
height: 45px;
background: var(--menu-4-btn-deposit);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
transition: transform 0.2s;
}
.ya98fb5c0-4b84-41c6-83d3-5d26ba597a7b .b362040f7-b4a3-40db-9c31-d6fee45fd723:hover { transform: scale(1.1); }
.ya98fb5c0-4b84-41c6-83d3-5d26ba597a7b .b362040f7-b4a3-40db-9c31-d6fee45fd723 i { color: var(--menu-4-icon-deposit); position: relative; top:1px; }
.ya98fb5c0-4b84-41c6-83d3-5d26ba597a7b .z5f497eec-c7fe-4f66-a662-f8b787ccde6c span { font-weight:500; font-size:0.6rem; }

.f2f15864a-dd0c-4a9e-9533-0f853fab838f {
background-color: var(--header-5-bg);
color: var(--header-5-text);
padding: 1rem 1.5rem;
}
.sdf2d9bd6-a241-4ac5-9f51-d9d511fb736e {
background-color: var(--menu-5-bg);
color: var(--menu-5-text);
padding: 0.75rem 1rem;
}
.f2f15864a-dd0c-4a9e-9533-0f853fab838f .pd27ded76-ac17-4bc7-8919-40b46e1179c8 {
display: flex;
align-items: center;
font-size: 1.5rem;
font-weight: bold;
color: var(--header-5-text);
text-decoration: none;
width: 120px;
}
.f2f15864a-dd0c-4a9e-9533-0f853fab838f .a8f79aabc-36d7-498d-90ef-c3c7f5c46318 {
background-color: var(--header-5-btn-login-bg);
color: var(--header-5-btn-login-text);
border: 1px solid #6c757d; /* Lighter border for contrast */
padding: 0.75rem 1.5rem;
border-radius: 8px;
}
.f2f15864a-dd0c-4a9e-9533-0f853fab838f .e592dddba-de1b-46dc-822e-fa3cd4d2f78e {
background-color: var(--header-5-btn-signup-bg);
color: var(--header-5-btn-signup-text);
border: none;
padding: 0.75rem 1.5rem;
border-radius: 8px;
font-weight: bold;
}
.f2f15864a-dd0c-4a9e-9533-0f853fab838f .sb8723758-789c-4a21-b728-9ffd6e4e23a8 {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(--header-5-btn-burger-bg);
display: flex;
justify-content: center;
align-items: center;
border: none;
color: var(--header-5-btn-burger-text);
font-size: 1.5rem;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.f2f15864a-dd0c-4a9e-9533-0f853fab838f .o96aa6d08-1f5d-42c9-8ace-b48fc6d959b9 {
color: var(--header-5-text);
text-decoration: none;
font-size: 1rem;
margin-left: 1rem;
}
.f2f15864a-dd0c-4a9e-9533-0f853fab838f .o96aa6d08-1f5d-42c9-8ace-b48fc6d959b9 .n01e99931-d413-4e31-8316-fb54dd490aec {
margin-right: 0.4rem;
}
.g4131b11d-b946-49d9-88f2-e415f931d8e4.j4803036b-96b6-4bbc-97cb-ecf365a4f215 {
flex-grow: 1;
background-color: white;
/* Placeholder for content area */
margin-top: 0; /* Remove default body margin */
margin-bottom: 0; /* Remove default body margin */
}
.sdf2d9bd6-a241-4ac5-9f51-d9d511fb736e .a8f79aabc-36d7-498d-90ef-c3c7f5c46318 {
background-color: var(--menu-5-btn-login-bg);
color: var(--menu-5-btn-login-text);
border: 1px solid #6c757d; /* Lighter border for contrast */
padding: 0.75rem 1.5rem;
border-radius: 8px;
}
.sdf2d9bd6-a241-4ac5-9f51-d9d511fb736e .e592dddba-de1b-46dc-822e-fa3cd4d2f78e {
background-color: var(--menu-5-btn-signup-bg);
color: var(--menu-5-btn-signup-text);
border: none;
padding: 0.75rem 1.5rem;
border-radius: 8px;
font-weight: bold;
}
.sdf2d9bd6-a241-4ac5-9f51-d9d511fb736e .sb8723758-789c-4a21-b728-9ffd6e4e23a8 {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(--menu-5-btn-burger-bg);
display: flex;
justify-content: center;
align-items: center;
border: none;
color: var(--menu-5-btn-burger-text);
font-size: 1.5rem;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.xe19989b6-0c8a-45c1-a945-b21b40b3abfc {
background-color: var(--header-6-bg);
height: 64px;
}

.p76f1c531-ce27-475c-871e-70d17b61bd2d {
color: var(--header-text);
}

.xe19989b6-0c8a-45c1-a945-b21b40b3abfc .mde0e439d-62a5-4a5a-a6e2-c8bd9929e0a0 {
background: var(--header-6-btn-login-bg);
color: var(--header-6-btn-login-text);
border: none;
border-radius: 0;
height: 64px;
width: 64px;
}

.xe19989b6-0c8a-45c1-a945-b21b40b3abfc .a898fd3ce-4d5f-4c20-ab78-48c3242fe7ec {
background: var(--header-6-btn-signup-bg);
color: var(--header-6-btn-signup-text);
border-radius: 0;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
}

.xe19989b6-0c8a-45c1-a945-b21b40b3abfc .m3078d78a-66d5-4ba8-8c7a-a8b88ba5314b {
color: var(--header-6-btn-login-text);
background-color: var(--header-6-btn-login-bg);
border: 1px solid #555;
border-radius: 0;
height: 64px;
width: 64px;
}

.xe19989b6-0c8a-45c1-a945-b21b40b3abfc .od2671022-a1d4-4ca7-9cde-c19e41702b8b {
display: inline-block;
width: 22px;
height: 22px;
border: 3px solid #f89b2f;
border-radius: 50%;
position: relative;
}

.xe19989b6-0c8a-45c1-a945-b21b40b3abfc .od2671022-a1d4-4ca7-9cde-c19e41702b8b::before,
.xe19989b6-0c8a-45c1-a945-b21b40b3abfc .od2671022-a1d4-4ca7-9cde-c19e41702b8b::after {
content: "";
position: absolute;
inset: -6px;
border: 2px dotted #f89b2f;
border-radius: 50%;
}

.od6239a41-9fc0-40b4-91a0-999e0744dbaf {
background-color: var(--header-7-bg);
}

.od6239a41-9fc0-40b4-91a0-999e0744dbaf .z36a2dfbd-e531-401c-b143-04b09b4de6f4,
.od6239a41-9fc0-40b4-91a0-999e0744dbaf .ybc094bc1-7394-40f6-ab2b-b6e1b98bbe84 {
background: var(--header-7-btn-login-bg);
color: var(--header-7-btn-login-text);
font-weight: 500;
}

.od6239a41-9fc0-40b4-91a0-999e0744dbaf .n77205399-8430-47b1-814d-178eb2990e1a {
background: var(--header-7-btn-signup-bg);
color: var(--header-7-btn-signup-text);
font-weight: 500;
}

.x155d96c1-4dce-4668-b7eb-ec1d56a234c0 {
aspect-ratio: 16 / 6;
border-radius: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;

display: flex;
flex-direction: column;
justify-content: center;
padding: 1.5rem 5vw;
}

.x155d96c1-4dce-4668-b7eb-ec1d56a234c0 .f142c8017-57d9-40dd-8f9d-d28c47c05dfd {
font-size: 5vw;
font-weight: 700;
margin-bottom: 0.5rem;
color: var(--h1-1-main-text);
}

.x155d96c1-4dce-4668-b7eb-ec1d56a234c0 .s59368428-1d69-473e-930c-ba65caa38d97 {
font-size: 4vw;
color: var(--h1-1-text);
font-weight: 500;
line-height: 1.3;
}

.v5314f2a3-e87e-418e-84d1-8a3cdf59dc44 {
aspect-ratio: 16 / 6;
border-radius: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;

display: flex;
flex-direction: column;
justify-content: center;
}

.v5314f2a3-e87e-418e-84d1-8a3cdf59dc44 .xb78bd38b-4a9e-4d71-ad8f-ade320c4653f {
margin-left: 37vw;
}

.v5314f2a3-e87e-418e-84d1-8a3cdf59dc44 .f142c8017-57d9-40dd-8f9d-d28c47c05dfd {
font-size: 4.5vw;
font-weight: 700;
margin-bottom: 0.5rem;
color: var(--h1-2-main-text);
}

.v5314f2a3-e87e-418e-84d1-8a3cdf59dc44 .s59368428-1d69-473e-930c-ba65caa38d97 {
font-size: 3vw;
color: var(--h1-2-text);
font-weight: 500;
line-height: 1.3;
}

.e6f22254a-a5a9-48a7-aae9-70b89d35993c {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.e6f22254a-a5a9-48a7-aae9-70b89d35993c .t60b2cf75-5f63-48ac-b695-775a2e8174f7 {
display: flex;
flex-wrap: wrap;
background: #fff;
border-radius: 24px;
overflow: hidden;
max-width: 950px;
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* Левая часть */
.e6f22254a-a5a9-48a7-aae9-70b89d35993c .hfb6743b2-e4a6-49ea-8f76-b5bfdd7fd104 {
flex: 1 1 350px;
padding: 40px;
border-right: 2px solid rgba(0,0,0,0.1);
}

.e6f22254a-a5a9-48a7-aae9-70b89d35993c .hfb6743b2-e4a6-49ea-8f76-b5bfdd7fd104 h5 {
font-weight: 700;
color: #000;
}

.e6f22254a-a5a9-48a7-aae9-70b89d35993c .input-group-text {
background-color: #fff;
border-right: 0;
}

.e6f22254a-a5a9-48a7-aae9-70b89d35993c .form-control {
text-align: center;
font-weight: 600;
border-left: 0;
border-right: 0;
}

.e6f22254a-a5a9-48a7-aae9-70b89d35993c .form-select {
border-left: 0;
}

.e6f22254a-a5a9-48a7-aae9-70b89d35993c .rb4f8be65-6494-45b1-91cf-c816e7b87543 {
background: linear-gradient(180deg, #FFD54F, #FFB300);
border: none;
color: #000;
font-weight: 700;
border-radius: 8px;
transition: all 0.2s;
}

.e6f22254a-a5a9-48a7-aae9-70b89d35993c .rb4f8be65-6494-45b1-91cf-c816e7b87543:hover {
background: linear-gradient(180deg, #FFE082, #FFC107);
}

.e6f22254a-a5a9-48a7-aae9-70b89d35993c .q6144a020-dad5-41cf-b983-daba33a642d0 img {
height: 16px;
margin-right: 10px;
}

/* Правая часть */
.e6f22254a-a5a9-48a7-aae9-70b89d35993c .sc7ec7491-8b1b-4daf-a83d-8266f267a849 {
flex: 1 1 350px;
background: var(--h1-3-bg);
color: var(--h1-3-color);
text-align: center;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}

.e6f22254a-a5a9-48a7-aae9-70b89d35993c .sc7ec7491-8b1b-4daf-a83d-8266f267a849 h1 {
font-weight: 800;
font-size: 3rem;
}

.e6f22254a-a5a9-48a7-aae9-70b89d35993c .sc7ec7491-8b1b-4daf-a83d-8266f267a849 p {
margin: 0;
}

.e6f22254a-a5a9-48a7-aae9-70b89d35993c .p46c8e91b-4def-4ae2-bcc1-a4246f9a263a {
gap: 11px;
}

.i75917515-1a00-472b-a10b-0184e1249e94 {
height: 50px;
}

.sface72cd-6001-4c64-a34d-f33c6dc25f11 {
height: 24px;
}
.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 {
background-color: var(--h1-4-bg);
color: #f8f9fa;
}
.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .p2f96658e-9395-4e25-bfac-60664b85061d {
background-color: #343a4070; /* Slightly lighter dark for main sections */
border-radius: 15px;
overflow: hidden;
}
.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .c34286208-a5e8-4c48-849e-6b313b16e7c0 {
background-color: #495057; /* Card background */
border-radius: 10px;
min-height: 120px;
display: flex;
align-items: center;
padding: 15px;
margin-bottom: 15px;
}
.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .jace16ea3-a3cb-4fe7-9af0-f6a2687643b0 {
width: 50px;
height: 50px;
margin-right: 15px;
border-radius: 8px;
}
.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .c66201d44-500b-47a3-a089-27e588a773cf {
background: linear-gradient(135deg, #FFD700, #DAA520); /* Gold gradient */
color: #212529;
border-radius: 10px;
padding: 15px;
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .e84418ec7-3eb6-404f-9c97-c4bc253a7e1c {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('/random-blocks/images/h1-background.jpg'); /* Placeholder for coins */
background-size: 30px 30px;
opacity: 0.3;
}
.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .a017430c7-a79f-4868-988d-a40cdd56f77c {
position: relative;
height: 400px; /* Adjust height as needed */
background-color: #343a4070;
border-radius: 15px;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .x9dfac076-ca63-44c0-8588-1b7ecec8cd06 {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: calc(3.475rem + 18.7vw);
border-radius: 50%; /* Make it round like in the image */
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
text-align: center;
color: #dee2e6;
}
.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .o235c8e95-5aac-4496-9d28-439d7971fd39 {
position: absolute;
bottom: 20px;
left: 30px;
display: flex;
}
.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .c20431a89-b77e-4fa8-adf6-e4ae800143fc {
width: 8px;
height: 8px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
margin-right: 5px;
}
.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .c20431a89-b77e-4fa8-adf6-e4ae800143fc.q2ede9c5d-11a9-440e-8be7-e266f6749003 {
background-color: #ffc107; /* Active dot color */
}
.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .kb19f62a0-555b-45c9-9c14-330ca2616aaf {
width: 80px;
height: 40px;
border-radius: 5px;
margin: 0 10px;
display: block
}

.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .a017430c7-a79f-4868-988d-a40cdd56f77c .d4a5079d3-8a1e-441c-8646-4dbc6e2777f4 {
color: var(--h1-4-main-text) !important;
}

.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .a017430c7-a79f-4868-988d-a40cdd56f77c .h3 {
color: var(--h1-4-text) !important;
}

.sac8d0ba4-1f17-4550-8db0-e19ef5e2fca0 .a017430c7-a79f-4868-988d-a40cdd56f77c p {
color: var(--h1-4-text) !important;
}

/* Custom button colors based on image */
.h0d748d56-270e-4b26-a272-8cf983a3de07 .t5ad64b03-0ec3-4823-8755-e08b4b3584e4 {
--bs-btn-bg: #FA5071;
--bs-btn-border-color: #FA5071;
--bs-btn-hover-bg: #e6395e;
--bs-btn-hover-border-color: #e6395e;
--bs-btn-active-bg: #d22246;
--bs-btn-active-border-color: #d22246;
color: #FFFFFF; /* Ensure text is white on danger button */
}
.h0d748d56-270e-4b26-a272-8cf983a3de07 .d97f1c15b-1b35-48a0-91e6-12aeb2e6b7b4 { /* For the ghost button */
--bs-btn-bg: #6C5CE7;
--bs-btn-border-color: #6C5CE7;
--bs-btn-hover-bg: #5a4ad1;
--bs-btn-hover-border-color: #5a4ad1;
--bs-btn-active-bg: #4939bb;
--bs-btn-active-border-color: #4939bb;
color: #FFFFFF; /* Ensure text is white on primary button */
}
.h0d748d56-270e-4b26-a272-8cf983a3de07 .l39b5bdfa-157a-4b37-8ce4-bafe4bee1b57 {
--bs-btn-bg: #212529; /* Explicit dark background for Steam button */
--bs-btn-border-color: #212529;
--bs-btn-hover-bg: #343a40;
--bs-btn-hover-border-color: #343a40;
color: #FFFFFF; /* Ensure text is white on dark button */
}
.h0d748d56-270e-4b26-a272-8cf983a3de07 .right {
background: var(--h1-5-bg);
}

/* Custom color utility classes */
.h0d748d56-270e-4b26-a272-8cf983a3de07 .l1d696a8d-9be6-4241-bdbc-0eba6ee78605 {
color: var(--h1-5-main-text) !important;
}
.h0d748d56-270e-4b26-a272-8cf983a3de07 .db43759b1-2e2d-419c-864e-b408d6c79ca2 {
color: #8B4513 !important;
}
.h0d748d56-270e-4b26-a272-8cf983a3de07 { /* Outer background */
background-color: var(--h1-5-bg) !important;
}
.h0d748d56-270e-4b26-a272-8cf983a3de07 .u8096f1c3-eddb-4aaf-976c-4fcb9b74edca { /* Inner container background */
background-color: #312948 !important;
}
.h0d748d56-270e-4b26-a272-8cf983a3de07 .c167c88e4-3f58-45cf-b5a8-188dd17af573 { /* Placeholder circle background */
background-color: #4A4068 !important;
}
.h0d748d56-270e-4b26-a272-8cf983a3de07 .u791edcfc-bd90-432f-8e5f-e82f958916cd { /* General light grey text */
color: var(--h1-5-text) !important;
}
/* Ensure HR separators are visible on dark backgrounds */
.h0d748d56-270e-4b26-a272-8cf983a3de07 hr {
border-color: #4A4068 !important;
opacity: 1 !important;
}

.jdd95e826-d997-411c-b460-36738e889915 {
background-color: var(--slot-1-bg);
color: var(--slot-1-text);
}

.jdd95e826-d997-411c-b460-36738e889915 .z47f42c69-257b-4df8-9670-d36892208bc7 {
color: #ffcc00;
font-weight: bold;
letter-spacing: 2px;
}

.jdd95e826-d997-411c-b460-36738e889915 .h7772b9ee-4696-4c7d-ad91-bbf33857afd1 {
border-radius: 10px;
position: relative;
height: 23vw !important;
background-size: cover!important;
background-position: center !important;
background-repeat: no-repeat !important;
}

.jdd95e826-d997-411c-b460-36738e889915 .rea047cb6-8871-4adb-81a2-fd90d14a44ac {
position: absolute;
top: -5px;
right: -5px;
background-color: #ff3333;
font-size: 0.7rem;
}

.jdd95e826-d997-411c-b460-36738e889915 .j7fe4e784-8195-47b0-9d78-c4ed177c512b {
background-color: var(--slot-1-login-bg);
font-weight: bold;
color: var(--slot-1-login-text);
width: 47%
}

.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 {
background-color:var(--slot-2-bg);
color: var(--slot-2-text);
padding: 20px;
}
.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .uc707da60-9e0d-4267-9e8e-2206001a047a i {
margin-right: 5px;
font-size: 1.1em;
}

.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .a3e4361b0-c0de-4d15-98ed-9410f07c330b {
font-size: 1.8em; /* H2-like size */
font-weight: bold;
margin-bottom: 20px;
display: flex;
align-items: center;
}
.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .a3e4361b0-c0de-4d15-98ed-9410f07c330b .z79eed2c4-df56-429b-b931-935b700090cb {
font-size: 1.3em;
margin-right: 10px;
line-height: 1; /* Align emoji vertically */
}

.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .vd137da7b-9fa9-4717-ad8a-34ae2571e3d9 {
background-color: #2a2a4a; /* Dark card background */
border: none;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .hc16d2869-ce8d-4992-93ab-f26e087514f5 {
background-color: #4a4a6a;
height: 180px; /* Height for the main card image */
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9em;
color: #cccccc;
text-align: center;
padding: 10px;
}
.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .xc67b154f-cd7a-4e1c-84a7-8b5197d0e15e {
height: 120px; /* Height for the smaller card images */
}
.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .s5b4b3be0-f944-4c18-b523-8a302d6df0da {
position: absolute;
top: 10px;
left: 10px;
background-color: #28a745; /* Bootstrap's success green for 'New' */
color: white;
padding: 5px 10px;
border-radius: 5px;
font-size: 0.75em;
font-weight: bold;
z-index: 10;
}
.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .yfcc91767-c108-4c17-b54b-ff3cf317c104 {
padding: 15px;
}
.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .p55266d4c-329e-4fb8-a72d-c0c77f927cd2 {
padding: 10px; /* Reduced padding for small cards */
}
.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .m5eb07ffe-80d8-4939-a857-fbca02c5509b {
font-size: 1.05em; /* Slightly larger for main card */
font-weight: bold;
margin-bottom: 3px;
}
.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .o0bb0aedf-53d6-45c6-9526-3be6e759eb1b {
font-size: 0.9em;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .za408eac8-6df5-4ccb-a0d8-cc8f6f78d66b {
font-size: 0.8em;
color: #aaaaaa;
}

.sf23e060e-c5a7-46c8-bfcb-0f5a16e4ca32 .gc02940c4-7e7b-4404-b2b9-cd0a88c991ae h4 {
font-size: 1.4em;
margin-bottom: 20px;
}

.b48836a81-e2a2-4314-9d0d-71ff14e35147 {
background-color: var(--slot-3-bg);
color: var(--slot-3-text);
padding: 40px 0;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 15px;
}

.b48836a81-e2a2-4314-9d0d-71ff14e35147 .u7e075122-41ed-4b5d-9f04-f678cb4c4c5c {
grid-column: span 2;
grid-row: span 2;
height: 315px !important;
}

.b48836a81-e2a2-4314-9d0d-71ff14e35147 .v7f0f13a8-0cc4-4f43-baa2-21f184c7e8f5 {
background-color: #1b1b1f;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
transition: transform 0.3s, box-shadow 0.3s;
display: flex;
flex-direction: column;
/*height: 100%;*/
height: 150px;
}

.b48836a81-e2a2-4314-9d0d-71ff14e35147 .v7f0f13a8-0cc4-4f43-baa2-21f184c7e8f5:hover {
transform: translateY(-5px);
box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
}

.b48836a81-e2a2-4314-9d0d-71ff14e35147 .e9ec69ccb-24df-48d1-b0ac-f57853cc847d {
flex: 1;
background: #3b3b3b;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 1rem;
background-size: cover!important;
background-repeat: no-repeat!important;
background-position: center !important;
}

.m5cf88546-e590-48c7-9172-2b82bd50e9da {
background-color: var(--slot-4-bg);
color: var(--slot-4-text);
padding: 40px 0;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 15px;
}

.m5cf88546-e590-48c7-9172-2b82bd50e9da .u7e075122-41ed-4b5d-9f04-f678cb4c4c5c {
grid-column: span 2;
grid-row: span 2;
height: 315px !important;
}

.m5cf88546-e590-48c7-9172-2b82bd50e9da .v7f0f13a8-0cc4-4f43-baa2-21f184c7e8f5 {
background-color: #1b1b1f;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
transition: transform 0.3s, box-shadow 0.3s;
display: flex;
flex-direction: column;
/*height: 100%;*/
height: 150px;
}

.m5cf88546-e590-48c7-9172-2b82bd50e9da .v7f0f13a8-0cc4-4f43-baa2-21f184c7e8f5:hover {
transform: translateY(-5px);
box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
}

.m5cf88546-e590-48c7-9172-2b82bd50e9da .e9ec69ccb-24df-48d1-b0ac-f57853cc847d {
flex: 1;
background: #3b3b3b;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 1rem;
background-size: cover!important;
background-repeat: no-repeat!important;
background-position: center !important;
}

.f0c1be9c5-2d36-4fea-b123-8e49d1b274dc {
background-color: var(--slot-5-bg);
color: var(--slot-5-text);
padding: 1rem 1rem;
box-sizing: border-box;
}

.f0c1be9c5-2d36-4fea-b123-8e49d1b274dc .card {
background-color: transparent;
border: none;
color: var(--slot-5-text);
height: 100%;
}

.f0c1be9c5-2d36-4fea-b123-8e49d1b274dc .bdd202981-57a4-42ab-b03e-2d69984907c5 {
color: var(--slot-5-text-2);
}

.f0c1be9c5-2d36-4fea-b123-8e49d1b274dc .wc8405360-8e5a-4dd0-85fb-f61af6a46361 {
width: 100%;
padding-top: 75%;
border-radius: 0.375rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9em;
color: #ced4da;
text-align: center;
overflow: hidden;
background-size: cover!important;
background-position: center !important;
}

.o3f590a8a-81fd-4636-888c-497715be5964 {
background: var(--slot-6-bg);
color: var(--slot-6-text);
overflow-x: hidden;

position: relative;
padding: 80px 0 60px;
text-align: center;
overflow: hidden;
}

.o3f590a8a-81fd-4636-888c-497715be5964 .tdf5f0936-b129-47fb-b6d1-09d3fd13290e {
font-size: 3rem;
font-weight: 800;
color: #d6b073;
text-shadow: 0 3px 8px rgba(0,0,0,0.6);
}

.o3f590a8a-81fd-4636-888c-497715be5964 .i37d67013-a061-49d1-aa58-c8fa255f9cd8 {
display: inline-block;
background: #1b1b1b;
border: 6px solid #d6b073;
border-radius: 15px;
padding: 20px 50px;
margin: 20px 0 60px;
font-size: 2rem;
font-weight: 600;
color: #fff;
box-shadow: 0 0 20px rgba(214,176,115,0.5);
position: relative;
}

.o3f590a8a-81fd-4636-888c-497715be5964 .i37d67013-a061-49d1-aa58-c8fa255f9cd8::before {
content: "";
position: absolute;
inset: -10px;
border: 4px dotted #d6b073;
border-radius: 20px;
}

.o3f590a8a-81fd-4636-888c-497715be5964 .xf11cecf1-c49c-4d57-9fcd-6bc31a1d5885 {
display: flex;
gap: 1rem;
overflow-x: auto;
padding-bottom: 1rem;
scroll-snap-type: x mandatory;
position: relative;
}

.o3f590a8a-81fd-4636-888c-497715be5964 .xf11cecf1-c49c-4d57-9fcd-6bc31a1d5885::-webkit-scrollbar {
/*height: 8px;*/
display: none;
}
.o3f590a8a-81fd-4636-888c-497715be5964 .xf11cecf1-c49c-4d57-9fcd-6bc31a1d5885::-webkit-scrollbar-thumb {
-ms-overflow-style: none;
scrollbar-width: none;
}

.o3f590a8a-81fd-4636-888c-497715be5964 .g3562292b-704f-4c51-a22d-3811f63a47de {
position: absolute;
right: 0;
top: 0;
width: 150px;
height: 100%;
background: linear-gradient(to left, rgba(0,0,0,0.85), rgba(0,0,0,0));
pointer-events: none;
}

.o3f590a8a-81fd-4636-888c-497715be5964 .v7f0f13a8-0cc4-4f43-baa2-21f184c7e8f5 {
flex: 0 0 auto;
width: 240px;
height: 160px;
border-radius: 10px;
background: #444;
display: flex;
align-items: end;
justify-content: center;
font-weight: 500;
color: #fff;
scroll-snap-align: start;
background-size: cover!important;
background-position: center !important;
}

.o3f590a8a-81fd-4636-888c-497715be5964 .y55b24b76-4f97-451f-b744-bb6fab40fd8b {
display: flex;
justify-content: center;
gap: 0.5rem;
margin-top: 10px;
}

.o3f590a8a-81fd-4636-888c-497715be5964 .j14cd0497-1413-4434-91b6-293d9c4e6db7 {
border: none;
background: rgba(214,176,115,0.2);
color: #d6b073;
padding: 5px 10px;
border-radius: 5px;
transition: 0.3s;
}
.o3f590a8a-81fd-4636-888c-497715be5964 .j14cd0497-1413-4434-91b6-293d9c4e6db7:hover {
background: rgba(214,176,115,0.4);
}

.o3f590a8a-81fd-4636-888c-497715be5964 .c99b6c07b-476c-45b0-846a-a977f114d75d {
background: rgba(255,255,255,0.1);
color: #fff;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 5px;
padding: 6px 15px;
transition: 0.3s;
text-decoration: none;
z-index: 2;
}
.o3f590a8a-81fd-4636-888c-497715be5964 .c99b6c07b-476c-45b0-846a-a977f114d75d:hover {
background: rgba(255,255,255,0.25);
}

.yc651c5c0-579c-4c79-84b0-72d7ead986da .accordion-button {
background-color: var(--faq-item-bg);
color: var(--faq-item-text);
}

.yc651c5c0-579c-4c79-84b0-72d7ead986da .accordion-item {
background-color: var(--faq-item-bg);
color: var(--faq-item-text);
margin-bottom: 10px;
}

.yc651c5c0-579c-4c79-84b0-72d7ead986da .accordion-item:first-of-type>.accordion-header .accordion-button {
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.yc651c5c0-579c-4c79-84b0-72d7ead986da .accordion-item:last-of-type>.accordion-header .accordion-button.icc506b46-7594-48c0-afef-5b92512041a0 {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.yc651c5c0-579c-4c79-84b0-72d7ead986da .accordion-button:not(.icc506b46-7594-48c0-afef-5b92512041a0)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e ");
}

.yc651c5c0-579c-4c79-84b0-72d7ead986da .accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e ");
}

.p1d3f7107-276f-45ac-ac21-44f068649ebd {
margin: 100px 1rem;
background-color: var(--text-3-bg);
border-radius: 10px;
padding: 60px 70px;
text-align: center;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.35);
position: relative;
overflow: hidden;

color: var(--text-3-color);
line-height: 1.6;
}

.p1d3f7107-276f-45ac-ac21-44f068649ebd .d4a5079d3-8a1e-441c-8646-4dbc6e2777f4 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 1.5rem;
}
.p1d3f7107-276f-45ac-ac21-44f068649ebd .d4a5079d3-8a1e-441c-8646-4dbc6e2777f4::after {
display: none;
}

.j0200e99f-dded-4277-b65d-c562a1672efe {
height: 200px;
overflow-y: auto;
}

.p76f1c531-ce27-475c-871e-70d17b61bd2d {
font-size: 30px;
margin: 0;
display: inline-block;
font-weight: bold;
}

.r273cf89e-1592-4e21-8e5a-a321f48beaaf {
height: 45px;
}

.p1d3f7107-276f-45ac-ac21-44f068649ebd p {
color: var(--text-3-color);
font-size: 1.05rem;
margin-bottom: 2.5rem;
max-height: 180px; /* ограничиваем высоту */
overflow: hidden;
position: relative;
}

/* затемнение внизу текста */
.p1d3f7107-276f-45ac-ac21-44f068649ebd p::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 70px;
background: var(--text-3-gradient)
}

.p1d3f7107-276f-45ac-ac21-44f068649ebd .k62b043b3-5cbb-4460-8af2-febc590563f4 {
background-color: var(--text-3-button-bg);
color: var(--text-3-button-bg-text);
border: none;
padding: 12px 36px;
border-radius: 6px;
font-weight: 500;
transition: 0.3s;
position: relative;
z-index: 2;
}

.p1d3f7107-276f-45ac-ac21-44f068649ebd .k62b043b3-5cbb-4460-8af2-febc590563f4:hover {
opacity: 0.7;
}

.n728949c0-0101-4ba1-8cd7-3f364ff192b1 {
background-color: var(--footer-1-bg);
color: var(--footer-1-text);
padding: 2rem 0;
margin-top: auto;
}

.n728949c0-0101-4ba1-8cd7-3f364ff192b1 .l95c6a82b-5b24-43ab-81ea-3f960a3a20a5 {
font-weight: 600;
margin-bottom: 1rem;
color: var(--footer-1-text);
font-size: 1.25rem;
}
.n728949c0-0101-4ba1-8cd7-3f364ff192b1 .qb8584029-cd47-4c21-b880-3cc28b9371fd {
list-style: none;
padding-left: 0;
}
.n728949c0-0101-4ba1-8cd7-3f364ff192b1 .qb8584029-cd47-4c21-b880-3cc28b9371fd li {
margin-bottom: 0.5rem;
}
.n728949c0-0101-4ba1-8cd7-3f364ff192b1 .qb8584029-cd47-4c21-b880-3cc28b9371fd a {
text-decoration: none;
color: var(--footer-1-link);
transition: color 0.2s;
}
.n728949c0-0101-4ba1-8cd7-3f364ff192b1 .qb8584029-cd47-4c21-b880-3cc28b9371fd a:hover {
opacity: 0.7;
}
.n728949c0-0101-4ba1-8cd7-3f364ff192b1 .r3c209235-1336-4403-94d0-82dc2fb3dfcf {
display: flex;
gap: 1rem;
margin-top: 0.5rem;
flex-wrap: wrap;
}
.n728949c0-0101-4ba1-8cd7-3f364ff192b1 .r3c209235-1336-4403-94d0-82dc2fb3dfcf img {
height: 40px;
}
.n728949c0-0101-4ba1-8cd7-3f364ff192b1 .t98163722-61b8-4f39-9723-acca46fae08a {
display: flex;
gap: 1rem;
margin-top: 0.5rem;
flex-wrap: wrap;
}
.n728949c0-0101-4ba1-8cd7-3f364ff192b1 .t98163722-61b8-4f39-9723-acca46fae08a img {
height: 40px;
}
.n728949c0-0101-4ba1-8cd7-3f364ff192b1 .h6efbd8d3-5d44-427e-b69a-9c3bc2689de4 {
display: flex;
gap: 1rem;
margin-top: 0.5rem;
flex-wrap: wrap;
}
.n728949c0-0101-4ba1-8cd7-3f364ff192b1 .h6efbd8d3-5d44-427e-b69a-9c3bc2689de4 img {
height: 40px;
}

.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 {
background-color: var(--footer-2-bg);
color: var(--footer-2-text);
padding-top: 2rem;
font-size: 0.9rem;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 h5 {
color: var(--footer-2-text);
font-size: 1rem;
margin-bottom: 1rem;
font-weight: bold;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 a {
color: var(--footer-2-link);
text-decoration: none;
display: block;
margin-bottom: 0.5rem;
transition: color 0.3s;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 a:hover {
opacity: 0.7;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .g0c97ac05-e475-4476-be3c-c3c50daaa6fa, .r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .id936d1e8-600c-483f-b78e-64aa36c4f1b9 {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 1.5rem;
justify-content: center;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .g0c97ac05-e475-4476-be3c-c3c50daaa6fa i, .r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .id936d1e8-600c-483f-b78e-64aa36c4f1b9 i {
font-size: 1.5rem;
color: #ffffff;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .g0c97ac05-e475-4476-be3c-c3c50daaa6fa img {
height: 45px;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .f990538cc-4cd0-47d4-a0e0-882bcf6379bc {
border-top: 1px solid #333;
padding-top: 1rem;
margin-top: 1rem;
font-size: 0.8rem;
color: var(--footer-2-text-bottom);
line-height: 1.4;
text-align: center;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .cd88921fc-277c-4dd1-9092-2388a6ec4ab5 {
background-color: #333;
background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><defs><linearGradient id=\"Gradient\" x1=\"0\" x2=\"100\" y1=\"0\" y2=\"0\" gradientTransform=\"rotate(72)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%233e7bfa\" offset=\"0\"/><stop stop-color=\"%236600cc\" offset=\"1\"/></linearGradient></defs><rect x=\"0.5\" y=\"0.5\" width=\"100%\" height=\"100%\" style=\"height:calc(100% - 1px);width:calc(100% - 1px)\" rx=\"8\" ry=\"8\" stroke-width=\"1\" fill=\"transparent\" stroke=\"url(%23Gradient)\"/></svg>");
color: #fff;
border: none;
padding: 0.5rem;
border-radius: 4px;
width: 100%;
margin-bottom: 1rem;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .cd88921fc-277c-4dd1-9092-2388a6ec4ab5 option {
background-color: #333;
color: white;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .ob57d2fae-f18a-4c3c-83c9-b386aa8a2890, .r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .i29476f5b-3b47-41b8-a7c4-dd0ece2873f3, .r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .e44371fa3-25e3-4be4-a7cc-1a0b4d43f825 {
background-color: #333;
color: #fff;
border: none;
padding: 0.5rem 1rem;
border-radius: 4px;
margin-bottom: 1rem;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
text-decoration: none;
transition: background-color 0.3s;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .ob57d2fae-f18a-4c3c-83c9-b386aa8a2890 {
background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><defs><linearGradient id=\"Gradient\" x1=\"0\" x2=\"100\" y1=\"0\" y2=\"0\" gradientTransform=\"rotate(72)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%233e7bfa\" offset=\"0\"/><stop stop-color=\"%236600cc\" offset=\"1\"/></linearGradient></defs><rect x=\"0.5\" y=\"0.5\" width=\"100%\" height=\"100%\" style=\"height:calc(100% - 1px);width:calc(100% - 1px)\" rx=\"8\" ry=\"8\" stroke-width=\"1\" fill=\"transparent\" stroke=\"url(%23Gradient)\"/></svg>");
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .i29476f5b-3b47-41b8-a7c4-dd0ece2873f3 {
background: linear-gradient(135deg,#ff3b3b 0%,#60c 100%);
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .e44371fa3-25e3-4be4-a7cc-1a0b4d43f825 {
background: linear-gradient(135deg,#3e7bfa 0%,#60c 100%);
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .ob57d2fae-f18a-4c3c-83c9-b386aa8a2890:hover, .r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .i29476f5b-3b47-41b8-a7c4-dd0ece2873f3:hover, .r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .e44371fa3-25e3-4be4-a7cc-1a0b4d43f825:hover {
background-color: #444;
color: #fff;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .efa2645d2-86f9-4da5-b82e-973be7d2127b {
border-top: 1px solid #333;
margin: 1.5rem 0;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .j719aa193-5ff2-4e35-9628-317298e5e9ad, .r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .q89f84755-594b-4dbd-9046-fce9b4acb45e {
text-align: center;
}
.r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .j719aa193-5ff2-4e35-9628-317298e5e9ad h5, .r9b39f80a-e1a8-48b5-95f8-1e79cb07b327 .q89f84755-594b-4dbd-9046-fce9b4acb45e h5 {
text-align: center;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 {
background-color: var(--footer-3-bg);
color: var(--footer-3-text);
padding: 2rem 0 0;
font-family: Arial, sans-serif;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .i238928cb-4f4a-4ad4-b978-d96b4f974c9d h6 {
font-weight: bold;
margin-bottom: 1rem;
font-size: 1rem;
color: var(--footer-3-text);
text-transform: uppercase;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .qb8584029-cd47-4c21-b880-3cc28b9371fd {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .qb8584029-cd47-4c21-b880-3cc28b9371fd li {
margin-bottom: 0.5rem;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .qb8584029-cd47-4c21-b880-3cc28b9371fd a {
text-decoration: none;
color: var(--footer-3-link);
font-size: 0.85rem;
transition: color 0.15s ease-in-out;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .qb8584029-cd47-4c21-b880-3cc28b9371fd a:hover {
opacity: 0.7;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .g0c97ac05-e475-4476-be3c-c3c50daaa6fa {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 10px;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .g0c97ac05-e475-4476-be3c-c3c50daaa6fa > * {
flex: 1 1 calc(50% - 10px);
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .bc7391414-ad57-4489-9bb0-1ca830965dcf {
width: 50px;
height: 30px;
background-color: var(--footer-3-button);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
color: var(--footer-3-button-text);
font-weight: bold;
font-size: 0.8rem;
padding: 20px 0px;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .bc7391414-ad57-4489-9bb0-1ca830965dcf img {
height: 30px;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .ofd7dab8b-cb08-4c9a-83a9-fc4c2164863c {
color: #ccc;
font-size: 0.85rem;
line-height: 1.4;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .q89f84755-594b-4dbd-9046-fce9b4acb45e {
margin-top: 1rem;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .c2ff92ef7-ab00-41cf-83c8-25e9daf7d9ef {
font-size: 0.8rem;
color: #ccc;
margin-bottom: 0.5rem;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .t98163722-61b8-4f39-9723-acca46fae08a {
display: flex;
gap: 10px;
margin-bottom: 1rem;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .qe4296671-e9f1-4d5d-b58a-db5cef5c0e4a {
width: 30px;
height: 30px;
background-color: var(--footer-3-button);
border-radius: 20%;
display: flex;
align-items: center;
justify-content: center;
color: var(--footer-3-button-text);
font-size: 0.9rem;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .x62ae7478-9996-46ff-80c4-619ab8a14fe4 {
margin-top: 1.5rem;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .f9e0f909f-be82-47f6-aedc-59610bc803ca {
display: flex;
gap: 10px;
margin-top: 10px;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .l570342e1-614d-4b92-8fcd-b2fcbf431c19 {
width: 120px;
height: 36px;
background-color: var(--footer-3-button);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
color: var(--footer-3-button-text);
font-size: var(--footer-3-app-size-text);
font-weight: bold;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .o819a7115-1c59-4bf1-a5bb-a8893f9481f4 {
padding-top: 1rem;
margin-top: 2rem;
font-size: 0.8rem;
color: #999;
text-align: center;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .p79d4fa4c-8ade-4fb6-84fc-ff54f76e797d {
font-size: 0.8rem;
color: #ccc;
margin-top: 0.5rem;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .ea3f609ec-35d1-401a-ba4e-6932538f2528 {
padding: 2rem 0;
margin-top: 2rem;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .q0e65774f-d700-4117-bd36-7e9deea98b7f {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .m195a45b7-e8df-4cf0-a498-5efd013dec37 {
display: flex;
gap: 20px;
align-items: center;
margin-bottom: 1rem;
background-color: var(--footer-3-bg-clubs);
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .oae24a0cc-9416-47eb-bf3b-94ba7484844e {
width: 80px;
height: 80px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: bold;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .h405ad47d-790d-46ea-81a6-1a85ce79b215 {
color: var(--footer-3-text-bottom);
font-size: 0.9rem;
max-width: 500px;
margin-bottom: 1rem;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .xe39ef385-b705-4d61-8ce3-5fa48eff8d19 {
display: flex;
flex-direction: column;
align-items: flex-end;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .m60b95b73-d371-4ee4-aa41-b72e974d380b {
color: #fff;
font-weight: bold;
margin-bottom: 10px;
font-size: 1rem;
}

.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 {
background-color: var(--footer-4-bg);
color: var(--footer-4-text);
padding: 50px 0;
font-size: 14px;
}
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .qb8584029-cd47-4c21-b880-3cc28b9371fd {
background-color: var(--footer-4-bg-links);
border-radius: 10px;
}
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .qb8584029-cd47-4c21-b880-3cc28b9371fd .y627f6a9b-637c-4fda-92aa-12c69683edac a {
color: var(--footer-4-link-contact);
font-size: var(--footer-4-link-size);
}
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .qb8584029-cd47-4c21-b880-3cc28b9371fd .y627f6a9b-637c-4fda-92aa-12c69683edac a:hover {
opacity: var(--footer-4-link-contact-hover-opacity);
}
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 a {
color: var(--footer-4-link);
text-decoration: none;
}
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 a:hover {
opacity: 0.7;
}
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .a3e4361b0-c0de-4d15-98ed-9410f07c330b {
font-weight: 600;
margin-bottom: 15px;
font-size: 16px;
}
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .id9f472e5-daae-4513-b16e-e9ad78a38a28 a,
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .f246e8f0e-e027-466f-9428-40dbed8f0e88 a {
display: block;
margin-bottom: 5px;
}
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .t98163722-61b8-4f39-9723-acca46fae08a a {
font-size: 20px;
margin-right: 15px;
}
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .s4d8f9013-9948-4d86-90e5-06f647eff9cf img {
height: 50px;
margin-right: 10px;
}
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .x4fe7ac0c-f32a-42f1-aa16-be20d7b636b1 img {
height: 30px;
margin-right: 10px;
}
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .w0a0567ac-4eaf-4686-97a4-1c89528d23db img {
max-height: 40px;
margin: 5px;
}
.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .o819a7115-1c59-4bf1-a5bb-a8893f9481f4 {
border-top: 1px solid #1b1d3a;
padding-top: 20px;
font-size: 12px;
color: #aaa;
}

.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .o819a7115-1c59-4bf1-a5bb-a8893f9481f4 p {
color: var(--footer-4-text-bottom);
}

.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .l9ba42be7-0a83-41c9-abe8-198cc16d072e {
display: inline-flex;
border-radius: 0.5rem;
overflow: hidden;
}

.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .l9ba42be7-0a83-41c9-abe8-198cc16d072e button {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 1rem;
border: none;
background: none;
color: #fff;
font-weight: 500;
}

.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .l9ba42be7-0a83-41c9-abe8-198cc16d072e button.q2ede9c5d-11a9-440e-8be7-e266f6749003 {
background-color: #1c1c5c;
}

.if8ee2c26-c0ce-43f7-a72d-a9ffb34eb780 .l9ba42be7-0a83-41c9-abe8-198cc16d072e img {
width: 20px;
height: 14px;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 {
background-color: var(--footer-5-bg);
font-size: 14px;
color: var(--footer-5-text);
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 h6 {
color: var(--footer-5-text);
font-weight: 600;
margin-bottom: 15px;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 a {
color: var(--footer-5-link);
text-decoration: none;
display: block;
margin-bottom: 8px;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .tcf3e0a7f-807a-4558-a733-270b5b78bcb9 {
max-width: 160px;
margin-bottom: 20px;
}

/* Верхний блок */
.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .c4344e94a-e215-4736-a665-4637bc68730e {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0px 80px 0px;
border-bottom: 1px solid #222;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .c4344e94a-e215-4736-a665-4637bc68730e > div {
flex: 1;
min-width: 180px;
padding: 0 20px;
border-right: 1px solid #222;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .c4344e94a-e215-4736-a665-4637bc68730e > div:last-child {
border-right: none;
}

/* Средняя часть */
.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .jc065e46e-964a-4e36-9187-d408a4e6bf05 {
padding: 25px 80px;
border-bottom: 1px solid #222;
}

/* Нижняя часть */
.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .o819a7115-1c59-4bf1-a5bb-a8893f9481f4 {
padding: 25px 80px;
border-top: 1px solid #222;
}

/* Кнопки */
.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .se9fa611c-afb8-4c3e-b3d6-b1e0309bc914 .btn {
background: #1a1a1a;
color: #fff;
border-radius: 30px;
padding: 8px 18px;
font-size: 14px;
margin-left: 8px;
margin-top: 8px;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .se9fa611c-afb8-4c3e-b3d6-b1e0309bc914 .btn:hover {
background: var(--footer-5-bg-button);
color: var(--footer-5-bg-button-text);
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .u8da4cb66-f2ee-4f5b-a3e1-d9450b6a46ef {
padding: 25px 80px;
}

/* Верификация */
.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .ga6b4ac67-87e1-4099-8394-7c93c77e4ed3 img {
height: 40px;
margin-right: 10px;
}

/* Платёжки */
.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .r3c209235-1336-4403-94d0-82dc2fb3dfcf img {
height: 24px;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .bc7391414-ad57-4489-9bb0-1ca830965dcf {
background-color: #fff;
border-radius: 10px;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .de25ec658-0363-470b-93b4-341c348649a6 {
max-width: 800px;
color: var(--footer-5-text-bottom);
}

.c2a473969-b664-4b67-a3d6-97b79345a553 {
background-color: var(--footer-6-bg);
color: var(--footer-6-text);
}
.c2a473969-b664-4b67-a3d6-97b79345a553 .ndb929c91-83b0-45ca-b4a5-4229b0dc05b6 {
background-color: var(--footer-6-bg-support);
}
.c2a473969-b664-4b67-a3d6-97b79345a553 a {
color: var(--footer-6-link) !important;
font-weight: 500;
}
.c2a473969-b664-4b67-a3d6-97b79345a553 .h1cf195c2-25d2-4026-8025-478ee7614268 {
background-color: #4a4175;
color: var(--footer-6-text);
font-size: 1.2rem;
}
.c2a473969-b664-4b67-a3d6-97b79345a553 .u4b0e8cd1-38af-4ec9-a144-a90a455fc642 {
background-color: var(--footer-6-bg-support-chat)
}
.c2a473969-b664-4b67-a3d6-97b79345a553 .m2e94c3b0-8caf-4211-98a8-cb21830ef63a {
background-color: var(--footer-6-bg-support-tg)
}
.c2a473969-b664-4b67-a3d6-97b79345a553 .o3fb4fadd-4ae1-4a1c-b58e-11adf97dc13c {
background-color: var(--footer-6-bg-support-mail)
}

.lde24f3f7-9da8-4d84-82e2-7e429f438358 {
background-color: var(--footer-7-bg);
color: var(--footer-7-text);
margin-top: auto; /* Push footer to bottom */
}
.lde24f3f7-9da8-4d84-82e2-7e429f438358 h5 {
color: var(--footer-7-text);
margin-bottom: 1rem;
}
.lde24f3f7-9da8-4d84-82e2-7e429f438358 ul {
padding-left: 0;
list-style: none;
}
.lde24f3f7-9da8-4d84-82e2-7e429f438358 ul li a {
color: var(--footer-7-link);
text-decoration: none;
transition: color 0.2s;
}
.lde24f3f7-9da8-4d84-82e2-7e429f438358 ul li a:hover {
opacity: 0.7;
}
.lde24f3f7-9da8-4d84-82e2-7e429f438358 hr {
border-color: #333;
}

/* Custom button styles */
.lde24f3f7-9da8-4d84-82e2-7e429f438358 .c8053333d-44da-43e9-a42d-cdf3a746d16b {
background-color: #ffffff;
color: #000000 !important; /* Override Bootstrap's text-light */
border-color: #ffffff;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.25rem;
border-radius: 0.5rem;
}
.lde24f3f7-9da8-4d84-82e2-7e429f438358 .c8053333d-44da-43e9-a42d-cdf3a746d16b i {
margin-left: 0.5rem;
font-size: 1.25rem;
}

.lde24f3f7-9da8-4d84-82e2-7e429f438358 .f1aa01cd2-5119-44b4-99fc-262fff4b6b08 {
background-color: #1a2a24;
color: #ffffff;
border-color: #1a2a24;
display: flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.25rem;
border-radius: 0.5rem;
}
.lde24f3f7-9da8-4d84-82e2-7e429f438358 .f1aa01cd2-5119-44b4-99fc-262fff4b6b08 i {
font-size: 2rem; /* Larger icon size */
margin-right: 0.75rem;
}
.lde24f3f7-9da8-4d84-82e2-7e429f438358 .f1aa01cd2-5119-44b4-99fc-262fff4b6b08 .zc3e18951-9b7d-4672-89ad-3de82b84fb26 {
font-size: 0.75rem;
line-height: 1; /* Adjust line height for better vertical alignment */
display: block;
}
.lde24f3f7-9da8-4d84-82e2-7e429f438358 .f1aa01cd2-5119-44b4-99fc-262fff4b6b08 .z9ac43101-0253-4493-ab5a-d772670abd84 {
font-size: 1.2rem;
font-weight: bold;
line-height: 1;
display: block;
}

/* Placeholder styles for logos */
.lde24f3f7-9da8-4d84-82e2-7e429f438358 .vdd05b8d6-342e-4568-84b7-6fc8734b8d20 {
width: 60px; /* Adjust size as needed */
height: 40px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: bold;
font-size: 0.8rem;
flex-shrink: 0; /* Prevent shrinking */
}

.jac44b552-6cf5-4e45-aa93-d3426b5d474d {
background-color: var(--footer-8-bg);
color: var(--footer-8-text);
padding-top: 30px;
padding-bottom: 20px;
font-size: 0.9rem;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .tcf3e0a7f-807a-4558-a733-270b5b78bcb9 {
font-size: 1.8rem;
font-weight: bold;
color: #fff;
text-decoration: none;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .t98163722-61b8-4f39-9723-acca46fae08a a {
color: var(--footer-8-button-text);
font-size: 1.2rem;
margin-left: 15px;
text-decoration: none;
width: 35px;
height: 35px;
border-radius: 50%;
background-color: var(--footer-8-button-bg);
display: inline-flex;
justify-content: center;
align-items: center;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .t98163722-61b8-4f39-9723-acca46fae08a a:hover {
opacity: 0.8;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d ul {
list-style: none;
padding: 0;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d ul li {
margin-bottom: 10px;
position: relative;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d ul li a {
color: var(--footer-8-link);
text-decoration: none;
transition: color 0.3s ease;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d ul li a:hover {
opacity: 0.7;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d ul li i.n01e99931-d413-4e31-8316-fb54dd490aec.z07e30da5-d901-493e-a114-b03c9dc2ccb4 {
color: var(--footer-8-link);
font-size: 0.7rem;
margin-right: 8px;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .tf5df96b7-ff64-4fcb-8b4d-f7c3b79c66e7 {
background-color: var(--footer-8-button-bg);
color: var(--footer-8-button-text);
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
display: inline-flex;
align-items: center;
margin-right: 15px;
margin-bottom: 15px;
transition: background-color 0.3s ease;
white-space: nowrap; /* Prevent text wrapping */
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .tf5df96b7-ff64-4fcb-8b4d-f7c3b79c66e7:hover {
opacity: 0.7;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .tf5df96b7-ff64-4fcb-8b4d-f7c3b79c66e7 i {
margin-right: 10px;
font-size: 1.5rem;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .g0c97ac05-e475-4476-be3c-c3c50daaa6fa img,
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .e59e78793-1320-4d84-8166-d37aaa5df4a7 img {
height: 25px; /* Adjust as needed */
margin-right: 20px;
filter: grayscale(100%) brightness(1.5); /* Make images greyish-white */
opacity: 0.7;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .g0c97ac05-e475-4476-be3c-c3c50daaa6fa .be24ad9c0-a4fb-493e-913e-ebeaec3fdfab {
font-size: 2.2rem; /* Larger for crypto */
margin-top: 5px;
margin-left: -5px;
margin-right: 10px;
color: #ccc;
}

.jac44b552-6cf5-4e45-aa93-d3426b5d474d .t85a9a8c2-73bd-4d6c-8d92-c0c4036de63e {
width: 70px; /* Adjust size as needed */
height: auto;
margin-right: 20px;
filter: grayscale(100%) brightness(1.5);
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d hr {
border-color: #333;
margin-top: 30px;
margin-bottom: 20px;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .k12681457-06ca-4fd0-a312-a7dc3de8d1cf {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-top: 20px;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .k12681457-06ca-4fd0-a312-a7dc3de8d1cf .e59e78793-1320-4d84-8166-d37aaa5df4a7 {
display: flex;
align-items: center;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .v12cd7c87-0e51-4363-9ba9-a6efbe669dd5 {
font-size: 0.8rem;
color: var(--footer-8-text-bottom);
}

.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe {
background-color: var(--footer-9-bg) !important; /* Dark background as per original image */
color: var(--footer-9-text) !important;
padding-top: 3rem !important;
padding-bottom: 1rem !important;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .aa2557ccd-ba90-4fd8-8b14-68437df1f37f {
max-width: 1400px; /* Adjust as needed */
margin-left: auto;
margin-right: auto;
padding-left: var(--bs-gutter-x, 0.75rem);
padding-right: var(--bs-gutter-x, 0.75rem);
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .i238928cb-4f4a-4ad4-b978-d96b4f974c9d {
padding: 2rem 0;
border-bottom: 1px solid #333; /* Separator line */
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .i238928cb-4f4a-4ad4-b978-d96b4f974c9d:last-of-type {
border-bottom: none;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .oc076ff44-53be-4d04-bd5d-aa7fc919ca66 {
color: var(--footer-9-header-block);
font-size: 1rem;
font-weight: bold;
margin-bottom: 1rem;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .j3352988d-d256-45d9-8fe2-56b39a3b967f, .de25ec658-0363-470b-93b4-341c348649a6 {
color: var(--footer-9-link);
text-decoration: none;
display: block;
margin-bottom: 0.5rem;
font-size: 0.8125rem; /* Slightly smaller for links/text items */
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .j3352988d-d256-45d9-8fe2-56b39a3b967f:hover {
opacity: 0.7;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .ba4f2934e-96d2-4c6f-bd93-e4b91e8a2b53 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* Responsive grid for logos */
gap: 1.5rem; /* Space between logos */
align-items: center;
justify-items: center;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .kfb209e0a-6d04-4488-b6a3-8ab9d3a7a4ff img {
max-width: 100%;
height: auto;
max-height: 40px; /* Uniform height for logos */
}
/* Specific coloring for some logos from OCR where they are not grayscale */
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .kfb209e0a-6d04-4488-b6a3-8ab9d3a7a4ff.lf06e73af-5e33-43ec-9e3b-6e688f776d5c img {
filter: none; /* Remove grayscale for these as they have color in original */
}

.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .mdb98fb81-94b5-4488-9d61-62e57ecf7001 {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 1rem;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .mdb98fb81-94b5-4488-9d61-62e57ecf7001 img {
max-width: 150px; /* Adjust size for these logos */
height: auto;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .s6be50e74-e3fb-43fc-9559-d24746934ba8 {
font-size: 0.75rem; /* Smaller for legal text */
color: var(--footer-9-text-bottom);
line-height: 1.5;
text-align: start;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .sa2923bd4-8506-4b70-ab8d-74a3b4f08a67 {
font-weight: bold;
color: #ff9900;
margin-bottom: 1rem;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .p9a7ad785-a86d-4149-befa-4ecbd738c697 {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 1rem;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .vca9839b5-d2b3-4e4f-b34e-7e0723f5c25e {
border: 1px solid white;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
font-weight: bold;
color: white;
flex-shrink: 0; /* Prevent shrinking */
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .y8e0d0b43-b3a3-429d-96aa-9e2670b637af {
display: flex;
align-items: center;
gap: 5px;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .na2c962c8-672b-4e07-8c8e-ec0cd6ed6b65 {
font-size: 0.9rem;
color: #00ff00; /* Green for secure text */
font-weight: bold;
}

/* SVG icons and placeholders */
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .k03db6aa1-9341-4326-893d-9e1ead7b9973 {
/* Default styling for placeholder SVGs if actual SVGs are not provided */
width: 50px; /* Default size for general SVG icons */
height: 30px;
background-color: transparent; /* Default to transparent, use specific classes for colors */
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 3px;
}

.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .k03db6aa1-9341-4326-893d-9e1ead7b9973.p865e13f6-61c0-4a7a-a854-9c9dc41a8ac6 { /* Simple lock SVG placeholder */
width: 20px;
height: 20px;
background-color: #00ff00;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 17a2 2 0 0 0 2-2V9h-4v6a2 2 0 0 0 2 2m6-9h-1V6a5 5 0 0 0-5-5a5 5 0 0 0-5 5v2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 17a2 2 0 0 0 2-2V9h-4v6a2 2 0 0 0 2 2m6-9h-1V6a5 5 0 0 0-5-5a5 5 0 0 0-5 5v2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
mask-size: contain;
-webkit-mask-size: contain;
}


/* Specific logo styles for text-based logos or complex ones that are hard to replicate via simple SVG */
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .kfb209e0a-6d04-4488-b6a3-8ab9d3a7a4ff.j5d82834b-f541-4d8f-9560-c9ccd3afb02e {
font-size: 1.5rem;
font-weight: bold;
color: #ff9900;
display: flex;
align-items: center;
justify-content: center;
height: 40px; /* Match max-height of img logos */
width: 100px; /* Example width */
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .kfb209e0a-6d04-4488-b6a3-8ab9d3a7a4ff.y8fc01dee-84dc-494d-b4c2-2892eb95da83 {
padding: 0.5rem 1rem;
border-radius: 5px;
text-align: center;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .kfb209e0a-6d04-4488-b6a3-8ab9d3a7a4ff.y8fc01dee-84dc-494d-b4c2-2892eb95da83 > div {
color: white;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .kfb209e0a-6d04-4488-b6a3-8ab9d3a7a4ff.y8fc01dee-84dc-494d-b4c2-2892eb95da83 .x6f4c2d39-630f-4551-b990-a7d331b0dbb5 {
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .kfb209e0a-6d04-4488-b6a3-8ab9d3a7a4ff.y8fc01dee-84dc-494d-b4c2-2892eb95da83 .beb163503-a189-4d29-b2ca-4a8c3ecdc0db {
font-size: 0.7rem;
}

/* For generic logo items that are images, assume they are PNG/JPG and just adjust size */
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .kfb209e0a-6d04-4488-b6a3-8ab9d3a7a4ff img {
display: block; /* Ensures images are on their own line/block */
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 {
background: var(--footer-10-bg);
color: var(--footer-10-text);
overflow-x: hidden;
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 .l95c6a82b-5b24-43ab-81ea-3f960a3a20a5 {
font-weight: 700;
font-size: 1rem;
color: var(--footer-10-header-block);
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 .j22bc706d-c189-43a5-ac2b-86cb90d781be {
overflow: hidden;
position: relative;
mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
-webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
white-space: nowrap;
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 .ra3271a26-0342-4567-97c5-402b03228c46 {
display: flex;
width: max-content;
animation: scroll 40s linear infinite;
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 .j8702ccc6-6d36-4b19-a497-f75efb2e8583 {
display: flex;
gap: 1.5rem;
padding-right: 1.5rem;
}

@keyframes scroll {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 .c4aa93880-4058-4442-8ecf-5fadf675b8e3 {
width: 120px;
height: 60px;
background: #e0e0e0;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
color: #444;
font-weight: 600;
flex-shrink: 0;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
text-transform: uppercase;
background-size: cover!important;
background-repeat: no-repeat;
background-position: center;
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 .qb8584029-cd47-4c21-b880-3cc28b9371fd a {
display: block;
color: var(--footer-10-link);
text-decoration: none;
margin-bottom: .25rem;
font-size: 0.9rem;
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 .qb8584029-cd47-4c21-b880-3cc28b9371fd a:hover {
opacity: 0.7;
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 .x8bdd4ce7-1b01-47a4-91d7-23fb1ee8a799 {
margin-top: 60px;
padding-bottom: 30px;
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 .o819a7115-1c59-4bf1-a5bb-a8893f9481f4 {
border-top: 1px solid rgba(255,255,255,0.2);
text-align: center;
font-size: 0.85rem;
padding-top: 10px;
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 .w86a0a3b9-85a3-48b2-8cfc-4e8e1dbe3b74 {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
margin-top: 10px;
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 .w86a0a3b9-85a3-48b2-8cfc-4e8e1dbe3b74 .c4aa93880-4058-4442-8ecf-5fadf675b8e3 {
width: 70px;
height: 40px;
font-size: 0.75rem;
}

/* Custom styles for the footer to match the image */
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c {
background-color: var(--footer-11-bg);
color: var(--footer-11-text);
}

.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .tcf3e0a7f-807a-4558-a733-270b5b78bcb9 {
font-size: 2.5rem; /* Larger font size for the "500" part */
font-weight: bold;
color: #fd4a6d; /* Red/pink color for "500" */
line-height: 1;
display: flex; /* Use flexbox to stack and align */
flex-direction: column;
align-items: flex-start; /* Align "500" and "CASINO" to the start */
}

.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .i2bd64139-9867-4a70-a064-026e8bb30421 {
color: rgba(255, 255, 255, 0.5) !important; /* Slightly adjusted text-white-50 for consistency */
}

.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .x03268674-f53d-4854-a949-7b34f2fea054 {
color: var(--footer-11-header-block) !important; /* White for section titles */
font-size: 1.1rem;
margin-bottom: 1rem !important; /* Spacing below titles */
}

.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .j3352988d-d256-45d9-8fe2-56b39a3b967f {
color: var(--footer-11-link); /* Light grey for links */
text-decoration: none; /* Remove underline */
display: block; /* Make links block-level for proper spacing */
margin-bottom: 0.5rem;
font-size: 0.9rem;
}

.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .j3352988d-d256-45d9-8fe2-56b39a3b967f:hover {
opacity: 0.7;
}

.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .ie2763d38-6523-4b64-bf0e-acb478525b32 {
border-color: #3a3745 !important; /* Custom border color for separators */
}

/* Styling for social media icon placeholders */
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .paded34fd-2a0f-4b05-9c1c-ed5093cead37 {
display: inline-flex;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
background-color: #3a3745; /* Dark background for icons */
border-radius: 50%; /* Circular shape */
color: #e0e0e0;
font-size: 0.8rem;
text-decoration: none;
}
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .paded34fd-2a0f-4b05-9c1c-ed5093cead37:hover {
background-color: #4a4755; /* Slightly lighter on hover */
color: #ffffff;
}

.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .t98163722-61b8-4f39-9723-acca46fae08a .qe4296671-e9f1-4d5d-b58a-db5cef5c0e4a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 6px;
text-decoration: none;
background-color: #3a3745;
color: var(--footer-11-link);
transition: transform .12s ease, background-color .12s ease;
}
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .t98163722-61b8-4f39-9723-acca46fae08a .qe4296671-e9f1-4d5d-b58a-db5cef5c0e4a:hover {
transform: translateY(-2px);
background-color: rgba(255,255,255,0.06);
opacity: 0.7;
}
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .t98163722-61b8-4f39-9723-acca46fae08a svg { width: 20px; height: 20px; display: block; }

/* Styling for badge placeholders */
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .ff621eccf-1e68-454a-9d11-4e2bfed9dce4 {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0.5rem 0.8rem;
background-color: #3a3745;
border-radius: 0.25rem; /* Rounded corners */
color: #e0e0e0;
font-size: 0.75rem;
font-weight: normal;
height: 38px; /* Consistent height with social icons */
}
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .ff621eccf-1e68-454a-9d11-4e2bfed9dce4.n9b93e556-4341-4079-844c-e4ed605c0848 {
background-color: #4CAF50; /* Green for GCB badge */
color: white;
font-weight: bold;
}

/* Styling for language selector button */
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .cd88921fc-277c-4dd1-9092-2388a6ec4ab5 .btn.t3168119d-537e-497a-8356-93503a4e5cbc {
background-color: #3a3745; /* Dark button background */
border-color: #3a3745;
color: #e0e0e0;
font-size: 0.9rem;
display: flex; /* Use flexbox for flag and text alignment */
align-items: center;
gap: 0.5rem; /* Space between flag and text */
}
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .cd88921fc-277c-4dd1-9092-2388a6ec4ab5 .btn.t3168119d-537e-497a-8356-93503a4e5cbc:hover {
background-color: #4a4755;
border-color: #4a4755;
color: #ffffff;
}
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .cd88921fc-277c-4dd1-9092-2388a6ec4ab5 .t135658fb-ea96-417b-956d-53754f22ed96 {
font-size: 1.2rem; /* Size for flag emoji */
line-height: 1; /* Prevent vertical alignment issues */
}

/* Styling for dropdown menu */
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .m0694bc8e-f779-4b3d-ac99-b9345b77a8a1 {
background-color: #3a3745; /* Dark dropdown menu */
border-color: #3a3745;
}
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .zab7d4be2-b3d9-46d6-8f62-a9a22dd5c845 {
color: #e0e0e0;
}
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .zab7d4be2-b3d9-46d6-8f62-a9a22dd5c845:hover {
background-color: #4a4755;
color: #ffffff;
}

.f4dacc951-23a1-43ad-b838-f449638b78c9 {
background-color: var(--popup-bg);
color: var(--popup-text);
}

.f4dacc951-23a1-43ad-b838-f449638b78c9 .ud02aebae-0600-41f1-8280-9fea013b08aa {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
}

.f4dacc951-23a1-43ad-b838-f449638b78c9 .x8b5ee3db-376f-49a3-846e-d2e55d6d320b {
background-color: var(--popup-btn-bg);
color: var(--popup-btn-text);
font-weight: 500;
}

.ocd01530f-ce0b-422b-b10c-c7b0fd87674c{
width: 30px;
height: 30px;
object-fit: cover;
display: block;
}

.t36b86c96-5a11-4596-bd1f-b539ddcfc463 {
width: 30px;
height: 30px;
object-fit: cover;
}

.s8828ba02-4e2d-478f-8bab-71ad5136f99f {
width: 20px;
height: 20px;
object-fit: cover;
}

.n48e5aa75-78bd-4b89-aa90-351f8b2b035d {
height: 40px;
margin-right: 20px;
}

.j543995b0-100b-4f8e-a5ea-c368f8d01239 {
height: 20px;
margin-right: 5px;
}

@media (max-width: 992px) {
.b48836a81-e2a2-4314-9d0d-71ff14e35147  {
grid-template-columns: repeat(3, 1fr);
}

.m5cf88546-e590-48c7-9172-2b82bd50e9da  {
grid-template-columns: repeat(3, 1fr);
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .i238928cb-4f4a-4ad4-b978-d96b4f974c9d {
margin-bottom: 2rem;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .q0e65774f-d700-4117-bd36-7e9deea98b7f {
flex-direction: column;
align-items: flex-start;
}

.o878894bf-6da6-49fe-b03a-254df7ba28a8 .xe39ef385-b705-4d61-8ce3-5fa48eff8d19 {
align-items: flex-start;
margin-top: 1rem;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .c4344e94a-e215-4736-a665-4637bc68730e {
padding: 40px 20px;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .c4344e94a-e215-4736-a665-4637bc68730e > div {
border-right: none;
border-bottom: 1px solid #222;
padding-bottom: 20px;
margin-bottom: 20px;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .c4344e94a-e215-4736-a665-4637bc68730e > div:last-child {
border-bottom: none;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .jc065e46e-964a-4e36-9187-d408a4e6bf05,
.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .o819a7115-1c59-4bf1-a5bb-a8893f9481f4,
.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .u8da4cb66-f2ee-4f5b-a3e1-d9450b6a46ef {
padding: 40px 20px;
}

.z75739893-2a7b-4ad2-95b5-d6bc983b8286 .se9fa611c-afb8-4c3e-b3d6-b1e0309bc914 {
text-align: left;
}
}

@media (max-width: 768px) {
.e6f22254a-a5a9-48a7-aae9-70b89d35993c .t60b2cf75-5f63-48ac-b695-775a2e8174f7 {
flex-direction: column;
max-width: 95%;
}
.e6f22254a-a5a9-48a7-aae9-70b89d35993c .hfb6743b2-e4a6-49ea-8f76-b5bfdd7fd104 {
border-right: none;
border-bottom: 2px solid rgba(0,0,0,0.1);
}

.p1d3f7107-276f-45ac-ac21-44f068649ebd {
max-width: 95%;
padding: 40px 24px;
}
.p1d3f7107-276f-45ac-ac21-44f068649ebd .d4a5079d3-8a1e-441c-8646-4dbc6e2777f4 {
font-size: 1.4rem;
}
.p1d3f7107-276f-45ac-ac21-44f068649ebd p {
font-size: 0.95rem;
max-height: 140px;
}

.lde24f3f7-9da8-4d84-82e2-7e429f438358 .z325693fb-68cc-4eef-927b-3a5c30867ce8 {
text-align: center;
}
.lde24f3f7-9da8-4d84-82e2-7e429f438358 .d-grid }} {
display: flex;
flex-direction: column;
align-items: center;
}
.lde24f3f7-9da8-4d84-82e2-7e429f438358 .d-flex.justify-content-center.align-items-center.gap-4 {
flex-wrap: wrap;
gap: 1rem; /* Adjust gap for smaller screens */
}
.lde24f3f7-9da8-4d84-82e2-7e429f438358 .f1aa01cd2-5119-44b4-99fc-262fff4b6b08, .o13b750c1-184e-4646-8a08-bc4987130216 .c8053333d-44da-43e9-a42d-cdf3a746d16b {
width: 100%; /* Full width buttons on small screens */
}

.jac44b552-6cf5-4e45-aa93-d3426b5d474d .t98163722-61b8-4f39-9723-acca46fae08a {
margin-top: 20px;
text-align: center;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .t98163722-61b8-4f39-9723-acca46fae08a a {
margin: 0 8px;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .k12681457-06ca-4fd0-a312-a7dc3de8d1cf {
flex-direction: column;
text-align: center;
}
.jac44b552-6cf5-4e45-aa93-d3426b5d474d .k12681457-06ca-4fd0-a312-a7dc3de8d1cf .v5a27dda5-bc1c-44c6-9f3b-66c1b5461738 {
margin-bottom: 15px;
}

.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .mdb98fb81-94b5-4488-9d61-62e57ecf7001 {
align-items: center;
width: 100%;
}
.jf2955b39-ffe6-477e-9e93-8b6bb4aefefe .s6be50e74-e3fb-43fc-9559-d24746934ba8 {
text-align: center !important;
}

.i837a5a07-c8bd-42d6-80cf-a190f613e2c3 .ra3271a26-0342-4567-97c5-402b03228c46 { animation-duration: 25s; }

.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .d-flex.justify-content-between.align-items-center {
flex-direction: column; /* Stack logo and copyright */
text-align: center;
gap: 1rem;
}
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .d-flex.flex-wrap.justify-content-between.align-items-center {
flex-direction: column; /* Stack social, badges, language selector */
align-items: center;
gap: 1rem;
}
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .t98163722-61b8-4f39-9723-acca46fae08a,
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .s3068bb3b-ff88-46a9-8025-35eafb4b9ca9,
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .cd88921fc-277c-4dd1-9092-2388a6ec4ab5 {
width: 100%; /* Full width for better stacking */
justify-content: center; /* Center items within their containers */
}
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .s3068bb3b-ff88-46a9-8025-35eafb4b9ca9 {
/* For smaller screens, arrange badges in a grid */
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* 2 columns, adjust as needed */
gap: 0.5rem; /* Smaller gap for grid */
}
.r438b0ae6-cdf7-47d2-a2ea-379305c4280c .ff621eccf-1e68-454a-9d11-4e2bfed9dce4 {
width: auto; /* Allow badges to size naturally within grid */
}
}