/* ==================================================
   FAVICON NOTE (IMPORTANT)
   You cannot enlarge the browser tab favicon with CSS.
   To make it 2–3x more visible, replace the favicon file itself:
   - upload /favicon.ico (multi-size) to the site root
   - clear cache / hard refresh
   Recommended sizes inside favicon.ico: 32, 48, 64 (plus 128 for retina).
   ================================================== */

@font-face {
 font-display: swap;
 font-family: 'myfont';
 src: url(../font/myfont.eot@38897757);
 src: url(../font/myfont.eot@38897757) format('embedded-opentype'),url(../font/myfont.woff2) format('woff2'),url(../font/myfont.woff@38897757) format('woff'),url(../font/myfont.ttf@38897757) format('truetype'),url(../font/myfont.svg@38897757) format('svg');
 font-weight: 400;
 font-style: normal;
}

[class^=icon-]:before,[class*=" icon-"]:before {
 font-family: "myfont";
 font-style: normal;
 font-weight: 400;
 speak: never;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
 font-variant: normal;
 text-transform: none;
 line-height: 1em;
 margin-left: .2em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.icon-thumbs-up:before {
 content: '\e800';
}

.icon-award:before {
 content: '\e801';
}

.icon-gift:before {
 content: '\e802';
}

.icon-list-alt:before {
 content: '\e803';
}

.icon-angle-down:before {
 content: '\f107';
}

.icon-shield:before {
 content: '\f132';
}

.icon-cc-visa:before {
 content: '\f1f0';
}

.icon-cc-mastercard:before {
 content: '\f1f1';
}

html {
 line-height: 1.15;
 -webkit-text-size-adjust: 100%;
}

body {
 margin: 0;
}

main {
 display: block;
}

h1 {
 font-size: 2em;
 margin: .67em 0;
}

hr {
 box-sizing: content-box;
 height: 0;
 overflow: visible;
}

pre {
 font-family: monospace,monospace;
 font-size: 1em;
}

a {
 background-color: #fff0;
}

abbr[title] {
 border-bottom: none;
 text-decoration: underline;
 text-decoration: underline dotted;
}

b,strong {
 font-weight: bolder;
}

code,kbd,samp {
 font-family: monospace,monospace;
 font-size: 1em;
}

small {
 font-size: 80%;
}

sub,sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}

sub {
 bottom: -.25em;
}

sup {
 top: -.5em;
}

img {
 border-style: none;
}

button,input,optgroup,select,textarea {
 font-family: inherit;
 font-size: 100%;
 line-height: 1.15;
 margin: 0;
}

button,input {
 overflow: visible;
}

button,select {
 text-transform: none;
}

button,[type=button],[type=reset],[type=submit] {
 -webkit-appearance: button;
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
 border-style: none;
 padding: 0;
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
 outline: 1px dotted ButtonText;
}

fieldset {
 padding: .35em .75em .625em;
}

legend {
 box-sizing: border-box;
 color: inherit;
 display: table;
 max-width: 100%;
 padding: 0;
 white-space: normal;
}

progress {
 vertical-align: baseline;
}

textarea {
 overflow: auto;
}

[type=checkbox],[type=radio] {
 box-sizing: border-box;
 padding: 0;
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
 height: auto;
}

[type=search] {
 -webkit-appearance: textfield;
 outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
 -webkit-appearance: none;
}

::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit;
}

details {
 display: block;
}

summary {
 display: list-item;
}

template {
 display: none;
}

[hidden] {
 display: none;
}

.slick-slider {
 position: relative;
 display: block;
 box-sizing: border-box;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-touch-callout: none;
 -khtml-user-select: none;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-tap-highlight-color: #fff0;
}

.slick-list {
 position: relative;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
}

.slick-list:focus {
 outline: none;
}

.slick-list.dragging {
 cursor: pointer;
 cursor: hand;
}

.slick-slider .slick-track,.slick-slider .slick-list {
 -webkit-transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 -ms-transform: translate3d(0,0,0);
 -o-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}

.slick-track {
 position: relative;
 top: 0;
 left: 0;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.slick-track:before,.slick-track:after {
 display: table;
 content: '';
}

.slick-track:after {
 clear: both;
}

.slick-loading .slick-track {
 visibility: hidden;
}

.slick-slide {
 display: none;
 float: left;
 height: 100%;
 min-height: 1px;
}

[dir=rtl] .slick-slide {
 float: right;
}

.slick-slide img {
 display: block;
}

.slick-slide.slick-loading img {
 display: none;
}

.slick-slide.dragging img {
 pointer-events: none;
}

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

.slick-loading .slick-slide {
 visibility: hidden;
}

.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid #fff0;
}

.slick-arrow.slick-hidden {
 display: none;
}

.slick-loading .slick-list {
}

@font-face {
 font-display:swap;font-family:'slick';font-weight:400;font-style:normal;src:url(../font/slick.eot);src:url(../font/slick.eot@) format('embedded-opentype'),url(../font/slick.woff) format('woff'),url(../font/slick.ttf) format('truetype'),url(../font/slick.svg) format('svg');
}

.slick-prev,.slick-next {
 font-size: 0;
 line-height: 0;
 position: absolute;
 top: 50%;
 display: block;
 width: 20px;
 height: 20px;
 padding: 0;
 -webkit-transform: translate(0,-50%);
 -ms-transform: translate(0,-50%);
 transform: translate(0,-50%);
 cursor: pointer;
 color: #fff0;
 border: none;
 outline: none;
 background: 0 0;
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
 color: #fff0;
 outline: none;
 background: 0 0;
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
 opacity: 1;
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
 opacity: .25;
}

.slick-prev:before,.slick-next:before {
 font-family: 'slick';
 font-size: 20px;
 line-height: 1;
 opacity: .75;
 color: #fff;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
 left: -25px;
}

[dir=rtl] .slick-prev {
 right: -25px;
 left: auto;
}

.slick-prev:before {
 content: '←';
}

[dir=rtl] .slick-prev:before {
 content: '→';
}

.slick-next {
 right: -25px;
}

[dir=rtl] .slick-next {
 right: auto;
 left: -25px;
}

.slick-next:before {
 content: '→';
}

[dir=rtl] .slick-next:before {
 content: '←';
}

.slick-dotted.slick-slider {
 margin-bottom: 30px;
}

.slick-dots {
 position: absolute;
 bottom: -25px;
 display: block;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
 text-align: center;
}

.slick-dots li {
 position: relative;
 display: inline-block;
 width: 20px;
 height: 20px;
 margin: 0 5px;
 padding: 0;
 cursor: pointer;
}

.slick-dots li button {
 font-size: 0;
 line-height: 0;
 display: block;
 width: 20px;
 height: 20px;
 padding: 5px;
 cursor: pointer;
 color: #fff0;
 border: 0;
 outline: none;
 background: 0 0;
}

.slick-dots li button:hover,.slick-dots li button:focus {
 outline: none;
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
 opacity: 1;
}

.slick-dots li button:before {
 font-family: 'slick';
 font-size: 6px;
 line-height: 20px;
 position: absolute;
 top: 0;
 left: 0;
 width: 20px;
 height: 20px;
 content: '•';
 text-align: center;
 opacity: .25;
 color: #000;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
 opacity: .75;
 color: #000;
}

@font-face {
 font-display:swap;font-family:"Roboto";src:url(../font/Roboto-Regular.ttf);font-weight:400;
}

@font-face {
 font-display:swap;font-family:"Roboto";src:url(../font/Roboto-Medium.ttf);font-weight:500;
}

@font-face {
 font-display:swap;font-family:"Roboto";src:url(../font/Roboto-Bold.ttf);font-weight:700;
}

body {
 margin: 0;
 padding: 0;
 font-family: "Roboto",sans-serif;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.5;
}

*,:before,:after {
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

h1,h2,h3 {
 margin: 0;
 padding: 0;
}

h1 {
 font-size: 36px;
}

a {
 color: inherit;
 text-decoration: none;
 -webkit-tap-highlight-color: #fff0;
}

img {
 width: 100%;
 height: auto;
}

input:not([type=checkbox]),input:not([type=checkbox]):focus,textarea,textarea:focus,select,select:focus {
 outline: none!important;
 -webkit-appearance: none;
}

.wrap {
 max-width: 1200px;
 width: 100%;
 margin: 0 auto;
 padding: 0 15px;
}

.header {
 width: 100%;
 padding: 15px 0;
 margin-bottom: 30px;
}

body.fixed-header {
 padding-top: 100px;
}

body.fixed-header .header {
 box-shadow: 0 0 10px rgb(0 0 0 / .3);
 position: fixed;
 top: 0;
 left: 0;
 z-index: 10;
}

.header .wrap {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}

.custom-logo-link {
 width: 70px;
 display: flex;
 justify-content: center;
 align-items: center;
}

.header-btns {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}

.header-btns .btn {
 width: 110px;
}

.header-btns .btn:last-child {
 margin-left: 15px;
}

.menu {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 padding: 0;
 margin: 0;
}

.menu a {
 padding: 5px;
 color: #fff;
 font-size: 15px;
}

.menu a:hover,.current-menu-item>a {
 opacity: .7;
}

.header .menu .menu-item-has-children {
 position: relative;}
 
 /*.sub-menu{min-width: 250px;
 padding: 15px 10px;
 box-shadow: 0 0 5px rgb(0 0 0 / .3);
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 2;
 display: none;}*/
 
 li{margin-bottom: 10px;
}

.menu .menu-item-has-children>a {
 position: relative;
}

.menu .menu-item-has-children>a:after {
 content: '\f107';
 font-family: "myfont";
 margin-left: 5px;
}

.header .menu .menu-item-has-children:hover .sub-menu {
 display: block;
}

.menu li {
 margin-right: 20px;
 list-style-type: none;
 padding: 0;
}

.menu li:last-child {
 margin-right: 0;
}

.header-menu {
 .menu{display: block;
 li{margin-bottom: 15px;
}

li:last-child {
 margin-bottom: 0;
}}

position:relative;
}

.header-menu-title {
text-transform: uppercase;
font-size: 16px;
cursor: pointer;
}

.header-menu-list {
min-width: 350px;
padding: 15px 10px;
box-shadow: 0 0 5px rgb(0 0 0 / .3);
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%);
z-index: 2;
display: none;
}

.header-menu:hover .header-menu-list {
display: block;
}

.btn {
border-radius: 8px;
line-height: 38px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-size: 15px;
font-weight: 500;
cursor: pointer;
-webkit-animation-name: puls;
animation-name: puls;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

.btn:hover {
opacity: .8;
}

.btn-red {
background-color: #d32222;
}

.btn-green {
background-color: #149c44;
}

.btn.text__button {
max-width: 290px;
width: 100%;
margin: 0 auto;
line-height: 52px;
}

@-webkit-keyframes puls {
0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}

50% {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}

100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}}

@keyframes puls {
 0% {
  -webkit-transform: scale(1);
  transform: scale(1);
 }

 50% {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
 }

 100% {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
}

.banner {
 height: 500px;
 border-radius: 12px;
 margin-top: 35px;
 padding: 0 50px;
 background-color: #a80043;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 position: relative;
 overflow: hidden;
}

.banner-img {
 max-width: 580px;
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
}

.banner-img img {
 max-width: 100%;
 width: auto;
 max-height: 100%;
 height: auto;
}

.offer {
 max-width: 450px;
 width: 100%;
}

.offer-title {
 font-size: 45px;
 line-height: 1.3;
 font-weight: 700;
 margin-bottom: 35px;
}

.offer-desc {
 font-size: 15px;
 line-height: 1.3;
 margin-bottom: 30px;
}

.offer-btns {
 display: flex;
}

.offer-btns .btn:nth-child(2) {
 margin-left: 15px;
}

.offer-btns .btn {
 max-width: 290px;
 width: 100%;
 font-weight: 700;
 line-height: 52px;
}

.bonus-item {
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 padding: 15px;
 margin-bottom: 20px;
}

.bonus-item-content {
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.bonus-item-text {
 margin-right: 15px;
}

.bonus-item-icon {
 max-width: 90px;
 margin-right: 15px;
}

.bonus-item-text {
 margin-right: 15px;
}

.slots .wrap {
 padding: 0 7px;
}

.slots-row {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

.slots .slot {
 width: 16.6666%;
 padding: 0 7px;
 margin-bottom: 15px;
}

.slots .slot img {
 display: block;
}

.slots .slot .inner {
 display: block;
 position: relative;
}

.slots .slot .inner:hover {
 opacity: .7;
}

.text-title {
 font-size: 40px;
 font-weight: 500;
 margin-bottom: 30px;
 text-align: center;
}

.main-text-wrap {
 border-radius: 8px;
 padding: 35px 40px;
 position: relative;
}

.main-text-content {
 line-height: 1.5;
}

.main-text-content img.aligncenter {
 display: block;
 margin: 0 auto;
}

.main-text-content a,.page-text a {
 font-weight: 700;
 text-decoration: underline;
}

.section {
 margin-bottom: 100px;
}

.footer {
 padding-top: 50px;
 padding-bottom: 30px;
}

.footer .pay-row {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 margin-bottom: 30px;
}

.footer .own {
 font-size: 13px;
 text-align: center;
}

.mobile-btn {
 width: 35px;
 height: 20px;
 position: relative;
 cursor: pointer;
 display: none;
}

.mobile-btn .line {
 width: 100%;
 height: 3px;
 background-color: #fff;
 position: absolute;
 left: 0;
}

.mobile-btn .top {
 top: 0;
}

.mobile-btn .middle {
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}

.mobile-btn .bottom {
 bottom: 0;
}

.mobile-wrap {
 width: 300px;
 height: 100vh;
 -webkit-transition: .4s;
 transition: .4s;
 overflow-y: auto;
 position: fixed;
 top: 0;
 right: -100vw;
 z-index: 99;
}

.mobile-wrap.active {
 -webkit-transition: .4s;
 transition: .4s;
 right: 0;
}

.mobile-body {
 padding: 70px 15px 15px 25px;
 position: relative;
}

.mobile-body .close {
 position: absolute;
 top: 35px;
 right: 25px;
}

.mobile-wrap .menu {
 display: block;
 padding: 0;
}

.mobile-wrap .menu a {
 padding: 5px;
}

.mobile-wrap .menu>li {
 margin-bottom: 30px;
 list-style-type: none;
 .sub-menu{margin-top: 15px;
 padding-left: 15px;
 li{margin-bottom: 15px;
 a{font-size: 14px;
}}}}

.close {
 width: 25px;
 height: 25px;
 cursor: pointer;
}

.close .inner {
 width: 100%;
 height: 100%;
 position: relative;
}

.close .inner:before,.close .inner:after {
 content: "";
 display: block;
 width: 100%;
 height: 1px;
 background-color: #fff;
 top: 50%;
 left: 0;
}

.close .inner:before {
 -webkit-transform: translateY(-50%) rotate(45deg);
 -ms-transform: translateY(-50%) rotate(45deg);
 transform: translateY(-50%) rotate(45deg);
}

.close .inner:after {
 -webkit-transform: translateY(-50%) rotate(-45deg);
 -ms-transform: translateY(-50%) rotate(-45deg);
 transform: translateY(-50%) rotate(-45deg);
}

.fixed-bar {
 width: 100vw;
 height: 60px;
 position: fixed;
 bottom: 0;
 left: 0;
 z-index: 10;
 display: none;
}

.fixed-bar .inner {
 width: 100%;
 height: 100%;
 padding: 0 10px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 background-color: #00cfa6;
 position: relative;
}

.fixed-bar .phone {
 width: 90px;
 position: absolute;
 left: 10px;
 bottom: -100px;
}

.fixed-bar-btn {
 padding: 0 15px;
}

.fixed-bar-btn .btn__icon {
 width: 25px;
 height: 25px;
 margin-right: 10px;
}

.aviator-banner.banner {
 background-color: #dd003b;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}

.aviator-banner .banner-img {
 width: 40%;
}

.text-block {
 margin-bottom: 50px;
}

.text-block-inner {
 background-color: #1d2332;
 padding: 30px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 border-radius: 18px;
 position: relative;
}

.text-block-inner:before {
 content: "";
 display: block;
 max-width: 1000px;
 width: 100%;
 height: 5px;
 background-color: #00cfa6;
 position: absolute;
 top: 0;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
}

.text-block-content {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}

.text-block-content .text {
 font-size: 16px;
 line-height: 1.5;
}

.app-banner.banner {
 background: radial-gradient(#020f1f 0%,#031f38 100%);
}

.app-banner .banner-img {
 width: 350px;
 position: absolute;
 bottom: 0;
 right: 20px;
}

.app-notice {
 font-size: 12px;
 margin-bottom: 15px;
}

.offer-btns {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}

.offer-btns .app-btn.btn:last-child {
 margin-right: 0;
}

.app-btn.btn,.btn-ios.btn,.btn-android.btn {
 padding: 5px 25px;
 font-size: 12px;
 line-height: 1.3;
 margin-right: 25px;
 background-color: #d32222;
}

.app-btn.btn .btn__icon,.btn-ios.btn .btn__icon,.btn-android.btn .btn__icon {
 width: 36px;
 height: 36px;
 margin-right: 10px;
}

.app-btn.btn .btn__text {
 font-size: 12px;
}

.bonus-banner.banner {
 background: radial-gradient(#020f1f 0%,#031f38 100%);
}

.bonus-banner .banner-img {
 max-width: 546px;
 width: 100%;
 position: absolute;
 bottom: 0;
 right: 15px;
}

.btn.promo {
 border: 1px solid #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 line-height: 52px;
}

.btn.promo .btn__icon {
 width: 25px;
 height: 25px;
 background-image: url(../img/copy.svg);
 background-size: cover;
 margin-left: 15px;
}

.btn.promo .btn__input {
 display: none;
}

.btn.promo.copy .btn__icon {
 background-image: url(../img/check.svg);
}

.bonus-btn {
 padding: 0 25px;
}

.rate-banner {
 background-color: #f92130;
 background-image: url(../img/casino.jpg);
 background-repeat: no-repeat;
 background-position: right bottom;
 background-size: 50%;
}

.promo-banner.banner {
 background: radial-gradient(#020f1f 0%,#031f38 100%);
}

.promo-banner .offer {
 max-width: 610px;
}

.btn.promo {
 -webkit-animation-name: btnPuls;
 animation-name: btnPuls;
 -webkit-animation-duration: 2s;
 animation-duration: 2s;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
}

@-webkit-keyframes btnPuls {
 0% {
  -webkit-transform: scale(1);
  transform: scale(1);
 }

 50% {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
 }

 100% {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
}

@keyframes btnPuls {
 0% {
  -webkit-transform: scale(1);
  transform: scale(1);
 }

 50% {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
 }

 100% {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
}

.main-text-content img,.text-block-content .text img {
 max-width: 100%;
 width: auto;
}

.apostas-banner.banner .banner-img {
 max-width: 600px;
 position: absolute;
 bottom: 0;
 right: 50px;
}

.text-block-content img.aligncenter {
 display: block;
 margin: 0 auto;
}

.advant .wrap {
 padding: 0;
}

.advant-content {
 display: flex;
 justify-content: space-between;
}

.advant-item {
 width: 25%;
 padding: 0 15px;
}

.advant-item-content {
 width: 100%;
 height: 100%;
 padding: 15px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
}

.advant-item .item__icon {
 text-align: center;
 font-size: 35px;
 margin-bottom: 20px;
}

.advant-item .item__text {
 text-align: center;
 line-height: 1.3;
}

.faq-item {
 margin-bottom: 20px;
 padding: 30px 25px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
}

.faq-item-row {
 display: flex;
 justify-content: space-between;
 align-items: center;
 cursor: pointer;
}

.faq-item-title {
 font-size: 18px;
}

.faq-item-icon {
 font-size: 25px;
 transform: rotate(0deg);
 transition: .3s;
}

.faq-item-answ {
 line-height: 1.3;
 margin-top: 15px;
 display: none;
}

.faq-item.active .faq-item-answ {
 display: block;
}

.faq-item.active .faq-item-icon {
 transform: rotate(180deg);
 transition: .3s;
}

.reviews .wrap {
 padding: 0;
}

.reviews-item {
 padding: 0 15px;
}

.reviews-item .inner {
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 padding: 25px 15px;
}

.reviews-item .title__row {
 display: flex;
 align-items: center;
 margin-bottom: 20px;
}

.reviews-item .item__img {
 width: 60px;
 height: 60px;
 -webkit-border-radius: 150%;
 -moz-border-radius: 150%;
 border-radius: 150%;
 overflow: hidden;
 margin-right: 10px;
}

.reviews-item .item__img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.reviews-item .item__name {
 font-size: 20px;
 font-weight: 700;
}

.reviews-item .item__text {
 line-height: 1.3;
}

.slider-nav {
 margin-top: 30px;
 display: flex;
 justify-content: center;
 align-items: center;
}

.slider-nav-item {
 font-size: 45px;
 cursor: pointer;
}

.slider-nav-item.item__prev {
 transform: rotate(90deg);
}

.slider-nav-item.item__next {
 transform: rotate(-90deg);
}

.slider-nav .slick-next,.slider-nav .slick-prev {
 position: static;
}

.slider-nav .slick-dots {
 position: static;
}

.slider-nav .slick-dots li button {
 color: inherit;
}

.slider-nav .slick-dots li button:before {
 color: inherit;
 font-size: 10px;
}

.banner {
 background-size: cover;
 background-position: center center;
}

.banner.banner-dark:before {
 content: '';
 display: block;
 width: 100%;
 height: 100%;
 background-color: rgb(0 0 0 / .2);
 position: absolute;
 top: 0;
 left: 0;
}

.banner .offer {
 position: relative;
}

.language-switch ul {
 display: flex;
}

.language-switch li {
 list-style-type: none;
 margin-right: 15px;
}

.language-switch a {
 text-transform: uppercase;
}

.language-switch li.active {
 text-decoration: underline;
}

.footer {
 .lang-switcher{display: flex;
 justify-content: center;
 margin-bottom: 25px;
}}

.footer-row {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-top: 50px;
 margin-bottom: 50px;
}

.footer-item {
 ul{margin: 0;
 padding: 0;
}

li {
 list-style-type: none;
 margin-bottom: 10px;
}}

.author-content {
 display: flex;
}

.author-img {
 width: 150px;
 min-width: 150px;
 height: 150px;
 margin-right: 15px;
 img{height: 100%;
 object-fit: cover;
 -webkit-border-radius: 150%;
 -moz-border-radius: 150%;
 border-radius: 150%;
}}

.author-info-item {
 margin-bottom: 20px;
}

.author-title {
 font-size: 25px;
 font-weight: 700;
}

.author-position {
 font-weight: 700;
}

.author-social {
 a{margin-right: 10px;
}}

.social {
 a{font-size: 16px;
}}

.partner-item {
 padding: 0 10px;
 display: flex!important;
 justify-content: center;
 align-items: center;
 img{max-width: 100px;
 width: auto;
 max-height: 150px;
 height: auto;
}}

.partners-row {
 .slick-arrow: before{content:'\f107';
 font-family: "myfont";
 font-size: 35px;
}

.slick-prev {
 transform: rotate(90deg) translate(0,-50%);
}

.slick-next {
 transform: rotate(-90deg) translate(0,-50%);
}}

.partners {
 .slider-nav{margin-top: 0;
}

.slick-dotted.slick-slider {
 margin-bottom: 0;
}}

.partners-row {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
 gap: 15px;
}

#time {
 font-size: 16px;
}

.single-authors {
 .author-content{margin-bottom: 50px;
}}

.author-block {
 .author-title: hover{text-decoration:underline;
}}

.contacts-item {
 margin-bottom: 15px;
 font-size: 20px;
 a{font-size: 20px;
}}

.contacts-row {
 display: flex;
 justify-content: space-between;
}

.contacts-info {
 width: 25%;
}

.contacts-row .map {
 width: 70%;
 iframe{width: 100%!important;
}}

h1 {
 margin-bottom: 25px;
}

.wheel {
 width: 100%;
 height: 100%;
 display: block;
}

.wheel.active {
 display: block;
 transition: opacity 1s,visibility 1s;
}

.wheel-open-btn {
 width: 70px;
 height: 70px;
 position: fixed;
 left: 15px;
 bottom: 15px;
 cursor: pointer;
 animation: 20s linear infinite wheel-btn-rotate;
 z-index: 10;
}

@keyframes wheel-btn-rotate {
 0% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
 }

 100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}

.wheel-inner {
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
}

.wheel-container {
 height: 90%;
 aspect-ratio: 1/1;
 position: relative;
}

.wheel-container.hide {
 display: none;
}

.wheel-container:before {
 content: '';
 display: block;
 width: 20px;
 height: 35px;
 background-image: url(../img/wheel_one.svg);
 background-size: cover;
 position: absolute;
 top: -20px;
 left: 50%;
 transform: translateX(-50%);
 z-index: 3;
}

.wheel-body {
 position: relative;
 -webkit-transform: rotate(0);
 transform: rotate(0);
}

.wheel-body.active {
 -webkit-animation: 6s cubic-bezier(.25,.75,.5,1.05) forwards wheel-rotate;
 animation: 6s cubic-bezier(.25,.75,.5,1.05) forwards wheel-rotate;
}

@keyframes wheel-rotate {
 0% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
 }

 80% {
  -webkit-transform: rotate(976deg);
  transform: rotate(976deg);
 }

 90% {
  -webkit-transform: rotate(964deg);
  transform: rotate(964deg);
 }

 100% {
  -webkit-transform: rotate(970deg);
  transform: rotate(970deg);
 }
}

.wheel-open-btn {
 width: 70px;
 height: 70px;
 position: fixed;
 left: 15px;
 bottom: 15px;
 cursor: pointer;
 animation: 20s linear infinite wheel-btn-rotate;
 z-index: 10;
}

#wheel-common.wheel {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 90;
 background-color: rgb(0 0 0 / .3);
 backdrop-filter: blur(10px);
 display: none;
}

#wheel-common.wheel.active {
 display: block;
}

#wheel-common .wheel-inner {
 width: 100%;
 height: 100%;
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
}

#wheel-common .wheel-container {
 max-width: 500px;
 width: 100%;
 height: auto;
}

.banner-img img.wheel-main {
 width: calc(100% - 15px);
 height: calc(100% - 15px);
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
}

.wheel-btn {
 width: 120px;
 height: 120px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 z-index: 1;
 cursor: pointer;
 animation: 1.4s infinite pulse-btn;
}

@keyframes pulse-btn {
 0% {
  -webkit-transform: translate(-50%,-50%) scale(1);
  transform: translate(-50%,-50%) scale(1);
 }

 50% {
  -webkit-transform: translate(-50%,-50%) scale(1.05);
  transform: translate(-50%,-50%) scale(1.05);
 }

 100% {
  -webkit-transform: translate(-50%,-50%) scale(1);
  transform: translate(-50%,-50%) scale(1);
 }
}

.wheel-btn-inner {
 width: 100%;
 height: 100%;
 position: relative;
}

.wheel-btn-text {
 font-size: 18px;
 font-weight: 700;
 color: #fff;
 text-align: center;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
}

.wheel-close {
 width: 40px;
 height: 40px;
 position: absolute;
 top: 15px;
 right: 15px;
 cursor: pointer;
}

.wheel-modal {
 max-width: 725px;
 width: 90%;
 height: 0;
 background-color: #bd1717;
 border-radius: 8px;
 border: 2px solid #05c473;
 box-shadow: 0 0 10px rgb(0 0 0 / .5);
 transition: transform 1s,visibility 1s,opacity 1s,-webkit-transform 1s;
 visibility: hidden;
 opacity: 0;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 z-index: 99;
}

.wheel-modal.active {
 opacity: 1;
 transform: scale(1) translate(-50%,-50%);
 visibility: visible;
 height: auto;
}

.wheel-modal-close {
 width: 25px;
 height: 25px;
 position: absolute;
 top: -15px;
 right: -15px;
}

.wheel-modal-bg {
 width: 100%;
 height: 100%;
 background-color: rgb(0 0 0 / .5);
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9;
 display: none;
}

.wheel-modal-bg.active {
 display: block;
}

.wheel-modal-img {
 max-width: 200px;
 margin: -40px auto 0;
}

.wheel-modal-price {
 background-color: #08a80b;
 color: #fff;
 font-size: 48px;
 line-height: 1;
 padding: 3px 10px;
 margin: -50px auto 30px;
 display: inline-block;
}

.wheel-modal .price__row {
 display: flex;
 justify-content: center;
}

.wheel-modal-message {
 max-width: 450px;
 width: 100%;
 font-size: 20px;
 color: #fff;
 text-align: center;
 margin: 0 auto 30px;
}

.wheel-modal-btn {
 max-width: 250px;
 width: 100%;
 padding: 5px 40px;
 font-size: 18px;
 font-weight: 700;
 line-height: 45px;
 text-align: center;
 border-radius: 4px;
 background-color: #08a80b;
 color: #fff;
 margin: 0 auto 30px;
 display: block;
 cursor: pointer;
}

.wheel-modal-btn:hover {
 background-color: #09a575;
}

.wheel-circle {
 width: calc(100% - 15px);
 height: calc(100% - 15px);
 border-radius: 150%;
 overflow: hidden;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
}

.wheel-circle-inner {
 width: 100%;
 height: 100%;
 border-radius: 150%;
 position: relative;
 background: conic-gradient(#ff5733 0deg 45deg,#33ff57 45deg 90deg,#3357ff 90deg 135deg,#ff33a1 135deg 180deg,#a133ff 180deg 225deg,#33fff3 225deg 270deg,#fff333 270deg 315deg,#ff8c33 315deg 360deg);
}

.wheel-sector {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 clip-path: polygon(50% 50%,50% 0,100% 0,100% 50%);
 transform-origin: 50% 50%;
}

.wheel-sector-text {
 position: absolute;
 top: 50%;
 left: 50%;
 transform-origin: 0 0;
 color: #fff;
 font-size: 20px;
 font-weight: 700;
 text-shadow: 1px 1px 2px rgb(0 0 0 / .5);
 white-space: nowrap;
}

.wheel-sector-text:nth-child(1) {
 transform: rotate(22.5deg) translateY(-700%) translateX(-50%);
}

.wheel-sector-text:nth-child(2) {
 transform: rotate(67.5deg) translateY(-700%) translateX(-50%);
}

.wheel-sector-text:nth-child(3) {
 transform: rotate(112.5deg) translateY(-700%) translateX(-50%);
}

.wheel-sector-text:nth-child(4) {
 transform: rotate(157.5deg) translateY(-700%) translateX(-50%);
}

.wheel-sector-text:nth-child(5) {
 transform: rotate(202.5deg) translateY(-700%) translateX(-50%);
}

.wheel-sector-text:nth-child(6) {
 transform: rotate(247.5deg) translateY(-700%) translateX(-50%);
}

.wheel-sector-text:nth-child(7) {
 transform: rotate(292.5deg) translateY(-700%) translateX(-50%);
}

.wheel-sector-text:nth-child(8) {
 transform: rotate(337.5deg) translateY(-700%) translateX(-50%);
}

h2.section-title {
 font-size: 35px;
 font-weight: 700;
 text-align: center;
 margin-bottom: 25px;
}

.mod-date,.current-date {
 font-weight: 700;
 margin-bottom: 5px;
 color: inherit!important;
 text-decoration: none!important;
 display: block;
}

@media (max-width:1100px) {
 .header .nav {
  display: none;
 }

 .mobile-btn {
  display: block;
 }

 .main-banner .girl {
  right: 0;
 }

 .offer {
  position: relative;
  z-index: 2;
 }

 .slots .slot {
  width: 25%;
 }

 .fixed-bar {
  display: none;
 }
}

@media (max-width:1000px) {
 .bonus-banner .banner-img {
  display: none;
 }

 .banner {
  height: auto;
  display: block;
  padding: 100px 15px 0;
 }

 .offer {
  max-width: 100%;
  width: 100%;
  margin-bottom: 50px;
 }

 .offer-title {
  text-align: center;
 }

 .offer-desc {
  text-align: center;
 }

 .offer-btns {
  justify-content: center;
 }

 .banner-img {
  margin: 0 auto;
 }

 .advant-content {
  flex-wrap: wrap;
 }

 .advant-item {
  width: 50%;
  margin-bottom: 20px;
  padding: 0 10px;
 }
}

@media (max-width:900px) {
 .aviator-banner {
  height: auto;
  display: block;
  padding-top: 30px;
 }

 .aviator-banner .banner-img {
  max-width: 350px;
  width: 100%;
  margin-top: 30px;
 }

 .app-banner .banner-img {
  display: none;
 }

 .partners {
  overflow-x: scroll;
 }

 .partners .page-item {
  width: 870px;
 }
}

@media (max-width:800px) {
 .footer-row {
  display: block;
  margin-bottom: 0;
  .custom-logo-link{margin: 0 auto 25px;
 }

 li {
  text-align: center;
 }
}

.footer-item {
 margin-bottom: 25px;
}}

@media (max-width:700px) {
 body.fixed-header {
  padding-top: 132px;
 }

 .header .wrap {
  position: relative;
  padding-bottom: 50px;
 }

 .header .custom-logo-link {
  max-width: 100px;
 }

 .header-btns {
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
 }

 .offer {
  max-width: 100%;
  width: 100%;
  padding: 0 15px;
  text-align: center;
 }

 .offer-title {
  font-size: 35px;
 }

 .offer-btn {
  margin: 0 auto;
 }

 .text-block-inner {
  display: block;
  padding: 30px 10px;
 }

 .text-block-content {
  margin-bottom: 30px;
 }

 .text-block-item {
  width: 100%;
 }

 .text-title {
  font-size: 30px;
 }

 .bonus-banner {
  height: auto;
  padding: 30px 0;
 }

 .apostas-banner.banner {
  display: block;
  padding-top: 50px;
 }

 .apostas-banner.banner .banner-img {
  position: static;
 }

 .apostas-banner.banner {
  height: auto;
 }

 .bonus-item {
  padding: 30px 15px;
 }

 .bonus-item-content {
  display: block;
 }

 .bonus-item-icon {
  margin: 0 auto 25px;
 }

 .bonus-item-text {
  text-align: center;
  margin: 0 auto 25px;
 }

 .bonus-btn {
  max-width: 290px;
  width: 100%;
  margin: 0 auto;
 }

 .contacts-row {
  display: block;
 }

 .contacts-info {
  width: 100%;
  margin-bottom: 50px;
 }

 .contacts-row .map {
  width: 100%;
 }
}

@media (max-width:600px) {
 .slots .slot {
  width: 33.3333%;
 }

 .main-text-wrap {
  padding: 35px 15px;
 }

 .footer .pay-row {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
 }

 .pay-item {
  width: 25%;
 }

 .offer-btns {
  display: block;
 }

 .offer-btns .btn {
  margin: 0 auto 20px;
 }

 .offer-btns .btn:nth-child(2) {
  margin: 0 auto;
 }

 .section {
  margin-bottom: 60px;
 }

 .wheel-sector-text:nth-child(1) {
  transform: rotate(22.5deg) translateY(-500%) translateX(-50%);
 }

 .wheel-sector-text:nth-child(2) {
  transform: rotate(67.5deg) translateY(-500%) translateX(-50%);
 }

 .wheel-sector-text:nth-child(3) {
  transform: rotate(112.5deg) translateY(-500%) translateX(-50%);
 }

 .wheel-sector-text:nth-child(4) {
  transform: rotate(157.5deg) translateY(-500%) translateX(-50%);
 }

 .wheel-sector-text:nth-child(5) {
  transform: rotate(202.5deg) translateY(-500%) translateX(-50%);
 }

 .wheel-sector-text:nth-child(6) {
  transform: rotate(247.5deg) translateY(-500%) translateX(-50%);
 }

 .wheel-sector-text:nth-child(7) {
  transform: rotate(292.5deg) translateY(-500%) translateX(-50%);
 }

 .wheel-sector-text:nth-child(8) {
  transform: rotate(337.5deg) translateY(-500%) translateX(-50%);
 }
}

@media (max-width:500px) {
 .app-btn.btn {
  padding: 5px 15px;
  margin-right: 15px;
 }

 .advant-item {
  width: 100%;
 }

 .author-content {
  display: block;
 }

 .author-img {
  margin: 0 auto 25px;
 }
}

@media (max-width:400px) {
 .slots .slot {
  width: 50%;
 }

 .pay-item {
  width: 33.33333%;
 }

 .rate-banner {
  background-size: 65%;
 }
}

h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background {
 padding: 1.25em 2.375em;
}

h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]) {
 rotate: 180deg;
}

.is-small-text {
 font-size: .875em;
}

.is-regular-text {
 font-size: 1em;
}

.is-large-text {
 font-size: 2.25em;
}

.is-larger-text {
 font-size: 3em;
}

.has-drop-cap:not(:focus):first-letter {
 float: left;
 font-size: 8.4em;
 font-style: normal;
 font-weight: 100;
 line-height: .68;
 margin: .05em .1em 0 0;
 text-transform: uppercase;
}

body.rtl .has-drop-cap:not(:focus):first-letter {
 float: none;
 margin-left: .1em;
}

p.has-drop-cap.has-background {
 overflow: hidden;
}

:root :where(p.has-background) {
 padding: 1.25em 2.375em;
}

:where(p.has-text-color:not(.has-link-color)) a {
 color: inherit;
}

p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"] {
 rotate: 180deg;
}

body {
  background-color: #303030;
  color: #fff;
}

.header,
.header .menu-item-has-children .sub-menu {
  background-color: #333E3C;
}

.footer {
  background-color: #1D2332;
}

body.text-link-color .main-text-content a,
body.text-link-color .page-text a {
  color: #0990ea;
}

body.banner-background .banner {
  background-color: #281a00;
}

.offer-title,
.offer-desc {
  color: #fff;
}

.offer-btn.btn {
  background-color: #cc3318;
}

.btn.btn-red {
  background-color: #D32222;
}

.btn.btn-green {
  background-color: #149C44;
}

.page-item {
  background-color: #333e3c;
}

.menu a {
  color: #fff;
}

.mobile-wrap {
  background-color: #1D2332;
}


@media (min-width: 992px) {
  .menu {
    display: flex;
    gap: 20px;
  }

  .menu > li {
    position: relative;
  }

  .menu-item-has-children > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 240px;
    background: #1d2332;
    border-radius: 8px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .25s ease;
    z-index: 999;
    box-shadow: 0 15px 40px rgba(0,0,0,.35);
  }

  .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .sub-menu li a {
    display: block;
    padding: 10px 18px;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
  }

  .sub-menu li a:hover {
    background: rgba(255,255,255,.08);
    color: #00c8ff;
  }
}

@media (max-width: 991px) {
  .menu-item-has-children > .sub-menu {
    display: none;
    padding-left: 12px;
  }

  .menu-item-has-children.active > .sub-menu {
    display: block;
  }
}

/* accessibility */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
}

/* картинки */
img {
  max-width: 100%;
  height: auto;
}

/* списки */
ol, ul {
  box-sizing: border-box;
}

/* =========================
   THEME: Dark Gold + Neon Green
   logo-friendly, high trust
   ========================= */

:root{
  --bg:#0f0f0a;
  --bg2:#151509;

  --panel:#1c1b10;
  --panel2:#232214;

  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.72);

  --gold:#f5c84b;        /* main yellow */
  --gold-soft:#e0b93c;
  --neon-green:#00ff85; /* CTA glow */
}

/* background */
body{
  background:
    radial-gradient(1000px 700px at 20% -10%, rgba(245,200,75,.12), transparent 55%),
    linear-gradient(180deg,var(--bg),var(--bg2)) !important;
  color:var(--text) !important;
}

/* panels */
.page-item{
  background:var(--panel) !important;
  border:1px solid rgba(245,200,75,.18);
  box-shadow:0 12px 30px rgba(0,0,0,.45);
}

/* header/footer */
.header,
.header .menu-item-has-children .sub-menu{
  background:#141407 !important;
  border-bottom:1px solid rgba(245,200,75,.15);
}
.footer{
  background:#111104 !important;
  border-top:1px solid rgba(245,200,75,.12);
}

/* headings */
h1,h2,h3,.text-title,.offer-title{
  color:var(--text) !important;
}

/* links */
.main-text-content a,
.page-text a{
  color:var(--gold) !important;
}
.main-text-content a:hover,
.page-text a:hover{
  color:#fff;
}

/* buttons */
.btn{
  border:1px solid rgba(0,255,133,.35) !important;
  box-shadow:
    0 0 0 1px rgba(0,255,133,.20),
    0 0 20px rgba(0,255,133,.45);
  transition:.2s ease;
}

.btn:hover{
  box-shadow:
    0 0 0 1px rgba(0,255,133,.35),
    0 0 32px rgba(0,255,133,.65);
}

.btn.btn-green{
  background:linear-gradient(180deg,#00ff85,#00c96a) !important;
  color:#062a1a !important;
  font-weight:800;
}

.btn.btn-red{
  background:linear-gradient(180deg,#f5c84b,#d9aa2f) !important;
  color:#2a2106 !important;
  font-weight:800;
}

/* menu */
.menu a:hover,
.current-menu-item>a{
  color:var(--gold) !important;
}

/* ===== LOGO SIZE FIX ===== */
.custom-logo-link img,
.header-logo img,
.footer-logo img{
  height:48px !important;
  width:auto !important;
}
@media(max-width:700px){
  .custom-logo-link img,
  .header-logo img,
  .footer-logo img{
    height:38px !important;
  }
}

/* ===== TABLES FIX ===== */
.main-text-content table,
.page-text table{
  width:100% !important;
  max-width:100% !important;
  border-collapse:collapse !important;
  margin:25px 0 !important;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(245,200,75,.25);
  border-radius:14px;
  overflow:hidden;
}

.main-text-content table thead{
  background:rgba(245,200,75,.18);
}

.main-text-content table th,
.main-text-content table td{
  padding:14px 16px;
  text-align:center;
  vertical-align:middle;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.main-text-content table th{
  font-weight:700;
  color:#fff;
}

.main-text-content table tr:last-child td{
  border-bottom:none;
}

/* mobile scroll */
@media(max-width:700px){
  .main-text-content table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
  }
}

/* =========================
   THEME: Teal Night + Neon Green (favicon/logo friendly)
   + Slots grid fix + Table fix
   ========================= */

:root{
  --bg:#070a0f;
  --bg2:#0a1018;

  --panel:rgba(14,20,30,.82);
  --panel2:rgba(10,16,24,.92);

  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.72);

  --teal:#00d6ff;        /* matches logo cyan */
  --green:#21ff95;       /* pleasant neon green */
  --violet:#7b61ff;      /* subtle contrast */
}

/* background that keeps cyan/green logo visible */
body{
  background:
    radial-gradient(1100px 700px at 22% -10%, rgba(0,214,255,.14), transparent 56%),
    radial-gradient(900px 600px at 88% 0%, rgba(123,97,255,.10), transparent 55%),
    linear-gradient(180deg,var(--bg) 0%, var(--bg2) 100%) !important;
  color:var(--text) !important;
}

/* panels */
.page-item{
  background:var(--panel) !important;
  border:1px solid rgba(0,214,255,.12);
  box-shadow:0 12px 32px rgba(0,0,0,.45);
}

/* header/footer */
.header,
.header .menu-item-has-children .sub-menu{
  background:rgba(8,12,18,.94) !important;
  border-bottom:1px solid rgba(0,214,255,.10);
}
.footer{
  background:rgba(6,10,15,.96) !important;
  border-top:1px solid rgba(0,214,255,.08);
}

/* links */
.main-text-content a,
.page-text a{
  color:var(--teal) !important;
  text-decoration-color:rgba(0,214,255,.55);
}
.main-text-content a:hover,
.page-text a:hover{
  text-decoration-color:rgba(0,214,255,.95);
}

/* buttons */
.btn{
  border:1px solid rgba(33,255,149,.30) !important;
  box-shadow:
    0 0 0 1px rgba(33,255,149,.16),
    0 0 20px rgba(33,255,149,.35);
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.btn:hover{
  box-shadow:
    0 0 0 1px rgba(33,255,149,.28),
    0 0 30px rgba(33,255,149,.55);
  transform:translateY(-1px);
}
.btn.btn-green{
  background:linear-gradient(180deg,#21ff95,#00c96a) !important;
  color:#041a10 !important;
  font-weight:800;
}
.btn.btn-red{
  background:linear-gradient(180deg,rgba(0,214,255,.95),rgba(0,140,255,.92)) !important;
  color:#061424 !important;
  font-weight:800;
}

/* menu */
.menu a:hover,
.current-menu-item>a{
  color:var(--teal) !important;
}

/* logo sizes (favicon can't be resized by CSS) */
.custom-logo-link{ width: 120px !important; }
.custom-logo-link img{
  width:auto !important;
  height:52px !important;
  max-height:52px !important;
}
@media(max-width:700px){
  .custom-logo-link img{ height:40px !important; max-height:40px !important; }
}
.footer .custom-logo-link img,
.footer-logo img{
  height:46px !important;
  max-height:46px !important;
  width:auto !important;
}

/* =========================
   SLOTS FIX (grid not "floating")
   ========================= */
.slots-row{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
}
.slots .slot{
  display:flex;
}
.slots .slot .inner{
  display:block;
  width:100%;
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(0,214,255,.10);
  box-shadow:0 10px 24px rgba(0,0,0,.35);
  transform:translateZ(0);
}
.slots .slot .inner:hover{
  opacity:1;
  box-shadow:0 12px 30px rgba(0,0,0,.45), 0 0 18px rgba(0,214,255,.22);
}
.slots .slot .inner img{
  width:100% !important;
  height:100% !important;
  aspect-ratio: 3 / 4;
  object-fit:cover;
  display:block;
}

/* =========================
   TABLES FIX (full width + centered + good on mobile)
   ========================= */
.main-text-content table,
.page-text table{
  width:100% !important;
  max-width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  margin:22px 0 !important;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(0,214,255,.14);
  border-radius:14px;
  overflow:hidden;
}
.main-text-content table thead,
.page-text table thead{
  background:rgba(0,214,255,.10);
}
.main-text-content table th,
.main-text-content table td,
.page-text table th,
.page-text table td{
  padding:12px 14px;
  text-align:center;
  vertical-align:middle;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.main-text-content table tr:last-child td,
.page-text table tr:last-child td{
  border-bottom:none;
}

/* mobile scroll without breaking layout */
@media(max-width:700px){
  .main-text-content table,
  .page-text table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap;
  }
}

/* =========================
   THEME: Green Trust + Blue CTA
   ========================= */

:root{
  --bg:#07130e;
  --bg2:#0b1f17;

  --panel:rgba(12,34,26,.85);
  --panel2:rgba(10,28,20,.95);

  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.72);

  --green:#22e58a;
  --green-soft:#18c574;
  --blue:#22b6ff;
}

/* background */
body{
  background:
    radial-gradient(1000px 700px at 20% -10%, rgba(34,229,138,.14), transparent 55%),
    linear-gradient(180deg,var(--bg),var(--bg2)) !important;
  color:var(--text) !important;
}

/* cards */
.page-item{
  background:var(--panel) !important;
  border:1px solid rgba(34,229,138,.14);
  box-shadow:0 12px 30px rgba(0,0,0,.45);
}

/* header / footer */
.header,
.header .menu-item-has-children .sub-menu{
  background:rgba(8,20,14,.95) !important;
  border-bottom:1px solid rgba(34,229,138,.12);
}
.footer{
  background:rgba(6,16,12,.96) !important;
  border-top:1px solid rgba(34,229,138,.10);
}

/* links */
.main-text-content a,
.page-text a{
  color:var(--green) !important;
}

/* buttons */
.btn{
  border:1px solid rgba(34,182,255,.35) !important;
  box-shadow:
    0 0 0 1px rgba(34,182,255,.18),
    0 0 20px rgba(34,182,255,.35);
}

.btn.btn-green{
  background:linear-gradient(180deg,#22b6ff,#148ad6) !important;
  color:#041725 !important;
  font-weight:800;
}

.btn.btn-red{
  background:linear-gradient(180deg,#22e58a,#18c574) !important;
  color:#062014 !important;
  font-weight:800;
}

/* menu */
.menu a:hover,
.current-menu-item>a{
  color:var(--green) !important;
}

/* logo size */
.custom-logo-link img{
  height:52px !important;
  width:auto !important;
}
@media(max-width:700px){
  .custom-logo-link img{ height:40px !important; }
}

/* tables */
.main-text-content table,
.page-text table{
  width:100% !important;
  max-width:100% !important;
  border-collapse:separate !important;
  border-spacing:0;
  margin:22px 0 !important;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(34,229,138,.18);
  border-radius:14px;
}

.main-text-content table th,
.main-text-content table td{
  padding:12px 14px;
  text-align:center;
  vertical-align:middle;
}

@media(max-width:700px){
  .main-text-content table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
  }
}

/* =========================
   HEADER LOGO SIZE (bigger)
   ========================= */
.header .custom-logo-link,
.header .logo,
.header .site-logo{
  display:flex;
  align-items:center;
}

.header .custom-logo-link img,
.header .logo img,
.header .site-logo img{
  height: 40px !important;
  width: auto !important;
  max-height: 40px !important;
  image-rendering: auto;
}

.header .custom-logo-link{
  max-width: 220px !important;
}

@media (max-width: 700px){
  .header .custom-logo-link img,
  .header .logo img,
  .header .site-logo img{
    height: 34px !important;
    max-height: 34px !important;
  }
}

/* =========================
   BONUS IMAGES SIZE FIX
   ========================= */
.bonus-item-content{
  align-items:center;
}

.bonus-item-icon{
  flex: 0 0 110px;
  max-width:110px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.35);
  border-radius:10px;
}

.bonus-item-icon img{
  max-width:96px !important;
  max-height:48px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain;
}

/* mobile */
@media(max-width:700px){
  .bonus-item-icon{
    flex:0 0 90px;
    max-width:90px;
    height:56px;
  }
  .bonus-item-icon img{
    max-width:80px !important;
    max-height:40px !important;
  }
}

/* =========================
   ICONS 2X: Header/Footer Logo + On-page Favicons
   NOTE: Browser tab favicon is controlled by /favicon.ico, not CSS.
   ========================= */

/* HEADER logo x2 */
.header .custom-logo-link{
  width: 140px !important;   /* base was 70px */
  max-width: 320px !important;
}
.header .custom-logo-link img,
.header .logo img,
.header .site-logo img{
  height: 80px !important;   /* was ~40px */
  max-height: 80px !important;
  width: auto !important;
}

/* FOOTER logo x2 */
.footer .custom-logo-link img,
.footer-logo img,
.footer .site-logo img{
  height: 80px !important;   /* was ~40-46px */
  max-height: 80px !important;
  width: auto !important;
}

/* ON-PAGE "Favicon small" (assets/img/logo-150x150.jpg) x2 */
img[src*="logo-150x150"]{
  width: 600px !important;
  height: 600px !important;
  object-fit: contain;
}

/* Generic on-page favicon images (if named favicon-*.png/jpg) x2 */
img[src*="favicon"]{
  width: 192px !important;
  height: 192px !important;
  object-fit: contain;
}

/* Mobile adjustments */
@media (max-width: 700px){
  .header .custom-logo-link img,
  .header .logo img,
  .header .site-logo img{
    height: 68px !important;
    max-height: 68px !important;
  }
  .footer .custom-logo-link img,
  .footer-logo img,
  .footer .site-logo img{
    height: 68px !important;
    max-height: 68px !important;
  }
  img[src*="logo-150x150"]{
    width: 220px !important;
    height: 220px !important;
  }
  img[src*="favicon"]{
    width: 72px !important;
    height: 72px !important;
  }
}

/* =========================
   SCALE DOWN (HALF):
   - Header/Footer Logo
   - On-page Favicons (small/big)
   - Slots tiles (2x smaller)
   ========================= */

/* Header/Footer logo -> half of ICONS 2X block */
.header .custom-logo-link{
  width: 70px !important;
  max-width: 220px !important;
}
.header .custom-logo-link img,
.header .logo img,
.header .site-logo img{
  height: 40px !important;
  max-height: 40px !important;
  width: auto !important;
}
.footer .custom-logo-link img,
.footer-logo img,
.footer .site-logo img{
  height: 40px !important;
  max-height: 40px !important;
  width: auto !important;
}

/* On-page favicon images -> half */
img[src*="logo-150x150"]{
  width: 150px !important;
  height: 150px !important;
}
img[src*="favicon"]{
  width: 48px !important;
  height: 48px !important;
}

/* Slots -> 2x smaller (more columns + less padding) */
.slots .wrap{ padding: 0 4px !important; }
.slots .slot{
  width: 8.3333% !important;   /* 12 per row instead of 6 */
  padding: 0 4px !important;
  margin-bottom: 10px !important;
}
.slots .slot .inner{
  border-radius: 12px !important;
}
.slots .slot .inner img{
  aspect-ratio: 3 / 4;
}

/* Responsive slots (half compared to original breakpoints) */
@media (max-width:1100px){
  .slots .slot{ width: 12.5% !important; } /* 8 per row */
}
@media (max-width:600px){
  .slots .slot{ width: 16.6666% !important; } /* 6 per row */
}
@media (max-width:400px){
  .slots .slot{ width: 25% !important; } /* 4 per row */
}

/* Mobile icon tweaks */
@media (max-width:700px){
  .header .custom-logo-link img,
  .header .logo img,
  .header .site-logo img{
    height: 34px !important;
    max-height: 34px !important;
  }
  .footer .custom-logo-link img,
  .footer-logo img,
  .footer .site-logo img{
    height: 34px !important;
    max-height: 34px !important;
  }
  img[src*="logo-150x150"]{
    width: 110px !important;
    height: 110px !important;
  }
  img[src*="favicon"]{
    width: 36px !important;
    height: 36px !important;
  }
}

/* =========================
   SLOTS: 6 per row + horizontal rectangles
   (overrides previous slots sizing)
   ========================= */

.slots .wrap{ padding: 0 7px !important; }

.slots .slot{
  width: 16.6666% !important;   /* 6 per row */
  padding: 0 7px !important;
  margin-bottom: 15px !important;
}

.slots .slot .inner{
  border-radius: 14px !important;
  overflow: hidden !important;
}

.slots .slot .inner img{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;         /* horizontal */
  object-fit: cover !important;
  display: block !important;
}

/* responsive */
@media (max-width:1100px){
  .slots .slot{ width: 25% !important; }       /* 4 per row */
}
@media (max-width:700px){
  .slots .slot{ width: 33.3333% !important; }  /* 3 per row */
}
@media (max-width:400px){
  .slots .slot{ width: 50% !important; }       /* 2 per row */
}

/* =========================
   FINAL THEME OVERRIDES
   Palette: Teal Night (logo-friendly) + Cyan CTA + Green Secondary
   ========================= */

:root{
  --k-bg:#050b0f;
  --k-bg2:#071418;

  --k-panel:#0c1f22;
  --k-panel2:#0f2a2e;

  --k-text:rgba(255,255,255,.92);
  --k-muted:rgba(255,255,255,.70);

  --k-cyan:#2bdcff;
  --k-blue:#14a7ff;

  --k-green:#35f1a1;
  --k-green2:#1ccf7a;

  --k-border:rgba(43,220,255,.14);
}

/* Base background */
body{
  background:
    radial-gradient(1100px 720px at 18% -12%, rgba(43,220,255,.14), transparent 58%),
    radial-gradient(900px 650px at 90% 0%, rgba(53,241,161,.10), transparent 58%),
    linear-gradient(180deg,var(--k-bg),var(--k-bg2)) !important;
  color:var(--k-text) !important;
}

/* Header/Footer */
.header,
.header .menu-item-has-children .sub-menu{
  background:rgba(6,14,16,.92) !important;
  border-bottom:1px solid rgba(43,220,255,.10) !important;
}
.footer{
  background:rgba(5,12,13,.95) !important;
  border-top:1px solid rgba(43,220,255,.08) !important;
}

/* Cards */
.page-item,
.bonus-item.page-item,
.main-text-wrap.page-item,
.reviews-item .inner,
.faq-item{
  background:rgba(12,31,34,.82) !important;
  border:1px solid var(--k-border) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.45);
}

/* Titles */
h1,h2,h3,.text-title,.offer-title,.section-title{
  color:var(--k-text) !important;
}

/* Links */
.main-text-content a,
.page-text a{
  color:var(--k-cyan) !important;
  text-decoration-color:rgba(43,220,255,.55);
}
.main-text-content a:hover,
.page-text a:hover{
  text-decoration-color:rgba(43,220,255,.95);
}

/* Menu hover/current */
.menu a:hover,
.current-menu-item>a{
  color:var(--k-cyan) !important;
}

/* Buttons: map primary to .btn-red (often "Registration"), secondary to .btn-green */
.btn{
  border:1px solid rgba(43,220,255,.22) !important;
  box-shadow:
    0 0 0 1px rgba(43,220,255,.12),
    0 0 18px rgba(43,220,255,.22);
}
.btn:hover{
  opacity:.92;
  box-shadow:
    0 0 0 1px rgba(43,220,255,.18),
    0 0 26px rgba(43,220,255,.32);
}

/* Primary CTA */
.btn.btn-red{
  background:linear-gradient(180deg,var(--k-cyan),var(--k-blue)) !important;
  color:#04151c !important;
  font-weight:800;
  border:1px solid rgba(43,220,255,.40) !important;
  box-shadow:
    0 0 0 1px rgba(43,220,255,.20),
    0 0 22px rgba(43,220,255,.40);
}

/* Secondary CTA */
.btn.btn-green{
  background:linear-gradient(180deg,var(--k-green),var(--k-green2)) !important;
  color:#042016 !important;
  font-weight:800;
  border:1px solid rgba(53,241,161,.40) !important;
  box-shadow:
    0 0 0 1px rgba(53,241,161,.18),
    0 0 22px rgba(53,241,161,.32);
}

/* Bonus buttons inherit */
.bonus-btn.btn{ padding:0 25px; }

/* Bonus icon contrast (keep visible) */
.bonus-item-icon{
  background:rgba(0,0,0,.30) !important;
  border:1px solid rgba(43,220,255,.10) !important;
}

/* Slots: keep your "6 per row + horizontal rectangles" feel */
.slots .slot .inner{
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(43,220,255,.12) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.35);
}
.slots .slot .inner:hover{
  opacity:1;
  box-shadow:0 12px 30px rgba(0,0,0,.42), 0 0 18px rgba(43,220,255,.20);
}

/* Tables (consistent) */
.main-text-content table,
.page-text table{
  border:1px solid rgba(43,220,255,.16) !important;
  background:rgba(255,255,255,.03) !important;
}
.main-text-content table thead,
.page-text table thead{
  background:rgba(43,220,255,.10) !important;
}

/* =========================
   HOME BANNER (WHEEL AREA) COLOR FIX
   Overrides brown/yellow banner background to match Teal Night theme
   ========================= */

/* Main hero/banner background (where the wheel sits) */
.banner,
body.banner-background .banner{
  background:
    radial-gradient(900px 620px at 70% 45%, rgba(43,220,255,.18), transparent 60%),
    radial-gradient(820px 560px at 30% 60%, rgba(53,241,161,.14), transparent 62%),
    linear-gradient(180deg, #061416, #050b0f) !important;
}

/* If there is an overlay, keep it subtle */
.banner.banner-dark:before{
  background-color: rgba(0,0,0,.18) !important;
}

/* Ensure inner content cards in banner keep the same palette */
.banner .offer,
.banner .offer *{
  color: rgba(255,255,255,.92);
}


/* =========================
   BLOG LAYOUT FIX
   Matches provided screenshot:
   - Title + subtitle
   - 3 cards in a row (desktop)
   - Soft grey cards with rounded corners
   ========================= */

.blog,
.blog-section {
  margin-top: 60px;
}

.blog .section-title,
.blog h2,
.blog-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #ffffff;
}

.blog .section-subtitle,
.blog p.subtitle {
  font-size: 15px;
  color: rgba(255,255,255,.7);
  margin-bottom: 35px;
}

/* cards grid */
.blog-list,
.blog-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* card */
.blog-item,
.blog-card {
  background: #a9a9a9;
  border-radius: 18px;
  padding: 24px 22px;
  color: #1a1a1a;
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.blog-item:hover,
.blog-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(0,0,0,.45);
}

/* date */
.blog-date {
  font-size: 12px;
  opacity: .8;
  margin-bottom: 8px;
}

/* title */
.blog-item h3,
.blog-card h3 {
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 12px;
  color: #ffffff;
}

/* excerpt */
.blog-item p,
.blog-card p {
  font-size: 14px;
  line-height: 1.4;
  color: rgba(255,255,255,.9);
  margin-bottom: 18px;
}

/* read more */
.blog-item a,
.blog-card a {
  font-weight: 700;
  color: #ffffff;
}

.blog-item a:hover,
.blog-card a:hover {
  text-decoration: underline;
}

/* responsive */
@media (max-width: 1100px) {
  .blog-list,
  .blog-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .blog-list,
  .blog-row {
    grid-template-columns: 1fr;
  }
}


/* =========================
   BLOG (WP Latest Posts block) – card grid
   If your blog list is generated by Gutenberg "Latest Posts",
   these selectors will apply even when .blog-item/.blog-card are not present.
   ========================= */

.blog .wp-block-latest-posts,
.blog-section .wp-block-latest-posts{
  width: 100%;
}

.blog .wp-block-latest-posts__list,
.blog-section .wp-block-latest-posts__list{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog .wp-block-latest-posts__list > li,
.blog-section .wp-block-latest-posts__list > li{
  background: rgba(255,255,255,.14);
  border-radius: 18px;
  padding: 24px 22px;
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  border: 1px solid rgba(0, 255, 210, .12);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 220px;
}

.blog .wp-block-latest-posts__list > li:hover,
.blog-section .wp-block-latest-posts__list > li:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(0,0,0,.45);
  border-color: rgba(0, 255, 210, .22);
}

.blog .wp-block-latest-posts__post-date,
.blog-section .wp-block-latest-posts__post-date{
  font-size: 12px;
  color: rgba(255,255,255,.75);
  margin: 0 0 8px 0;
}

.blog .wp-block-latest-posts__post-title,
.blog-section .wp-block-latest-posts__post-title{
  display: block;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff;
  text-decoration: none;
  margin: 0 0 12px 0;
}

.blog .wp-block-latest-posts__post-title:hover,
.blog-section .wp-block-latest-posts__post-title:hover{
  text-decoration: underline;
}

.blog .wp-block-latest-posts__post-excerpt,
.blog-section .wp-block-latest-posts__post-excerpt{
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255,255,255,.9);
  margin: 0 0 18px 0;
}

.blog .wp-block-latest-posts__read-more,
.blog-section .wp-block-latest-posts__read-more{
  font-weight: 800;
  color: rgba(255,255,255,.95);
  text-decoration: none;
}

.blog .wp-block-latest-posts__read-more:hover,
.blog-section .wp-block-latest-posts__read-more:hover{
  text-decoration: underline;
}

@media (max-width: 1100px){
  .blog .wp-block-latest-posts__list,
  .blog-section .wp-block-latest-posts__list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px){
  .blog .wp-block-latest-posts__list,
  .blog-section .wp-block-latest-posts__list{
    grid-template-columns: 1fr;
  }
}


/* =========================
   BLOG POSTS: FORCE 3-COLUMN GRID (Theme override)
   Some templates output different wrappers, so target WP classes directly.
   ========================= */

.wp-block-latest-posts,
.wp-block-latest-posts__list{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 25px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.wp-block-latest-posts > li,
.wp-block-latest-posts__list > li{
  margin: 0 !important;
  float: none !important;
  width: auto !important;
  background: rgba(255,255,255,.14) !important;
  border-radius: 18px !important;
  padding: 24px 22px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.35) !important;
  border: 1px solid rgba(0, 255, 210, .12) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 220px !important;
}

.wp-block-latest-posts > li:hover,
.wp-block-latest-posts__list > li:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.45) !important;
  border-color: rgba(0, 255, 210, .22) !important;
}

.wp-block-latest-posts__post-date{
  display: block !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.75) !important;
  margin: 0 0 8px 0 !important;
}

.wp-block-latest-posts__post-title{
  display: block !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  color: #fff !important;
  text-decoration: none !important;
  margin: 0 0 12px 0 !important;
}

.wp-block-latest-posts__post-excerpt{
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: rgba(255,255,255,.9) !important;
  margin: 0 0 18px 0 !important;
}

.wp-block-latest-posts__read-more{
  font-weight: 800 !important;
  color: rgba(255,255,255,.95) !important;
  text-decoration: none !important;
}

.wp-block-latest-posts__read-more:hover,
.wp-block-latest-posts__post-title:hover{
  text-decoration: underline !important;
}

@media (max-width: 1100px){
  .wp-block-latest-posts,
  .wp-block-latest-posts__list{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px){
  .wp-block-latest-posts,
  .wp-block-latest-posts__list{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* =========================
   /khelo24bet-blog/ PAGE: Blog cards exactly like screenshot (1,2,3)
   Targets WordPress "Latest Posts" block and common blog loops.
   ========================= */

/* scope to blog page when possible */
body[class*="khelo24bet-blog"] .main,
body[class*="khelo24bet-blog"] .content,
body[class*="khelo24bet-blog"] .wrap{
  position: relative;
}

/* Title + subtitle spacing */
body[class*="khelo24bet-blog"] h1,
body[class*="khelo24bet-blog"] .text-title,
body[class*="khelo24bet-blog"] .section-title{
  margin-bottom: 10px !important;
}
body[class*="khelo24bet-blog"] .subtitle,
body[class*="khelo24bet-blog"] .section-subtitle,
body[class*="khelo24bet-blog"] p{
  /* don't affect long content paragraphs */
}
body[class*="khelo24bet-blog"] .blog-subtitle,
body[class*="khelo24bet-blog"] .section-subtitle,
body[class*="khelo24bet-blog"] .blog .section-subtitle{
  margin-bottom: 26px !important;
}

/* GRID: WordPress Latest Posts block */
body[class*="khelo24bet-blog"] ul.wp-block-latest-posts,
body[class*="khelo24bet-blog"] .wp-block-latest-posts__list,
body[class*="khelo24bet-blog"] .blog-list,
body[class*="khelo24bet-blog"] .blog-row{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  align-items: stretch !important;
}

/* ITEM card (WP Latest Posts uses li) */
body[class*="khelo24bet-blog"] ul.wp-block-latest-posts > li,
body[class*="khelo24bet-blog"] .wp-block-latest-posts__list > li,
body[class*="khelo24bet-blog"] .blog-item,
body[class*="khelo24bet-blog"] .blog-card{
  background: rgba(180,180,180,.92) !important;
  border-radius: 18px !important;
  padding: 22px 22px 18px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 210px !important;
}

/* Date */
body[class*="khelo24bet-blog"] .wp-block-latest-posts__post-date,
body[class*="khelo24bet-blog"] .blog-date{
  font-size: 12px !important;
  color: rgba(255,255,255,.85) !important;
  margin: 0 0 10px !important;
  display: block !important;
}

/* Title link */
body[class*="khelo24bet-blog"] .wp-block-latest-posts__post-title,
body[class*="khelo24bet-blog"] .wp-block-latest-posts__post-title a,
body[class*="khelo24bet-blog"] .blog-item h3,
body[class*="khelo24bet-blog"] .blog-card h3{
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,.92) !important;
  text-decoration: none !important;
}

/* Excerpt */
body[class*="khelo24bet-blog"] .wp-block-latest-posts__post-excerpt,
body[class*="khelo24bet-blog"] .wp-block-latest-posts__post-excerpt p,
body[class*="khelo24bet-blog"] .blog-item p,
body[class*="khelo24bet-blog"] .blog-card p{
  margin: 12px 0 14px !important;
  color: rgba(255,255,255,.85) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* Read more */
body[class*="khelo24bet-blog"] .wp-block-latest-posts__read-more,
body[class*="khelo24bet-blog"] .blog-item a,
body[class*="khelo24bet-blog"] .blog-card a{
  margin-top: auto !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,.92) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  gap: 6px !important;
  align-items: center !important;
}
body[class*="khelo24bet-blog"] .wp-block-latest-posts__read-more:after,
body[class*="khelo24bet-blog"] .blog-item a:after,
body[class*="khelo24bet-blog"] .blog-card a:after{
  content: "→" !important;
}

/* Hover */
body[class*="khelo24bet-blog"] ul.wp-block-latest-posts > li:hover,
body[class*="khelo24bet-blog"] .wp-block-latest-posts__list > li:hover,
body[class*="khelo24bet-blog"] .blog-item:hover,
body[class*="khelo24bet-blog"] .blog-card:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.45) !important;
}

/* Responsive */
@media (max-width: 1100px){
  body[class*="khelo24bet-blog"] ul.wp-block-latest-posts,
  body[class*="khelo24bet-blog"] .wp-block-latest-posts__list,
  body[class*="khelo24bet-blog"] .blog-list,
  body[class*="khelo24bet-blog"] .blog-row{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px){
  body[class*="khelo24bet-blog"] ul.wp-block-latest-posts,
  body[class*="khelo24bet-blog"] .wp-block-latest-posts__list,
  body[class*="khelo24bet-blog"] .blog-list,
  body[class*="khelo24bet-blog"] .blog-row{
    grid-template-columns: 1fr !important;
  }
}

/* ==================================================
   BLOG GRID FORCE (khelo24bet-blog): 3 cards per row
   This fixes themes/plugins that override WP latest posts layout.
   ================================================== */
body[class*="khelo24bet-blog"] .wp-block-latest-posts,
body[class*="khelo24bet-blog"] .wp-block-latest-posts__list,
body.page-khelo24bet-blog .wp-block-latest-posts,
body.page-khelo24bet-blog .wp-block-latest-posts__list,
body .main-text-content .wp-block-latest-posts,
body .main-text-content .wp-block-latest-posts__list{
  width: 100% !important;
  max-width: 100% !important;
}

body[class*="khelo24bet-blog"] .wp-block-latest-posts__list,
body.page-khelo24bet-blog .wp-block-latest-posts__list,
body .main-text-content .wp-block-latest-posts__list{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body[class*="khelo24bet-blog"] .wp-block-latest-posts__list > li,
body.page-khelo24bet-blog .wp-block-latest-posts__list > li,
body .main-text-content .wp-block-latest-posts__list > li{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 18px 18px 16px !important;
  border-radius: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 210px !important;
}

/* make "Read →" sit at bottom */
body[class*="khelo24bet-blog"] .wp-block-latest-posts__list > li > a.wp-block-latest-posts__read-more,
body.page-khelo24bet-blog .wp-block-latest-posts__list > li > a.wp-block-latest-posts__read-more,
body .main-text-content .wp-block-latest-posts__list > li > a.wp-block-latest-posts__read-more{
  margin-top: auto !important;
}

/* Responsive */
@media (max-width: 1100px){
  body[class*="khelo24bet-blog"] .wp-block-latest-posts__list,
  body.page-khelo24bet-blog .wp-block-latest-posts__list,
  body .main-text-content .wp-block-latest-posts__list{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px){
  body[class*="khelo24bet-blog"] .wp-block-latest-posts__list,
  body.page-khelo24bet-blog .wp-block-latest-posts__list,
  body .main-text-content .wp-block-latest-posts__list{
    grid-template-columns: 1fr !important;
  }
}

/* =========================
   BLOG FEED (glossary-feed) — 3 cards per row
   Targets markup:
   section.glossary-feed#blog-posts > .glossary-feed__inner
     header.glossary-feed__head
     div.glossary-news > article.glossary-post
   ========================= */

#blog-posts.glossary-feed{
  margin-top: 60px;
}

#blog-posts .glossary-feed__head{
  margin-bottom: 26px;
}

#blog-posts .glossary-feed__title{
  font-size: 36px;
  line-height: 1.15;
  font-weight: 800;
  color: rgba(255,255,255,.92);
  margin: 0 0 10px;
}

#blog-posts .glossary-feed__sub{
  margin: 0;
  font-size: 15px;
  color: rgba(255,255,255,.70);
}

/* grid container */
#blog-posts .glossary-news{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

/* card */
#blog-posts .glossary-post{
  background: rgba(180,180,180,.92) !important;
  border-radius: 18px !important;
  padding: 22px 22px 18px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.35) !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 210px !important;
}

#blog-posts .glossary-post:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(0,0,0,.45) !important;
}

/* date */
#blog-posts .glossary-post__meta{
  font-size: 12px;
  color: rgba(255,255,255,.85);
  margin: 0 0 10px;
}

/* title */
#blog-posts .glossary-post__title{
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
}
#blog-posts .glossary-post__title a{
  color: rgba(255,255,255,.92);
  text-decoration: none;
}

/* excerpt */
#blog-posts .glossary-post__excerpt{
  margin: 0 0 14px;
  color: rgba(255,255,255,.85);
  font-size: 14px;
  line-height: 1.45;
}

/* read more */
#blog-posts .glossary-post__more{
  margin-top: auto;
  font-weight: 800;
  color: rgba(255,255,255,.92);
  text-decoration: none;
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
#blog-posts .glossary-post__more:hover{
  text-decoration: underline;
}

/* responsive */
@media (max-width: 1100px){
  #blog-posts .glossary-news{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px){
  #blog-posts .glossary-news{
    grid-template-columns: 1fr !important;
  }
}

/* ==================================================
   BLOG CARDS: smaller + centered (khelo24bet-blog feed)
   ================================================== */
.glossary-feed__inner{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  padding-left:20px;
  padding-right:20px;
}

.glossary-news{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(220px, 320px)) !important;
  justify-content:center !important;
  gap:22px !important;
  align-items:stretch;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

.glossary-post{
  width:100%;
  max-width:320px;
  margin:0 !important;
  padding:20px 22px;
  border-radius:18px;
}

.glossary-post__meta{opacity:.85;}
.glossary-post__title{font-size:18px; line-height:1.25;}
.glossary-post__excerpt{font-size:14px; line-height:1.45;}

/* 2 columns */
@media (max-width: 1024px){
  .glossary-news{
    grid-template-columns:repeat(2, minmax(220px, 360px)) !important;
  }
  .glossary-post{max-width:360px;}
}

/* 1 column */
@media (max-width: 640px){
  .glossary-news{
    grid-template-columns:minmax(240px, 520px) !important;
  }
  .glossary-post{max-width:520px;}
}

/* =========================
   BLOG FEED TUNING — match sample screenshot
   - Center the whole blog block
   - Slightly smaller cards
   - 3 cards per row with fixed-ish width and centered grid
   ========================= */

/* center container */
#blog-posts .glossary-feed__inner{
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* grid centered with card width similar to sample */
#blog-posts .glossary-news{
  grid-template-columns: repeat(3, minmax(0, 360px)) !important;
  justify-content: center !important;
  gap: 26px !important;
}

/* smaller card look */
#blog-posts .glossary-post{
  padding: 18px 18px 16px !important;
  min-height: 195px !important;
}

/* typography closer to sample */
#blog-posts .glossary-post__title{
  font-size: 17px !important;
}
#blog-posts .glossary-post__excerpt{
  font-size: 13.5px !important;
}

/* responsive keeps center */
@media (max-width: 1100px){
  #blog-posts .glossary-news{
    grid-template-columns: repeat(2, minmax(0, 360px)) !important;
    justify-content: center !important;
  }
}
@media (max-width: 640px){
  #blog-posts .glossary-feed__inner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #blog-posts .glossary-news{
    grid-template-columns: minmax(0, 420px) !important;
    justify-content: center !important;
  }
}


/* ==================================================
   BLOG: rectangular cards, centered, and constrained
   so they never exceed the width of the author card.
   ================================================== */

.glossary-feed__inner,
#blog-posts .glossary-feed__inner{
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1200px){
  .glossary-feed__inner,
  #blog-posts .glossary-feed__inner{
    max-width: 92vw;
  }
}

.glossary-feed__inner *,
#blog-posts .glossary-feed__inner *{
  box-sizing: border-box;
}

.glossary-news{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  align-items: stretch;
}

@media (max-width: 992px){
  .glossary-news{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px){
  .glossary-news{ grid-template-columns: 1fr; }
}

.glossary-post{
  width: auto;
  max-width: 100%;
  border-radius: 16px;
  overflow: hidden;
}

.glossary-post__title{
  line-height: 1.25;
}

.glossary-post__excerpt{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}


/* =========================
   BLOG CARDS — colors + translucency
   ========================= */
#blog-posts .glossary-post{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(80, 210, 255, .18) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.45) !important;
}
#blog-posts .glossary-post__meta{
  color: rgba(255,255,255,.72) !important;
}
#blog-posts .glossary-post__title,
#blog-posts .glossary-post__title a{
  color: #bdf6ff !important;
}
#blog-posts .glossary-post__title a:hover{
  color: #e7fbff !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
#blog-posts .glossary-post__more{
  color: #48c9ff !important;
}
#blog-posts .glossary-post__more:hover{
  color: #2ef2b0 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}


/* ===== LOGO 4X (header/footer) ===== */
.header .custom-logo-link{width:280px !important;max-width:none !important;}
.header .custom-logo-link img{height:192px !important;max-height:192px !important;width:auto !important;max-width:100% !important;}
.footer .custom-logo-link{width:280px !important;max-width:none !important;margin:0 auto 25px !important;}
.footer .custom-logo-link img{height:192px !important;max-height:192px !important;width:auto !important;max-width:100% !important;}
@media(max-width:900px){
  .header .custom-logo-link img,
  .footer .custom-logo-link img{height:144px !important;max-height:144px !important;}
  .header .custom-logo-link,
  .footer .custom-logo-link{width:240px !important;}
}
@media(max-width:700px){
  .header .custom-logo-link img,
  .footer .custom-logo-link img{height:112px !important;max-height:112px !important;}
  .header .custom-logo-link,
  .footer .custom-logo-link{width:200px !important;}
}
@media(max-width:700px){
  .header .custom-logo-link img,
  .footer .custom-logo-link img{height:56px !important;}
  .header .custom-logo-link,
  .footer .custom-logo-link{width:100px !important;}
}

/* =========================
   SCALE DOWN x0.5
   Header/Footer Logo + Favicons
   ========================= */

/* Header logo */
.custom-logo-link img{
  max-width: 140px !important;
  height: auto !important;
}

/* Footer logo */
footer .custom-logo-link img{
  max-width: 140px !important;
  height: auto !important;
}

/* Favicon small (inline usage) */
img[src*="logo-150x150"],
img[src*="favicon"]{
  width: 48px !important;
  height: 48px !important;
}

/* =========================
   ICONS SCALE UP x2
   - Header/Footer Logo
   - On-page favicon images (logo-150x150 + images with 'favicon' in filename)
   NOTE: Browser tab favicon size is controlled by the favicon file itself (favicon.ico/png), not CSS.
   ========================= */

.header .custom-logo-link{
  width: 140px !important;
  max-width: 320px !important;
}
.header .custom-logo-link img{
  height: 80px !important;
  max-height: 80px !important;
  width: auto !important;
}

.footer .custom-logo-link img{
  height: 80px !important;
  max-height: 80px !important;
  width: auto !important;
}

/* On-page favicon small (assets/img/logo-150x150.jpg) */
img[src*="logo-150x150"]{
  width: 300px !important;
  height: 300px !important;
  object-fit: contain !important;
}

/* On-page favicon big (if used as an <img> somewhere) */
img[src*="favicon"]{
  width: 96px !important;
  height: 96px !important;
  object-fit: contain !important;
}

@media (max-width: 700px){
  .header .custom-logo-link img{
    height: 68px !important;
    max-height: 68px !important;
  }
  .footer .custom-logo-link img{
    height: 68px !important;
    max-height: 68px !important;
  }
  img[src*="logo-150x150"]{
    width: 220px !important;
    height: 220px !important;
  }
  img[src*="favicon"]{
    width: 72px !important;
    height: 72px !important;
  }
}


/* ===== Footer layout fix: evenly spaced columns, readable menus ===== */
.footer .footer-row,
.footer-row{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 36px !important;
}

.footer-row .custom-logo-link{
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

.footer-row .custom-logo{
  height: auto !important;
  max-width: 220px !important;
  width: 100% !important;
}

.footer-row .footer-item{
  flex: 1 1 200px !important;
  min-width: 200px !important;
  max-width: 320px !important;
}

.footer-row .footer-item.contacts{
  flex: 2 1 340px !important;
  min-width: 260px !important;
  max-width: 520px !important;
}

.footer-row .footer-menu{
  margin: 0 !important;
  padding: 0 !important;
}

.footer-row .footer-menu li{
  list-style: none !important;
  margin: 0 0 12px 0 !important;
}

.footer-row .footer-menu a{
  display: inline-block !important;
  padding: 2px 0 !important;
  text-decoration: none !important;
}

.footer-row .footer-menu a:hover{
  text-decoration: underline !important;
}

.footer-row .contacts__item{
  margin: 0 0 10px 0 !important;
  line-height: 1.55 !important;
  word-break: break-word;
}

@media (max-width: 1100px){
  .footer-row .footer-item{max-width: none !important;}
  .footer-row .footer-item.contacts{max-width: none !important;}
}

@media (max-width: 720px){
  .footer .footer-row,
  .footer-row{
    justify-content: center !important;
    text-align: center !important;
  }
  .footer-row .footer-item,
  .footer-row .footer-item.contacts{
    min-width: 240px !important;
  }
  .footer-row .custom-logo-link{justify-content: center !important; width: 100%;}
  .footer-row .custom-logo{max-width: 240px !important;}
}
/* ===== End footer fix ===== */



/* ===== LOGO RECTANGLE FIX ===== */
.header .custom-logo-link,
.footer .custom-logo-link{
  width:auto !important;
  max-width:240px !important;
  min-width:0 !important;
  flex:0 0 auto !important;
}

.header .custom-logo-link img,
.footer .custom-logo-link img,
.header .custom-logo,
.footer .custom-logo{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:56px !important;
  max-height:none !important;
  object-fit:contain !important;
}

@media (max-width:700px){
  .header .custom-logo-link,
  .footer .custom-logo-link{
    max-width:190px !important;
  }

  .header .custom-logo-link img,
  .footer .custom-logo-link img,
  .header .custom-logo,
  .footer .custom-logo{
    height:44px !important;
  }
}
/* ===== End logo rectangle fix ===== */

/* ===== BONUS CARDS IMAGE FIT FIX ===== */
.bonus-content{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.bonus-item.page-item{
  padding:0 !important;
  margin-bottom:0 !important;
  overflow:hidden;
}

.bonus-item-content{
  display:flex !important;
  flex-direction:column;
  align-items:stretch !important;
  justify-content:flex-start;
  height:100%;
}

.bonus-item-icon{
  width:100% !important;
  max-width:none !important;
  height:180px;
  margin:0 !important;
  padding:0;
  flex:none !important;
  border-radius:14px 14px 0 0 !important;
  overflow:hidden;
  background:#071426 !important;
  border:none !important;
}

.bonus-item-icon img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
}

.bonus-item-text{
  margin:0 !important;
  padding:18px 18px 12px;
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:700;
}

.bonus-btn{
  width:calc(100% - 36px) !important;
  max-width:none !important;
  margin:0 18px 18px !important;
}

@media (max-width: 992px){
  .bonus-content{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }

  .bonus-item-icon{
    height:170px;
  }
}

@media (max-width: 640px){
  .bonus-content{
    grid-template-columns:1fr;
  }

  .bonus-item-icon{
    height:160px;
  }

  .bonus-item-text{
    min-height:auto;
  }
}
/* ===== End bonus cards image fit fix ===== */

/* === Khelo24Bet wheel restyle === */
.banner-img #wheel .wheel-container,
#wheel-common .wheel-container{
  max-width:560px;
}
#wheel .wheel-inner,
#wheel-common .wheel-inner{
  padding:18px;
}
#wheel .wheel-container,
#wheel-common .wheel-container{
  filter: drop-shadow(0 20px 30px rgba(0,0,0,.35));
}
#wheel .wheel-container:after,
#wheel-common .wheel-container:after{
  content:"";
  position:absolute;
  inset:6% 6%;
  border-radius:50%;
  background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.12) 0, rgba(255,255,255,0) 44%), radial-gradient(circle at 50% 50%, rgba(10,29,63,.16) 0, rgba(10,29,63,0) 70%);
  z-index:0;
  pointer-events:none;
}
.wheel-container:before{
  width:38px;
  height:60px;
  top:-30px;
  background-size:contain;
  background-repeat:no-repeat;
}
.wheel-image,
.wheel-image > img{
  display:block;
  width:100%;
  height:auto;
}
.banner-img .wheel,
#wheel-common.wheel{
  overflow:visible;
}
#wheel-common.wheel{
  background:rgba(2,10,24,.55);
  backdrop-filter: blur(12px);
}
.wheel-open-btn{
  width:78px;
  height:78px;
  left:18px;
  bottom:18px;
  padding:6px;
  border-radius:50%;
  background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 42%), linear-gradient(180deg,#0b2754,#061326);
  box-shadow: 0 10px 28px rgba(0,0,0,.45), 0 0 0 2px rgba(93,240,255,.35), 0 0 18px rgba(111,246,35,.22);
}
.wheel-open-btn img{
  width:100%;
  height:100%;
  display:block;
}
.wheel-btn{
  width:130px;
  height:130px;
}
.wheel-btn-inner img{
  width:100%;
  height:100%;
  display:block;
}
.wheel-btn-text{
  font-size:26px;
  line-height:1;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.5);
}
.wheel-circle{
  width:calc(100% - 24px);
  height:calc(100% - 24px);
  border-radius:50%;
  box-shadow: inset 0 0 0 6px rgba(255,255,255,.24), inset 0 0 40px rgba(4,10,24,.45), 0 0 26px rgba(64,217,255,.18);
}
.wheel-circle-inner{
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(6,16,35,0) 0 38%, rgba(6,16,35,.92) 38.5% 46%, rgba(6,16,35,0) 46.5%),
    conic-gradient(from -22.5deg,
      #1ecbff 0deg 45deg,
      #7de81c 45deg 90deg,
      #24bcff 90deg 135deg,
      #94f11d 135deg 180deg,
      #27c3ff 180deg 225deg,
      #81e91c 225deg 270deg,
      #20c9ff 270deg 315deg,
      #8cf01d 315deg 360deg);
}
.wheel-sector-text{
  color:#f8fdff;
  font-size:22px;
  font-weight:800;
  letter-spacing:.03em;
  text-shadow:0 2px 8px rgba(2,10,24,.72);
}
.wheel-modal{
  max-width:560px;
  width:min(92%,560px);
  padding:26px 26px 30px;
  height:auto;
  background:
    radial-gradient(circle at 50% 0%, rgba(76,216,255,.18), rgba(76,216,255,0) 42%),
    linear-gradient(180deg,#0a2250 0%, #06142d 100%);
  border-radius:22px;
  border:1px solid rgba(106,238,255,.45);
  box-shadow:0 28px 70px rgba(0,0,0,.5), 0 0 0 2px rgba(136,244,29,.16) inset;
}
.wheel-modal-inner{
  position:relative;
  text-align:center;
}
.wheel-modal-close{
  width:34px;
  height:34px;
  top:12px;
  right:12px;
  cursor:pointer;
}
.wheel-modal-close img,
.wheel-close img{
  width:100%;
  height:100%;
  display:block;
}
.wheel-close{
  width:44px;
  height:44px;
  top:18px;
  right:18px;
}
.wheel-modal-bg{
  background:rgba(2,10,24,.72);
  backdrop-filter: blur(8px);
  z-index:95;
}
.wheel-modal{
  z-index:99;
}
.wheel-modal-img{
  max-width:170px;
  margin:0 auto 14px;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.35));
}
.wheel-modal-img img{
  width:100%;
  height:auto;
  display:block;
}
.wheel-modal-price{
  background:linear-gradient(90deg,#21c8ff,#81ec18);
  color:#05203f;
  font-size:44px;
  font-weight:900;
  border-radius:999px;
  padding:8px 22px;
  margin:-18px auto 18px;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.wheel-modal-message{
  max-width:380px;
  font-size:20px;
  line-height:1.45;
  color:#eefcff;
  margin:0 auto 22px;
}
.wheel-modal-btn{
  max-width:260px;
  line-height:52px;
  padding:0 28px;
  border-radius:999px;
  background:linear-gradient(90deg,#1fcbff,#86ef18);
  color:#042344;
  font-size:18px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
  box-shadow:0 10px 26px rgba(0,0,0,.26);
}
.wheel-modal-btn:hover{
  background:linear-gradient(90deg,#49d6ff,#9df340);
}
@media (max-width: 767px){
  .wheel-btn{
    width:108px;
    height:108px;
  }
  .wheel-btn-text{
    font-size:22px;
  }
  .wheel-sector-text{
    font-size:18px;
  }
  .wheel-open-btn{
    width:68px;
    height:68px;
    left:12px;
    bottom:12px;
  }
  .wheel-modal{
    padding:22px 18px 24px;
    border-radius:18px;
  }
  .wheel-modal-price{
    font-size:34px;
    margin:-10px auto 16px;
  }
  .wheel-modal-message{
    font-size:18px;
  }
}


/* wheel text readability fix */
.wheel-sector-text{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:96px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 8px 20px rgba(0,0,0,.24);
  text-align:center;
}
.wheel-sector-text:nth-child(odd){
  background:linear-gradient(180deg,#92ee1c 0%, #63c90e 100%);
  color:#07233f;
  text-shadow:none;
}
.wheel-sector-text:nth-child(even){
  background:linear-gradient(180deg,#28cbff 0%, #0ea6ea 100%);
  color:#f7fdff;
  text-shadow:none;
}
.wheel-sector-text:nth-child(1){
  transform:rotate(22.5deg) translateY(-640%) translateX(-50%);
}
.wheel-sector-text:nth-child(2){
  transform:rotate(67.5deg) translateY(-640%) translateX(-50%);
}
.wheel-sector-text:nth-child(3){
  transform:rotate(112.5deg) translateY(-640%) translateX(-50%);
}
.wheel-sector-text:nth-child(4){
  transform:rotate(157.5deg) translateY(-640%) translateX(-50%);
}
.wheel-sector-text:nth-child(5){
  transform:rotate(202.5deg) translateY(-640%) translateX(-50%);
}
.wheel-sector-text:nth-child(6){
  transform:rotate(247.5deg) translateY(-640%) translateX(-50%);
}
.wheel-sector-text:nth-child(7){
  transform:rotate(292.5deg) translateY(-640%) translateX(-50%);
}
.wheel-sector-text:nth-child(8){
  transform:rotate(337.5deg) translateY(-640%) translateX(-50%);
}
.wheel-modal-price{
  background:#1abfff;
  color:#05203f;
  border:1px solid rgba(255,255,255,.26);
}
@media (max-width: 767px){
  .wheel-sector-text{
    min-width:78px;
    padding:5px 8px;
  }
  .wheel-sector-text:nth-child(1){transform:rotate(22.5deg) translateY(-605%) translateX(-50%);}
  .wheel-sector-text:nth-child(2){transform:rotate(67.5deg) translateY(-605%) translateX(-50%);}
  .wheel-sector-text:nth-child(3){transform:rotate(112.5deg) translateY(-605%) translateX(-50%);}
  .wheel-sector-text:nth-child(4){transform:rotate(157.5deg) translateY(-605%) translateX(-50%);}
  .wheel-sector-text:nth-child(5){transform:rotate(202.5deg) translateY(-605%) translateX(-50%);}
  .wheel-sector-text:nth-child(6){transform:rotate(247.5deg) translateY(-605%) translateX(-50%);}
  .wheel-sector-text:nth-child(7){transform:rotate(292.5deg) translateY(-605%) translateX(-50%);}
  .wheel-sector-text:nth-child(8){transform:rotate(337.5deg) translateY(-605%) translateX(-50%);}
  .wheel-modal-price{
    background:#7fe61f;
    color:#05203f;
  }
}


/* wheel labels embedded into svg */
.wheel-circle .wheel-sector-text{display:none!important;}
.wheel-image > img{position:relative;z-index:2;}


/* wheel labels centered per sector */
.wheel-image > img{position:relative;z-index:1!important;}
.wheel-circle{z-index:2;}
.wheel-circle .wheel-sector-text{display:inline-flex!important;position:absolute;top:50%;left:50%;min-width:90px;padding:6px 12px;align-items:center;justify-content:center;border-radius:999px;background:rgba(6,24,54,.90);border:1px solid rgba(255,255,255,.30);color:#ffffff!important;font-size:22px;font-weight:800;letter-spacing:.02em;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.45);box-shadow:0 8px 24px rgba(0,0,0,.28);white-space:nowrap;transform-origin:0 0;}
.wheel-circle .wheel-sector-text:nth-child(1){transform:rotate(22.5deg) translateY(-820%) rotate(-22.5deg) translateX(-50%);}
.wheel-circle .wheel-sector-text:nth-child(2){transform:rotate(67.5deg) translateY(-820%) rotate(-67.5deg) translateX(-50%);}
.wheel-circle .wheel-sector-text:nth-child(3){transform:rotate(112.5deg) translateY(-820%) rotate(-112.5deg) translateX(-50%);}
.wheel-circle .wheel-sector-text:nth-child(4){transform:rotate(157.5deg) translateY(-820%) rotate(-157.5deg) translateX(-50%);}
.wheel-circle .wheel-sector-text:nth-child(5){transform:rotate(202.5deg) translateY(-820%) rotate(-202.5deg) translateX(-50%);}
.wheel-circle .wheel-sector-text:nth-child(6){transform:rotate(247.5deg) translateY(-820%) rotate(-247.5deg) translateX(-50%);}
.wheel-circle .wheel-sector-text:nth-child(7){transform:rotate(292.5deg) translateY(-820%) rotate(-292.5deg) translateX(-50%);}
.wheel-circle .wheel-sector-text:nth-child(8){transform:rotate(337.5deg) translateY(-820%) rotate(-337.5deg) translateX(-50%);}
.wheel-modal-price{background:rgba(6,24,54,.92)!important;color:#fff!important;border:1px solid rgba(106,238,255,.45);border-radius:999px;padding:8px 18px;box-shadow:0 10px 28px rgba(0,0,0,.25);} 
@media (max-width: 767px){
  .wheel-circle .wheel-sector-text{min-width:72px;padding:4px 8px;font-size:16px;}
  .wheel-circle .wheel-sector-text:nth-child(1){transform:rotate(22.5deg) translateY(-760%) rotate(-22.5deg) translateX(-50%);}
  .wheel-circle .wheel-sector-text:nth-child(2){transform:rotate(67.5deg) translateY(-760%) rotate(-67.5deg) translateX(-50%);}
  .wheel-circle .wheel-sector-text:nth-child(3){transform:rotate(112.5deg) translateY(-760%) rotate(-112.5deg) translateX(-50%);}
  .wheel-circle .wheel-sector-text:nth-child(4){transform:rotate(157.5deg) translateY(-760%) rotate(-157.5deg) translateX(-50%);}
  .wheel-circle .wheel-sector-text:nth-child(5){transform:rotate(202.5deg) translateY(-760%) rotate(-202.5deg) translateX(-50%);}
  .wheel-circle .wheel-sector-text:nth-child(6){transform:rotate(247.5deg) translateY(-760%) rotate(-247.5deg) translateX(-50%);}
  .wheel-circle .wheel-sector-text:nth-child(7){transform:rotate(292.5deg) translateY(-760%) rotate(-292.5deg) translateX(-50%);}
  .wheel-circle .wheel-sector-text:nth-child(8){transform:rotate(337.5deg) translateY(-760%) rotate(-337.5deg) translateX(-50%);}
}

/* wheel labels handled in SVG */
.wheel-circle .wheel-sector-text{display:none!important;}


/* final wheel labels fix */
.wheel-image > img{position:relative;z-index:1!important;}
.wheel-circle{z-index:2;overflow:visible!important;}
.wheel-circle .wheel-sector-text{
  display:block!important;
  position:absolute;
  margin:0;
  min-width:0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  top:auto!important;
  left:auto!important;
  color:#ffffff!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-shadow:0 2px 8px rgba(0,0,0,.65), 0 0 2px rgba(0,0,0,.55)!important;
  white-space:nowrap!important;
  transform-origin:center center!important;
}
.wheel-circle .wheel-sector-text:nth-child(1){top:12%;left:50%;transform:translate(-50%,-50%) rotate(0deg)!important;}
.wheel-circle .wheel-sector-text:nth-child(2){top:24%;left:76%;transform:translate(-50%,-50%) rotate(45deg)!important;}
.wheel-circle .wheel-sector-text:nth-child(3){top:50%;left:87%;transform:translate(-50%,-50%) rotate(90deg)!important;}
.wheel-circle .wheel-sector-text:nth-child(4){top:76%;left:76%;transform:translate(-50%,-50%) rotate(135deg)!important;}
.wheel-circle .wheel-sector-text:nth-child(5){top:88%;left:50%;transform:translate(-50%,-50%) rotate(180deg)!important;}
.wheel-circle .wheel-sector-text:nth-child(6){top:76%;left:24%;transform:translate(-50%,-50%) rotate(225deg)!important;}
.wheel-circle .wheel-sector-text:nth-child(7){top:50%;left:13%;transform:translate(-50%,-50%) rotate(270deg)!important;}
.wheel-circle .wheel-sector-text:nth-child(8){top:24%;left:24%;transform:translate(-50%,-50%) rotate(315deg)!important;}
@media (max-width: 767px){
  .wheel-circle .wheel-sector-text{font-size:16px!important;}
  .wheel-circle .wheel-sector-text:nth-child(1){top:12.5%;left:50%;}
  .wheel-circle .wheel-sector-text:nth-child(2){top:24.5%;left:76%;}
  .wheel-circle .wheel-sector-text:nth-child(3){top:50%;left:86%;}
  .wheel-circle .wheel-sector-text:nth-child(4){top:75.5%;left:76%;}
  .wheel-circle .wheel-sector-text:nth-child(5){top:87.5%;left:50%;}
  .wheel-circle .wheel-sector-text:nth-child(6){top:75.5%;left:24%;}
  .wheel-circle .wheel-sector-text:nth-child(7){top:50%;left:14%;}
  .wheel-circle .wheel-sector-text:nth-child(8){top:24.5%;left:24%;}
}

/* === FINAL wheel label layout fix === */
.wheel-circle,
.wheel-circle-inner{
  overflow:visible !important;
}
.wheel-circle-inner{
  position:relative !important;
}
.wheel-circle-inner > .wheel-sector-text{
  display:block !important;
  position:absolute !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
  text-shadow:0 2px 4px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.45) !important;
  transform-origin:center center !important;
  z-index:5 !important;
  pointer-events:none !important;
}
.wheel-circle-inner > .wheel-sector-text:nth-child(1){top:14% !important;left:50% !important;transform:translate(-50%,-50%) rotate(0deg) !important;}
.wheel-circle-inner > .wheel-sector-text:nth-child(2){top:25% !important;left:76% !important;transform:translate(-50%,-50%) rotate(45deg) !important;}
.wheel-circle-inner > .wheel-sector-text:nth-child(3){top:50% !important;left:86% !important;transform:translate(-50%,-50%) rotate(90deg) !important;}
.wheel-circle-inner > .wheel-sector-text:nth-child(4){top:75% !important;left:76% !important;transform:translate(-50%,-50%) rotate(135deg) !important;}
.wheel-circle-inner > .wheel-sector-text:nth-child(5){top:86% !important;left:50% !important;transform:translate(-50%,-50%) rotate(180deg) !important;}
.wheel-circle-inner > .wheel-sector-text:nth-child(6){top:75% !important;left:24% !important;transform:translate(-50%,-50%) rotate(225deg) !important;}
.wheel-circle-inner > .wheel-sector-text:nth-child(7){top:50% !important;left:14% !important;transform:translate(-50%,-50%) rotate(270deg) !important;}
.wheel-circle-inner > .wheel-sector-text:nth-child(8){top:25% !important;left:24% !important;transform:translate(-50%,-50%) rotate(315deg) !important;}

@media (max-width: 767px){
  .wheel-circle-inner > .wheel-sector-text{
    font-size:14px !important;
  }
  .wheel-circle-inner > .wheel-sector-text:nth-child(1){top:14.5% !important;left:50% !important;}
  .wheel-circle-inner > .wheel-sector-text:nth-child(2){top:25.5% !important;left:75.5% !important;}
  .wheel-circle-inner > .wheel-sector-text:nth-child(3){top:50% !important;left:85.5% !important;}
  .wheel-circle-inner > .wheel-sector-text:nth-child(4){top:74.5% !important;left:75.5% !important;}
  .wheel-circle-inner > .wheel-sector-text:nth-child(5){top:85.5% !important;left:50% !important;}
  .wheel-circle-inner > .wheel-sector-text:nth-child(6){top:74.5% !important;left:24.5% !important;}
  .wheel-circle-inner > .wheel-sector-text:nth-child(7){top:50% !important;left:14.5% !important;}
  .wheel-circle-inner > .wheel-sector-text:nth-child(8){top:25.5% !important;left:24.5% !important;}
}