/* AUTO-GENERATED by build-css.php — не редактировать вручную. Правьте исходники и пересоберите. */

/* ===== style.css ===== */

/* ===== font/font.css ===== */
@font-face {
    font-family: 'SF Pro Display';
    src: url('font/SFProDisplay-Medium.eot');
    src: local('SF Pro Display Medium'), local('SFProDisplay-Medium'),
    url('font/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
    url('font/SFProDisplay-Medium.woff2') format('woff2'),
    url('font/SFProDisplay-Medium.woff') format('woff'),
    url('font/SFProDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('font/SFProDisplay-Bold.eot');
    src: local('SF Pro Display Bold'), local('SFProDisplay-Bold'),
    url('font/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
    url('font/SFProDisplay-Bold.woff2') format('woff2'),
    url('font/SFProDisplay-Bold.woff') format('woff'),
    url('font/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('font/SFProDisplay-Semibold.eot');
    src: local('SF Pro Display Semibold'), local('SFProDisplay-Semibold'),
    url('font/SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
    url('font/SFProDisplay-Semibold.woff2') format('woff2'),
    url('font/SFProDisplay-Semibold.woff') format('woff'),
    url('font/SFProDisplay-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('font/SFProDisplay-Regular.eot');
    src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
    url('font/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
    url('font/SFProDisplay-Regular.woff2') format('woff2'),
    url('font/SFProDisplay-Regular.woff') format('woff'),
    url('font/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/* ===== css/normalize.css ===== */
/* skip duplicate import: font/font.css */

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
iframe,
ol,
ul,
li,
form,
label,
i,
footer,
header,
menu,
nav,
a,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
video,
canvas,
section,
/*commonly used tags*/
applet,
object,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
ins,
kbd,
hgroup,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
dl,
dt,
dd,
fieldset,
legend,
article,
aside,
details,
embed,
figure,
figcaption,
output,
section,
summary,
time,
mark,
audio,
center,
ruby {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    position: relative;
}

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

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    outline: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    display: inline-block;
    text-decoration: none;
}

button {
    cursor: pointer;
}

input,
button,
select {
    display: inline-block;
    padding: 0;
    border: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
img {
    max-width: 100%;
}
body {
    font-family: 'SF Pro Display';
    margin: 0;
    padding: 0;
    background: #F2F4F7;
}
body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #E6E8EB;
}
body::-webkit-scrollbar-thumb {
    width: 5px;
    height: 5px;
    background: #292D32;
    border-radius: 5px;
}
.container {
    max-width: 1408px;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
}




/* ===== css/jquery.formstyler.css ===== */
.jq-checkbox,
.jq-radio {
	position: relative;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.jq-checkbox input,
.jq-radio input {
	position: absolute;
	z-index: -1;
	margin: 0;
	padding: 0;
	opacity: 0;
}
.jq-file {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.jq-file input {
	position: absolute;
	top: 0;
	right: 0;
	height: auto;
	margin: 0;
	padding: 0;
	opacity: 0;
	font-size: 100px;
	line-height: 1em;
}
.jq-file__name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jq-selectbox,
.jq-select-multiple {
	position: relative;
	display: inline-block;
}
.jq-selectbox select,
.jq-select-multiple select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
}
.jq-selectbox li,
.jq-select-multiple li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
}
.jq-selectbox {
	z-index: 10;
}
.jq-selectbox__select {
	position: relative;
}
.jq-selectbox__select-text {
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jq-selectbox__dropdown {
	position: absolute;
}
.jq-selectbox__search input {
	-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
	-webkit-appearance: none;
}
.jq-selectbox__dropdown ul {
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	list-style: none;
	-webkit-overflow-scrolling: touch;
}
.jq-select-multiple ul {
	position: relative;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.jq-number {
	display: inline-block;
}
.jq-number__field input {
	-moz-appearance: textfield;
	text-align: left; /* для Opera Presto */
}
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
	margin: 0; /* в каких-то браузерах присутствует отступ */
	-webkit-appearance: none;
}

/* ===== css/jquery.formstyler.theme.css ===== */
.jq-checkbox,
.jq-radio {
	vertical-align: -4px;
	width: 16px;
	height: 16px;
	margin: 0 4px 0 0;
	border: 1px solid #C3C3C3;
	background: linear-gradient(#FFF, #E6E6E6);
	box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
	cursor: pointer;
}

.jq-checkbox.disabled,
.jq-radio.disabled {
	opacity: .55;
}
.jq-checkbox {
	border-radius: 3px;
}
.jq-checkbox.checked .jq-checkbox__div {
	width: 8px;
	height: 4px;
	margin: 3px 0 0 3px;
	border-bottom: 2px solid #666;
	border-left: 2px solid #666;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
.jq-radio {
	border-radius: 50%;
}
.jq-radio.checked .jq-radio__div {
	width: 10px;
	height: 10px;
	margin: 3px 0 0 3px;
	border-radius: 50%;
	background: #777;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.7);
}
.jq-file {
	width: 270px;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.jq-file input {
	cursor: pointer;
}
.jq-file__name {
	box-sizing: border-box;
	width: 100%;
	height: 34px;
	padding: 0 80px 0 10px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #FFF;
	box-shadow: inset 1px 1px #F1F1F1;
	font: 14px/32px Arial, sans-serif;
	color: #333;
}
.jq-file__browse {
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 0 10px;
	border-left: 1px solid #CCC;
	border-radius: 0 4px 4px 0;
	background: linear-gradient(#FFF, #E6E6E6);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px/32px Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
}
.jq-file:hover .jq-file__browse {
	background: linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-file:active .jq-file__browse {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-file.focused .jq-file__name {
	border: 1px solid #5794BF;
}
.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-number {
	position: relative;
	vertical-align: middle;
	padding: 0 36px 0 0;
}
.jq-number__field {
	width: 100px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
}
.jq-number__field:hover {
	border-color: #B3B3B3;
}
.jq-number__field input {
	box-sizing: border-box;
	width: 100%;
	padding: 8px 9px;
	border: none;
	outline: none;
	background: none;
	font: 14px Arial, sans-serif;
	color: #333;
}
.jq-number__spin {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 14px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: linear-gradient(#FFF, #E6E6E6);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-shadow: 1px 1px #FFF;
	cursor: pointer;
}
.jq-number__spin.minus {
	top: auto;
	bottom: 0;
}
.jq-number__spin:hover {
	background: linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-number__spin:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-number__spin:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 11px;
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #999;
	border-left: 5px solid transparent;
}
.jq-number__spin.minus:after {
	top: 5px;
	border-top: 5px solid #999;
	border-right: 5px solid transparent;
	border-bottom: none;
	border-left: 5px solid transparent;
}
.jq-number__spin.minus:hover:after {
	border-top-color: #000;
}
.jq-number__spin.plus:hover:after {
	border-bottom-color: #000;
}
.jq-number.focused .jq-number__field {
	border: 1px solid #5794BF;
}
.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-number.disabled .jq-number__spin:after {
	border-bottom-color: #AAA;
}
.jq-number.disabled .jq-number__spin.minus:after {
	border-top-color: #AAA;
}
.jq-selectbox {
	vertical-align: middle;
	cursor: pointer;
}
/*.jq-selectbox__select {
	padding: 0 45px 0 10px;
}*/



.jq-selectbox.disabled .jq-selectbox__select {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-selectbox__select-text {
	display: block;
	width: 100%;
}
.jq-selectbox .placeholder {
	color: #888;
}
/*.jq-selectbox__trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100%;
}*/
/*.jq-selectbox__trigger-arrow {
	position: absolute;
	top: 14px;
	right: 15px;
}*/

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
	border-top-color: #AAA;
}
.jq-selectbox__dropdown {
	box-sizing: border-box;
	width: 100%;
	margin: 2px 0 0;
	padding: 0;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	font: 14px/18px Arial, sans-serif;
}
.jq-selectbox__search {
	margin: 5px;
}
.jq-selectbox__search input {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px 27px 6px 8px;
	border: 1px solid #CCC;
	border-radius: 3px;
	outline: none;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==') no-repeat 100% 50%;
	box-shadow: inset 1px 1px #F1F1F1;
	color: #333;
}
.jq-selectbox__not-found {
	margin: 5px;
	padding: 5px 8px 6px;
	background: #F0F0F0;
	font-size: 13px;
}
.jq-selectbox ul {
	margin: 0;
	padding: 0;
}
.jq-selectbox li {
	min-height: 18px;
	padding: 5px 10px 6px;
}
.jq-selectbox li.selected {
	background-color: #A3ABB1;
	color: #FFF;
	border-radius: 4px;
}

.jq-selectbox li.disabled {
	color: #AAA;
}
.jq-selectbox li.disabled:hover {
	background: none;
}
.jq-selectbox li.optgroup {
	font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
	background: none;
	color: #231F20;
	cursor: default;
}
.jq-selectbox li.option {
	padding-left: 25px;
}
.jq-select-multiple {
	box-sizing: border-box;
	padding: 1px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #FFF;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px/18px Arial, sans-serif;
	color: #333;
	cursor: default;
}

.jq-select-multiple.disabled {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-select-multiple ul {
	margin: 0;
	padding: 0;
}
.jq-select-multiple li {
	padding: 3px 9px 4px;
	list-style: none;
}
.jq-select-multiple li:first-child {
	border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
	border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
	background: #08C;
	color: #FFF;
}
.jq-select-multiple li.disabled {
	color: #AAA;
}
.jq-select-multiple li.optgroup {
	font-weight: bold;
}
.jq-select-multiple li.option {
	padding-left: 25px;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
	background: #CCC;
	color: #FFF;
}
input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
	padding: 8px 9px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px Arial, sans-serif;
	color: #333;
}
input[type='search'].styler {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea.styler {
	overflow: auto;
}
input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
	border-color: #B3B3B3;
}
input[type='email'].styler:hover:focus,
input[type='password'].styler:hover:focus,
input[type='search'].styler:hover:focus,
input[type='tel'].styler:hover:focus,
input[type='text'].styler:hover:focus,
input[type='url'].styler:hover:focus,
textarea.styler:hover:focus {
	border-color: #CCC;
	border-top-color: #B3B3B3;
	outline: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
	overflow: visible;
	padding: 8px 11px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	outline: none;
	background: linear-gradient(#FFF, #E6E6E6);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
	cursor: pointer;
}
button.styler.styler::-moz-focus-inner,
input[type='button'].styler.styler::-moz-focus-inner,
input[type='submit'].styler.styler::-moz-focus-inner,
input[type='reset'].styler.styler::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
	background: linear-gradient(#F6F6F6, #E6E6E6);
}
button.styler:active,
input[type='button'].styler:active,
input[type='submit'].styler:active,
input[type='reset'].styler:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}

/* ===== css/flex.css ===== */


.G-flex {
    display: flex;
}

.G-inline-flex {
    display: inline-flex;
}

.G-center {
    justify-content: center;
    align-items: center;
    display: flex;
}

.G-justify-center {
    justify-content: center;
    display: flex;
}

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

.G-justify-around {
    justify-content: space-around;
    display: flex;
}

.G-justify-end {
    justify-content: flex-end;
    display: flex;
}

.G-align-center {
    align-items: center;
    display: flex;
}

.G-align-start {
    align-items: flex-start;
    display: flex;
}

.G-align-end {
    align-items: flex-end;
    display: flex;
}

.G-flex-column {
    flex-direction: column;
    display: flex;
}

.G-flex-wrap {
    flex-wrap: wrap;
    display: flex;
}



/* ===== css/swiper-bundle.min.css ===== */
/**
 * Swiper 7.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 24, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

/* ===== img/icon/icon.css ===== */
@charset "UTF-8";

.icon {
    display: inline-block;
    height: 1em;
    width: 1em;
    flex-shrink: 0;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    background-color: #FFFFFF;
}

.icon-box {
    mask-image: url(img/icon/box.svg);
    -webkit-mask-image: url(img/icon/box.svg);
}

.icon-people {
    mask-image: url(img/icon/people.jpg);
    -webkit-mask-image: url(img/icon/people.jpg);
}
.icon-delete {
    mask-image: url(img/icon/delete.svg);
    -webkit-mask-image: url(img/icon/delete.svg);
}

.icon-calendar {
    mask-image: url(img/icon/calendar.svg);
    -webkit-mask-image: url(img/icon/calendar.svg);
}
.icon-trash {
     mask-image: url(img/icon/trash.svg);
     -webkit-mask-image: url(img/icon/trash.svg);
 }
.icon-add {
    mask-image: url(img/icon/add.svg);
    -webkit-mask-image: url(img/icon/add.svg);
}
.icon-letter {
    mask-image: url(img/icon/letter.svg);
    -webkit-mask-image: url(img/icon/letter.svg);
}
.icon-home {
    mask-image: url(img/icon/icon-home.svg);
    -webkit-mask-image: url(img/icon/icon-home.svg);
}
.icon-forecasts {
    mask-image: url(img/icon/forecasts.svg);
    -webkit-mask-image: url(img/icon/forecasts.svg);
}
.icon-expresses {
    mask-image: url(img/icon/expresses.svg);
    -webkit-mask-image: url(img/icon/expresses.svg);
}
.icon-competitions {
    mask-image: url(img/icon/competitions.svg);
    -webkit-mask-image: url(img/icon/competitions.svg);
}
.icon-articles {
    mask-image: url(img/icon/articles.svg);
    -webkit-mask-image: url(img/icon/articles.svg);
}
.icon-blog {
    mask-image: url(img/icon/blog.svg);
    -webkit-mask-image: url(img/icon/blog.svg);
}
.icon-forecasters {
    mask-image: url(img/icon/forecasters.svg);
    -webkit-mask-image: url(img/icon/forecasters.svg);
}
.icon-forecast {
    mask-image: url(img/icon/forecast.svg);
    -webkit-mask-image: url(img/icon/forecast.svg);
}

.icon-star{
    mask-image: url(img/icon/star.svg);
    -webkit-mask-image: url(img/icon/star.svg);
}
.icon-arrow-bottom{
    mask-image: url(img/icon/arrow-bottom.svg);
    -webkit-mask-image: url(img/icon/arrow-bottom.svg);
}

.icon-vk{
    mask-image: url(img/icon/vk.svg);
    -webkit-mask-image: url(img/icon/vk.svg);
}
.icon-facebook{
    mask-image: url(img/icon/facebook.svg);
    -webkit-mask-image: url(img/icon/facebook.svg);
}
.icon-telegram{
    mask-image: url(img/icon/telegram.svg);
    -webkit-mask-image: url(img/icon/telegram.svg);
}

.icon-instagram{
    mask-image: url(img/icon/instagram.svg);
    -webkit-mask-image: url(img/icon/instagram.svg);
}
.icon-menu{
    mask-image: url(img/icon/menu.svg);
    -webkit-mask-image: url(img/icon/menu.svg);
}
.icon-football{
    mask-image: url(img/icon/football.svg);
    -webkit-mask-image: url(img/icon/football.svg);
}
.icon-tenis{
    mask-image: url(img/icon/tenis.svg);
    -webkit-mask-image: url(img/icon/tenis.svg);
}
.icon-hokey{
    mask-image: url(img/icon/hokey.svg);
    -webkit-mask-image: url(img/icon/hokey.svg);
}
.icon-kiber{
    mask-image: url(img/icon/kiber.svg);
    -webkit-mask-image: url(img/icon/kiber.svg);
}
.icon-signpost{
    mask-image: url(img/icon/signpost.svg);
    -webkit-mask-image: url(img/icon/signpost.svg);
}
.icon-w-arrow-left{
    mask-image: url(img/icon/w-arrow-left.svg);
    -webkit-mask-image: url(img/icon/w-arrow-left.svg);
}
.icon-w-arrow-right{
    mask-image: url(img/icon/w-arrow-right.svg);
    -webkit-mask-image: url(img/icon/w-arrow-right.svg);
}
.icon-arrow-left{
    mask-image: url(img/icon/arrow-left.svg);
    -webkit-mask-image: url(img/icon/arrow-left.svg);
}
.icon-arrow-right{
    mask-image: url(img/icon/arrow-right.svg);
    -webkit-mask-image: url(img/icon/arrow-right.svg);
}

.icon-like{
    mask-image: url(img/icon/like.svg);
    -webkit-mask-image: url(img/icon/like.svg);
}

.icon-dislike{
    mask-image: url(img/icon/dislike.svg);
    -webkit-mask-image: url(img/icon/dislike.svg);
}
.icon-send{
    mask-image: url(img/icon/send.svg);
    -webkit-mask-image: url(img/icon/send.svg);
}
.icon-comment{
    mask-image: url(img/icon/comment.svg);
    -webkit-mask-image: url(img/icon/comment.svg);
}
.icon-arrow-red{
    mask-image: url(img/icon/arrow-red-top.svg);
    -webkit-mask-image: url(img/icon/arrow-red-top.svg);
}
.icon-arrow-green{
    mask-image: url(img/icon/arrow-bot-green.svg);
    -webkit-mask-image: url(img/icon/arrow-bot-green.svg);
}
.icon-add-square{
    mask-image: url(img/icon/add-square.svg);
    -webkit-mask-image: url(img/icon/add-square.svg);
}
.icon-messages-mob{
    mask-image: url(img/icon/messages.svg);
    -webkit-mask-image: url(img/icon/messages.svg);
}
.icon-user{
    mask-image: url(img/icon/user.svg);
    -webkit-mask-image: url(img/icon/user.svg);
}

/* ===== css/modal.css ===== */
.site-modal {
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background-color: rgb(77 81 87 / 50%);
    backdrop-filter: blur(4px);

    overflow: auto;

    -webkit-animation: unfoldIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation: unfoldIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.site-modal-content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-animation: zoomIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation: zoomIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    padding: 10px;
    background: unset;
}
@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes zoomIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.close{
    position: absolute;
    top: -4px;
    right: -4px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 99;
    background: #E6E8EB;
    border-radius: 5px;

}
.close:before,
.close:after{
    content: "";
    position: absolute;
    background-color: #8F8F8F;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
}
.close:before{
    width: 12px;
    height: 2px;
    transform: rotate(-45deg);

}
.close:after{
    width: 12px;
    height: 2px;
    transform: rotate(45deg);
}


.modal-reg{
    position: relative;
    max-width: 398px;
    width: 100%;
    padding: 32px;
    gap: 32px;
    border-radius: 32px;
    background: #FFFFFF;
}

.modal-btn-reg{
    background: #F2F4F7;
    border-radius: 12px;
}
.modal-btn-reg ul li{
    width: 50%;
    color: #8A9099;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.09px;
    text-align: center;
    padding: 12px 10px;
    cursor: pointer;
    border-radius: 14px;
}
.modal-btn-reg ul li.modal-reg-active{
    background: #292D32;
    color: #FFFFFF;
}
.modal-reg-form{
    margin-top: 32px;
}
.modal-input{
    margin-bottom: 16px;
    width: 100%;
}
.modal-input input{
    border: 1px solid  transparent;
    transition: .3s;

}

.modal-input input:focus{
    border: 1px solid  #5FB859;


}
.modal-input span{
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
    color: #292D32;
    display: block;
    margin-bottom: 4px;
}
.modal-input small{
    display: block;
    margin-top: 4px;
    color: #8A9099;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}
.modal-input label{
    display: flex;
    width: 100%;
}
.modal-input input{
    width: 100%;
    height: 44px;
    border: 1px solid #E6E8EB;
    padding: 12px 16px;
    background: #FFFFFF;
    border-radius: 12px;
    color: #8A9099;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
}

.modal-checked{
    margin-top: 16px;
}
.modal-robot{
    display: flex;
    margin-bottom: 32px;
}
.modal-checked label {
    display: block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.modal-checked label small{
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
    color: #292D32;
}
.modal-checked label a{
    color: #3CB44E;
}
.modal-checked label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #FFFFFF;
    border: 1px solid #C3CCD9;
    border-radius: 4px;
}
.modal-checked label input:checked ~ .checkmark {
    background: linear-gradient(90deg, #5FB859 0%, #3CB44E 100%);
    border: 1px solid #5FB859;
}
.modal-checked label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 4px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modal-checked label input:checked ~ .checkmark:after {
    display: block;
}

.modal-reg-form .btn-item{
    width: 100%;
    height: 48px;
    margin-top: 32px;
}
.modal-login .modal-robot{
    margin-bottom: 0;
}

.modal-registration{
    display: none;
}
.modal-login{
    display: none;
}

.modal-click-active{
    display: block;
}
.tipster__title-text h2{
    white-space: break-spaces;
}
@media (max-width: 350px) {
    .footer-menu ul li{
        width: 100% !important;
    }
    .modal-login .modal-robot{
        overflow: scroll;
    }
}

/* ===== css/header.css ===== */
header {
    background: #F2F4F7;
    z-index: 111;
    transition: top 0.3s;
    width: 100%;
}

header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.fixed+.main-block {
    margin-top: 100px;
}


.header-main{
    padding: 24px 0 16px;
}
.header-cnt{
    gap: 8px;
}

.href-basket{
    margin-right: 24px;
    border-radius: 50%;
    background: linear-gradient(90deg, #635BFF 0%, #5C39E6 100%),
    linear-gradient(90deg, #5B92FF 0%, #3956E6 100%);
    width: 48px;
    height: 48px;
}

.icon-box{
    font-size: 24px;
}

.btn-login{
    padding: 12px 32px;
    gap: 4px;
    border-radius: 12px;
    transition: 0.3s;
    background: #292D32;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.09px;
    text-align: center;
    color: #FFFFFF;
    transition: .3s;
}
.btn-login:hover{
    background:  #3E4246;

}
.logo-mobile{
    display: none;
}
.open-menu{
    display: none;
}



.main-menu{
    width: 100%;
    position: sticky;
    top: 90px;
}
.main-menu ul li{
    transition: 0.3s;
    margin-bottom: 8px;
}
.main-menu>ul>li>a, .main-menu>ul>li>.open-submenu{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 19.09px;
    text-align: center;
    color: #8A9099;
    padding: 10px 8px;
    /* transition: 0.3s; */
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
}
.main-menu>ul>li>a .icon, .main-menu>ul>li .open-submenu .icon{
    background-color: #C3CCD9;
    font-size: 24px;
    /*transition: 0.3s;*/
}
.main-menu>ul>li>a:hover{
    background: linear-gradient(90deg, #5FB859 0%, #3CB44E 100%);
    color: #FFFFFF;
}
.main-menu>ul>li>a:hover .icon{
    background-color: #FFFFFF;
}

.main-menu>ul>li>a.active .icon{
    background-color: #FFFFFF;
}
.main-menu>ul>li>a.active{
    background: linear-gradient(90deg, #5FB859 0%, #3CB44E 100%);
    color: #FFFFFF;
}
.main-menu>ul>li>.open-submenu:hover .icon{
    background-color: #FFFFFF;
}
.main-menu>ul>li>.open-submenu:hover{
    background: linear-gradient(90deg, #5FB859 0%, #3CB44E 100%);
    color: #FFFFFF;
}
.submenu .open-submenu:hover{
    background: #FFFFFF;
}
.open-submenu:after, .open-submenu-all:after{
    content: "";
    position: absolute;
    top: 33%;
    right: 10px;
    transform: rotate(135deg);
    width: 8px;
    height: 8px;
    border-top: 2px solid #C3CCD9;
    border-right: 2px solid #C3CCD9;
    transition: 0.3s;
}
.open-submenu-active>.open-submenu:after{
    transform: rotate(-45deg);
    top: 42%;
}
.open-submenu-active>.open-submenu-all:after{
    transform: rotate(-45deg);
    top: 42%;
}
.submenu{
    display: none;
    margin-top: 8px;
    border-left: 1px solid #E6E8EB;
    padding-left: 16px;
    margin-left: 28px;
}
.submenu .submenu{
    border-left: unset;
    padding-left: 0;
    margin-left: 0;
}
.open-submenu-active>.submenu{
    display: block;
}

.submenu-all li a{
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
    color: #8A9099;
    background: unset;
    transition: 0.3s;
    padding: 3px 8px 3px 16px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.submenu-all li a:hover{
    color: #3CB44E;
}
.submenu-all li a small{
    margin-left: auto;
}
.submenu-all li a .icon{
    background-color: #C3CCD9;
    font-size: 24px;
    transition: 0.3s;
}

.open-submenu-all{
    border-radius: 8px;
    padding: 8px 7px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
    color: #8A9099;
    transition: 0.3s;
    position: relative;
    border: 1px solid transparent;
    width: 100%;
    display: block;
    cursor: pointer;
}
.open-submenu-all:hover{
    background: #FFFFFF;
    border: 1px solid #E6E8EB;
}
.submenu-all-bg{
    background: #FFFFFF;
    border: 1px solid #E6E8EB;
}

header .head-btn-mobile{
    display: none;
    width: 48px;
    padding: 0;
    height: 48px;

}
.head-btn-mobile .icon{
    font-size: 24px;
}
@media (max-width: 1199px){


    .logo-desktop{
        /*display: none;*/
    }
    .logo-mobile{
        /*display: block;*/
    }
    .open-menu{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 26px;
        height: 26px;
        margin-right: 8px;
        position: relative;
        border-radius: 5px;
    }
    .icon-menu{
        transition: 0.3s;
        background-color: #000000;
        font-size: 24px;
    }

    .header-main {
        padding: 10px 0;
    }
    .close-menu{
        background: #E6E8EB;
    }
    .close-menu .icon{
        display: none;
    }
    .close-menu:before{
        content: "";
        position: absolute;
        width: 12px;
        height: 2px;
        background: #292D32;
        transform: rotate(45deg);
    }
    .close-menu:after{
        content: "";
        position: absolute;
        width: 12px;
        height: 2px;
        background: #292D32;
        transform: rotate(-45deg);
    }
}
@media (max-width: 767px){

    header .btn-login{
        display: none;
    }
    header .btn-item{
        display: none;
    }
    .href-basket {
        margin-right: 0;
    }
    header .head-btn-mobile{
        display: flex;
    }
}
@media (max-width: 420px){
    header .head-btn-mobile {
        width: 42px;
        height: 42px;
    }
    .href-basket {
        width: 42px;
        height: 42px;
    }
    .banner-info p {
        font-size: 14px;
    }
}

/* ===== css/home.css ===== */
.btn-item{
    background:#5FB859;
    padding: 14px 32px;
    border-radius: 12px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.09px;
    text-align: center;
    transition: .3s;
}
.btn-item:hover{
    background: #65c15b;

}
h1{
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 800;
    line-height: 57px;
    text-align: left;
}
h3{
    color: #292D32;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
}


.main-block{
 margin-top: 16px;
}
.main-block-cnt{
    gap: 24px;
} 




.main-block-left{
    width: 16.14%;
    position: sticky;
    top: 20px;
}

.main-menu {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    overflow-x: hidden;
    /* Скрываем скроллбар но оставляем функциональность */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

/* Скрываем скроллбар в WebKit браузерах (Chrome, Safari, Edge) */
.main-menu::-webkit-scrollbar {
    display: none;
}













.main-block-right{
    width: 81%;
}
.banner-rel{
    width: 100%;
    position: relative;
}
.banner-rel .swiper{
    border-radius: 20px;
}
.banner-slider{
    width: 100%;
}
.banner-cnt{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    padding: 32px;
    border-radius: 32px;
    display: flex;
    align-items: start;
    flex-direction: column; 
    justify-content: flex-end;
    gap: 32px;
}
.banner-title{
    gap: 8px;
}
.banner-info p{
    color: #FFFFFF;
    font-size: 18px;
    /*font-weight: 600;*/
    line-height: 21.48px;
    text-align: left;
    margin-top: 12px;
}
.daily-forecast{
    background: linear-gradient(90deg, #635BFF 0%, #5C39E6 100%),
    linear-gradient(90deg, #5B92FF 0%, #3956E6 100%);
    width: max-content;
    padding: 10px 16px;
    border-radius: 100px;
    transform: rotate(-4deg);
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 800;
    line-height: 38.19px;
    text-align: center;
    margin-bottom: 8px;
}
.banner-info .btn-item{
    margin-top: 32px;
    max-width: 306px;
    width: 100%;
}
.banner-rel .swiper-pagination {
    bottom: -20px;
}

.banner-rel .swiper-pagination-bullet {
    width: 36px;
    height: 4px;
    display: inline-block;
    border-radius: 100px;
    background: #3956E5;
    opacity: 0.4;
    transition: 0.4s;
}

.banner-rel .swiper-pagination-bullet-active {
    opacity: 1;
    background: #3956E5;
    width: 72px;

}

.forecasts-express{
    margin-top: 35px;
}
.global-title{
    gap: 16px;
}
.icon-for-tag{
    content: url("img/icon/tag.svg");

}
.icon-eye{
    content: url("img/icon/eye.svg");
}


.forecasts-items{
    margin-top: 32px;
    gap: 16px;

}
.forecasts-box{
    width: calc(25% - 12px);
    box-shadow: 2px 4px 8px 2px #34435505;
    background: #FFFFFF;
    padding: 20px;
    position: relative;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
}
.express-number{
    position: absolute;
    top: 0;
    right: 0;
    background: #3CB44E;
    width: 52px;
    padding: 2px 8px 2px 8px;
    border-radius: 0px 12px 0px 12px;
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.71px;
    text-align: center;
}
.forecasts-box .forecast_title{
    color: #292D32;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.48px;
    text-align: left;
    max-width: 160px;
    width: 100%;
}
.data-today{
    margin-top: 2px;
    color: #8A9099;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
    display: block;
}
.comment-click{
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: #FEBC5A33;
    width: max-content;
    padding: 4px 8px;
    border-radius: 4px;
    color: #D7860E;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
    transition: 0.3s;
}

.see-forecast{
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: 0.3s;
}
.see-forecast span{
    color: #3956E5;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.71px;
    text-align: left;
    border-bottom: 1px solid  #3956E5;
}
.see-forecast span:hover{
    border-bottom: 1px solid  transparent;
}

.icon-yarlik{
    content: url("img/icon/yarlik.svg");
}

.icon-gift{
    content: url("img/icon/gift.svg");
}
.bookmakers-rating{
    margin-top: 32px;
}
.bookmakers-box{
    box-shadow: 2px 4px 8px 2px #34435505;
    background: #FFFFFF;
    padding: 8px 8px 8px 20px;
    border-radius: 20px;
    width: 100%;
    transition: 0.3s;
    margin-bottom: 8px;
    position: relative;
}
.bookmakers-logo{
    gap: 16px;
}
.review-href{
    color: #3956E5;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.71px;
    text-align: left;
    border-bottom: 1px solid  #3956E5;
}
.review-href:hover{
    border-bottom: 1px solid  transparent;
}

.bookmakers-info{
    max-width: 418px;
    width: 100%;
}
.bookmakers-star{
    gap: 4px;
}
.bookmakers-star span{
    color: #292D32;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.48px;
    text-align: left;
}
.icon-star{
    background-color: #F3B030;
}
.icon-star-opa{
    background: #C3CCD9;
}
.bookmakers-star ul{
    gap: 4px;
}
.bookmakers-star ul li{
    display: flex;
}
.bookmakers-price{
    gap: 8px;
    white-space: nowrap;
}

.bookmakers-price span{
    color: #292D32;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
}
.bookmakers-promo{
    gap: 16px;
}
.promo-code{
    background: #26FA421A;
    padding: 7px 16px;
    gap: 16px;
    border-radius: 12px;
}
.promo-code-text small{
    color: #3CB44E;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.32px;
    text-align: left;
}
.promo-code-text span{
    color: #292D32;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.09px;
    text-align: left;
    text-transform: uppercase;
    display: block;
}

.icon-copy{
    content: url("img/icon/copy.svg");
}
.bookmakers-promo .btn-item{
    padding: 14px 32px;

}
.banner-subscribe{
    margin-top: 64px;
    border-radius: 32px;
    background-image: url("img/banner-fon.png");
    background-repeat: no-repeat;
    background-size: cover;
    gap: 32px;
    overflow: hidden;
}

.banner-subscribe-name{
    font-size: 96px;
    font-style: italic;
    font-weight: 800;
    line-height: 114.56px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
}
.banner-subscribe img{
    border-radius: 32px 32px 0 0;
}
.banner-subscribe-name:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(90deg, #5FB859 0%, #3CB44E 100%);
    border-radius: 100px 0 100px 0;
}
.btn-arrow{
    max-width: 260px;
    width: 100%;
    position: relative;
}
.btn-arrow:after{
    content: "";
    position: relative;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    left: 14px;
}
.banner-subscribe .btn-arrow{
    margin-left: auto;
    margin-right: 50px;
}
.icon-lamp-on{
    content: url("img/icon/lamp-on.svg");
}




.predeict-signpost{
    width: max-content;
    height: 24px;
    padding: 4px 8px;
    gap: 4px;
    border-radius: 4px;
    background: #E6E8EB;
    white-space: nowrap;
    margin-top: 8px;
}
.icon-signpost{
    font-size: 16px;
    background-color: #8A9099;
}


.predeict-signpost-red{
    background: #FA32321A;
}

.predeict-signpost-red span{
    color: #ED0A34;
}
.predeict-signpost-red .icon-signpost{
    background-color: #ED0A34;
}

.predeict-signpost-green{
    background: #26FA421A;

}
.predeict-signpost-green span{
    color: #3CB44E;
}
.predeict-signpost-green .icon-signpost{
    background-color: #3CB44E;
}


.predeict-signpost-brown{
    background: #d3d3d3;

}
.predeict-signpost-brown span{
    color: #000000;
}
.predeict-signpost-brown .icon-signpost{
    background-color: #000000;
}


.comment-click .icon-signpost {
    background-color: #D7860E;
    font-size: 16px;

}

.users-img{
    display: flex;
    align-items: center;
    background: #3CB2B433;
    padding: 4px 8px;
    gap: 4px;
    border-radius: 4px;
    width: max-content;
    margin-bottom: 8px;
}
.users-img span{
    color: #292D32;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}
.icon-users{
    content: url("img/icon/users.svg");
}
.free-forecasts{
    margin-top: 16px;
    gap: 16px;
}
.select-global{
    width: 100%;
}
.select-global label{
    display: flex;
    width: 100%;
}
.select-global .jq-selectbox{
    border: 1px solid #E6E8EB;
    border-radius: 8px;
    width: 100%;
    background: #FFFFFF;
    position: relative;
}
.select-global .jq-selectbox:after{
    content: "";
    position: absolute;
    right: 13px;
    top: 18px;
    border-top: 2px solid #C3CCD9;
    border-right: 2px solid #C3CCD9;
    width: 7px;
    height: 7px;
    transform: rotate(135deg);
}
.select-global .jq-selectbox__select-text{
    color: #8A9099;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
    padding: 14px 16px;
}
.select-global .jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0 0;
    padding: 0;
    border-radius: 4px;
    background: #FFF;
    box-shadow: unset;
    font-size: 16px;

}
.select-global .jq-selectbox li {
    min-height: 18px;
    padding: 6px 16px;
    color: #8A9099;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
    transition: 0.3s;
}
.select-global .jq-selectbox li.selected {
    background-color: #d9d9d9;
    color: #8A9099;
    border-radius: 4px;
}
.select-global .jq-selectbox li:hover {
    background-color: #d9d9d9;
    color: #8A9099;
    border-radius: 4px;
}
.btn-black{
    background: #292D32;
    padding: 14px 25px;
    border-radius: 12px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.09px;
    text-align: center;
    max-width: 260px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}
.btn-black:hover{
    background:  #3E4246;

}
.btn-black-arrow:after{
    content: "";
    position: relative;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    left: 11px;
}
.get-bonus{
    margin-top: 20px;
    gap: 21px;
    padding-bottom: 32px;
}
.btn-blue{
    background: #3956E5;

}
.icon-trains{
    content: url("img/icon/trains.svg");
}

.forecasts-slider-cnt{
    margin-top: 64px;
    position: relative;
}



.forecasts-slider-cnt .btn-item{
    width: 100%;
    height: 48px;
}
.icon-book{
    content: url("img/icon/book.svg");
}
.icon-books{
    content: url("img/icon/books.svg");
}
.icon-messages{
    content: url("img/icon/message-text.svg");
}

.blog-betting-cnt{
    margin-top: 64px;
}
.blog-betting-wrap{
    margin-top: 32px;
    gap: 16px;
}
.blog-betting-box{
    width: calc(25% - 12px);
    box-shadow: 2px 4px 8px 2px #34435505;
    background: #FFFFFF;
    border-radius: 12px;
    position: relative;
}
.blog-betting-photo{
    position: relative;
    display: flex;
    background: linear-gradient(180deg, #1F2027 -3.53%, rgba(25, 26, 31, 0.12549) 25.96%);
    border-radius: 12px 12px 0 0;

}
.blog-betting-photo img{
    width: 100%;
    border-radius: 12px 12px 0 0;
    object-fit: cover;
}
.blog-betting-view{
    padding: 8px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.blog-betting-view span{
    gap: 5px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}
.eye-icon{
    content: url("img/icon/eye-icon.svg");
}
.blog-betting-info{
    padding: 16px 20px 20px;
}
.blog-betting-info span{
    color: #8A9099;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}
.blog-betting-info h4{
    margin-top: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.09px;
    text-align: left;
    color: #292D32;
    min-height: 57px;
}
.icon-arrow-bottom{
    font-size: 14px;
    background-color: #3CB44E;
}
.sports-bookmakers{
    background: #FFFFFF;
    margin-top: 64px;
    border-radius: 32px;
    padding: 20px;
    position: relative;
    transition: 0.3s;

}
/*.sports-bookmakers:after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 10px;*/
/*    height: 95px;*/
/*    width: 100%;*/
/*    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 56.3%, #FFFFFF 100%);*/
/*    border-radius: 0 0 32px 32px ;*/
/*    transition: 0.3s;*/
/*}*/
.sports-bookmakers h3{
    color: #292D32;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}
.sports-bookmakers p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24.2px;
    text-align: left;
    color: #8A9099;
    margin-top: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: 0.3s;
}
.show-text-active p{
    -webkit-line-clamp: unset;
    -webkit-box-orient: vertical;
    overflow: unset;
    display: block;
}
.show-text{
    cursor: pointer;
    color: #3CB44E;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: center;
    gap: 8px;
    width: max-content;
    margin: 40px auto 0;
    position: relative;
    z-index: 1;
}
.show-text-active .show-text{
    display: none;
}
.show-text-active:after{
    opacity: 0;
}
.predeict-archive{
    margin-top: 32px;
    width: 100%;
}
.predeict-archive .btn-black{
    max-width: 100%;
}
@media (max-width: 1299px) {
    .main-block-cnt {
        gap: 14px;
    }
    .main-block-left {
        width: 18.14%;
    }
}
@media (max-width: 1199px){
    .main-block-cnt {
        gap: 0;
        flex-direction: column;
    }
    .main-block-right{
        width: 100%;
    }
    .main-block-left{
        position: fixed;
        top: 67px;
        left: 0;
        background: #F2F4F7;
        width: 254px;
        padding: 16px;
        transition: 0.4s;
        height: calc(100vh - 67px);
        z-index: 1000;
        transform: translateX(-100%);
    }
    
    .main-menu {
        max-height: calc(100vh - 99px);
        overflow-y: auto;
        overflow-x: hidden;
        /* Скрываем скроллбар но оставляем функциональность */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer 10+ */
    }
    
    /* Скрываем скроллбар в WebKit браузерах для мобильной версии */
    .main-menu::-webkit-scrollbar {
        display: none;
    }
    .main-block-active{
        transform: translateX(0);

    }
    .body-fixed{
        overflow: hidden;
        transition: 0.4s;
    }
    .body-fixed:before{
        content: "";
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        backdrop-filter: blur(8px);
        background: #292D3240;
        height: 100vh;
        z-index: 99;
        transition: 0.4s;
    }
    .bookmakers-info {
        max-width: 330px;
    }
}
@media (max-width: 991px) {
    h1 {
        font-size: 34px;
        line-height: 44px;
    }
    .daily-forecast {
        font-size: 24px;
        line-height: 24.19px;
    }
    .banner-info .btn-item {
        margin-top: 16px;
    }
    .banner-cnt {
        height: 352px;
        padding: 22px;
        border-radius: 22px;
        gap: 20px;
        background-position: center;
    }
    .forecasts-box {
        width: calc(33% - 12px);
    }
    .forecasts-box h4 {
        font-size: 16px;
        line-height: 19.48px;
    }
    .promo-code {
        width: 98%;
        position: absolute;
        left: 8px;
        justify-content: center;
        bottom: 8px;
    }
    .bookmakers-box {
        padding: 8px 8px 60px 8px;
        margin-bottom: 8px;
    }
    .banner-subscribe {
        flex-wrap: wrap;
    }
    .banner-subscribe {
        gap: 20px;
        padding: 16px;
        align-items: center;
        justify-content: center;
        position: relative;
        background-position: center;
    }
    .banner-subscribe .btn-arrow {
        margin-left: 0;
        max-width: 100%;
        margin-right: 0;
    }
    .banner-subscribe .btn-blue {
        width: 100%;
    }
    .banner-subscribe img {
        transform: rotate(16deg);
        width: 150px;
        position: absolute;
        left: -17px;
        top: -5px;
    }
    .free-forecasts {
        flex-wrap: wrap;
    }
    .select-global {
        width: calc(50% - 8px);
    }
    .free-forecasts .btn-black{
        max-width: calc(50% - 8px);
        border-radius: 8px;
    }
    .banner-subscribe img:last-child{
        display: none;
    }
    .get-bonus {
        margin-top: 0;
        gap: 21px;
        padding-bottom: 0;
        width: 100%;
    }
    .banner-subscribe-name {
        font-size: 80px;
        line-height: 94.56px;
    }
    .blog-betting-box {
        width: calc(33.333333% - 12px);
    }
    .promo-code-text{
        flex-direction: row;
        align-items: center;
        gap: 4px;
    }
    .promo-code-text small {
        font-size: 16px;
        line-height: 19.32px;
    }
}

@media (max-width: 767px) {
    .forecasts-box {
        width: calc(50% - 8px);
    }
    .bookmakers-logo {
        gap: 3px;
        flex-direction: column;
        align-items: center;
    }
    .bookmakers-star {
        flex-direction: column-reverse;
    }
    .bookmakers-info {
        max-width: 210px;
    }
    .bookmakers-star ul li{
        display: none;
    }
    .bookmakers-star ul li:first-child{
        display: flex;
    }
    .bookmakers-price {
        gap: 3px;
        white-space: normal;
        flex-direction: column;
    }
    .banner-subscribe-name {
        font-size: 50px;
        line-height: 86.56px;
    }
    .banner-cnt {
        height: 300px;
    }
    .blog-betting-box {
        width: calc(50% - 4px);
    }
    .blog-betting-wrap {
        gap: 8px;
    }
    .forecasts-items {
        gap: 8px;
    }
    h1 {
        font-size: 24px;
        line-height: 34px;
    }
    .daily-forecast {
        font-size: 20px;
        line-height: 22.19px;
    }
}

@media (max-width: 575px) {
    .banner-cnt {
        height: 246px;
        padding: 16px 16px 7px 16px;
    }
    .forecasts-box {
        width: calc(50% - 4px);
    }
    .bookmakers-info {
        max-width: 120px;
    }
    .bookmakers-price span {
        font-size: 16px;
        line-height: 17px;
    }

    .bookmakers-star span {
        font-size: 16px;
        line-height: 17.48px;
    }
    .bookmakers-promo .btn-item {
        padding: 14px 16px;
    }

    .btn-item {
        padding: 14px 16px;
    }

    .banner-subscribe-name {
        font-size: 48px;
        line-height: 69.56px;
        margin-right: -50px;
    }
    .banner-subscribe img {
        transform: rotate(32deg);
        width: 106px;
    }
    .select-global {
        width: 100%;
    }
    .free-forecasts .btn-black {
        max-width: 100%;
    }
    .banner-subscribe-two img {
        width: 123px;
    }
    .blog-betting-box {
        width: 100%;
    }
    .blog-betting-info h4 {
        min-height: auto;
    }
}
@media (max-width: 420px){
    .main-block-left {
        top: 62px;
    }
    .daily-forecast {
        font-size: 16px;
        line-height: 17.19px;
        padding: 6px 8px;
    }
    h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .banner-info p {
        font-size: 14px;
        line-height: 19.48px;
        margin-top: 7px;
    }
    h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .forecasts-box {
        width: calc(50% - 4px);
        padding: 18px 12px 12px;
    }
    .banner-cnt {
        height: 234px;
    }
    .blog-betting-info {
        padding: 16px 15px 16px;
    }
    .btn-item {
        font-size: 15px;
    }
}
@media (max-width: 350px){
    .forecasts-box {
        width: 100%;
        padding: 16px 20px 14px;
    }
}

/* Картинки в описании: корректное обтекание текстом (float) */
.sports-bookmakers img {
    max-width: 100%;
    height: auto;
}
/* У абзаца с картинкой отключаем обрезку (line-clamp), чтобы float работал */
.sports-bookmakers p:has(img) {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
}
.sports-bookmakers img[style*="float: left"],
.sports-bookmakers img[style*="float:left"] {
    margin: 5px 20px 10px 0;
}
.sports-bookmakers img[style*="float: right"],
.sports-bookmakers img[style*="float:right"] {
    margin: 5px 0 10px 20px;
}

/* Таблицы в описании: границы, отступ сверху, адаптивность */
.sports-bookmakers table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 15px;
}
.sports-bookmakers table th,
.sports-bookmakers table td {
    border: 1px solid #d0d5dd;
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
    color: #8A9099;
}
.sports-bookmakers table th {
    background: #f5f6f8;
    color: #292D32;
    font-weight: 600;
}
/* На узких экранах — горизонтальный скролл вместо «сплющивания» */
@media (max-width: 600px) {
    .sports-bookmakers table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}

/* ===== css/footer.css ===== */
footer{
    background: #222426;
    padding: 64px 0;
    margin-top: 130px;
}
.footer-main{
    gap: 20px;
}
.footer-cnt{
    max-width: 275px;
    width: 100%;
    gap: 8px;
}
.footer-cnt span{
    color: #8A9099;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
}
.footer-cnt p{
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
    color: #8A9099;
}
.footer-menu{
    max-width: 550px;
    width: 100%;
}
.footer-menu ul{
    gap: 16px 64px;
}
.footer-menu ul li{
    white-space: nowrap;
    width: 25%;
}
.footer-menu ul li a{
    color: #8A9099;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.48px;
    text-align: left;
    transition: 0.3s;
}
.footer-menu ul li a:hover{
    color: #FFFFFF;
}
.footer-info span{
    font-size: 16px;
    font-weight: 700;
    line-height: 19.09px;
    text-align: right;
    color: #FFFFFF;
    display: block;
}
.footer-social{
    gap: 12px;
    margin-top: 14px;
    justify-content: center;
}
.social-link{
    width: 42px;
    height: 42px;
    background: #3CB44E;
    border-radius: 12px;
}
.social-link .icon{
    font-size: 24px;
    background-color: #FFFFFF;
}


@media (max-width: 991px) {
    .footer-cnt {
        align-items: flex-start;

    }
    .footer-main {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-menu{
        order: 3;
    }
    .footer-social{
        order: 2;
    }
    .footer-info span {
        text-align: left;
    }
    footer {
        padding: 32px 0;
        margin-top: 64px;
    }
}

/* ===== css/prdeictions.css ===== */
.pagination-pages{
    margin-top: 32px;
}
.pagination-pages ul{
    gap: 5px;
}
.pagination-href{
    display: flex;
}
.pagination-href a{
    min-width: 32px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: center;
    color: #292D32;
    padding: 7px 4px;
    border: 1px solid transparent;
    transition: 0.3s;
}
.pagination-href a.pagination-arrow{
    border: 1px solid #FFFFFF;
    background: #F2F4F7;
}
.pagination-href a.pagination-arrow:hover{
    border: 1px solid #3CB44E;
}
.pagination-href a:hover{
    background: #3CB44E;
    color: #FFFFFF;
}
.pagination-href a .icon{
    background-color: #292D32;
    font-size: 18px;
}
.pagination-href a:hover .icon{
    background-color: #FFFFFF;
}




.prdeict-leipzig-fon{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 413px;
    padding: 32px;
    border-radius: 32px;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: flex-end;
}


.prdeict-leipzig-info .comment-click{

}
.prdeict-leipzig-title{
    gap: 8px;
}
.prdeict-leipzig-title .h2{
    font-size: 32px;
    font-weight: 700;
    line-height: 38.19px;
    text-align: left;
    color: #FFFFFF;
}
.prdeict-leipzig-title .express-number{
    position: relative;
    width: auto;
    padding: 2px 10px;
    font-size: 24px;
    line-height: 28.71px;
}

.prdeict-leipzig-data{
    gap: 16px;
    opacity: 0.60;
}
.prdeict-leipzig-data p{
    font-size: 16px;
    font-weight: 500;
    line-height: 19.09px;
    text-align: left;
    color: #ffffffc7;
}
.prdeict-leipzig-data span{
    gap: 5px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}

.prediction_inner-match-flex{
    margin-top: 32px;
    gap: 32px;
}
.prediction_inner-match-left{
    width: 100%;
}
.prediction_inner-match-cnt{
    padding: 32px;
    box-shadow: 2px 4px 8px 2px #34435505;
    background: #FFFFFF;
    border-radius: 32px;
}
.prediction_inner-match-cnt h1{
    color: #292D32;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.48px;
    text-align: left;
}
.prediction_inner-match-icon{
    margin-top: 8px;
    gap: 8px;
}
.prediction_inner-match-text p{
    margin-top: 16px;
    color: #292D32;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}
.prediction_inner-match-closed{
    margin-top: 16px;
    margin-bottom: 16px;
    background: #F2F4F7;
    padding: 8px 16px;
    border-radius: 16px;
}
.prediction_inner-match-closed p{
    color: #292D32;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}
.prediction_inner-match-closed a{
    color: #3956E5;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.71px;
    text-align: left;
    text-decoration: underline;
}
.prediction_inner-match-closed a:hover{
    text-decoration: unset;
}
.like-dislike{
    margin-top: 16px;
    margin-bottom: 16px;
    gap: 11px;
}
.like-icon{
    display: flex;
}

.icon-like{
    font-size: 24px;
    background-color: #3CB44E;
}
.icon-dislike{
    font-size: 24px;
    background-color: #ED0A34;
}
.dislike-icon{
    display: flex;
}
.like-dislike-number{
    color: #292D32;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: center;
}

.prediction_inner-match-cnt .btn-item{
    width: 100%;
    height: 48px;
}

.icon-comments{
    content: url("img/icon/comments.svg");
}


.enter-comment{
    width: 100%;
    position: relative;
    margin-top: 16px;
}
.enter-comment label{
    width: 100%;
    display: flex;
}
.enter-comment textarea{
    width: 100%;
    resize: unset;
    height: 45px;
    color: #292D32;
    border: 1px solid #E6E8EB;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
    font-family: 'SF Pro Display';
    border-radius: 8px;
    overflow: hidden;
}
.enter-comment textarea::placeholder{
    color: #8A9099;
}
.btn-send-comment{
    background: unset;
}
.icon-send{
    transition: 0.3s;
    background-color: #3CB44E;
    font-size: 24px;
}
.enter-comment .btn-send-comment{
    position: absolute;
    right: 16px;
    top: 10px;
}

.there-comments{
    margin-top: 16px;
    box-shadow: 2px 4px 8px 2px #34435505;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 16px 16px 32px;
}
.there-comments .icon-comment{
    font-size: 48px;
    background-color: #C3CCD9;
}
.icon-comment{
    font-size: 16px;
    background-color: #D7860E;
}
.there-comments h3{
    margin-top: 8px;
}
.there-comments p{
    color: #8A9099;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;

}

.prediction_inner-match-right{
    max-width: 260px;
    width: 100%;
}
.prediction_inner-match-right .forecasts-box{
    width: 100%;
    margin-bottom: 16px;
}

.expresses-items-archive .users-img{
    margin-bottom: 16px;
}



@media (max-width: 991px){
    .prediction_inner-match-flex {
        flex-direction: column;
    }
    .prediction_inner-match-right {
        max-width: 100%;
        width: 100%;
        flex-wrap: wrap;
        display: flex;
        gap: 8px;
    }
    .prediction_inner-match-right .forecasts-box {
        margin-bottom: 16px;
        width: calc(33.333333% - 4px);
    }
    .prdeict-leipzig-fon {
        height: 320px;
        padding: 16px;
    }
    .prdeict-leipzig-title .h2 {
        font-size: 24px;
        line-height: 32.19px;
    }
    .prdeict-leipzig-title .express-number {
        padding: 2px 8px;
        font-size: 18px;
        line-height: 24.71px;
    }
}
@media (max-width: 767px){
    .prediction_inner-match-right .forecasts-box {
        width: calc(50% - 4px);
        margin: 0;
    }
}
@media (max-width: 420px){
    .prdeict-leipzig-fon {
        height: 240px;
        background-position: center;
        border-radius: 22px;
    }
    .prediction_inner-match-cnt {
        padding: 16px;
        border-radius: 22px;
    }
    .prdeict-leipzig-title h2 {
        font-size: 22px;
        line-height: 26.19px;
    }
}
@media (max-width: 360px){
    .prediction_inner-match-right .forecasts-box {
        width: 100%;
        margin: 0;
    }
}

/* ===== Контент прогноза: картинки (обтекание) и таблицы ===== */

/* Картинки: не вылезают за блок + корректное обтекание текстом (float) */
.prediction_inner-match-text img {
    max-width: 100%;
    height: auto;
}
.prediction_inner-match-text p:has(img) {
    display: block;
    overflow: visible;
}
.prediction_inner-match-text img[style*="float: left"],
.prediction_inner-match-text img[style*="float:left"] {
    margin: 5px 20px 10px 0;
}
.prediction_inner-match-text img[style*="float: right"],
.prediction_inner-match-text img[style*="float:right"] {
    margin: 5px 0 10px 20px;
}

/* Таблицы: границы, отступ сверху, адаптивность */
.prediction_inner-match-text table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 14px;
}
.prediction_inner-match-text table th,
.prediction_inner-match-text table td {
    border: 1px solid #d0d5dd;
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
    color: #292D32;
}
.prediction_inner-match-text table th {
    background: #f5f6f8;
    font-weight: 600;
}
/* На узких экранах — горизонтальный скролл вместо «сплющивания» */
@media (max-width: 600px) {
    .prediction_inner-match-text table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}

/* ===== css/blog.css ===== */
.blog-page-betting .banner-subscribe {
    margin-top: 16px;
}

.blog-page-betting .blog-betting-wrap {
    margin-top: 16px;
}

.dragged-likely {
    margin-top: 32px;
}

.dragged-likely h4 {
    color: #292D32;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.48px;
    text-align: left;
}

.dragged-likely-text {
    margin-top: 16px;

}

.dragged-likely-text a {
    color: #3956E5;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.09px;
    text-align: left;
}

.dragged-likely-text p {
    color: #292D32;
    margin: 4px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}

.dragged-likely-name {
    background: #3CB44E33;
    padding: 4px 8px;
    border-radius: 4px;
    color: #3CB44E;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}

.blog-comment-cnt {
    margin-top: 16px;
}

.blog-comment-art {
    margin-top: 8px;
    box-shadow: 2px 4px 8px 2px #34435505;
    background: #FFFFFF;
    padding: 10px 16px 16px 16px;
    border-radius: 16px;
    position: relative;
}

.blog-comment-art:before {
    content: url("img/icon/tail.svg");
    position: absolute;
    bottom: -7px;
    left: -4px;
}

.blog-comment-data {
    gap: 16px;
}

.blog-comment-art p {
    color: #292D32;
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
}

.blog-comment-data .users-img {
    margin-bottom: 0;
}

.blog-comment-data small {
    color: #8A9099;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}

.prediction_inner-match-right .blog-betting-box {
    width: 100%;
    margin-bottom: 16px;
}

/*Modal*/
.modal-forecast {
    display: none;

}

.modal-express {
    display: none;

}

.modal-forecast.modal-click-active {
    display: block;
}

.modal-express.modal-click-active {
    display: block;
}

.modal-blog {
    max-width: 900px;
    width: 100%;
    position: relative;
    padding: 32px;
    gap: 32px;
    border-radius: 32px;
    background: #FFFFFF;
    z-index: 1;
}

.modal-blog::after {
    content: '';
    background-image: url("img/modalFon.jpg");
    width: 100%;
    height: 264px;
    display: block;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    border-radius: 32px;
    z-index: -1;
}

.construction-select {
    max-width: 100%;
    width: 100%;
}

.construction-select-sports {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}


/*.construction-select-small {*/
/*    max-width: 211px;*/
/*    border: 1px solid  #E6E8EB;*/
/*    padding: 12px 16px;*/
/*    background: #FFFFFF;*/
/*    border-radius: 12px;*/
/*    height: 48px;*/

/*}*/
/*.construction-select{*/
/*    width: 100%;*/
/*    border: 1px solid  #E6E8EB;*/
/*    padding: 12px 16px;*/
/*    background: #FFFFFF;*/
/*    border-radius: 12px;*/
/*    height: 48px*/
/*}*/
.construction-select select{
    color: #8A9099;
    font-size: 16px;
    font-weight: normal;
    line-height: 19.09px;
    text-align: left;
    width: 100%;
    border: 1px solid  #E6E8EB;
    padding: 12px 16px;
    background: #FFFFFF;
    border-radius: 12px;
    height: 48px;
    transition: .3s;

}
.construction-select select:focus {
    border: 1px solid #5FB859;
}
.construction-select-small select:focus{
    border: 1px solid #5FB859;

}
.construction-select-small{
    width: 100%;
    /*max-width: 288px;*/
}
.construction-select-small select {
    color: #8A9099;
    font-size: 16px;
    font-weight: normal;
    line-height: 19.09px;
    text-align: left;
    width: 100%;
    cursor: pointer;
    border: 1px solid  #E6E8EB;
    padding: 12px 16px;
    background: #FFFFFF;
    border-radius: 12px;
    height: 48px
}
.construction-select option{
    color: #8A9099;
    font-size: 16px;
    font-weight: normal;
    line-height: 19.09px;
    text-align: left;
}
.construction-select-small option {
    color: #8A9099;
    font-size: 16px;
    font-weight: normal;
    line-height: 19.09px;
    text-align: left;
}


.modal-inputs {
    display: flex;
    gap: 8px;
    align-items: center;
}

.forecast-inputs {
    margin-top: 32px;

}

.icon-calendar {
    font-size: 24px;
    background-color: #3CB44E;
    position: absolute;
    right: 18px;
    top: 12px;
    cursor: pointer;


}

.icon-trash {
    font-size: 24px;
    cursor: pointer;
    background: #ED0A34;

}

.blog-input label {
    position: relative;
}

.blog-input input {
    height: 48px;
}

.blog-checked {
    margin-top: 32px;
}

.blog-input-description {
    margin-top: 16px;
}

.blog-input-clue {
    font-family: 'SF Pro Display', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
    color: #8A9099;
    margin-top: 4px;


}

.express-select {
    align-items: flex-end;
}

.express-clue {
    font-family: ' SF Pro Display', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #292D32;

    line-height: 19.09px;
    text-align: left;
    padding-bottom: 4px;

}

.express-inputs {
    margin-top: 16px;
}

.express-input {
    margin-bottom: 0;
    position: relative;
}

.express-input input {
    height: 48px;
}

.express-titles {
    margin-top: 32px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.express-input .icon-calendar {
    top: 33px;
}


.express-titles p {
    font-family: 'SF Pro Display', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.48px;
    text-align: left;
    color: #3CB44E;
}

.express-description {
    margin-bottom: 0;
    margin-top: 32px;
}

.express-checked {
    margin-top: 32px;
}

.icon-add {
    font-size: 20px;
    background-color: #3CB44E;
}

.add-match {
    background: #26FA421A;
    display: flex;
    gap: 4px;
    align-items: center;
    border-radius: 4px;
    padding: 4px 8px;
    margin-top: 19px;
    cursor: pointer;
}

.add-match span {
    font-family: 'SF Pro Display', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: #3CB44E;

}

.modal-blog-content {
    height: max-content;
}
#ui-datepicker-div{
    z-index: 99999999 !important;
}

/*.ui-datepicker {*/
/*    padding: 0 !important;*/
/*    background: transparent !important;*/
/*    border-radius: 6px;*/
/*    border: 1px solid #F0F2F2;*/
/*    z-index: 99999999 !important;*/
/*    transform: translate(10px, 0px);*/
/*    position: relative !important;*/
/*    left: 0 !important;*/
/*    top: 0 !important;*/
/*    width: 100% !important;*/
/*}*/

/*.ui-widget.ui-widget-content {*/
/*    border: none !important;*/
/*}*/


/*.ui-datepicker.active {*/
/*    opacity: 1;*/
/*}*/
/*.ui-datepicker .ui-datepicker-prev {*/
/*    right: 30px ;*/
/*    left: unset !important;*/
/*}*/

/*.ui-datepicker .ui-datepicker-title{*/
/*    text-align: unset !important;*/
/*    margin: 0 !important;*/
/*}*/

/*.ui-datepicker-year {*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    line-height: 19.09px;*/
/*    text-align: left;*/
/*    width: max-content !important;*/
/*    color: #292D32;*/
/*    padding: 0 !important;*/
/*}*/
/*.ui-datepicker-month,.ui-datepicker-year {*/
/*    background: none;*/
/*    -webkit-appearance: none;*/
/*    -moz-appearance: none;*/
/*    appearance: none;*/

/*}*/
/*.ui-datepicker-year option{*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    line-height: 19.09px;*/
/*    text-align: left;*/
/*    color: #292D32;*/
/*}*/
/*.ui-datepicker-prev, .ui-datepicker-next {*/
/*    position: relative;*/
/*    width: 34px;*/
/*    height: 34px;*/
/*    cursor: pointer;*/
/*    text-indent: 9999px;*/
/*    overflow: hidden;*/
/*    border-radius: 3px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*.ui-datepicker-prev:hover, .ui-datepicker-next:hover {*/
/*    background: #444B56;*/
/*}*/

/*.ui-datepicker-prev {*/
/*    float: left;*/
/*}*/

/*.ui-datepicker-prev:after {*/
/*    transform: rotate(45deg);*/
/*    margin-left: 2px;*/
/*}*/

/*.ui-datepicker-next {*/
/*    float: right;*/
/*}*/

/*.ui-datepicker-next:after {*/
/*    transform: rotate(-135deg);*/
/*    margin-left: -2px;*/
/*}*/

/*.ui-datepicker-prev:after,*/
/*.ui-datepicker-next:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    display: block;*/
/*    margin-top: 0;*/
/*    width: 6px;*/
/*    height: 6px;*/
/*    border-left: 2px solid #C3CCD9;*/
/*    border-bottom: 2px solid #C3CCD9;*/
/*    pointer-events: none;*/
/*}*/

/*.ui-datepicker-prev:hover:after,*/
/*.ui-datepicker-next:hover:after {*/
/*    border-left: 2px solid #FFFFFF;*/
/*    border-bottom: 2px solid #FFFFFF;*/
/*}*/

/*.ui-datepicker-calendar {*/
/*    width: 100%;*/
/*    text-align: center;*/
/*    background: transparent !important;*/
/*}*/
/*.ui-datepicker table{*/
/*    margin: 0 !important;*/
/*}*/

/*.ui-datepicker-calendar thead tr th {*/
/*    width: 40px;*/
/*    height: 42px;*/
/*}*/

/*.ui-datepicker-calendar thead tr th span {*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 0;*/
/*    font-size: 12px;*/
/*    font-weight: 400;*/
/*    line-height: 14.32px;*/
/*    text-align: center;*/
/*    color: #8A9099;*/
/*    text-transform: uppercase;*/


/*}*/

/*.ui-datepicker-calendar tbody tr td {*/

/*}*/
/*.ui-datepicker td span, .ui-datepicker td a{*/
/*    text-align: center !important;*/
/*}*/

/*.ui-datepicker-week-end{*/

/*}*/
/*.ui-state-default {*/
/*    text-decoration: none;*/
/*    color: #8A9099;*/
/*    height: 36px;*/
/*    width: 36px;*/
/*    font-size: 14px;*/
/*    display: flex !important;*/
/*    align-items: center !important;*/
/*    justify-content: center !important;*/
/*    font-weight: 400;*/
/*    line-height: 16.71px;*/
/*    text-align: center;*/
/*    background: transparent !important;*/
/*    border: none !important;*/

/*}*/

/*.ui-state-default:hover {*/
/*    background: #A70C1E;*/
/*    text-decoration: none;*/
/*    color: white;*/

/*}*/
/*.ui-widget-header{*/
/*    background: transparent !important;*/
/*    border: none !important;*/
/*}*/
/*.ui-icon{*/
/*    background: transparent  !important;*/
/*}*/
/*.ui-datepicker-month option{*/
/*     color: #292D32;*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    line-height: 19.09px;*/

/*}*/
/*.ui-datepicker-month{*/
/*    width: max-content !important;*/
/*}*/
/*.ui-state-highlight {*/
/*    color: #A70C1E;*/
/*}*/
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active{*/
/*    background: linear-gradient(90deg, #5FB859 0%, #3CB44E 100%)!important;*/

/*    color: #FFFFFF !important;*/
/*    border-radius: 50%;*/
/*}*/
/*.ui-state-highlight {*/
/*    background: linear-gradient(90deg, #5FB859 0%, #3CB44E 100%)!important;*/
/*    color: #FFFFFF !important;*/
/*    border-radius: 50%;*/
/*}*/

/*.ui-state-highlight:hover {*/
/*    background: linear-gradient(90deg, #5FB859 0%, #3CB44E 100%)!important;*/

/*    color: #FFFFFF !important;*/
/*    border-radius: 50%;*/
/*}*/

/*.ui-datepicker-unselectable .ui-state-default {*/
/*    color: rgba(255, 255, 255, 0.2);*/
/*    pointer-events: none;*/
/*}*/


.calendar-modal {
    max-width: 390px;
    width: 100%;
    min-height: 375px;
    position: relative;
    padding: 18px 16px;
    gap: 8px;
    border-radius: 32px;
    background: #FFFFFF;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.modal-calendar-btn{
    display: flex;
    align-items: center;
    gap: 16px;
}
.calendar-input{
    margin: 0;
    max-width: 127px;

}
.calendar_btn{
    width: 100%;
}
.calendar_title {
    font-family: 'SF Pro Display', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.09px;
    color: #292D32;
}

.icon-calendar_modal {
    background: #C3CCD9;
}

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

@media (max-width: 991px) {
    .prediction_inner-match-right .blog-betting-box {
        width: calc(33.333333% - 6px);
    }
}

@media (max-width: 690px) {
    .prediction_inner-match-right .blog-betting-box {
        width: calc(50% - 6px);
    }
}

@media (max-width: 478px) {
    .prediction_inner-match-right .blog-betting-box {
        width: 100%;
    }

    .forecast-inputs {
        flex-direction: column;
        align-items: stretch;
        margin-top: 16px;
    }

    .forecast-sports {
        flex-direction: column;
        gap: 10px;
    }

    .forecast-sports .construction-select-small {
        max-width: 100%;



    }

    .blog-input-description {
        margin-top: 0;
    }

    .express-select .construction-select-small {
        max-width: 179px;
        width: 100%;
    }

    .express-input {
        max-width: 179px;
        width: 100%;
    }

    .express-input .icon-calendar {
        top: 35px;
    }
}

/* ===== css/articles.css ===== */
.page-articles h4{
    max-width: 100%;
}
.page-articles .forecasts-express:first-child{
    margin-bottom: 64px;
    margin-top: 0;
}
.articles-forecast-text{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #8A9099;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
    margin-top: 15px;
}

.team-playing-info{
    margin-bottom: 32px;
}
.team-playing-info h4{
    color: #292D32;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.48px;
    text-align: left;
}
.team-playing-info p{
    margin-top: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
    color: #292D32;
}

/* ===== css/contests.css ===== */
.page-contests .banner-subscribe{
    margin-top: 0;
}
.competition-prizes{
    margin-top: 32px;
    gap: 16px;
}
.competition-cnt{
    background:  #FFFFFF;
    border-radius: 12px;
    max-width: 674px;
    width: 100%;
}
.competition-click{
    transition: 0.3s;
    width: 50%;
    padding: 14px 32px;

    color: #8A9099;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.09px;
    text-align: left;
    cursor: pointer;
}

.competition-active{
    background: #292D32;
    color: #FFFFFF;
    border-radius: 10px;
}

.contests-block{
    margin-top: 64px;
}

.contests-table{
    margin-top: 32px;
}

.icon-arrow-red{
    font-size: 16px;
    background-color: #ED0A34;
}
.tab-arrow-green{
    display: flex;
}
.icon-arrow-green{
    font-size: 16px;
    background-color: #3CB44E;
}

.contests-table thead tr th{
    color: #8A9099;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
    padding: 0 0 6px 0;
}
.contests-table thead tr th:last-child{
    width: 48px;
}
.contests-table table{
    border-collapse: separate;
    border-spacing: 0 8px;
}
.contests-table table .users-img {
    margin-bottom: 0;
}
.tab-form-price {
    color: #3CB44E;
}


.contests-table tbody tr td{
    padding: 12px 8px;
    background: #FFFFFF;
}
.contests-table tbody tr td:first-child{
    border-radius: 12px 0 0 12px;
    width: 32px;
}
.contests-table tbody tr td:last-child{
    padding: 0 32px 0 0;
    border-radius: 0 12px 12px 0;
    text-align: right;     width: 90px;
}
.contests-table tbody tr td:nth-child(2){
    width: 176px;
}
.tab-text-green{
    color: #3CB44E;
}
.tab-form-circ{
    display: flex;
    align-items: center;
    gap: 4px;
}
.tab-form-circ li{
    border-radius: 50%;
    width: 8px;
    height: 8px;

}
.tab-form-green{
    box-shadow: 0px 2px 4px 0px #3CB44E40;
    background:  #3CB44E;

}
.tab-form-red{
    box-shadow: 0px 2px 4px 0px #ED0A3440;
    background: #ED0A34;
}
.tab-form-silver{
    box-shadow: 0px 2px 4px 0px #C3CCD940;
    background: #C3CCD9;

}


.partic-compet{
    box-shadow: 2px 4px 8px 2px #34435505;
    background: #FFFFFF;
    padding: 32px;
    margin-top: 64px;
    border-radius: 32px;
}
.partic-compet .prediction_inner-match-closed {
    margin-top: 0;
}
.partic-compet-text{
    margin-top: 32px;
}
.partic-compet-text h4{
    color: #292D32;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.48px;
    text-align: left;
}
.partic-compet-text p{
    margin-top: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
    color: #292D32;
}
.partic-compet-text a{
    font-size: 14px;
    font-weight: 500;
    line-height: 16.71px;
    text-align: left;
    color: #3956E5;
    text-decoration: underline;
}
.partic-compet-text a:hover{
    text-decoration: unset;
}

.partic-compet-text ul{
    margin-top: 16px;
}
.partic-compet-text ul li{
    color: #292D32;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}

.partic-compet-text span{
    color: #3CB44E;
}

.partic-compet h1{
        color: #292D32;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.48px;
    text-align: left;
}
.partic-compet h2{
    font-size: 16px;
    margin: 13px 0px;
    color: #292D32;
}
.partic-compet h3{
        font-size: 15px !important;
    margin: 13px 0px !important;
}
.partic-compet p{
        margin: 10px 0px;
}

.partic-compet ul, .partic-compet ol{
        margin: 10px 0px;
}

.partic-compet ul li{
     position: relative;
    list-style: none;
    margin-left: 30px;
    display: list-item;
    margin-bottom: 5px;
}
.partic-compet ul li::before {
         content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: #43b550;
    border-radius: 50%;
    }

.partic-compet ol li{
    list-style: auto;
    margin-left: 30px;
    display: list-item;
    margin-bottom: 5px;
}


.statistics-numb{
    gap: 4px;
}
.statistics-numb span{
    padding: 4px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}
.statistics-green{
    background: #26FA421A;
    color: #3CB44E;
}
.statistics-yellow{
    background: #FEBC5A33;
    color: #D7860E;
}
.statistics-red{
    background: #FA32321A;
    color: #ED0A34;

}

.page-forecasters .banner-subscribe{
    margin-top: 0;
}

.page-forecasters .contests-table thead tr th:first-child{
    padding-left: 16px;
}
.page-forecasters .contests-table thead tr th:last-child{
    width: 157px;
    padding-right: 32px;
}
.page-forecasters .contests-table tbody tr td:first-child {
    border-radius: 12px 0 0 12px;
    width: 196px;
    padding-left: 16px;
}

.active-forecasts{
    position: relative;
    background: #26FA421A;
    padding: 4px 20px 4px 8px;
    border-radius: 4px;
    width: max-content;
    transition: 0.3s;
    color: #3CB44E;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}
.active-forecasts:after {
    content: "";
    position: absolute;
    border-top: 2px solid #3CB44E;
    border-right: 2px solid #3CB44E;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    right: 9px;
    top: 9px;
}
.table-forecast-numb{
    white-space: nowrap;
}

@media (max-width: 991px){
    .contests-block {
        margin-top: 32px;
    }
    .contests-table{
        overflow-x: scroll;
    }
    .contests-table table{
        width: 800px;
    }
}
@media (max-width: 767px){
    .competition-prizes {
        flex-direction: column;
    }
    .competition-prizes .select-global {
        width: 100%;
    }
}
@media (max-width: 575px){
    .box-about-contact button {
        max-width: 100%;
    }
    .partic-compet {
        padding: 16px;
    }
}

/* ===== css/account.css ===== */
.wordpreser-cnt {
    gap: 32px;
}

.wordpreser-box {
    max-width: 270px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 16px;
}

.wordpreser-box img {
    width: 100%;
    border-radius: 16px 16px 0 0;
}

.wordpreser-box h4 {
    color: #292D32;
    font-size: 24px;
    font-weight: 600;
    line-height: 28.64px;
    text-align: center;
    margin-top: 16px;
}

.wordpreser-box span {
    color: #8A9099;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}

.wordpreser-roi {
    gap: 16px;
    flex: 1;
}

.wordpreser-account-info {
    width: calc(33.3333333% - 11px);
    padding: 16px 20px;
    border-radius: 16px;
    background: #FFFFFF;
    gap: 12px;
}

.wordpreser-account-info p {
    color: #292D32;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.48px;
    text-align: center;
}

.wordpreser-btn {
    margin-top: 32px;
    gap: 16px;
}

.wordpreser-btn .btn-black {
    max-width: 100%;
}

.btn-red {
    background: #FA32321A;
    padding: 12px 32px;
    gap: 4px;
    border-radius: 16px;
    max-width: 252px;
    width: 100%;
    color: #ED0A34;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.09px;
    text-align: center;
    height: 48px;
}

.personal-mail-info {
    margin-top: 32px;
}

.personal-mail-head {
    padding: 0 16px;
}

.personal-mail-head ul li {
    color: #8A9099;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
}

.personal-mail-head ul li:nth-child(1) {
    width: 200px;
}

.personal-mail-head ul li:nth-child(2) {
    width: 190px;
}

.personal-mail-table {
    margin-top: 16px;
}

.personal-mail-table ul {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 8px;

}

.personal-mail-table ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
    color: #292D32;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
}

.personal-mail-table .users-img {
    margin: 0;
}

.personal-mail-table ul li:nth-child(1) {
    min-width: 200px;
}

.personal-mail-table ul li:nth-child(2) {
    min-width: 190px;
}

.personal-mail-table ul li small {
    color: #8A9099;
}

.personal-mail-table ul li:last-child {
    margin-left: auto;
}

.close-table {
    width: 16px;
    display: flex;
    cursor: pointer;
    transition: 0.3s;
}

.close-circle {
    content: url("img/icon/close-circle.svg");
}

.users-page-btn {
    margin-top: 32px;
    gap: 16px;
}

.users-page-btn button {
    max-width: 100%;
    width: 100%;
    height: 48px;
}

.account-tab-head{
    padding: 0 16px;

}
.account-tab-head ul li {
    color: #8A9099;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
    width: 100%;

}
.account-tab-head ul li:nth-child(1){
    max-width: 197px;
}
.account-tab-head ul li:nth-child(2){
    max-width: 175px;
}
.account-tab-head ul li:nth-child(3){
    max-width: 182px;
}
.account-tab-head ul li:nth-child(4){
    max-width: 182px;
}
.account-tab-head ul li:nth-child(5){
    max-width: 186px;
}
.account-tab-body {
    margin-top: 16px;
}
.account-tab-body ul {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 8px;

}
.account-tab-body ul li{
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
    color: #292D32;
}
.account-tab-body ul li:nth-child(1) {
    max-width: 196px;
}

.account-tab-body ul li:nth-child(2) {
    max-width: 175px;
}

.account-tab-body ul li:nth-child(3) {
    max-width: 182px;

}
.account-tab-body ul li:nth-child(4) {
    max-width: 182px;
}
.account-tab-body ul li:nth-child(5) {
    max-width: 182px;
}
.account-tab-body ul li:last-child{
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 991px) {
    .wordpreser-box {
        max-width: 228px;
    }

    .wordpreser-account-info {
        padding: 12px 10px;
        gap: 10px;
    }
}


.modal-system {
    position: relative;
    max-width: 744px;
    width: 100%;
    padding: 32px;
    gap: 32px;
    border-radius: 32px;
    background: #FFFFFF;
}

.modal-chats-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28.64px;
    text-align: left;
    color: #292D32;
}

.modal-system-content {
    display: flex;
    gap: 16px;

}

.modal-system-chats {
    max-width: 431px;
    width: 100%;

}

.system-empty-content {
    max-width: 431px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.system-empty-content.active {
    display: flex;
}

.modal-all-conversations {
    max-width: 240px;
    width: 100%;
    border-left: 1px solid #F2F4F7;
    padding-left: 16px;

}

.system-chats-item {
    background: #F2F4F7;
    box-shadow: 2px 4px 8px 2px #34435505;
    border-radius: 16px;
    padding: 10px 16px 16px 16px;

}

.chats-item-titles {
    display: flex;
    gap: 16px;
    align-items: center;
}

.system-chats-list {
    height: 224px;
    overflow: hidden;
    margin-top: 32px;

}

.system-chats-list-inner {
    height: 224px;
    overflow-y: scroll;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 16px;

}

.system-chats-list-inner::-webkit-scrollbar {
    width: 4px;

}

.system-chats-list-inner::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #E6E8EB;
}

.chats-item-writer {
    display: flex;
    gap: 4px;
    align-items: center;
    background: #3CB2B433;
    padding: 4px 8px;
    border-radius: 4px;

}

.chats-item-writer span {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: #292D32;

}

.chats-item-writer img {
    mix-blend-mode: multiply;
}

.chats-item-data {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: #8A9099;
}

.chats-item-text {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    color: #292D32;
}

.enter-message-label {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E6E8EB;
    border-radius: 16px;
    height: 44px;
    position: relative;
    display: block;
    margin-top: 32px;

}

.icon-delete {
    font-size: 16px;
    background-color: #ED0A34;
    cursor: pointer;
}

.enter-message-label input {
    padding: 12px 15px;
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 14px;
}

.enter-message-label .icon-send {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
}

.all-conversations-inner {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 550px;
    overflow: auto;
    padding-right: 16px;
    overflow-x: hidden;

}

.all-conversations-inner::-webkit-scrollbar {
    width: 4px;
}

.all-conversations-inner::-webkit-scrollbar-thumb {
    border-radius: 4px;
    border: 4px solid #E6E8EB;
}


.all-conversations-titles {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}

.conversations-data {
    margin-top: 4px;
}

.conversations-text {
    margin-top: 8px;
    font-size: 14px;
    line-height: 16.71px;

}


.system-chats-empty {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: center;
}

.chats-empty-icon {
    display: flex;
}

.chats-empty-text {
    font-size: 24px;
    font-weight: 600;
    line-height: 28.64px;
    color: #292D32;
}

.modal-delete-content {
    position: relative;
    max-width: 495px;
    width: 100%;
    padding: 32px;
    gap: 32px;
    border-radius: 32px;
    background: #FFFFFF;
}

.system-delete-box {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.system-delete-clue {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
    color: #8A9099;

}

.system-delete-btn {
    max-width: 258px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ED0A34;
    background: #FA32321A;
    margin-top: 16px;
    padding: 15px 0;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.09px;

}

.no-messages-chats {
    min-height: 431px;
    display: flex;
    flex-direction: column;
}

.no-messages-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1 1 auto;
}

.chat-list {
    max-height: 400px;
    height: 100%;
}
.account-tab-body ul li .users-img{
    margin: 0;
}
.account-tab-head ul li:last-child{
    text-align: right;
}
@media (max-width: 991px) {
    .personal-mail-table ul{
        flex-wrap: wrap;
        position: relative;
        gap: 8px 0;
    }
    .personal-mail-table ul li:nth-child(3){
        width: 100%;
    }
    .personal-mail-table ul li:last-child {
        margin-left: 0;
        position: absolute;
        right: 16px;
        top: 16px;
    }
    .personal-mail-head ul li:nth-child(3){
        display: none;
    }
    .account-tab-head ul li:last-child{
        display: none;
    }
    .account-tab-body ul{
        flex-wrap: wrap;
        gap: 16px;
    }

   body .account-tab-body ul li{
        max-width: initial;
        width: auto;
    }
    .account-tab-body ul li.active-foreca-list{
        width: 100%;

    }
    .account-tab-head ul li:nth-child(4) {
        max-width: 79px;
    }
    .account-tab-head ul li:nth-child(5) {
        max-width: initial;
    }
    .account-tab-head ul li:nth-child(3) {
        max-width: 29px;
        margin-left: auto;
    }
    .account-tab-head ul li:nth-child(5) {
        max-width: max-content;
    }
    .account-tab-body ul li:nth-child(3) {
        margin-left: auto;
    }
    .active-forecasts {
        padding: 14px 20px;
        border-radius: 8px;
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        line-height: 19.09px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-width: 100% ;
    }

    .active-forecasts:after {
        position: relative;
        right: 0;
        top: 0;
    }
    .wordpreser-cnt {
        gap: 16px;
    }
    .wordpreser-roi {
        gap: 8px;
    }
    .wordpreser-account-info {
        width: calc(33.3333333% - 6px);
    }
}
@media (max-width: 767px) {
    .wordpreser-cnt {
        gap: 32px;
        flex-direction: column;
    }
    .wordpreser-box {
        max-width: 100%;
        padding-bottom: 30px;
    }
    .wordpreser-roi {
        gap: 16px;
    }
    .wordpreser-account-info {
        width: calc(33.3333333% - 11px);
    }
    .wordpreser-btn {
        margin-top: 32px;
        gap: 8px;
        flex-direction: column;
    }
    .btn-red {
        padding: 12px 22px;
        max-width: 100%;
    }
    .account-tab-body ul {
        padding: 8px;
        gap: 10px;
    }

}
@media (max-width: 630px) {
    .modal-system-content {
        flex-direction: column-reverse;
    }

    .modal-all-conversations, .modal-system-chats {
        max-width: 100%;
    }

    .all-title {
        padding: 32px 32px 0 32px;
    }

    .modal-all-conversations {
        border: none;
        padding-left: 0;
    }
    .all-conversations-list{
        padding: 0 10px 0 32px;
    }

    .modal-system-content {
        gap: 0;
    }

    .modal-system-chats {
        margin-top: 0;
        padding: 32px 10px 32px 32px;
    }

    .system-chats-list-inner {
        padding-right: 32px;
    }

    .all-conversations-inner {
        padding-right: 32px;
    }

    .no-messages-chats {
        min-height: 366px;
    }

    .modal-system {
        padding: 0;
    }

    .account-tab-body ul li {
        width: 100%;
        font-size: 13px;
        line-height: 16.09px;
    }
    .statistics-numb span {
        padding: 3px;
        font-size: 13px;
    }
    .users-page-btn{
        flex-direction: column;
    }
}
@media (max-width: 420px){
    .wordpreser-account-info {
        width: calc(50% - 11px);
    }
    .wordpreser-roi {
        gap: 8px;
    }
    .wordpreser-account-info {
        width: calc(50% - 4px);
    }
}

/* ===== css/about-us.css ===== */
.banner-about{
    margin-top: 0;
}

.box-about-contact{
    background: #FFFFFF;
    border-radius: 16px;
    padding: 16px;
}
.box-about-contact h4{
    color: #3CB44E;
    font-size: 24px;
    font-weight: 600;
    line-height: 28.64px;
    text-align: left;
}
.box-about-contact p{
    color: #8A9099;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: left;
    margin-top: 4px;
}
.box-about-contact button{
    margin-top: 16px;
}

@media (max-width: 991px){
    .box-about-contact {
        padding: 16px;
        width: 100%;
    }
    .prediction_inner-match-cnt {
        padding: 20px;
        border-radius: 22px;
    }
}

/* ===== css/faq.css ===== */
.accordion-box {
    margin-bottom: 10px;
    box-shadow: 2px 4px 8px 2px #34435505;
    background: #FFFFFF;
    border-radius: 16px;

}

.accordion-click {
    cursor: pointer;
    padding: 12px 16px;
    transition: 0.3s;

}

.accordion-click span {
    font-size: 16px;
    font-weight: 700;
    line-height: 19.09px;
    text-align: left;
    color: #292D32;
}

.submenu-text {
    padding: 0 16px 12px;
}

.submenu-text p {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.71px;
    text-align: left;
}

.submenu-text a {
    color: #3956E5;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.71px;
    text-align: left;
    border-bottom: 1px solid #3956E5;
}

.submenu-text a:hover {
    border-bottom: 1px solid transparent;
}

.submenu-accordion {
    display: none;
}

.accordion-click .icon {
    background-color: #292D32;
    transition: 0.3s;
}

.open .icon {
    transform: rotate(-180deg);
}


/*============-feedback-users-=============*/

.feedback-users {
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 2px 4px 8px 2px #34435505;
    padding: 12px 16px 16px;
    margin-bottom: 10px;
}

.feedback-users-data {
    gap: 16px;
}

.feedback-users-data .users-img {
    margin: 0;
}

.feedback-users-text {
    margin-top: 16px;
}

.feedback-users-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
    color: #292D32;
}

.feedback-users-text img {
    margin-top: 16px;
}

.prediction_inner-match-right > .btn-item {
    margin-bottom: 32px;
    width: 100%;
}

.modal-feedback {
    max-width: 495px;
    width: 100%;
    position: relative;
    padding: 32px;
    gap: 32px;
    border-radius: 32px;
    background: #FFFFFF;
    z-index: 1;
    min-height: 369px;
}

.add-file-btn {
    padding: 12px 32px;
    gap: 4px;
    border-radius: 12px;
    transition: 0.3s;
    background: #292D32;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.09px;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    cursor: pointer;
}
.add-file-btn.disable{
   opacity: 0.4;

}


.add-file-btn .icon-add {
    background-color: #FFFFFF;
}

.feedback-input {
    margin-top: 32px;
}

.add-file-btn input[type=file] {
    display: none;
}

.downloaded-file {
    margin-top: 16px;
    gap: 10px;
    display: none;

}
.feedback-inputs{
     margin-top: 16px;
}
.feedback-robot{
    margin-bottom: 0;
}
.downloaded-file p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: #8A9099;
}

.downloaded-file.active{
    display: flex;
}
.send-feedback {
    width: 100%;
    margin-top: 32px;
}
.feedback-select{
    margin-top: 32px;
}
@media (max-width: 630px) {
    .feedback-inputs{
         flex-direction: column;
        align-items: stretch;
        gap: 0;
    }
}


.form-feedback {
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: 13px;
    color: #7f7f84;
}


.form-feedback.is-invalid {
    color: #ff4c3b;
}

input.is-invalid {
    border-color: #ff4c3b;
}

.form-control.is-invalid ~ .form-feedback {
    color: #ff4c3b;
}

.popup-alert__ico svg {
    width: 42px;
    height: 27px;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.popup-alert__title {

    text-align: center;
}


.remove_arrow:after, .remove_arrow:after {
    content: unset;
}

.banner-title-item {
    color: white;
    font-size: 26px;
}

.global-title--item {
    color: #292D32;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
}

.select-global label {
    margin-bottom: 0;
}

.express-number {
    width: 70px;
}

.forecasts-box-title {
    color: #292D32;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.48px;
    text-align: left;
    max-width: 160px;
    width: 100%;
}


.slider_title {
    color: #FFFFFF;
    font-size: 36px;
    font-weight: 800;
    line-height: 57px;
    text-align: left;
}


header .head-btn-mobile-chat {
    width: 48px;
    padding: 0;
    height: 48px;
}

.head-btn-mobile-chat .icon {
    font-size: 24px;
}

.icon-calendar {
    pointer-events: initial !important;
    position: absolute !important;
}

.ui-datepicker {
    width: 300px !important;
}

.modal-reg-form {
    overflow-y: auto;
    max-height: 80dvh;
    padding-right: 12px;
}

label.open_modal {
    margin-bottom: 0;
}

.btn-remove-item {
    cursor: pointer;
    pointer-events: unset !important;
}

.modal-message {
    position: relative;

    position: relative;
    padding: 32px;
    border-radius: 32px;
    background: #FFFFFF;
    z-index: 1;
}

.icon.icon-send, .icon.icon-delete {
    cursor: pointer;
    pointer-events: auto;
    z-index: 9999;
}

.chats-item-text.conversations-text {
    cursor: pointer;
}


.ui-slider .ui-slider-handle {
    background: #5fb859 !important;
}

.ui-datepicker td a.ui-state-active {
    background: #5fb859 !important;
    color: #fff !important;
}

.user-pointer {
    cursor: pointer
}

.prediction_inner-match-text {
    margin-top: 16px;
    color: #292D32;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
}

.like-dislike .icon {
    pointer-events: unset;
    cursor: pointer;
}

.prediction_category {
    display: flex;
    grid-gap: 8px;
    padding-top: 10px;
    padding-left: 1px;
    align-items: center;
    margin-top: auto;
}

.prediction_category img {
    width: 16px;
}

.prediction_category span {
    font-size: 14px;
    color: #3cb44e;
    text-transform: capitalize;
}


.active-menu_item {
    background: linear-gradient(90deg, #5FB859 0%, #3CB44E 100%) !important;
    color: #FFFFFF !important;
}

.active-menu_item i {
    background-color: #ffffff !important;
}


.menu_day_active {
    background: #FFFFFF !important;
    border: 1px solid #E6E8EB !important;
    border-radius: 8px;
}

.sidebar_prognoz_list_item._active > .open-submenu-all {
    background: #FFFFFF !important;
    border: 1px solid #E6E8EB !important;
    border-radius: 8px;
}

.submenu.submenu-all ._active a {
    color: #46b551;
}

.main-menu > ul > li._active > a {
    background: linear-gradient(90deg, #5FB859 0%, #3CB44E 100%) !important;
    color: #FFFFFF !important;
}

.main-menu > ul > li._active > a i {
    background-color: #ffffff !important;
}

.predeict-signpost {
    max-width: 100%;
    overflow: hidden;
    justify-content: flex-start;
}


._disabled a {
    pointer-events: none;
}

.express-number {
    white-space: nowrap;
}


@media (max-width: 500px) {
    .construction-select-sports {
        flex-direction: column;
    }

    .construction-select-small {
        max-width: unset !important;
    }

    .construction-select-small + .modal-input.express-input {
        max-width: unset !important;
    }
}

.construction-select-small select {
    text-transform: capitalize;
}


.sidebar-user_info {
    width: 100%;
    margin-bottom: 17px;
    box-shadow: 2px 4px 8px 2px #34435505;
    background: #FFFFFF;
    padding: 20px;
    position: relative;
    border-radius: 12px;
}

.user-stat_item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.user-stat_item-value {
    background: rgba(38, 250, 66, .1);
    color: #3cb44e;
    padding: 5px 10px;
    border-radius: 5px;
}

.user-stat_item span {
    font-weight: 700;
}

.banner-cnt:before, .prdeict-leipzig-fon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    border-radius: 32px;
}

@media (max-width: 600px) {
    .banner-cnt:before, .prdeict-leipzig-fon:before {
        border-radius: 25px;
    }

     .prdeict-leipzig-fon2:before {
        border-radius: 30px;
    }
}

.banner-cnt > div, .banner-cnt > button, .prdeict-leipzig-fon > div {
    z-index: 2;
}

.clear {
    display: block;
    width: 100%;
}

.blog-betting-view span {
    z-index: 9;
}

.blog-betting-photo img {
    filter: brightness(80%);
}

.prdeict-leipzig-fon {

    position: relative;
}

.prdeict-leipzig-title h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 38.19px;
    text-align: left;
    color: #FFFFFF;
}

.blog-betting-title {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.09px;
    text-align: left;
    color: #292D32;
    min-height: 57px;
}

.modal-input textarea {
    width: 100%;
    height: 225px;
    border: 1px solid #E6E8EB;
    padding: 12px 16px;
    background: #FFFFFF;
    border-radius: 12px;
    color: #8A9099;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
}

.blog-input-description, .express-description {
    position: relative;
}

.letter_count {
    font-size: 13px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #a5a5a5 !important;
}
.letter_count span{
    color: #a5a5a5 !important;
}

.btn_count .letter_count{
    bottom: 0px !important;
    top: unset;
}


.orange_block {
    background: #FEBC5A33;
    color: #D7860E;
}

.red_block {
    background: #FA32321A;
    color: #ED0A34;
}

.green_block {
    background: #26FA421A;
    color: #3CB44E;
}

.black_block {
    background: #6b6b6b1a;
    color: #000000;
}

.user-stat_border {
    border-bottom: 1px solid #f1f1f3;
    padding-bottom: 10px;
}


/* scroll style*/

.modal-reg-form::-webkit-scrollbar {
    width: 8px;
}

.modal-reg-form::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.modal-reg-form::-webkit-scrollbar-thumb {
    background: #5FB859;
    border-radius: 10px;
}

.modal-reg-form::-webkit-scrollbar-thumb:hover {
    background: #346733;
}

textarea::-webkit-scrollbar {
    width: 8px;
}

textarea::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

textarea::-webkit-scrollbar-thumb {
    background: #5FB859;
    border-radius: 10px;
}

textarea::-webkit-scrollbar-thumb:hover {
    background: #346733;
}

/* scroll style END */

.sports-bookmakers p {
    margin-top: 20px;
}

.sports-bookmakers h1 {
    color: #292D32;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}

.sports-bookmakers h2 {
    color: #292D32;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 10px;
    text-align: left;
}

.sports-bookmakers h3 {
    color: #292D32;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}

.sports-bookmakers ul, .sports-bookmakers ol {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    color: #8A9099;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: 0.3s;
    margin-left: 5px;
}

.sports-bookmakers ul {
    list-style: disc;
}

.sports-bookmakers ul li {
    margin-bottom: 10px;
    list-style: disc outside none;
    display: list-item;
    margin-left: 25px;
}

.sports-bookmakers ol li {
    margin-bottom: 10px;
    list-style: auto outside none;
    display: list-item;
    margin-left: 25px;
}

.users-img > a {
    display: flex;
    gap: 5px;
    align-items: center;
}

.prdeict-leipzig-data {
    opacity: 1;
}

.partic-compet a {
    color: #41b44f;
}

@media (max-width: 600px) {
    .slider_title {
        font-size: 24px;
        line-height: normal;
    }

    .footer-cnt {
        max-width: unset;
    }
}

strong {
    font-family: sans-serif;
}

@media (max-width: 450px) {
    .banner-title-item {
        color: white;
        font-size: 21px;
        line-height: 14px;
    }
    .banner-info p {
        font-size: 15px;
    }
}


.partic-compet h3{
    font-size: 18px;
    margin: 13px 0px;
}

#recaptcha_container {
    margin: 0 auto;
}

/*футер к низу */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1 0 auto;
}

footer {
    flex-shrink: 0;
}

#vpl_filter_main_predictions_2 select{
    text-transform: capitalize;
}

.prediction_inner-match-cnt a{
    color: #5FB859;
}


.action-btn__count {
    padding: 0 0px !important;
    position: absolute !important;
    min-width: 20px !important;
    line-height: 14px !important;
    height: 20px !important;
    top: -4px !important;
    left: calc(100% - 3px) !important;
    transform: translateX(-50%) !important;
    border-radius: 13px !important;
    background: #ff4c3b !important;
    font-size: 15px !important;
    color: #fff !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-weight: 100 !important;
}

.main-menu a{
    width: 100%;
}

.main_slider_cta{
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .banner-info .btn-item {
        display: block;
        margin: 0 auto;
        margin-top: 4px;
    }
}



/*new*/

.system-chats-list-inner {
    height: 400px;
}
.system-chats-list {
    height: 400px;
}

.enter-message-label {
    height: unset;
    border: none;
}
.new_message_field{
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E6E8EB;
    border-radius: 16px;
    position: relative;
    display: block;
    margin-top: 0px;
    padding: 12px 40px 12px 15px;
    width: 100%;height: 80px;
    font-size: 14px;

}

.express-clue{
    font-family: Rubik, Arial, sans-serif;
}

.ui-datepicker-buttonpane.ui-widget-content .ui-datepicker-close{
    background: #5FB859 !important;
    padding: 10px 32px !important;
    border-radius: 12px !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 19.09px !important;
    text-align: center !important;
    transition: .3s !important;
    border:none !important;
}

.prediction_inner-match-text h2 {
    font-size: 16px;
    margin: 13px 0px;
    color: #292D32;
}

.prediction_inner-match-text h3 {
    font-size: 15px;
    margin: 13px 0px;
}

.link_theme_green {
    color: #5FB859 !important;
}

.accordion-box a{
    color: #5FB859;
    border-bottom: 1px solid #5FB859;
}

.wrapcon h1{
    color: #292D32;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.48px;
    text-align: left;
}

.wrapcon h2,.wrapcon h3{
    color: #292D32 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 21.48px !important;
    text-align: left !important;
}



.wrapcon {
    color: #000;
    line-height: 1.2;
    padding: 32px;
    box-shadow: 2px 4px 8px 2px #34435505;
    background: #FFFFFF;
    border-radius: 32px;
}

.tipster__title-text h2, .tipster__title-text h3{
    margin:0;
}
.tipster__desc{
    margin-bottom: 10px;
}
.jq-selectbox__dropdown {
    border: 1px solid #E6E8EB;
    border-radius: 12px;
}

/*новые селекты*/

.ss-main {
    box-shadow: none !important;
    outline: none !important;
}
.ss-main.ss-open {
    box-shadow: none !important;
    outline: none !important;
}
.ss-main {
    min-height: 48px !important;
    font-size: 16px !important;
    padding: 10px 12px !important;
}

.ss-list .ss-option {
    font-size: 16px;
    padding: 7px 12px !important;
}
.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{
    background-color:#5FB859 !important;
}
.ss-option:hover{
    background-color:#5FB859 !important;
}

.ss-content.ss-open-below {
  
    z-index: 999999999999;
}

.time_selector{
    position: relative;
}
.time_selector {
    position: relative;
    display: inline-block;
}

.time_selector input {
    padding-left: 48px !important;
    width: 150px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #393939;

}

.time_selector::before {
    content: '';
    background-image: url('/template/new/assets/img/time.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}

.cur-month:hover{
    background: none !important;
}

.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #5FB859 !important;
}


@media (max-width: 660px) {
    .btn_count .letter_count {
        bottom: -40px !important;
        top: unset;
        left: 0px;margin-bottom: 10px;
    }

    .new_modal_block:has(.letter_count) {
        margin-bottom: 54px;
    }

    .site-modal-content {
        height: unset;
    }
    .ptd{
        height: 100%;
    }
}
@media (max-width: 500px) {
    .daily-forecast{
        display: none;
    }
}

.daily-forecast{
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 30px;
}

.single-prediction-category {
    text-transform: capitalize;
    font-weight: 700;
}