*, html {
font-family: 'Inter', 'Poppins', sans-serif !important;
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
}
body {
background: linear-gradient(135deg, var(--dark-bg) 0%, var(--dark-bg-secondary) 100%) !important;
background-color: var(--content-bg-color) !important;
color: var(--main-text-color);
min-height: 100vh;
position: relative;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: 
radial-gradient(circle at 20% 50%, rgba(255, 255, 0, 0.15) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(255, 235, 59, 0.12) 0%, transparent 50%),
radial-gradient(circle at 40% 20%, rgba(45, 90, 143, 0.1) 0%, transparent 50%);
pointer-events: none;
z-index: 0;
}
#main__section {
position: relative;
z-index: 1;
margin-bottom: 50px;
} .container {
margin: 0 auto;
max-width: 1320px;
padding: 0 48px;
position: relative;
z-index: 1;
} h1, h2, h3, h4, h5, h6 {
color: var(--heading-color) !important;
font-weight: 800;
letter-spacing: -1px;
text-shadow: 0 0 15px rgba(255, 255, 0, 0.6), 0 0 30px rgba(255, 255, 0, 0.3);
}
.default__h1, h1 {
font-size: 42px;
line-height: 1.2;
margin-bottom: 16px;
background: linear-gradient(135deg, #ffff00 0%, #ffeb3b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-shadow: 0 0 20px rgba(255, 255, 0, 0.8);
}
.default__h2, h2 {
font-size: 38px;
line-height: 1.3;
margin-top: 3rem;
margin-bottom: 12px;
}
.default__h3, h3 {
font-size: 25px;
font-weight: 700;
color: var(--heading-color) !important;
margin-bottom: 10px;
margin-top: 30px;
}
.default__h4, h4 {
font-size: 21px;
font-weight: 700;
color: var(--heading-color) !important;
margin-bottom: 10px;
margin-top: 30px;
}
.content__block p,
.content__block li,
.content__block span,
.review__main-textarea,
.review__summary {
font-size: 18px;
color: var(--main-text-color);
line-height: 1.8;
text-align: justify;
}
.content__block p {
margin-bottom: 16px;
}
.content__block,
.content__block div,
.content__block p {
color: var(--main-text-color);
}
.content__block .clickable-div,
.content__block a {
color: var(--anchor-text-color);
text-decoration: none;
border-bottom: 2px solid var(--neon-yellow);
transition: all 0.3s ease;
}
.content__block .clickable-div:hover,
.content__block a:hover {
color: var(--neon-yellow-light);
border-bottom-color: var(--neon-yellow-light);
text-shadow: 0 0 12px rgba(255, 255, 0, 0.8);
transform: translateY(-1px);
}
b, strong {
font-weight: 700;
color: var(--neon-yellow);
text-shadow: 0 0 8px rgba(255, 255, 0, 0.5);
}
ol, ul {
padding-left: 20px;
} header {
background: linear-gradient(180deg, var(--header-bg-color) 0%, rgba(10, 22, 40, 0.95) 100%) !important;
border-bottom: 2px solid var(--header-border-color);
box-shadow: 0 4px 20px rgba(255, 255, 0, 0.3), 0 0 40px rgba(255, 255, 0, 0.15);
position: relative;
z-index: 10;
}
.header__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px 0;
color: #fff;
width: 100%;
height: auto;
}
.header__logo,
.footer__logo {
width: 100%;
height: auto;
max-width: 200px;
max-height: 50px;
margin: 0;
filter: drop-shadow(0 0 15px rgba(255, 255, 0, 0.7));
transition: filter 0.3s ease;
}
.header__logo:hover {
filter: drop-shadow(0 0 25px rgba(255, 255, 0, 1));
}
.header__menu-wrapper {
display: flex;
align-items: center;
gap: 10px;
}
#header_menu {
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
list-style: none;
}
#header_menu li {
padding: 10px;
position: relative;
}
#header_menu li a,
#header_menu li .clickable-div,
#header_menu li {
color: var(--header-text-color);
transition: all 0.3s ease;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
}
#header_menu li a:hover,
#header_menu li .clickable-div:hover {
color: var(--neon-yellow-light);
text-shadow: 0 0 15px rgba(255, 255, 0, 1), 0 0 25px rgba(255, 255, 0, 0.6);
transform: translateY(-2px);
}
#header_menu li::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 2px;
background: linear-gradient(90deg, var(--neon-yellow), var(--neon-yellow-light));
transition: width 0.3s ease;
box-shadow: 0 0 10px rgba(255, 255, 0, 0.8);
}
#header_menu li:hover::after {
width: 80%;
}
#header_menu ul {
display: none;
padding: 0;
}
#header_menu > .menu-item-has-children:hover > ul {
display: flex;
flex-direction: column;
position: absolute;
top: 40px;
left: 20px;
width: 100%;
min-width: 200px;
border-top: 3px solid var(--neon-yellow);
background: linear-gradient(180deg, var(--header-menu-bg-color) 0%, var(--dark-bg-tertiary) 100%);
box-shadow: 0 8px 32px rgba(255, 255, 0, 0.4);
border-radius: 0 0 8px 8px;
padding: 10px 0;
} .header__buttons {
display: flex;
gap: 15px;
align-items: center;
}
.header__buttons a {
padding: var(--header_btn_padding);
margin: var(--header_btn_margin);
border: var(--header_btn_border);
border-radius: var(--header_btn_border_radius);
text-decoration: none;
transition: all 0.3s ease;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
position: relative;
overflow: hidden;
box-shadow: 0 4px 20px rgba(255, 255, 0, 0.5);
}
.header__buttons a::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%);
transition: width 0.6s, height 0.6s;
}
.header__buttons a:hover::before {
width: 300px;
height: 300px;
}
.header__buttons a.header__btn-first {
color: var(--header_btn_text_color_1); background: var(--header_btn_bg_color_1);
border: 2px solid var(--neon-yellow);
}
.header__buttons a.header__btn-first:hover {
color: var(--header_btn_text_hover_color_1);
background: var(--header_btn_bg_hover_color_1);
box-shadow: 0 0 30px rgba(255, 255, 0, 1), 0 0 50px rgba(255, 255, 0, 0.6);
transform: translateY(-2px);
}
.header__buttons a.header__btn-second {
color: var(--header_btn_text_color_2); background: var(--header_btn_bg_color_2);
border: 2px solid var(--neon-yellow);
}
.header__buttons a.header__btn-second:hover {
color: var(--header_btn_text_hover_color_2);
background: var(--header_btn_bg_hover_color_2);
box-shadow: 0 0 25px rgba(255, 255, 0, 0.8), 0 0 45px rgba(255, 255, 0, 0.5);
transform: translateY(-2px);
} .button,
.review__btn {
background: linear-gradient(135deg, var(--btn-bg-color) 0%, #ffeb3b 100%);
display: block;
text-align: center;
padding: 14px 40px;
border-radius: 8px;
color: #0a1628;
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
border: 2px solid var(--neon-yellow);
box-shadow: 0 4px 15px rgba(255, 255, 0, 0.4), 0 0 30px rgba(255, 255, 0, 0.2);
position: relative;
overflow: hidden;
}
.button::before,
.review__btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transition: left 0.5s;
}
.button:hover::before,
.review__btn:hover::before {
left: 100%;
}
.button:hover,
.review__btn:hover {
background: linear-gradient(135deg, var(--neon-yellow-light) 0%, var(--neon-yellow) 100%);
color: #0a1628;
box-shadow: 0 0 30px rgba(255, 255, 0, 1), 0 0 60px rgba(255, 255, 0, 0.6);
transform: translateY(-3px) scale(1.02);
border-color: var(--neon-yellow-light);
}
.button.button__header:hover {
background: linear-gradient(135deg, var(--neon-yellow-light) 0%, var(--neon-yellow) 100%);
} body #main__section table {
display: block;
width: 100%;
border-radius: 12px;
border: 2px solid var(--neon-yellow);
border-spacing: 0;
overflow-x: auto;
margin-bottom: 20px;
box-shadow: 0 8px 32px rgba(255, 255, 0, 0.4), 0 0 60px rgba(255, 255, 0, 0.2);
border-collapse: unset;
background: var(--dark-bg-tertiary);
}
body #main__section tr {
background-color: var(--content-bg-color);
transition: all 0.3s ease;
}
body #main__section tr:not(:last-child) td {
border-bottom: 1px solid rgba(75, 207, 255, 0.2);
}
body #main__section td,
body #main__section th {
padding: 16px;
text-align: left;
position: relative;
width: 1%;
min-width: 200px;
transition: all 0.3s ease;
border: unset;
color: var(--main-text-color);
}
body #main__section th { background: #ffeb3b;
font-weight: 700;
text-align: center;
color: #000000;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
} body #main__section th b,
body #main__section th strong,
.custom__table-heading b,
.custom__table-heading strong {
color: #000000 !important;
text-shadow: none;
} body #main__section table:first-of-type tr:first-child td {
background: #ffeb3b;
color: #000000;
font-weight: 700;
}
body #main__section table:first-of-type tr:first-child td b,
body #main__section table:first-of-type tr:first-child td strong {
color: #000000 !important;
text-shadow: none;
}
body #main__section tr:hover {
background: rgba(255, 255, 0, 0.15);
box-shadow: inset 0 0 20px rgba(255, 255, 0, 0.3);
}
table .clickable-div {
color: var(--neon-yellow);
width: fit-content;
padding-right: 25px;
text-decoration: none;
border-bottom: 2px solid var(--neon-yellow);
position: relative;
transition: all 0.3s ease;
font-weight: 600;
}
table .clickable-div::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url(//prank-casino.se/wp-content/themes/fortunatos/assets/images/link-external.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(10000%) hue-rotate(0deg);
}
table .clickable-div:hover {
color: var(--neon-yellow-light);
border-bottom-color: var(--neon-yellow-light);
text-shadow: 0 0 15px rgba(255, 255, 0, 1);
transform: translateY(-2px);
}
body #main__section td.has-text-align-center,
body #main__section th.has-text-align-center {
text-align: center;
} .custom__table {
display: flex;
flex-direction: column;
width: 100%;
max-width: calc(100% - 50px);
margin: 30px auto;
overflow-x: auto;
background: var(--custom-table-bg-even-color);
border-radius: 12px;
border: 2px solid var(--neon-yellow);
box-shadow: 0 8px 32px rgba(255, 255, 0, 0.4);
}
.custom__table-heading {
text-align: center; background: #ffeb3b;
color: #000000 !important;
padding: 16px 0;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
}
.custom__table-body {
margin-bottom: 2px;
display: grid;
}
.custom__table-row {
background: var(--custom-table-bg-odd-color);
grid-template-columns: 1fr 1fr 1fr 1fr;
display: grid;
transition: all 0.3s ease;
border-bottom: 1px solid rgba(75, 207, 255, 0.2);
}
.custom__table-row:nth-child(2n) {
background: var(--custom-table-bg-even-color);
}
.custom__table-row:hover {
background: var(--custom-table-bg-highlight-color);
box-shadow: inset 0 0 30px rgba(255, 255, 0, 0.3);
transform: scale(1.01);
}
.custom__table-col,
.custom__table-heading {
min-width: 200px;
}
.custom__table-col {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
padding: 16px;
margin: auto 0;
line-height: 1.6;
font-size: 17px;
text-align: center;
color: var(--custom-table-text-color);
}
.custom__table img {
width: 100%;
height: auto;
max-width: 100px;
max-height: 100px;
margin: 0;
filter: drop-shadow(0 0 10px rgba(255, 255, 0, 0.6));
transition: filter 0.3s ease;
}
.custom__table-row:hover .custom__table img {
filter: drop-shadow(0 0 20px rgba(255, 255, 0, 1));
}
.custom__table .custom__table-btn {
background: linear-gradient(135deg, var(--btn-bg-color) 0%, #ffeb3b 100%);
border-radius: 8px;
color: #0a1628;
text-decoration: none;
padding: 12px 24px;
margin: 0 auto;
transition: all 0.3s ease;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
border: 2px solid var(--neon-yellow);
box-shadow: 0 4px 15px rgba(255, 255, 0, 0.4);
}
.custom__table-row:hover .custom__table-btn,
.review__btn:hover {
background: linear-gradient(135deg, var(--neon-yellow-light) 0%, var(--neon-yellow) 100%);
box-shadow: 0 0 30px rgba(255, 255, 0, 1);
transform: translateY(-2px);
border-color: var(--neon-yellow-light);
}
.custom-col1 {
position: relative;
padding-left: 25px;
}
.custom__table-row-num {
position: absolute;
left: 15px;
top: 50%;
transform: translate(-50%, -50%);
padding: 6px 10px;
font-weight: 700;
background: linear-gradient(135deg, var(--neon-yellow) 0%, var(--neon-yellow-light) 100%);
color: #0a1628;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
box-shadow: 0 0 20px rgba(255, 255, 0, 0.8);
} footer {
background: linear-gradient(180deg, var(--fotter-bg-color) 0%, #050a14 100%);
padding: 60px 0 20px;
background-color: var(--fotter-bg-color);
border-top: 2px solid var(--neon-yellow);
box-shadow: 0 -4px 20px rgba(255, 255, 0, 0.3);
position: relative;
z-index: 1;
}
.footer__block {
display: flex;
}
.footer__block-col {
padding-right: 20px;
}
.footer__general {
padding-right: 48px;
}
.footer__logo {
margin-bottom: 20px;
filter: drop-shadow(0 0 15px rgba(75, 207, 255, 0.6));
}
.footer__menu-col,
.footer__text {
margin-bottom: 24px;
}
.footer__text {
font-size: 18px;
color: var(--footer-text-color);
line-height: 1.6;
text-align: justify;
}
.footer__menu-main {
padding-left: 48px;
}
.footer__menu-title {
font-size: 20px;
font-weight: 700;
color: var(--neon-aqua);
margin: 0 0 20px;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0 0 10px rgba(89, 255, 255, 0.5);
}
.footer__menu li .clickable-div {
font-size: 14px;
line-height: 2;
color: var(--footer-text-color);
text-decoration: none;
transition: all 0.3s ease;
}
.footer__menu li .clickable-div:hover {
color: var(--neon-yellow);
text-shadow: 0 0 8px rgba(255, 255, 0, 0.6);
padding-left: 5px;
}
.footer__block,
.footer__contacts-single-text,
.footer__contacts-single-text a {
color: var(--footer-text-color) !important;
}
.footer__contacts-single {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 12px;
transition: all 0.3s ease;
}
.footer__contacts-single:hover {
transform: translateX(5px);
}
.footer__contacts-single img {
width: 18px;
height: 18px;
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(10000%) hue-rotate(0deg);
}
.footer__contacts-single-text,
.footer__contacts-single-text a {
font-size: 14px;
line-height: 2;
color: var(--footer-text-color);
text-decoration: none;
transition: all 0.3s ease;
}
.footer__contacts-single-text a:hover {
color: var(--neon-yellow);
text-shadow: 0 0 8px rgba(255, 255, 0, 0.6);
}
.footer__socials,
.socials__widget-wrapper {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.footer__socials a,
.socials__widget-wrapper a {
padding: 12px;
text-decoration: none;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--socials-bg-color) 0%, var(--dark-bg-tertiary) 100%);
border: 2px solid var(--neon-yellow);
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(255, 255, 0, 0.3);
}
.footer__socials a:hover,
.socials__widget-wrapper a:hover {
background: linear-gradient(135deg, var(--neon-yellow) 0%, var(--neon-yellow-light) 100%);
box-shadow: 0 0 25px rgba(255, 255, 0, 1);
transform: translateY(-3px) rotate(5deg);
}
.footer__socials img,
.socials__widget-wrapper img {
width: 100%;
height: auto;
max-width: 30px;
max-height: 30px;
margin: 0;
} .review__wrapper {
margin-top: 24px;
border: 2px solid var(--neon-yellow);
padding: 30px;
background: linear-gradient(135deg, var(--content-bg-color) 0%, var(--dark-bg-tertiary) 100%);
margin-bottom: 20px;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(255, 255, 0, 0.3);
transition: all 0.3s ease;
}
.review__wrapper:hover {
box-shadow: 0 0 50px rgba(255, 255, 0, 0.6);
transform: translateY(-2px);
}
.review__main-block {
display: grid;
grid-template-columns: 1fr 2fr;
margin-bottom: 20px;
row-gap: 20px;
}
.review__general {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 15px;
}
.review__info {
padding: 0 15px;
}
.review__main-block .review__general img {
max-width: 200px;
width: auto;
max-height: 80px;
height: auto;
margin: 0;
filter: drop-shadow(0 0 20px rgba(255, 255, 0, 0.7));
}
.review__rating {
margin: 10px 0 0;
text-align: center;
font-size: 18px;
font-weight: 700;
color: var(--neon-yellow);
text-shadow: 0 0 15px rgba(255, 255, 0, 0.9);
}
.review__btn {
font-size: 16px;
background: linear-gradient(135deg, var(--btn-bg-color) 0%, #ffeb3b 100%);
border-radius: 8px;
color: #0a1628;
text-decoration: none;
padding: 15px 20px;
margin-top: 20px;
width: 100%;
max-width: 250px;
text-align: center;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border: 2px solid var(--neon-yellow);
box-shadow: 0 4px 15px rgba(255, 255, 0, 0.4);
transition: all 0.3s ease;
}
.review__info-textarea {
margin: 0;
font-weight: 500;
color: var(--main-text-color);
font-size: 16px;
text-align: left;
line-height: 1.6;
}
.review__info-outline {
background: linear-gradient(135deg, var(--neon-yellow) 0%, #ffeb3b 100%);
width: auto;
display: inline-block;
padding: 15px 20px;
color: #0a1628;
font-weight: 700;
border-radius: 8px;
margin: 10px 0;
font-size: 14px;
text-align: center;
box-shadow: 0 4px 15px rgba(255, 255, 0, 0.4);
border: 2px solid var(--neon-yellow);
}
.review__pros-cons-block {
display: flex;
gap: 15px;
width: 100%;
margin: 0 auto;
}
.review__cons-wrapper,
.review__pros-wrapper {
width: 100%;
padding: 16px;
border-radius: 8px;
margin-top: 10px;
border: 2px solid;
}
.review__pros-wrapper {
background: linear-gradient(135deg, rgba(255, 255, 0, 0.25) 0%, rgba(255, 235, 59, 0.15) 100%);
border-color: var(--neon-yellow);
box-shadow: 0 4px 15px rgba(255, 255, 0, 0.3);
}
.review__cons-wrapper {
background: linear-gradient(135deg, rgba(255, 100, 100, 0.2) 0%, rgba(255, 150, 150, 0.1) 100%);
border-color: #ff6464;
box-shadow: 0 4px 15px rgba(255, 100, 100, 0.2);
}
.review__cons-title img,
.review__pros-title img {
width: 30px;
height: 30px;
margin: 0 !important;
}
.review__cons-title,
.review__pros-title {
display: flex;
gap: 8px;
align-items: center;
font-weight: 700;
font-size: 22px;
line-height: 2.1;
}
.review__pros-title {
color: var(--neon-yellow);
text-shadow: 0 0 15px rgba(255, 255, 0, 0.9);
}
.review__cons-title,
.review__cons-item {
color: #ff6464 !important;
}
.review__pros-cons-block ul {
padding-left: 50px;
}
.review__pros-cons-block ul li {
font-size: 15px;
line-height: 1.6;
color: var(--main-text-color);
} .faq-accordion {
max-width: 800px;
margin: 0 auto;
}
.faq-item {
border-bottom: 2px solid rgba(255, 255, 0, 0.4);
padding: 10px 0;
transition: all 0.3s ease;
}
.faq-item:hover {
border-bottom-color: var(--neon-yellow);
}
.faq-question {
font-size: 1.2em;
margin: 0;
padding: 16px;
background: linear-gradient(135deg, var(--faq-question-bg-color) 0%, var(--dark-bg-tertiary) 100%);
transition: all 0.3s ease;
color: var(--faq-question-text-color) !important;
cursor: pointer;
font-weight: 700;
border-radius: 8px;
border: 2px solid transparent;
position: relative;
}
.faq-question::before {
content: '▶';
position: absolute;
right: 16px;
transition: transform 0.3s ease;
color: var(--neon-yellow);
}
.faq-item.active .faq-question::before {
transform: rotate(90deg);
}
.faq-question:hover {
background: linear-gradient(135deg, var(--faq-question-bg-hover-color) 0%, var(--dark-bg-hover) 100%);
border-color: var(--neon-yellow);
box-shadow: 0 0 25px rgba(255, 255, 0, 0.5);
color: var(--neon-yellow-light) !important;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-out, padding 0.4s ease-out;
padding: 0 16px;
color: var(--main-text-color);
}
.faq-item.active .faq-answer {
max-height: 500px;
padding: 16px;
background: rgba(255, 255, 0, 0.08);
border-radius: 0 0 8px 8px;
} .text__image-block {
margin: 30px 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 12px;
overflow: hidden;
border: 2px solid var(--neon-cyan);
box-shadow: 0 8px 32px rgba(75, 207, 255, 0.2);
}
.text__image-wrapper {
display: flex;
gap: 40px;
padding: 30px 20px;
}
.text__image-image {
border-radius: 12px;
overflow: hidden;
width: auto;
max-width: 100%;
min-width: 30%;
display: flex;
align-items: center;
border: 2px solid var(--neon-yellow);
box-shadow: 0 0 25px rgba(255, 255, 0, 0.5);
}
.text__image-image img {
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
} .intro__banner-section {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative; overflow: visible;
}
.intro__banner-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(10, 10, 26, 0.9) 0%, rgba(15, 15, 30, 0.8) 100%);
z-index: 0;
}
.intro__banner-wrapper {
display: flex;
gap: 40px;
min-height: 400px; padding: 80px 0 40px;
position: relative;
z-index: 1;
}
.intro__banner-heading {
color: var(--heading-color) !important;
background: linear-gradient(135deg, #ffff00 0%, #ffeb3b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-shadow: 0 0 40px rgba(255, 255, 0, 0.8);
}
.intro__banner-right { overflow: visible;
justify-content: center;
}
.intro__banner-right .intro__banner-image {
max-height: 400px;
max-width: 100%;
width: auto;
height: auto;
filter: drop-shadow(0 0 35px rgba(255, 255, 0, 0.8));
transition: filter 0.3s ease;
border: none !important; }
.intro__banner-right:hover .intro__banner-image {
filter: drop-shadow(0 0 50px rgba(255, 255, 0, 1));
}
.banner__desktop-image {
display: block;
}
.intro__banner-right .banner__mobile-image {
display: none;
max-height: 300px;
width: 100%;
object-fit: cover;
min-height: 200px;
}
.intro__banner-btn.button {
width: fit-content;
margin-top: 20px;
background: linear-gradient(135deg, var(--neon-yellow) 0%, #ffeb3b 100%);
border: 2px solid var(--neon-yellow);
box-shadow: 0 4px 20px rgba(255, 255, 0, 0.5);
}
.intro__banner-btn.button:hover {
background: linear-gradient(135deg, var(--neon-yellow-light) 0%, var(--neon-yellow) 100%);
box-shadow: 0 0 40px rgba(255, 255, 0, 1);
border-color: var(--neon-yellow-light);
} .banner__mini {
max-width: 800px;
margin: 30px auto;
padding: 24px;
background: linear-gradient(135deg, var(--dark-bg-tertiary) 0%, var(--content-bg-color) 100%);
border-radius: 12px;
border: 2px solid var(--neon-yellow);
box-shadow: 0 8px 32px rgba(255, 255, 0, 0.4);
transition: all 0.3s ease;
}
.banner__mini:hover {
box-shadow: 0 0 50px rgba(255, 255, 0, 0.7);
transform: translateY(-2px);
}
.banner__mini-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
position: relative;
}
.banner__mini-content {
max-width: calc(100% - 300px);
}
.banner__mini img {
width: auto;
max-width: 150px;
min-height: calc(100% + 20px);
margin: 0;
height: auto;
position: absolute;
filter: drop-shadow(0 0 15px rgba(75, 207, 255, 0.5));
} .banner__mini img {
border: none !important;
}
.banner__mini-content {
display: flex;
gap: 10px;
}
.banner__mini-title {
font-size: 24px;
font-weight: 700;
color: var(--neon-aqua);
text-shadow: 0 0 10px rgba(89, 255, 255, 0.6);
}
.banner__mini-content.banner__mini-row {
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0 20px;
flex-wrap: wrap;
}
.banner__mini-content.banner__mini-column {
flex-direction: column;
align-items: center;
justify-content: center;
}
.banner__mini-btn {
padding: 12px 24px;
text-decoration: none;
font-size: 14px;
transition: all 0.3s ease;
border-radius: 8px;
margin: 0 auto;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
background: linear-gradient(135deg, var(--neon-yellow) 0%, #ffeb3b 100%);
color: #0a1628;
border: 2px solid var(--neon-yellow);
box-shadow: 0 4px 15px rgba(255, 255, 0, 0.4);
}
.banner__mini-btn:hover {
background: linear-gradient(135deg, var(--neon-yellow-light) 0%, var(--neon-yellow) 100%);
color: #0a1628;
box-shadow: 0 0 35px rgba(255, 255, 0, 1);
transform: translateY(-2px);
border-color: var(--neon-yellow-light);
} .custom__slots-block {
width: 100%;
margin: 40px 0;
padding: 24px 0 30px; background: transparent;
}
.custom__slots-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 24px;
align-items: stretch;
justify-items: center;
width: 100%;
max-width: 1320px;
margin: 0 auto;
}
.custom__slots-single {
width: 100%;
max-width: 220px;
height: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start; padding: 4px;
border-radius: 16px;
background: linear-gradient(145deg, rgba(10, 22, 40, 0.95), rgba(24, 40, 80, 0.98));
box-shadow:
0 0 0 2px rgba(255, 255, 0, 0.6),
0 0 30px rgba(255, 255, 0, 0.45);
transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
cursor: pointer;
}
.custom__slots-single:hover {
transform: translateY(-6px) scale(1.03);
box-shadow:
0 0 0 2px rgba(255, 255, 0, 0.9),
0 0 45px rgba(255, 255, 0, 0.8);
background: linear-gradient(145deg, rgba(24, 40, 80, 1), rgba(40, 60, 110, 1));
}
.custom__slots-single__content {
position: relative;
overflow: hidden;
border-radius: 14px;
border: 2px solid var(--neon-yellow);
box-shadow: 0 4px 20px rgba(255, 255, 0, 0.4);
transition: all 0.3s ease;
}
.custom__slots-single:hover .custom__slots-single__content {
box-shadow: 0 0 40px rgba(255, 255, 0, 0.8);
border-color: var(--neon-yellow-light);
}
.custom__slots-single__content::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease;
background: linear-gradient(0deg, rgba(255, 255, 0, 0.7), rgba(255, 235, 59, 0));
}
.custom__slots-img-wrapper {
width: 100%;
aspect-ratio: 1 / 1;
display: flex;
align-items: stretch;
justify-content: center;
background: var(--dark-bg-tertiary);
position: relative;
overflow: hidden;
}
.custom__slots-img-wrapper img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
margin: 0;
filter: drop-shadow(0 0 15px rgba(255, 255, 0, 0.7));
transition: transform 0.3s ease;
} .custom__slots-img-wrapper::before {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
border: 2px solid rgba(255, 255, 0, 0.85);
box-shadow: 0 0 18px rgba(255, 255, 0, 0.6);
pointer-events: none;
}
.custom__slots-single:hover .custom__slots-img-wrapper img {
transform: scale(1.05);
}
.custom__slots-btn-block {
position: absolute;
top: 15px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 3;
gap: 10px;
}
.custom__slots-btn-block a {
transition: all 0.25s ease;
text-decoration: none;
opacity: 0;
}
.custom__slots-btn-block a img {
margin: 0;
filter: drop-shadow(0 0 10px rgba(255, 255, 0, 0.8));
}
.custom__slots-btn-block a.slot__btn-first {
transform: translate(0, -220%);
}
.custom__slots-btn-block a.slot__btn-first img {
width: 50px;
height: 50px;
}
.custom__slots-btn-block a.slot__btn-second {
transform: translate(0, 220%);
background: linear-gradient(135deg, var(--neon-yellow) 0%, #ffeb3b 100%);
color: #0a1628;
padding: 8px 16px;
border-radius: 8px;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
border: 2px solid var(--neon-yellow);
box-shadow: 0 4px 15px rgba(255, 255, 0, 0.4);
}
.custom__slots-single:hover .custom__slots-btn-block a.slot__btn-first,
.custom__slots-single:hover .custom__slots-btn-block a.slot__btn-second {
transform: translate(0, 0);
opacity: 1;
}
.custom__slots-single:hover .custom__slots-single__content::after {
opacity: 1;
}
.custom__slots-single__text {
text-align: center;
margin-top: 12px;
}
.custom__slots-single__title,
.custom__slots-single__subtitle {
transition: all 0.3s ease;
}
.custom__slots-single__title {
font-weight: 700;
color: var(--neon-yellow);
text-shadow: 0 0 15px rgba(255, 255, 0, 0.9);
font-size: 15px;
}
.custom__slots-single__subtitle {
font-size: 12px;
line-height: 16px;
color: var(--main-text-color);
opacity: 0.9;
}
@media (max-width: 768px) {
.custom__slots-wrapper {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 18px;
}
.custom__slots-single {
max-width: 180px;
}
} .acf-toc {
background: linear-gradient(135deg, var(--header-menu-bg-color) 0%, var(--dark-bg-tertiary) 100%);
padding: 20px;
border-radius: 12px;
margin-bottom: 20px;
border: 2px solid var(--neon-yellow);
box-shadow: 0 4px 20px rgba(255, 255, 0, 0.3);
}
.acf-toc ul {
padding: 0;
list-style: none;
}
.acf-toc ul li {
margin-bottom: 8px;
}
.acf-toc ul li a {
text-decoration: none;
color: var(--neon-yellow);
transition: all 0.3s ease;
}
.acf-toc ul li .clickable-div,
.acf-toc ul li a {
width: fit-content;
}
.acf-toc ul li .clickable-div:hover,
.acf-toc ul li a:hover {
color: var(--neon-yellow);
text-shadow: 0 0 10px rgba(255, 255, 0, 0.8);
transform: translateX(5px);
text-decoration: underline;
} .menu__btn-open,
.mobile__menu {
display: none;
}
.menu__btn-open {
grid-column: 3;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 10px;
transition: all 0.3s ease;
}
.menu__btn-open:hover {
filter: drop-shadow(0 0 15px rgba(255, 255, 0, 1));
}
.menu__btn-close img,
.menu__btn-open img {
width: 50px;
height: 50px;
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(10000%) hue-rotate(0deg);
}
.menu__btn-close {
width: 100%;
display: flex;
justify-content: flex-end;
padding: 14px;
cursor: pointer;
}
.mobile__menu {
overflow: auto;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
position: fixed;
top: 0;
left: calc(100% + 100px);
bottom: 0;
background: unset;
border-radius: unset;
z-index: 100;
padding: 0;
align-items: center;
gap: 3px;
backdrop-filter: blur(10px);
width: 100%;
transition: left 0.3s ease;
}
.mobile__menu.open {
left: 0;
}
.mobile__menu-backdrop {
position: sticky;
right: 100%;
top: 0;
bottom: 0;
z-index: 2;
width: 90px;
height: 100%;
background: rgba(10, 10, 26, 0.8);
}
.fixed__menu-all {
background: linear-gradient(180deg, var(--dark-bg) 0%, var(--dark-bg-tertiary) 100%);
top: 0;
flex-direction: column;
width: calc(100% - 90px);
max-height: unset;
min-height: calc(100% + .5px);
height: max-content;
position: absolute;
bottom: 56px;
right: 0;
display: flex;
padding: 0 0 16px;
align-items: flex-start;
align-self: stretch;
transition: border-radius 0.3s ease;
border-left: 2px solid var(--neon-yellow);
box-shadow: -4px 0 20px rgba(255, 255, 0, 0.4);
}
.fixed__menu-all ul {
list-style: none;
display: flex;
flex-direction: column;
padding: unset;
width: 100%;
margin: 0;
}
.fixed__menu-all ul li {
width: 100%;
border-bottom: 1px solid rgba(255, 255, 0, 0.3);
padding: 20px;
transition: all 0.3s ease;
}
.fixed__menu-all ul li:hover {
background: rgba(255, 255, 0, 0.15);
}
.fixed__menu-all ul ul li {
padding-bottom: 0;
border-bottom: unset;
}
.fixed__menu-all ul li a {
padding: 10px 20px;
color: var(--neon-yellow);
font-weight: 600;
font-size: 16px;
line-height: 38px;
display: block;
width: 100%;
text-decoration: none;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
}
.fixed__menu-all ul li a:hover {
color: var(--neon-yellow);
text-shadow: 0 0 10px rgba(255, 255, 0, 0.8);
padding-left: 30px;
}
.fixed__menu-all ul li.current-menu-item a {
color: var(--neon-yellow-light);
background: rgba(255, 255, 0, 0.15);
} .alignleft,
img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
}
.alignright,
img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.alignnone,
.intro__banner-image,
img.alignnone {
width: 100%;
height: auto;
}
.wp-caption {
margin-bottom: 1.5em;
text-align: center;
padding-top: 5px;
}
.wp-caption img {
border: 0;
padding: 0;
margin: 0;
}
.wp-caption p.wp-caption-text {
line-height: 1.5;
font-size: 10px;
margin: 0;
color: var(--main-text-color);
}
.wp-smiley {
margin: 0 !important;
max-height: 1em;
}
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}
.content__block img {
margin: 0 0 1.5em;
border-radius: 8px;
border: 2px solid var(--neon-yellow);
} .header__wrapper.left,
.text_image_bottom_image_position.text_image_vertical_top,
.text_image_horizontal_left,
.text_image_top_image_position.text_image_vertical_top {
justify-content: flex-start;
}
.header__wrapper.center #header_menu {
margin: 0 auto;
justify-content: unset;
}
.header__wrapper.center .header__menu-wrapper {
margin: 0 auto;
justify-content: space-between;
}
.header__wrapper.right {
justify-content: space-between;
}
.header__wrapper.left .header__buttons {
margin-left: auto;
}
.text__image-wrapper.text_image_right_image_position {
flex-direction: row;
}
.text__image-wrapper.text_image_top_image_position {
flex-direction: column-reverse;
}
.text__image-wrapper.text_image_bottom_image_position {
flex-direction: column;
}
.reversed-layout .intro__banner-wrapper,
.text__image-wrapper.text_image_left_image_position {
flex-direction: row-reverse;
}
.footer__block.footer_align_center,
.text_image_bottom_image_position.text_image_vertical_center,
.text_image_horizontal_center,
.text_image_top_image_position.text_image_vertical_center {
justify-content: center;
}
.text_image_bottom_image_position.text_image_horizontal_center,
.text_image_top_image_position.text_image_horizontal_center,
.text_image_vertical_center {
align-items: center;
}
.text_image_bottom_image_position.text_image_horizontal_left,
.text_image_top_image_position.text_image_horizontal_left,
.text_image_vertical_top {
align-items: flex-start;
}
.footer__block.footer_align_right,
.text_image_bottom_image_position.text_image_vertical_bottom,
.text_image_horizontal_right,
.text_image_top_image_position.text_image_vertical_bottom {
justify-content: flex-end;
}
.text_image_bottom_image_position.text_image_horizontal_right,
.text_image_top_image_position.text_image_horizontal_right,
.text_image_vertical_bottom {
align-items: flex-end;
}
.footer__block.footer_align_left {
justify-content: flex-start;
}
.footer__block.footer_align_full .footer__block-col {
flex: 1;
} .wp-social-link .clickable-div,
.wp-social-link a {
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
}
.wp-social-link img,
.wp-social-link svg {
width: 30px;
height: 30px;
font-size: 30px;
}
.wp-social-link .clickable-div path {
fill: var(--neon-yellow);
}
.socials__widget-wrapper {
margin-bottom: 1.5em;
} .header__sticky {
display: block;
background: linear-gradient(135deg, var(--neon-yellow) 0%, var(--neon-yellow-light) 100%);
position: sticky;
top: 0;
z-index: 5;
box-shadow: 0 4px 20px rgba(255, 255, 0, 0.6);
}
.header__sticky-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 10px 0;
color: #0a1628;
width: 100%;
height: auto;
row-gap: 10px;
} @media (max-width: 1200px) {
.container {
max-width: 1140px;
padding: 0 30px;
}
}
@media (max-width: 992px) {
.container {
max-width: 960px;
padding: 0 16px;
}
.custom__table img {
max-width: 50px;
max-height: 50px;
}
.custom__table-col {
font-size: 15px;
line-height: 1.5;
}
.custom__table .custom__table-btn {
padding: 8px 16px;
font-size: 12px;
}
.review__main-block {
grid-template-columns: 1fr 1fr;
}
.mobile__menu {
display: flex;
}
#header_menu {
display: none;
}
.menu__btn-open {
padding: 10px;
display: block;
}
.header__wrapper.left {
justify-content: space-between;
}
.intro__banner-left.width-25 {
max-width: 50%;
}
}
@media (max-width: 840px) {
.review__pros-cons-block {
flex-direction: column;
gap: 5px;
}
}
@media (max-width: 768px) {
.container {
max-width: 720px;
padding: 0 24px;
}
.header__sticky-wrapper {
flex-direction: column;
}
.header__wrapper {
justify-content: center;
}
.custom__table {
max-width: unset;
}
.footer__block {
display: grid;
grid-template-columns: 1fr;
}
.footer__menu-main {
padding-left: 0;
}
.text__image-wrapper.text_image_left_image_position,
.text__image-wrapper.text_image_top_image_position {
flex-direction: column-reverse;
}
.intro__banner-wrapper,
.text__image-wrapper.text_image_bottom_image_position,
.text__image-wrapper.text_image_right_image_position {
flex-direction: column;
}
.intro__banner-left.width-25,
.intro__banner-left.width-50 {
max-width: 75%;
}
.reversed-layout .intro__banner-wrapper {
flex-direction: column-reverse;
}
.intro__banner-section .container {
padding: 0;
margin: 0;
max-width: unset;
}
.header__wrapper .header__buttons {
display: none;
}
.header__buttons {
margin-left: 15px;
margin-bottom: 20px;
}
.intro__banner-left {
align-items: center;
text-align: center;
padding: 0 24px;
}
.banner__desktop-image {
display: none;
}
.intro__banner-right .banner__mobile-image {
display: block;
}
.intro__banner-wrapper {
flex-direction: column-reverse !important;
}
.header__wrapper.left .header__buttons {
display: none;
}
}
@media (max-width: 576px) {
.container {
max-width: 540px;
padding: 0 18px;
}
.footer__block,
.review__main-block {
grid-template-columns: 1fr;
}
.footer__general,
.footer__menu-main {
padding: 0;
}
.review__info {
display: flex;
flex-direction: column;
gap: 10px;
}
.review__info-outline {
margin: 10px auto;
}
.intro__banner-left {
max-width: 100% !important;
}
.default__h1, h1 {
font-size: 32px;
}
.default__h2, h2 {
font-size: 28px;
}
} @keyframes neon-pulse {
0%, 100% {
box-shadow: 0 0 25px rgba(255, 255, 0, 0.6), 0 0 50px rgba(255, 255, 0, 0.4);
}
50% {
box-shadow: 0 0 35px rgba(255, 255, 0, 1), 0 0 70px rgba(255, 255, 0, 0.7);
}
}
@keyframes neon-glow {
0%, 100% {
text-shadow: 0 0 15px rgba(255, 255, 0, 0.7);
}
50% {
text-shadow: 0 0 25px rgba(255, 255, 0, 1), 0 0 40px rgba(255, 255, 0, 0.8);
}
} .button,
.header__buttons a,
.custom__table-btn,
.review__btn,
.banner__mini-btn {
animation: neon-pulse 3s ease-in-out infinite;
}
h1, h2, .intro__banner-heading {
animation: neon-glow 4s ease-in-out infinite;
}