/* USER VARIABLES SECTION */

:root {
	/* --accent: orange; */
	--black: #000;
	--white: #fff;
	--red: #FF4242;
	--neon: #D6E715;
	--pink: #E476EE;
	--textfw: 500;
	--regular-text: 16px;
	--lineheight: 160%;
	--textfont: inter, sans-serif;
	--headingfont: bsd, sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

/* BOOTSTRAP SETTINGS SECTION */

/* gutter 20px (10px + 10px). Comment this code for default gutter start at 1.5rem (24px) wide. */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	--bs-gutter-x: .625rem;
}

.row, .row > * {
	--bs-gutter-x: 1.25rem;
}

/* FONTS LOAD SECTION */

@font-face {
	src: url("../fonts/inter-medium.woff2") format("woff2");
	font-family: "inter";
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	src: url("../fonts/inter-bold.woff2") format("woff2");
	font-family: "inter";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	src: url("../fonts/BigShouldersDisplay-Medium.woff2") format("woff2");
	font-family: "bsd";
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	src: url("../fonts/BigShouldersDisplay-ExtraBold.woff2") format("woff2");
	font-family: "bsd";
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

/* GENERAL CSS SETTINGS */

::placeholder {
	color: #666;
}

/* ::selection { background-color: var(--accent); color: #fff; } */
input, textarea {
	outline: none;
}

input:focus:required:invalid, textarea:focus:required:invalid {
	border-color: red;
}

input:required:valid, textarea:required:valid {
	border-color: green;
}

body {
	font-family: var(--textfont);
	font-size: var(--regular-text);
	font-weight: var(--textfw);
	line-height: var(--lineheight);
	color: var(--black);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
}


/* UTILITIES */

.text-center {
	text-align: center !important;
}

.text-start {
	text-align: start !important;
}

.text-end {
	text-align: end !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-red {
	color: var(--red);
}

.bg-red {
	background-color: var(--red);
}

.bg-neon {
	background-color: var(--neon);
}

.bg-pink {
	background-color: var(--pink);
}

.bg-black {
	background-color: var(--black);
}

.text-white {
	color: var(--white);
}

.overflow-hidden {
	overflow: hidden;
}

.overflow-auto {
	overflow: auto;
}

.position-relative {
	position: relative;
}

.position-sticky {
	top: 24px;
	position: sticky;
}

.vw-100 {
	width: 100vw;
}

.vh-100 {
	height: 100vh;
}

/* SPACING */

.pb-16 {
	padding-bottom: 16px;
}

.mb-16 {
	margin-bottom: 16px;
}

.mb-60 {
	margin-bottom: 60px;
}

.py-24 {
	padding: 24px 0;
}

.me-32 {
	margin-right: 32px;
}

.gap-16 {
	gap: 16px;
}

/* CONTENT */

h1, h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5 {
	font-family: var(--headingfont);
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 16px;
}

h1 {
	font-size: 78px;
	line-height: 120%;
}

h2, .h2 {
	font-size: 56px;
	line-height: 130%;
}

h3, .h3 {
	font-size: 40px;
	line-height: 130%;
}

h4, .h4 {
	font-size: 24px;
	line-height: 120%;
}

h5, .h5, .kamatoc li {
	font-size: 16px;
	line-height: 130%;
}

/* .large-text {
  font-size: 64px;
  line-height: 130%;
} */
/* .extra-large-text {
  font-size: 200px;
  line-height: 100%;
} */
hr:not([size]) {
	height: 4px;
}

hr {
	opacity: 1;
}

p {
	margin-bottom: 16px;
}

.content > * {
	margin-bottom: 26px;
}

.content h2 {
	margin-bottom: 40px;
}

.content h3 {
	margin-top: 40px;
	margin-bottom: 33px;
}

.content h4 {
	margin-top: 34px;
}

.content > *:last-child {
	margin: 0;
}

blockquote {
	font-weight: 700;
	font-size: 18px;
	line-height: 160%;
	text-align: center;
	padding: 24px;
	border-top: 4px solid var(--neon);
	border-bottom: 2px solid var(--black);
}

img {
	max-width: 100%;
}

button {
	background: unset;
	border: unset;
}

table {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.2);
}

table thead {
	border-top: 4px solid var(--neon);
}

tr {
	border-bottom: 2px solid var(--black);
}

table th {
	/* font-family: var(--headingfont); */
	text-transform: uppercase;
	font-weight: 800;
	font-size: 24px;
	line-height: 120%;

}

table th,
table td {
	padding: 9px 4px;
	/* min-width: 110px; */
}

ul,
ol {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

ol li {
	counter-reset: line;
	counter-increment: step-counter;
}

html {
	margin-right: 0 !important;
}

blockquote {
	margin-top: 32px !important;
	margin-bottom: 32px !important;
}

.content ul li,
.content ol li {
	position: relative;
	/* display: flex; */
	align-items: center;
	margin-bottom: 8px;
}

.content ul li::before {
	content: '';
	display: inline-block;
	text-align: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 7px solid var(--neon);
	margin-right: 8px;
	flex: 0 0 auto;
	position: relative;
	top: 7px;
}

ol li::before {
	content: counter(step-counter);
	font-family: var(--headingfont);
	font-size: 14px;
}

.content ol li::before {
	background: var(--neon);
	display: inline-block;
	text-align: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	margin-right: 8px;
	flex: 0 0 auto;
}

/* .content a:has(img) {
  transition: all .3s;
}
.content a:has(img):hover {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
  cursor: zoom-in;
} */

blockquote p {
	margin: 0;
}

/* LIGHTBOX  */

.content a.zoom-lightbox {
	display: block;
	position: relative;
	text-align: center;
}

.content a.zoom-lightbox img {
	position: relative;
	transition: all .3s;
	filter: brightness(60%);
}

.content a.zoom-lightbox::before {
	content: '';
	background: url(../images/icons/icon-zoom.svg) center no-repeat;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
	z-index: 1;
	pointer-events: none;
}

.content a.zoom-lightbox img:hover {
	filter: brightness(35%);
	cursor: zoom-in;
}

.lb-outerContainer {
	background-color: transparent !important;
}

.lb-dataContainer {
	position: relative;
	z-index: 999;
	top: 40px;

}

.lb-data .lb-details {
	display: none;
}

.lb-data .lb-close {
	background: url(../images/icons/icon-lightbox-close.svg) center no-repeat;
}

.lb-nav {
	top: 40px;
}

.lb-nav a.lb-prev,
.lb-nav a.lb-next {
	opacity: 1;
}

.lb-nav a.lb-prev:hover,
.lb-nav a.lb-next:hover {
	opacity: .7;
}

.lb-nav a.lb-prev {
	background: url(../images/icons/icon-lightbox-prev.svg) 3% 51% no-repeat;
}

.lb-nav a.lb-next {
	background: url(../images/icons/icon-lightbox-next.svg) 97% 51% no-repeat;
}

.lightbox .lb-image {
	border: none;
	border-radius: 0;
}

/* LINKS & BUTTONS */

a {
	color: var(--black);
}

a:hover {
	text-decoration: none;
	color: var(--neon);
}

.link-white {
	color: var(--white);
}

.link-white:hover {
	text-decoration: none;
	color: var(--neon);
}

button {
	border: unset;
	background-color: unset;
	padding: 0;
}

.btn {
	font-family: var(--headingfont);
	color: var(--black);
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 800;
	font-size: 24px;
	line-height: 120%;
}

.btn:hover {
	color: var(--white);
	text-decoration: none;
}

.link-main {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 223px;
	height: 56px;
	font-family: var(--headingfont);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 800;
	font-size: 16px;
	line-height: 130%;
	background: url(../images/icon-btn-main-green.webp) center no-repeat;
}

.link-main_red {
	background: url(../images/icon-btn-main-red.webp) center no-repeat;
}

.link-main_pink {
	background: url(../images/icon-btn-main-pink.webp) center no-repeat;
}

.link-main_redw {
	background: url(../images/icon-btn-main-red.webp) center no-repeat;
	color: var(--white);
}

.link-main:hover {
	color: var(--red);
}

.link-main_red:hover {
	color: var(--white);
}

.link-main_redw:hover {
	color: var(--neon);
}

.link-main_pink:hover {
	color: var(--white);
}

.btn-box {
	display: block;
	padding: 12px;
	gap: 10px;
	background: var(--neon);
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid var(--black);
}

.btn-box--border {
	border: 1px solid var(--black);
}

.btn-box::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 12px;
	margin-left: 8px;
	background: url(../images/icons/icon-btn-box-arrow.svg) center no-repeat;
	background-size: contain;
}

.btn-box:hover {
	color: var(--black);
	background: #F2F2F2;
}

.btn-box--rounded {
	border-radius: 32px;
}

/* BREADCRUMB */

.breadcrumb {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
  overflow: hidden;
	white-space: nowrap;
}

.breadcrumb__item::before {
	content: none;
}

.breadcrumb__item {
	font-family: var(--headingfont);
	position: relative;
	display: block;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 16px;
	line-height: 130%;
	margin-bottom: 0;
	padding-right: 4px;
}

.breadcrumb__item.active {
	opacity: .5;
	/* max-width: 210px; */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	/* white-space: nowrap; */
}

.breadcrumb__item::after {
	content: '>';
	/* display: inline-block; */
	/* width: 8px; */
	/* height: 8px; */
	/* position: absolute; */
	top: 1px;
	right: -10px;
	margin-left: 5px;
	opacity: 1;
}

.breadcrumb__item.active::after {
	content: none;
}

.breadcrumb__item a {
	text-decoration: none;
}

/* ASIDE */
.aside {
	position: sticky;
	top: 10px;
}

#tocmenu {
  padding-bottom: 20px;
}

.aside-list,
.kamatoc {
	padding: 0;
	margin: 0;
}

.aside-list li,
.kamatoc li {
	/* display: flex; */
	/* align-items: flex-start; */
	display: block;
	border-top: 4px solid var(--black);
	padding-top: 8px;
	margin-bottom: 25px;
}

.aside-list li::before,
.kamatoc li:before {
	display: inline;
	/* padding-top: 5px; */
	width: unset;
	height: unset;
	margin: 0;
	background: unset;
	padding-right: 3px;
}

.aside-list li a,
.kamatoc li a {
	font-size: 16px;
	line-height: 130%;
	font-family: var(--headingfont);
	text-transform: uppercase;
	font-weight: 800;
	padding: 5px 0 25px;
	text-decoration: none;
}

.aside-list li a:hover,
.aside-list li a.active,
.kamatoc li a:hover,
.kamatoc li a.active {
	color: var(--white);
}

/* .aside__btn {
  display: block;
  width: 100%;
  text-align: start;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
  padding: 12px;
  color: #1F1F1F;
  background-color: var(--green);
} */

/* HEADER */


.accordion-panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s;
}

.aside .accordion-panel {
	max-height: unset;
}

.logo {
	width: 120px;
}

.header {
	border-bottom: 4px solid var(--black);
	z-index: 1;
}

.header-inner {
	padding: 19px 0 15px;
	/* position: relative; */
}

.header-nav {
	padding: 104px 0 60px;
	position: absolute;
	left: 0;
	background: var(--white);
	width: 100%;
	border-bottom: 4px solid var(--black);
	z-index: 1;
}

.menu {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	gap: 0 30px;
}

.menu__item {
	display: block;
	width: calc(100% / 3);
}

.menu__link {
	font-family: var(--headingfont);
	display: block;
	padding-top: 32px;
	padding-bottom: 16px;
	border-top: 4px solid var(--black);
	text-transform: uppercase;
	color: var(--black);
	font-weight: 800;
	font-size: 40px;
	line-height: 130%;
}

.menu__link_active {
	border-top: 4px solid var(--neon);
}

.menu__link:hover {
	color: var(--neon);
	text-decoration: none;
}

.menu__item.active a {
	color: var(--neon);
}

.menu-btn {
	padding: 5px;
}

.menu-btn:hover img {
	filter: invert(85%) sepia(47%) saturate(859%) hue-rotate(13deg) brightness(112%) contrast(83%);
}

/* SECTIONS */

.text-shadow {
	color: var(--white);
	text-shadow: 2px 0 var(--black), -2px 0 var(--black), 0 2px var(--black), 0 -2px var(--black), 1px 1px var(--black), -1px -1px var(--black), 1px -1px var(--black), -1px 1px var(--black);
}

.text-shadow-invert {
	color: var(--black);
	text-shadow: 2px 0 var(--white), -2px 0 var(--white), 0 2px var(--white), 0 -2px var(--white), 1px 1px var(--white), -1px -1px var(--white), 1px -1px var(--white), -1px 1px var(--white);
}

.border-top {
	border-top: 4px solid var(--black);
}

.border-bot {
	border-bottom: 4px solid var(--black);
}

.block-link {
	display: block;
	border-top: 4px solid var(--black);
	border-bottom: 4px solid var(--black);
	padding: 28px 0;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: white;
	z-index: 1;
}

.block-link__span {
	display: block;
	padding: 0 48px;
}

.block-link:hover .block-link__span {
	color: var(--neon);
	text-decoration: none;
}

.block-link__span::after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	position: relative;
	right: -50px;
	top: 2px;
}

.block-link_scroll span::after {
	background: url(../images/icons/icon-download.svg) center no-repeat;
}

.block-link_goto span::after {
	background: url(../images/icons/icon-launch.svg) center no-repeat;
}

.block-link_scroll:hover span::after,
.block-link_goto:hover span::after {
	filter: invert(85%) sepia(47%) saturate(859%) hue-rotate(13deg) brightness(112%) contrast(83%);
}

.intro-home-header {
	padding: 200px 0;
}

.intro-home-header__title {
	margin-bottom: 35px;
	position: relative;
}

.intro-home-header__title::before {
	content: '';
	position: absolute;
	top: -114px;
	right: -10px;
	display: inline-block;
	width: 125px;
	height: 125px;
	background: url(../images/icons/icon-intro-crown.svg) center no-repeat;
}

.intro-home-header__image {
	/* width: 1045px; */
	/* height: 658px; */
	position: absolute;
	bottom: 0;
	right: 50%;
	z-index: -1;
	/* background: url(../images/intro-image.webp) center no-repeat; */
}

.page-intro {
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.page-intro__inscription {
	margin-top: 120px;
	display: inline-block;
	padding-bottom: 14px;
	border-bottom: 4px solid var(--black);
	margin-bottom: 32px;
	position: relative;
}

.page-intro__inscription::before {
	content: '';
	position: absolute;
	top: -122px;
	right: calc(50% - 150px);
	display: inline-block;
	width: 300px;
	height: 120px;
	background: url(../images/decor-rays.svg) center no-repeat;
}

.page-intro__title {
	margin: 0;
}

.about-inner {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 168px;
}

.about__inscription {
	display: inline-block;
	padding-bottom: 14px;
	border-bottom: 4px solid var(--black);
	margin-bottom: 40px;
}

.about__title {
	margin-bottom: 40px;
	font-size: 64px;
	line-height: 130%;
}

.about__desc {
	text-align: left;
	max-width: 730px;
}

.about__btn {
	position: relative;
}

.about__btn::before {
	content: '';
	position: absolute;
	top: 11px;
	left: -137px;
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/icons/icon-winding-arrow.svg) center no-repeat;
}


/* rating */

.rating {
	display: flex;
	gap: 4px;
}

.rating--large {
	gap: 8px;
}

.like,
.star {
	display: inline-block;
	width: 24px;
	height: 24px;
	transition: opacity .3s;
}

.star--large {
	width: 40px;
	height: 40px;
}

.like--large {
	width: 48px;
	height: 48px;
}

.star--full {
	background: url(../images/icons/icon-star-full.svg) center no-repeat;
	background-size: contain;
}

.star--empty,
.star2--empty,
.star3--empty {
	background: url(../images/icons/stars/star--empty.svg) center no-repeat;
	background-size: contain;
}

.bk-best-item__rating .star--empty {
	background: url(../images/icons/icon-star-empty.svg) center no-repeat;
	background-size: contain;
}

.star2--full {
	background: url(../images/icons/stars/bc/star.svg) center no-repeat;
	background-size: contain;
}

.star3--full {
	background: url(../images/icons/icon-star3-full.svg) center no-repeat;
	background-size: contain;
}

.like--full {
	background: url(../images/icons/icon-like-full.svg) center no-repeat;
	background-size: contain;
}

.like--empty {
	background: url(../images/icons/icon-like-empty.svg) center no-repeat;
	background-size: contain;
}

.like--hover:hover {
	background: url(../images/icons/icon-like-hover.svg) center no-repeat;
	background-size: contain;
	cursor: pointer;
}

.like2--full {
	background: url(../images/icons/icon-like2-full.svg) center no-repeat;
	background-size: contain;
}

.like2--empty {
	background: url(../images/icons/icon-like2-empty.svg) center no-repeat;
	background-size: contain;
}

.like3--full {
	background: url(../images/icons/icon-like3-full.svg) center no-repeat;
	background-size: contain;
}

.like3--empty {
	background: url(../images/icons/icon-like3-empty.svg) center no-repeat;
	background-size: contain;
}

.ellipse {
	width: 21px;
	height: 12px;
	border-radius: 100px;
	margin: 6px 0;
}

.ellipse--full {
	background: var(--neon);
}

.ellipse--empty {
	display: none;
}


.rating-betlogo {
	display: flex;
	gap: 4px;
}

.rating-betlogo__star {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.rating-betlogo__star--full {
	background: url(../images/icons/stars/bc/star.svg) center no-repeat;
}

.rating-betlogo__star--empty {
	background: url(../images/icons/stars/star--empty.svg) center no-repeat;
}

/* article  */

.articles-nav {
	padding: 24px;
	border-bottom: 4px solid var(--black);
	margin-bottom: 40px;
}

.articles-nav__title {
	font-family: var(--headingfont);
	font-weight: 800;
	font-size: 12px;
	line-height: 130%;
	text-align: center;
	letter-spacing: 1.865em;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.articles-nav__list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 42px;
}

.articles-nav__item {
	position: relative;
}

.articles-nav__item::after {
	content: '';
	position: absolute;
	top: calc(50% - 2px);
	right: -30px;
	display: inline-block;
	width: 20px;
	height: 4px;
	background: var(--black);
}

.articles-nav__item:last-child::after {
	display: none;
}

.articles-nav__link {
	font-family: var(--headingfont);
	font-weight: 800;
	font-size: 16px;
	line-height: 130%;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

.articles-nav__link.active {
	color: var(--neon);
}

.articles {
	padding-bottom: 45px;
}

.article-item {
	display: flex;
	flex-direction: column;
	height: 100%;
  text-align: start;
}

.article-item__top {
	margin-bottom: 24px;
	padding-bottom: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 4px solid var(--black);
}

.article-item__image {
	display: block;
	aspect-ratio: 3 / 2;
	margin-bottom: 24px;
}

.article-item__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article-item__desc {
	margin-bottom: 16px;
}

.article-item__title-link {
	text-decoration: none;
}

.article-item__title-link:hover,
.article-item__title-link:hover > * {
	color: unset;
}

.article-item-home__rtime {
	margin-bottom: 4px;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	color: rgba(255, 255, 255, 0.8);
}

.article-item__rating {
	margin-bottom: 20px;
}

.article-item__rating-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
}

.article-item__rating-wrap .article-item__rating {
	margin-bottom: 0;
}

.article-item__rating-title {
	font-family: var(--headingfont);
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
}

.article-item__rating-score {
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
}

.articles .row {
	display: flex;
	flex-wrap: wrap;
}

.articles .row > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.articles-home {
	padding: 0;
	position: relative;
}

.articles-home::after {
	content: '';
	position: absolute;
	top: 0;
	right: calc(50% - 2px);
	display: inline-block;
	height: 100%;
	width: 4px;
	background: var(--black);
}

.articles-home article {
	position: relative;
	border-top: 4px solid var(--black);
}

.article-item-home {
	margin: 0;
}

.article-item-home__media {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.article-item-home__media_left {
	left: 0;
}

.article-item-home__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.article-item-home__image_article-1 {
	background: url(../images/articles-home-01.webp) center no-repeat;
	background-size: cover;
}

.article-item-home__image_article-2 {
	background: url(../images/articles-home-02.webp) center no-repeat;
	background-size: cover;
}

.article-item-home__image_article-3 {
	background: url(../images/articles-home-03.webp) center no-repeat;
	background-size: cover;
}

.article-item-home__text-featured {
	position: absolute;
	top: 77px;
	left: -50px;
	width: 711px;
	height: 200px;
	background: url(../images/word-featured.svg) center no-repeat;
}

.article-item-home__text-featured_left {
	left: unset;
	right: 60px;
}

.article-item-home {
	height: 640px;
	padding-top: 78px;
	padding-bottom: 78px;
}

.article-item__legend {
	font-family: var(--headingfont);
	font-weight: 800;
	text-transform: uppercase;
}

.date,
.article-item__date {
	font-family: var(--headingfont);
	font-weight: 800;
	text-transform: uppercase;
	opacity: .5;
}

.article-item__update {
	font-family: var(--headingfont);
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	text-transform: uppercase;
	color: #000000;
	opacity: 0.5;
}

.article-item__rtime {
	font-style: normal;
	font-weight: 500;
	font-size: 8px;
	line-height: 16px;
	text-transform: uppercase;
	color: #000000;
	opacity: 0.5;
}

.article-item-home__hwrap {
	margin-bottom: 32px;
}

.article-item-home__title {
	color: var(--white);
	margin-bottom: 32px;
}

.article-item-home__desc {
	color: var(--white);
	margin-bottom: 32px;
}

.article-item__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 223px;
	height: 56px;
	font-family: var(--headingfont);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 800;
	font-size: 16px;
	line-height: 130%;
	background: url(../images/icon-btn-main-green.webp) center no-repeat;
	margin-bottom: 12px;
	margin-top: auto;
}

.article-item__btn:hover {
	color: var(--red);
}

.article-header {
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}

.article-header::after {
	content: '';
	position: absolute;
	top: 0;
	right: calc(50% + 173px);
	display: inline-block;
	height: 100%;
	width: 4px;
	background: var(--black);
}

.article-header__top {
	padding-bottom: 13px;
	margin-bottom: 33px;
	border-bottom: 4px solid var(--black);
}

.article-header__date {
	margin: 0;
  text-align: end;
}

.article-header__edited {
	text-transform: uppercase;
}

.article-header__rtime {
	font-family: var(--headingfont);
	font-weight: 800;
	font-size: 16px;
	text-transform: uppercase;
}

.article-header__title {
	color: var(--white);
	margin-bottom: 32px;
}

.article-header__media {
	position: absolute;
	top: 0;
	left: -177px;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.article-header__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/articles-home-01.webp) center no-repeat;
	background-size: cover;
}

.article-header__text-article {
	position: absolute;
	top: 57%;
	right: calc(50% - 370px);
	width: 711px;
	height: 200px;
	background: url(../images/word-article.svg) center no-repeat;
}

.article-content {
	padding-top: 40px;
	padding-bottom: 90px;
	position: relative;
	background: linear-gradient(to left, var(--pink) calc(50% - 177px), transparent calc(50% - 177px));
	border-bottom: 4px solid var(--black);
  margin-bottom: 80px;
}

.article-content::after {
	content: '';
	position: absolute;
	top: 0;
	left: calc(50% + 173px);
	display: inline-block;
	height: 100%;
	width: 4px;
	background: var(--black);
}

.article-content__date,
.article-content__update {
	font-family: var(--headingfont);
	font-weight: 800;
	font-size: 16px;
	line-height: 19px;
	color: #808080;
	margin-bottom: 16px;
}

.article-content__rtime {
	font-weight: 800;
	font-size: 18px;
	line-height: 120%;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.benefits {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 20px;
}

.benefit-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
}

.benefit-item__caption {
	font-family: var(--headingfont);
	color: var(--white);
}

.benefit-item__info {
	color: var(--black);
	background: var(--white);
	padding: 6px 8px;
	min-width: 32px;
	min-height: 32px;
	text-align: center;
}

.benefits--content {
	flex-direction: row;
	gap: 32px;
}

.benefit-item__caption--content {
	color: var(--black);
}

.benefit-item__info--content {
	color: var(--white);
	background: var(--pink);
}

.advantages {
	padding-top: 160px;
	padding-bottom: 80px;
}

.advantages .container {
	position: relative;
}

.decor,
.decor-before,
.decor-after {
	position: relative;
}

.decor::before,
.decor-before::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 258px;
	background: url(../images/decor-top.webp) top no-repeat;
	z-index: -1;
}

.decor::after,
.decor-after::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 114px;
	background: url(../images/decor-bot.webp) bottom no-repeat;
}

.advantages__winding-arrow {
	position: absolute;
	top: -88px;
	right: 65px;
	display: block;
	width: 100px;
	height: 100px;
	transform: rotate(180deg);
	background: url(../images/icons/icon-winding-arrow.svg) center no-repeat;
}

.contacts {
	padding-top: 80px;
}

.contacts-item {
	padding-top: 40px;
}

.contacts-item__link {
	display: block;
	padding: 45px 15px;
	color: var(--black);
	font-weight: 800;
	font-size: 40px;
	line-height: 130%;
	text-transform: uppercase;
	font-family: var(--headingfont);
}

.contacts-item__link_red {
	background: url(../images/contact-decor-red.svg) center top no-repeat;
	background-size: contain;
}

.contacts-item__link_pink {
	background: url(../images/contact-decor-pink.svg) center top no-repeat;
	background-size: contain;
}

.privacy {
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
	background: linear-gradient(to right, var(--red) calc(50% - 176px), transparent calc(50% - 176px));
}

.privacy::after {
	content: '';
	position: absolute;
	top: 0;
	left: calc(50% - 177px);
	display: inline-block;
	height: 100%;
	width: 4px;
	background: var(--black);
}

/* bk-list */
.bk-list {
	padding: 52px 0;
	background: #f2f2f2;
}

.bk-list__title {
	padding-bottom: 16px;
	margin-bottom: 40px;
	/* border-bottom: 4px solid var(--black); */
  text-transform: uppercase;
}

/* bk-score */
.bk-score {
	display: flex;
	padding: 24px;
	border: 2px solid var(--black);
}

.bk-score  tbody {
  width: 100%;
}

.bk-score tr {
	display: flex;
	border: none;
  width: 100%;
}

.bk-score td {
	padding: 8px 12px;
}

.bk-score__rating .rating {
	gap: 16px;
}

.bk-score__bonus {
	/* flex-basis: 100px; */
  flex-grow: 1;
	font-family: var(--headingfont);
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
}

.bk-score__summary {
	/* font-family: var(--headingfont); */
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	text-align: end;
  flex-basis: 68px;
}

.bk-score__bonus span {
	color: var(--neon);
}

/*  */

.article-author {
	display: flex;
	align-items: center;
	gap: 52px;
}

.article-author__image {
	width: 40px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
}

@media (min-width:1200px) {
	.article-author__image {
		width: 48px;
	}
}

.article-author__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article-author__name {
	position: relative;
	font-family: var(--headingfont);
	font-weight: 800;
	font-size: 24px;
	line-height: 120%;
	text-transform: uppercase;
}

.article-author__name a {
	 text-decoration: none;
}

.article-author__name::before {
	content: '';
	position: absolute;
	left: -27px;
	top: -5px;
	display: inline-block;
	width: 4px;
	height: 40px;
	background: #000;
}

@media (min-width:1200px) {
	.article-author__name::before {
		height: 48px;
		top: -10px;
	}
}

/* modal */

.modal {
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	/* background-color: rgba(0,0,0,0.8); */
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75))
}

.modal-content {
	position: relative;
	margin: 5% auto;
	max-width: 920px;
}

.modal-close {
	position: absolute;
	top: 20px;
	right: -50px;
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--red) url(../images/icons/icon-modal-close.svg) center no-repeat;
}

.modal-close:hover {
	background: var(--black) url(../images/icons/icon-modal-close.svg) center no-repeat;
}

.bk-compare-modal-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 250px;
	background: rgba(255, 255, 255, 0.25);
	padding: 24px 0;
}

/* bk-table-compare */

.bk-table-compare {
	table-layout: fixed;
	text-align: center;
	margin-bottom: 12px;
}

.bk-table-compare th {
	/* font-family: var(--regular-text); */
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: var(--neon);
}

.bk-table-compare td {
	padding: 16px 4px;
}

.bk-table-compare thead {
	border: none;
}

.bk-table-compare tr {
	border-bottom: 1px solid var(--neon);
}

.bk-table-compare tr:last-child {
	border: none;
}

/* .bk-table-compare__operator {} */
.bk-table-compare__td {
	font-family: var(--headingfont);
	font-weight: 800;
	font-size: 16px;
	line-height: 130%;
	text-transform: uppercase;
}

.bk-table-compare__td .color-ghost {
	color: #888;
}

.bk-table-compare-btn {
	text-transform: uppercase;
	color: var(--neon);
	font-weight: 600;
}

.bk-table-compare-btn:hover {
	color: var(--black);
}


/* .bk-compare-modal */

.bk-compare-modal {
	padding: 24px 0;
}

.bk-compare-modal-header-wrap {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 32px;
	margin-bottom: 40px;
}

.bk-compare-modal__title {
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
}

.modal-content__btn {
	display: inline-block;
	margin: 0 4px;
	padding: 12px 24px;
	background: var(--neon);
	padding: 12px 100px;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}

.modal-content__btn--disabled {
	padding: 12px 24px;
	background: transparent;
	border: 1px solid var(--white);
	color: var(--white);
}

.bk-compare-item {
	position: relative;
	background: #FFFFFF;
	border: 3px solid #000000;
  padding: 12px;
	text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
	cursor: pointer;
}

.swiper-button-prev,
.swiper-button-next {
  display: none!important;
}

.swiper-slide.active .bk-compare-item {
	border: 3px solid #EF9EF6;
}

.swiper-slide.active .bk-compare-item::before {
	content: '';
	position: absolute;
	top: 4px;
	right: 4px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/icons/bk-compare-item-close.svg) center no-repeat;
}

.swiper-bk-compare {
	margin-bottom: 32px;
}

.form-search {
	display: flex;
	gap: 20px;
}

.form-search__caption {
	font-family: var(--headingfont);
	font-weight: 500;
	font-size: 24px;
	line-height: 140%;
	text-transform: uppercase;
	color: #FFFFFF;
}

.form-search-inner {
	position: relative;
}

.form-search__input {
	color: var(--white);
	background: transparent;
	outline: none;
	border: none;
	border-bottom: 1px solid var(--white);
	height: 40px;
}

.form-search__button {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/icons/icon-form-search.svg) center no-repeat;
}


/* .table-bk-list */

.table-bk-list {
	width: 100%;
	background: unset;
}

.table-bk-list__thead,
.table-bk-list__tbody {
	display: flex;
	flex-direction: column;
	border: none;
	width: 100%;
}

.table-bk-list__tbody {
	gap: 16px 0;
}

.table-bk-list__thead-tr,
.table-bk-list__tbody-tr {
	display: flex;
	justify-content: space-between;
	border: none;
	width: 100%;
}

.table-bk-list__tbody-tr {
	background: var(--white);
	border: none;
}

.table-bk-list__th,
.table-bk-list__td {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.table-bk-list__th {
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: rgba(27, 32, 49, 0.3);
	padding: 24px 16px;
}

.table-bk-list__td {
	position: relative;
	padding: 16px;
}

.table-bk-list__th-rank,
.table-bk-list__td-rank {
	flex-basis: 5%;
	align-items: start;
}

.table-bk-list__th-operator,
.table-bk-list__td-operator {
	flex-basis: 25%;
}

.table-bk-list__th-bonus,
.table-bk-list__td-bonus {
	flex-basis: 25%;
	text-align: center;
}

.table-bk-list__th-rating,
.table-bk-list__td-rating {
	flex-basis: 25%;
}

.table-bk-list__th-action,
.table-bk-list__td-action {
	flex-basis: 20%;
	align-items: end;
	flex-grow: 1;
}

.table-bk-list__th-rank {
	padding: 24px 20px;
}

.table-bk-list__th-action {
	padding: 24px 64px;
}

.td-rank__rank {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33px;
	height: 33px;
	background: var(--neon);
	font-weight: 700;
	font-size: 20px;
	line-height: 130%;
}

.td-bonus__desc {
	font-weight: 700;
	font-size: 16px;
	line-height: 160%;
	color: var(--neon);
}

.content .table-bk-list__th-bonus,
.content .table-bk-list__td-bonus {
	flex-basis: 28%;
}

.content .table-bk-list__tbody-tr {
	border-bottom: 1px solid var(--black);
}

.content .table-bk-list__tbody-tr:last-child {
	border: none;
}

.content .table-bk-list__tbody {
	gap: 0;
}

.content .td-bonus__bonus {
	font-family: var(--textfont);
	font-weight: 400;
	font-size: 16px;
	line-height: 160%;
}

.content .td-rank__rank {
	border-radius: 50%;
	font-weight: 700;
	font-size: 10px;
	line-height: 140%;

}

.content .table-bk-list__th {
	color: var(--neon);
}

.content .table-bk-list2 .table-bk-list__tbody-tr {
	border: 1px solid var(--black);
}

.content .table-bk-list2 .table-bk-list__tbody {
	gap: 16px;
}

/* .table-bk-full */

.table-bk-full__thead {
	border: none;
}

.table-bk-full__thead-tr {
	background: #000;
	color: white;
	border: none;
	text-align: center;
	font-weight: 600;
	font-size: 10px;
	line-height: 15px;
}

.table-bk-full__th {
	font-family: var(--textfont);
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;

}

/* .table-bk-full__th-rank {
}
.table-bk-full__th-operator {
}
.table-bk-full__th-bonus {
}
.table-bk-full__th-info {
}
.table-bk-full__th-action {
}
.table-bk-full__tbody {
}
.table-bk-full__tbody-tr {
} */
.table-bk-full__td {
	text-align: center;
	padding: 24px 16px;
}

.table-bk-full__td-rank {
	background: var(--neon);
}

.table-bk-full__td-rank .td-rank__rank {
	margin: 0 auto;
}

.table-bk-full__td-operator {
	background: var(--white);
	padding: 27px;
}

.table-bk-full__td-operator img {
	width: 80px;
	max-width: unset;
	height: auto;
}

.table-bk-full__td-bonus {
	background: var(--red);
}

.table-bk-full__td-bonus .td-bonus__bonus {
	font-family: var(--headingfont);
	color: var(--white);
	font-weight: 700;
	font-size: 22px;
	line-height: 160%;
}

.table-bk-full__td-bonus .td-bonus__desc {
	font-weight: 500;
	font-size: 16px;
	line-height: 160%;
}

.td-bonus__bonus {
	font-family: var(--headingfont);
	font-weight: 700;
	font-size: 22px;
	line-height: 160%;
}

.table-bk-full__td-info {
	background: var(--pink);
	color: var(--white);
	text-align: start;
	font-weight: 500;
	font-size: 12px;
	line-height: 160%;
}

.table-bk-full__td-info ol li {
	margin-bottom: 4px;
}

.table-bk-full__td-info ol li::before {
	content: counter(step-counter) ".";
	font-family: var(--textfont);
	background: unset;
	width: 10px;
	margin-right: 4px;
	height: 18px;
	font-size: 12px;
}

.table-bk-full__td-action {
	background: var(--neon);
}

.table-bk-full__td-action-link {
	font-family: var(--headingfont);
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	text-decoration: none;
	text-transform: uppercase;
}

.table-bk-full__td-action-link:hover {
	color: var(--white);
}

/* bk-items */

.bk-items {
	padding: 120px 0;
}

.bk-item {
	position: relative;
	margin-bottom: 50px;
	border: 5px solid var(--black);
}

.bk-item-main {
	display: flex;
	justify-content: space-between;
}

.bk-item-general {
	position: relative;
	flex-basis: 35%;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid rgba(27, 32, 49, 0.1);
	padding: 32px;
}

.bk-item__mark {
	position: absolute;
	top: -1px;
	left: -1px;
	background: var(--neon);
	padding: 10px;
	font-weight: 500;
	font-size: 12px;
	line-height: 120%;
	font-family: var(--headingfont);
}

.bk-item__mark b {
	font-weight: 800;
}

.bk-item__rating {
	margin-top: 24px;
	margin-bottom: 12px;
}

.bk-item__links-wrap {
	display: flex;
	gap: 20px;
}

.bk-item__link {
	font-weight: 600;
	font-size: 10px;
	line-height: 15px;
	text-transform: uppercase;
	text-decoration: underline;
}

.bk-item__link--red {
	color: #B83636;
}

.bk-item__link:hover {
	color: var(--neon);
	text-decoration: none;
}

.bk-item-offer {
	flex-basis: 25%;
	padding: 32px;
}

.bk-item-offer__caption {
	font-family: var(--headingfont);
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.bk-item-offer__info {
	font-family: var(--headingfont);
	font-weight: 800;
	font-size: 32px;
	line-height: 130%;
	margin-bottom: 24px;
}

.bk-item-adv {
	flex-basis: 40%;
	padding: 40px 32px;
}

.bk-item-adv__wrap {
	display: flex;
	gap: 32px;
	border-bottom: 1px solid rgba(27, 32, 49, 0.1);
	padding-bottom: 8px;
}

.bk-item-adv__list {
	flex-basis: calc(50% - 16px);
}

.adv__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.adv__item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 160%;
}

.adv__item::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

.adv__item--plus::before {
	background: url(../images/icons/icon-li-plus.svg) center no-repeat;
}

.adv__item--minus::before {
	background: url(../images/icons/icon-li-minus.svg) center no-repeat;
}

/* .bk-info */
.bk-info {
	position: relative;
	padding: 32px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 28px;
	background: #FFFFFF url(../images/bk-info-bg.webp) left top no-repeat;
	background-size: contain;
	border: 3px solid #000000;
	/* margin-top: 78px; */
	/* margin-bottom: 78px; */
}

.bk-info-oversize-bg {
	position: absolute;
	top: -54px;
	left: -108px;
	display: block;
	width: calc(100% + 216px);
	height: calc(100% + 108px);
	background: url(../images/article-content-image-oversize.webp) center no-repeat;
	z-index: -1;
	border: 4px solid var(--black);
}

.bk-info::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 50px;
	background: url(../images/bk-info-decor.webp) left top no-repeat;
}

.bk-info__imagerating-wrap {
	padding: 20px;
	padding-right: 25px;
	background: white;
	border-radius: 3px;
}

/* .bk-info__image-wrap {} */
.bk-info__image {
	margin-bottom: 12px;
}

/* .bk-bottombox__rating-wrap {} */
.bk-bottombox__rating-betlogo-title-wrap {
	display: flex;
	justify-content: space-between;
}

.bk-bottombox__rating-betlogo-caption {
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
}

.bk-bottombox__rating-betlogo-score {
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
}

/* .bk-bottombox__rating-betlogo {} */
.bk-info__bonusbtn-wrap {
	flex-grow: 1;
}

/* .bk-info__bonus-wrap {
} */
.bk-info__bonus-title {
	font-family: var(--headingfont);
	font-weight: 800;
	font-size: 32px;
	line-height: 130%;
}

.bk-info__bonus-caption {
	font-family: var(--headingfont);
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
}

.bk-info__btn {
	margin-top: 8px;
}

/* .bk-info__payment-wrap {
}
.bk-info__payment-caption {
} */
.bk-info__payment-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
  flex-grow: 0;
}

.bk-info__payment-list img {
  width: 50px;
	border: 1px solid #000000;
}

/* bk-contacts */

.bk-contacts {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 12px;
	gap: 12px;
	border: 1px dashed rgba(0, 0, 0, 0.25);
}

.bk-contact-item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	gap: 4px;
	padding: 6px 8px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	color: rgba(0, 0, 0, 0.75);
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: -0.07px;
	text-transform: uppercase;
	text-decoration: none;
}

.bk-contact-item::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
}

.bk-contact-item_email::before {
	background-image: url(../images/icons/icon-contacts-email.svg);
}

.bk-contact-item_tel::before {
	background-image: url(../images/icons/icon-contacts-tel.svg);
}

.bk-contact-item_fm::before {
	background-image: url(../images/icons/icon-contacts-fm.svg);
}

.bk-contact-item_tw::before {
	background-image: url(../images/icons/icon-contacts-tw.svg);
}

.bk-contact-item_fb::before {
	background-image: url(../images/icons/icon-contacts-fb.svg);
}

.bk-contact-item_wa::before {
	background-image: url(../images/icons/icon-contacts-wa.svg);
}

.bk-contact-item_in::before {
	background-image: url(../images/icons/icon-contacts-in.svg);
}

/* share */

.share {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px 32px;
	background: var(--neon);
	gap: 24px;
}

.share-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
}

.share-list {
	display: flex;
	gap: 12px;
}

.share-item {
	display: inline-block;
	width: 32px;
	height: 32px;
}

.share-item::before {
	content: '';
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.share-item_tw::before {
	background-image: url(../images/icons/icon-share-tw.svg);
}

.share-item_tg::before {
	background-image: url(../images/icons/icon-share-tg.svg);
}

.share-item_fb::before {
	background-image: url(../images/icons/icon-share-fb.svg);
}

.share-item_yt::before {
	background-image: url(../images/icons/icon-share-yt.svg);
}

.share-item:hover {
	opacity: .6;
}

/* bk-short-info */


.bk-short-info-wrap {
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid #000000;
	padding: 24px 24px 0 24px;
}

.wp-block-group .bk-short-info__title {
	font-weight: 800;
	font-size: 24px;
	line-height: 130%;
	text-align: left;
	margin-top: 0 !important;
	margin-bottom: 32px !important;
}

.bk-short-info {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 40px 32px;
	position: relative;
	max-height: 460px;
}

.bk-short-info::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 80px;
	background: linear-gradient(180deg, #F2F2F2 0.01%, #F2F2F2 0.02%, rgba(242, 242, 242, 0.66) 71.67%, rgba(242, 242, 242, 0) 100%);
	transform: rotate(-180deg);
}

.bk-short-info.active::before {
	display: none;
}

.bk-short-info__item {
	flex-basis: calc(50% - 30px);
}

.bk-short-info-item__title {
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
}

.bk-short-info-item__desc {
	font-weight: 500;
	font-size: 14px;
	line-height: 160%;
}

.bk-short-info-item__desc a {
	color: var(--pink);
}

.bk-short-info__btn {
	position: relative;
	top: 27px;
	left: calc(50% - 20px);
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--neon) url(../images/icons/icon-bk-short-info-down.svg) center no-repeat;
	border: none;
}

.bk-short-info__btn.active {
	transform: rotate(180deg);
}

/* faq */

.wp-block-group {
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid #000000;
	padding: 24px 24px 8px 24px;
}

.wp-block-group h2 {
	text-align: center;
}

.faq {
	border-bottom: 2px solid #353535;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.faq__title {
	position: relative;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 140%;
	padding: 20px 50px 20px 0;
	cursor: pointer;
}

.faq__title .h4 {
	font-size: 16px;
	letter-spacing: normal;
}

.faq__chevron {
	position: absolute;
	top: 4px;
	right: 4px;
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(../images/icons/icon-chevron-faq-down.svg) center no-repeat;
}

.faq__title.active .faq__chevron {
	background: url(../images/icons/icon-chevron-faq-up.svg) center no-repeat;
}

.bk-roster,
.has-meon-background-color {
	background: var(--neon);
	border: 3px solid #000000;
	padding: 24px;
}

.bk-roster ol li::before,
ol.has-meon-background-color li::before {
	background: var(--pink);
}

ul.has-meon-background-color li::before {
	border-color: var(--pink);
}

/* bk-item */

.bk-item-accordion-panel-content {
	display: flex;
	justify-content: space-between;
}

.bk-item-info {
	flex-basis: 20%;
	padding: 32px 24px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.bk-item-about {
	font-size: 14px;
	line-height: 15px;
	color: #3F3F3F;
}

.bk-item-about__caption {
	font-weight: 500;
	color: var(--black);
}

.bk-item-brief {
	flex-basis: 50%;
	padding: 32px;
}

.bk-item-brief__head-wrap {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.bk-item-brief__image {
	border-radius: 50%;
}

.bk-item-brief__author {
	font-weight: 600;
	font-size: 14px;
	line-height: 15px;
}

.bk-item-brief__text {
	margin-bottom: 16px;
}

.bk-item-screenshots {
	flex-basis: 30%;
	display: flex;
	gap: 16px;
	padding: 0 24px;
}


/* our team */

.team__title {
	padding-bottom: 120px;
}

.team-item {
	text-align: start;
	margin-bottom: 40px;
}

.team-item__image {
	display: block;
	margin-bottom: 24px;
}

.team-item__image img {
	width: 100%;
	height: auto;
}

.team-item__title {
	text-decoration: none;
	margin-bottom: 16px;
}

.team-item__post {
	margin-bottom: 16px;
}

.team-item__socials-wrap {
	display: flex;
	gap: 24px;
}

.team-item__social {
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--neon);
	border-radius: 50%;
	width: 32px;
	height: 32px;
}

.team-item__social:hover {
	opacity: .6;
	background: transparent;
}

/* author */

.author__content-wrap {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding-top: 32px;
	padding-bottom: 100px;
}

.author__content {
	text-align: start;
}

.author__image-wrap {
	flex-shrink: 0;
	width: 160px;
	height: 160px;
}

.author__image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.author__header-wrap {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.author__h2 {
	text-align: start;
	margin-bottom: 32px;
	font-size: 32px;
}

.author__title {
	font-weight: 800;
	font-size: 40px;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
}

.author__socials-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
}

.author__social {
	transition: opacity .3s;
}

.author__social:hover {
	opacity: .6;
}

.bk-advantages {
	position: relative;
	display: flex;
	border: 1px solid #000000;
	padding: 24px;
}

.bk-advantages::before {
	content: '';
	position: absolute;
	top: 24px;
	left: 50%;
	display: block;
	width: 1px;
	height: calc(100% - 48px);
	background: #000000;
	opacity: .25;
}

.bk-advantages__title {
	font-weight: 700;
	font-size: 32px;
	line-height: 39px;
	letter-spacing: 0.005em;
	margin-bottom: 24px;
}

.bk-advantages-adv,
.bk-advantages-disadv {
	flex-basis: 50%;
	padding: 0 48px;
}

.bk-advantages ul li {
	font-weight: 600;
	font-size: 18px;
	line-height: 140%;
}

.bk-advantages ul li::before {
	content: '';
	position: relative;
	top: -3px;
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #000;
	border-radius: 0;
	border: 0;
}

/* bk-bonus */

.bk-bonus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	border: 3px solid #000000;
	padding: 48px 24px 24px 24px;
	background: url(../images/bk-bonus-decor.webp) top no-repeat;
}

.bk-bonus__title {
	color: #000;
	text-align: left;
	font-family: 'bsd', sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 160%; /* 25.6px */
}

.bk-bonus__btn {
	flex-shrink: 0;
	border: none;
}

.bk-bonus__btn::after {
	display: none;
}

/* .bk-bottombox */

.bk-bottombox {
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
	background: #F2F2F2 url(../images/bk-bottombox-decor.webp) top no-repeat;
	border-top: 3px solid #000000;
	padding: 12px 0;
	display: none;
}

.bk-bottombox-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}



.bk-info__rating-betlogo-title-wrap,
.bk-info__rating-betlogo-wrap,
.bk-bottombox__rating-betlogo-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.bk-info__rating-betlogo-caption,
.bk-info__rating-betlogo-score,
.bk-bottombox__rating-betlogo-caption,
.bk-bottombox__rating-betlogo-score {
	font-weight: 400;
	font-size: 10px;
	line-height: 15px;
}

.bk-info__rating-betlogo,
.bk-bottombox__rating-betlogo {
	flex-basis: 100%;
	margin-top: 4px;
}

.bk-bottombox__bonus-caption {
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
}

.bk-bottombox__bonus-title {
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
}

.bk-bottombox__btn-bonus {
	display: none;
}

.bk-bottombox__btn {
	flex-shrink: 0;
	padding: 12px 14px;
	background: var(--green);
	color: var(--primary);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	transition: color .3s, background .3s;
}

.bk-bottombox__btn:hover {
	color: var(--white);
	background: var(--primary);
}


.progress-bar {
	position: fixed;
	left: 0;
	top: 0;
	height: 6px;
	background: var(--pink);
	z-index: 2;
	border-bottom: 3px solid white;
}

/* bk-best */

.bk-best {
	text-align: center;
	background: #F2F2F2;
	padding-top: 32px;
	padding-bottom: 144px;
}

.bk-best__title {
	text-align: center;
	margin-bottom: 40px;
}

.bk-best-item {
	padding: 32px 28px;
	background: var(--white);
	border: 4px solid var(--black);
	margin-bottom: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bk-best-item__image {
	margin-bottom: 24px;
}

.bk-best-item__ul {
	text-align: start;
  padding-top: 20px;
	border-top: 1px solid var(--black);
	border-bottom: 1px solid var(--black);
  flex-grow: 1;
}

.bk-best-item__li {
  margin: 0 40px;
}

.bk-best-item__li::before {
	content: '';
	position: relative;
	top: 2px;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 8px;
	background: url(../images/icons/icon-bk-best-plus.svg) center no-repeat;
}

.bk-best-item__rating {
	justify-content: center;
	margin-top: 24px;
	margin-bottom: 24px;
}

.bk-best-item__btn {
	margin-bottom: 24px;
}

.bk-best-item__link {
	display: block;
}

/* other */

.page404 a:hover {
	color: var(--neon);
}

.page-numbers {
	padding: 5px 12px;
	-webkit-transiton: color .3s;
	transition: color .3s;
	font-family: var(--headingfont);
	color: var(--black);
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 800;
	font-size: 24px;
	line-height: 120%;
}

.page-numbers.current {
	opacity: .5;
	text-decoration: none;
}

/* FOOTER */

.footer {
	height: 500px;
	border-top: 4px solid var(--black);
	text-align: justify;
}

.footer-inner {
	padding-top: 78px;
	padding-bottom: 84px;
}

.footer-inner nav {
	column-gap: 64px;
	row-gap: 24px;
}

.footer-inner__title {
	margin-top: 24px;
	margin-bottom: 16px;
	font-weight: 700;
	font-size: 18px;
	line-height: 160%;
}

.footer-inner__title_copyright {
	margin-top: 35px;
}

.wp-block-table {
	overflow: auto;
}

.content ::-webkit-scrollbar {
  height: 8px;
}
::-webkit-scrollbar-track {
  background: lightgray;
}
.content ::-webkit-scrollbar-thumb {
  background: var(--neon);
}

.wp-block-table td,
.wp-block-table th {
  border: none!important;
}

.row {
	margin-bottom: 32px;
	row-gap: 32px;
}

@media (min-width:768px) {
	.article-header__wrapper {
	  max-width: 60%;
	  margin-left: 37%;
	}
  }
  
	.banners {
	  padding: 16px 16px 24px 16px;
	  border: 3px solid #000000;
	  background-color: #ffff;
	  max-width: calc(100% - 30px);
	  margin-left: 15px;
	  display: flex;
	  flex-direction: column;
	  gap: 12px;
	  background-image: url('https://betsbest.ke/wp-content/themes/kenya03/assets/images/bg-xs-top.png');
	  background-repeat: no-repeat;
	  background-position: top right;
	  position: relative;
	}
  
	@media (min-width:768px) {
	  .banners {
		max-width: 62%;
		margin-left: 37%;
	  }
	  .faq__title h4 {
		font-size: 16px;
	}
	}
  
	@media (min-width:992px) {
	  .banners {
		flex-direction: row;
		gap: 22px;
		padding: 28px;
		background-image: url('https://betsbest.ke/wp-content/themes/kenya03/assets/images/bg-xl-right.png');
		background-position: right;
		background-size: contain;
	  }
	}
  
	.banners__logo {
	  background: #fff;
	  width: 204px;
	  max-height: 180px;
	  margin: 0 auto;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	}
  
	@media (min-width:992px) {
	  .banners__logo {
		width: 248px;
		margin: 0;
	  }
	}
  
	.banners__logo-img {
	  max-width: 204px;
	  max-height: 76px;
	  object-fit: cover;
	  display: block;
	  margin: 0 auto;
	}
  
	@media (min-width:992px) {
	  .banners__logo-img {
		max-width: 248px;
		max-height: 142px;
	  }
	}
  
	.banners__logo-title {
	  font-size: 14px;
	  font-weight: 500;
	  padding: 5px 0;
	  background: rgba(228, 118, 238, 0.9);
	  text-align: center;
	  color: #fff;
	}
  
	.banners__item {
	  color: #808080;
	  font-size: 14px;
	  font-weight: 600;
	  display: flex;
	  justify-content: space-between;
	}
  
	@media (min-width:992px) {
	  .banners__item {
		font-size: 16px;
		font-weight: 700;
		justify-content: start;
		gap: 8px;
	  }
	}
  
	.banners__item span {
	  background: rgba(228, 118, 238, 0.9);
	  padding: 4px 8px;
	  color: #fff;
	  font-size: 16px;
	  font-weight: 700;
	  min-width: 66px;
	  text-align: center;
	  line-height: 19px;
	}
  
	@media (min-width:992px) {
	  .banners__item span {
		min-width: auto;
	  }
	}
  
	.banners__list {
	  display: flex;
	  flex-direction: column;
	  gap: 12px;
	  margin-bottom: 16px;
	}
  
	.banners .bk-best-item__btn {
	  min-width: 100%;
	  border: 3px solid #000000;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
  
	@media (min-width:1200px) {
	  .banners .bk-best-item__btn {
		min-width: 279px;
	  }
	}
  
	.banners__row {
	  display: flex;
	  gap: 8px;
	  justify-content: center;
	  align-items: center;
	  margin-bottom: 18px;
	}
  
	@media (min-width:992px) {
	  .banners__row {
		justify-content: start;
	  }
	}
  
	.banners__subtitle {
	  text-align: center;
	  font-size: 14px;
	  line-height: 16px;
	  font-weight: 400;
	  margin-bottom: 6px;
	}
  
	@media (min-width:992px) {
	  .banners__subtitle {
		text-align: left;
	  }
	}
  
	.banners__rating-total {
	  font-size: 12px;
	  font-weight: 400;
	  line-height: 14px;
	  margin-top: 4px;
	}
  
	.banners__plus {
	  display: flex;
	  align-items: center;
	  gap: 4px;
	}
  
	.banners__plus span {
	  font-size: 14px;
	  font-weight: 500;
	  line-height: 22px;
	}
  
	.banners__wrapper {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 15px;
	  margin-bottom: 17px;
	}
  
	@media (min-width:992px) {
	  .banners.banners--app {
		background-image: url('https://betsbest.ke/wp-content/themes/kenya03/assets/images/bg-xl-top.png');
		background-position: top right;
		background-size: auto;
		gap: 46px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--app .banners__info {
		margin-top: 12px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--app .banners__row {
		margin-bottom: 14px;
	  }
	}
  
	.banners__devices {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  flex-wrap: wrap;
	  gap: 20px;
	}
  
	@media (min-width:992px) {
	  .banners__devices {
		margin-bottom: 9px;
		max-width: 129px;
	  }
	}
  
	@media (min-width:1200px) {
	  .banners__devices {
		gap: 10px;
	  }
	}
  
	@media (min-width:1200px) {
	  .banners.banners--app .btn-box {
		min-width: 180px;
	  }
	}
  
	@media (min-width:992px) {
	.banners.banners--app .btn-box::after {
	  display: none;
	  }
	}
  
	.banners__box {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: wrap;
	  justify-content: space-between;
	}
  
	@media (min-width:992px) {
	  .banners__box {
		flex-direction: column;
	  }
	}
  
	.banners.banners--app .banners__wrapper {
	  flex-direction: column;
	}
  
	@media (min-width:992px) {
	  .banners.banners--app .banners__wrapper {
	  flex-direction: row;
	  margin-bottom: 25px;
	}
	}
  
	@media (min-width:1200px) {
	  .banners.banners--app .btn-box {
		position: absolute;
		right: 28px;
		bottom: 28px;
	  }
	}
  
	.banners.banners--bonuses .banners__subtitle {
	  margin-top: 12px;
	}
  
	@media (min-width:992px) {
	  .banners.banners--bonuses .banners__subtitle {
		margin-top: 22px;
	  }
	}
  
	.banners__title {
	  display: flex;
	  flex-direction: column;
	  margin-bottom: 20px;
	}
  
	@media (min-width:992px) {
	  .banners__title {
		margin-bottom: 40px;
	  }
	}
  
	.banners__title--min {
	  font-size: 20px;
	  font-weight: 700;
	  line-height: 28px;
	  text-align: center;
	  margin-bottom: 0;
	}
  
	@media (min-width:992px) {
	.banners__title--min {
	  font-size: 28px;
	  line-height: 39px;
	  text-align: left;
	}
  }
  
  .banners__title--max {
	font-size: 40px;
	line-height: 52px;
	font-weight: 800;
	text-align: center;
	margin-bottom: 0;
  }
  
  
  @media (min-width:992px) {
	.banners__title--max {
	  font-size: 44px;
	  line-height: 57px;
	  text-align: left;
	}
  }
  
  @media (min-width:992px) {
	  .banners.banners--bonuses .btn-box::after {
		display: none;
	  }
	}
  
	.banners.banners--bonuses .btn-box {
		margin-bottom: 20px;
	  }
  
	@media (min-width:992px) {
	  .banners.banners--bonuses .btn-box {
		margin-bottom: 40px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--bonuses .banners__row {
		margin-bottom: 0;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--bonuses .banners__wrapper {
		justify-content: start;
	  }
	}
  
	.banners.banners--bonuses .banners__logo {
	  width: auto;
	  max-height: none;
	}
  
	@media (min-width:992px) {
	  .banners.banners--bonuses .banners__logo {
		width: 248px;
	  }
	}
  
	.banners.banners--bonuses .banners__logo-img {
	  max-width: none;
	}
  
	@media (min-width:992px) {
	  .banners.banners--bonuses .banners__logo-img {
		max-width: 248px;
	  }
	}
  
	.banners.banners--bonuses .banners__wrapper {
	  justify-content: center;
	  margin-bottom: 0;
	}
  
	.banners.banners--bonuses  {
	  gap: 0;
	}
  
	@media (min-width:992px) {
	  .banners.banners--bonuses  {
		gap: 39px;
	  }
	}
  
	.banners__promocode {
	  display: flex;
	  justify-content: center;
	  margin-bottom: 17px;
	}
  
	@media (min-width:992px) {
	  .banners__promocode {
		justify-content: start;
	  }
	}
  
	.banners__promocode-field {
	  border: 2px solid #D6E715;
	  border-radius: 4px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  padding: 12px 24px;
	  color: #1F1F1F;
	  font-size: 16px;
	  font-weight: 400;
	  text-transform: uppercase;
	}
  
	.banners.banners--promocode .btn-box::after {
	  display: none;
	}
  
	@media (min-width:992px) { 
	  .banners.banners--promocode .banners__title--min {
		font-size: 32px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--promocode .banners__title--max {
		font-size: 52px;
	  }
	}
  
	.banners.banners--promocode .btn-box {
	  border-radius: 4px;
	  border: 3px solid #000000;
	  max-width: 145px;
	  min-width: auto;
	  margin-left: -5px;
	}
  
	.banners.banners--promocode .article-item__btn {
	  background: url('https://betsbest.ke/wp-content/themes/kenya03/assets/images/btn-bg-purple.png');
	  margin-bottom: 0;
	  width: 100%;
	  background-repeat: no-repeat;
	  background-size: 281px 56px;
	  background-position: center;
	}
  
	@media (min-width:992px) {
	  .banners.banners--promocode .article-item__btn {
		background-size: 276px 56px;
	  }
	}
  
	.banners.banners--promocode .banners__logo {
	  max-height: none;
	}
  
	.banners.banners--promocode .banners__subtitle {
	  margin-top: 10px;
	}
  
	@media (min-width:992px) {
	  .banners.banners--promocode .banners__subtitle {
		margin-top: 20px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--promocode .banners__title {
		margin-bottom: 24px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--promocode .banners__row {
		margin-bottom: 0;
	  }
	}
  
	.banners.banners--promocode .banners__logo-img {
	  max-width: none;
	}
  
	@media (min-width:992px) {
	  .banners.banners--promocode .banners__logo-img {
		max-width: 248px;
	  }
	}
  
	.banners.banners--promocode .banners__logo {
	  width: auto;
	  max-height: none;
	}
  
	@media (min-width:992px) {
	  .banners.banners--promocode .banners__logo {
		width: 248px;
	  }
	}
  
	.banners.banners--payments {
	  gap: 0;
	}
  
	@media (min-width:992px) {
	  .banners.banners--payments {
		background-image: url('https://betsbest.ke/wp-content/themes/kenya03/assets/images/bg-xl-top.png');
		background-position: top right;
		background-size: auto;
		gap: 19px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--payments .banners__title {
		margin-bottom: 32px;
	  }
	}
  
	@media (min-width:992px) { 
	  .banners.banners--payments .banners__title--min {
		font-size: 32px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--payments .banners__title--max {
		font-size: 52px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--payments .btn-box {
		margin-bottom: 22px;
	  }
	}
  
	.banners.banners--payments .banners__logo-img {
	  max-width: none;
	}
  
	@media (min-width:992px) {
	  .banners.banners--payments .banners__logo-img {
		max-width: 248px;
	  }
	}
  
	.banners.banners--payments .banners__logo {
	  width: auto;
	  max-height: none;
	}
  
	@media (min-width:992px) {
	  .banners.banners--payments .banners__logo {
		width: 248px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--payments .btn-box::after {
		display: none;
	  }
	}
  
	.banners.banners--payments .banners__list {
	  flex-direction: row;
	  justify-content: space-between;
	}
  
	.banners.banners--payments .banners__subtitle {
	  margin-top: 12px;
	}
  
	@media (min-width:992px) {
	.banners.banners--payments .banners__subtitle {
		margin-top: 22px;
	  }
	}
  
	@media (min-width:992px) {
	.banners.banners--payments .banners__info {
	  max-width: 287px;
	}
  }

  .banners.banners--app .bk-best-item__btn {
	margin-bottom: 0;
  }
  
  .banners__payments {
	margin-bottom: 16px;
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
  }
  
  @media (min-width:1200px) {
	.banners__payments {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  position: absolute;
	  right: 16px;
	  top: 16px;
	  gap: 8px;
	  margin-bottom: 0;
	}
  }
  
  @media (min-width:992px) {
	.banners.banners--payments .banners__row {
	  margin-bottom: 0;
	}
  }
  
  .banners.banners--payments .banners__item span {
	  min-width: auto;
  }
  
  .banners.banners--payments .btn-box {
	margin-bottom: 16px;
  }
  
  .banners.banners--payments .banners__item {
	gap: 8px;
  }
  
  .banners.banners--payments .banners__list {
	margin-bottom: 0;
  }
  
  
  .banners.banners--closed .article-item__btn {
	  background: url(https://betsbest.ke/wp-content/themes/kenya03/assets/images/btn-bg-purple.png);
	  margin-bottom: 0;
	  width: 100%;
	  background-repeat: no-repeat;
	  background-size: 245px 45px;
	  background-position: center;
  }
  
  .banners.banners--closed .article-item__btn {
	margin-bottom: 24px;
  }
  
  @media (min-width: 992px) {
	.banners.banners--closed .article-item__btn {
		background-size: 235px 56px;
		max-width: 235px;
	}
  }
  
  .banners.banners--closed .banners__logo-img {
	  max-width: none;
	}
  
	@media (min-width:992px) {
	  .banners.banners--closed .banners__logo-img {
		max-width: 248px;
	  }
	}
  
	.banners.banners--closed .banners__logo {
	  width: auto;
	  max-height: none;
	}
  
	@media (min-width:992px) {
	  .banners.banners--closed .banners__logo {
		width: 248px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--closed .btn-box::after {
		display: none;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--closed .banners__title--min {
		font-size: 32px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--closed .banners__title--max {
		font-size: 52px;
	  }
	}
  
	.banners.banners--closed .banners__title {
		margin-bottom: 12px;
	  }
  
	@media (min-width:992px) {
	  .banners.banners--closed .banners__title {
		margin-bottom: 18px;
	  }
	}
  
	.banners.banners--closed .banners__row {
	  margin-bottom: 0;
	}
  
	.banners.banners--closed .banners__subtitle {
	  margin-top: 12px;
	}
  
	@media (min-width: 992px) {
	  .banners.banners--closed .banners__subtitle {
	  margin-top: 21px;
	}
	}
  
	@media (min-width: 992px) {
	  .banners.banners--closed {
		background-image: url(https://betsbest.ke/wp-content/themes/kenya03/assets/images/bg-xl-top.png);
		background-position: top right;
		background-size: auto;
		gap: 26px;
		max-width: 630px;
	  }
	}
  
	@media (min-width: 1200px) {
	  .banners.banners--closed .bk-best-item__btn {
		min-width: 235px;
		max-width: 235px;
		margin-bottom: 0;
	  }
	}
  
	
	.banners.banners--other .banners__logo-img {
	  max-width: none;
	}
  
	@media (min-width:992px) {
	  .banners.banners--other .banners__logo-img {
		max-width: 248px;
	  }
	}
  
	.banners.banners--other .banners__logo {
	  width: auto;
	  max-height: none;
	}
  
	@media (min-width:992px) {
	  .banners.banners--other .banners__logo {
		width: 248px;
	  }
	}
  
	@media (min-width:992px) {
	  .banners.banners--other .btn-box::after {
		display: none;
	  }
	}
  
	.banners.banners--other .banners__subtitle {
	  margin-top: 12px;
	}
  
	@media (min-width: 992px) {
	  .banners.banners--other .banners__subtitle {
	  margin-top: 21px;
	}
	}
  
	.banners__text {
	  font-size: 14px;
	  font-weight: 500;
	  line-height: 18px;
	  text-align: center;
	  margin-bottom: 16px;
	}
  
	@media (min-width: 992px) {
	  .banners__text {
		text-align: left;
		max-width: 275px;
	  }
	}
  
	.banners.banners--other .banners__title {
	  margin-bottom: 8px;
	}
  
	@media (min-width: 992px) {
	  .banners.banners--other .banners__title {
		margin-bottom: 12px;
	  }
	}
  
	@media (min-width: 992px) {
	  .banners.banners--other {
		gap: 44px;
	  }
	}
  
	.banners.banners--other .banners__row {
	  margin-bottom: 0;
	}
  
	.banners--comparison {
	  max-width: calc(100% - 30px);
	  margin-left: 15px;
	  display: flex;
	  justify-content: space-between;
	  gap: 20px;
	  align-items: center;
	  flex-direction: column;
	}

	@media (max-width:768px) {
		.banners--comparison {
			margin-bottom: 32px;
		}
	  }
  
  
	@media (min-width:768px) {
	  .banners--comparison {
		max-width: 63%;
		margin-left: 37%;
	  }
	}
  
	@media (min-width:992px) {
	  .banners--comparison {
		flex-direction: row;
	  }
	}
  
	.banners--comparison .banners__row {
	  background-color: #fff;
	  padding: 4px 8px;
	  margin-bottom: 8px;
	}
  
	@media (min-width:992px) {
	  .banners--comparison .banners__row {
		margin-bottom: 16px;
	  }
	}
  
	.banners--comparison .btn-box {
	  width: 100%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
  
	.banners--comparison .banners__team-img {
	  width: 100%;
	  max-height: 110px;
	  object-fit: cover;
	  object-position: top;
	}
  
	@media (min-width:992px) {
	  .banners--comparison .banners__team-img {
		max-height: 206px;
	  }
	}
  
	.banners--comparison .btn-box {
	  border: 3px solid #000;
	  margin-bottom: 0;
	}
  
	.banners--comparison .banners__left {
	  width: 100%;
	}
  
	.banners--comparison .banners__right {
	  width: 100%;
	}
  
	@media (min-width:992px) {
	  .banners--comparison .banners__left {
		width: auto;
	  }
	}
  
	@media (min-width:992px) {
	  .banners--comparison .banners__right {
		width: auto;
	  }
	}
  
	.banners--comparison > img {
	  width: 65px;
	}
  
	@media (min-width:992px) {
	  .banners--comparison > img {
		width: 113px;
	  }
	}
  
	.article-content {
	  padding-top: 40px;
	}
  
	.article-header__date {
	  text-align-last: left;
	  margin-bottom: 16px;
	}
  
	@media (max-width: 767px) {
	  .bg-pink-mobile {
		margin-bottom: 12px;
	  }
  }
  
  .banners__devices-img.no-active {
	opacity: 20%;
  }
  
  .banners__copy-btn {
	cursor: copy!important;
  }
  
  
  @media (max-width: 768px) {
  .bg-purple {
	background-color: #E476EE;
  }
  }
  
  @media (min-width: 767px) {
  .article-header__image { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(https://betsbest.ke/wp-content/themes/kenya03/assets/images/articles-home-01.jpg) center no-repeat;
	background-size:cover
  }
  }
  
  @media (max-width: 768px) {
	.article-header__media {
	  display: none;
	}
  }
  .row.banners--row {
	margin-bottom: 0;row-gap: 0;
  }

  .banners.banners--promocode .bk-best-item__btn {
	margin-bottom: 0;
  }

  @media (max-width: 767px) {
	.banners {
		margin-bottom: 32px;
	}
  }

  .banners.banners--payments .banners__list {
	flex-wrap: wrap;
  }

  @media (min-width: 992px) {
  .banners.banners--payments .banners__list {
	max-width: 287px;
  }
}

.banners__logo-wrap {
	border: 2px solid #000000;
}

.banners.banners--other .bk-best-item__btn {
	margin-bottom: 0;
}

.articles__btn {
	border: none;
	text-align: center;
	text-decoration: none;
}

/* CUSTOM STYLES */