/*
Theme Name: depsport
*/

/* NULL */

HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
SUP, SUB {line-height: 1px;}
BODY {line-height: 1;}
UL {list-style: none;}
:focus {outline: 0;}
INS {text-decoration: none;}
DEL {text-decoration: line-through;}
input::-moz-focus-inner {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, GLAVNA, nav, section, summary, .block {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}

[hidden] {display: none;}
.none, .hidden, .on980, .on760, .on320, .only980, .only760 {display: none;}

.clear, .clr {clear: both;}
hr.clear, hr.clr {padding: 0;margin: 0;height: 1px;overflow: hidden;border: 0;}
.clearfix:before, .clearfix:after, .clf:before, .clf:after {content: " ";display: table;}
.clearfix:after, .clf:after {clear: both;}
.clearfix, .clf {*zoom: 1;}

.alignright, .right { float: right; }
.alignleft, .left { float: left; }
.center { text-align: center; }
.centered, .aligncenter {
	display: block;
	margin: 0 auto;
	}

img.alignright, img.right {
	margin: 0 0 7px 20px;
	display: inline;
	}
img.alignleft, img.left {
	margin: 0 20px 7px 0;
	display: inline;
	}
a img {
	border: none;
	}
img {
	max-width: 100%;
	}

.topskill img {
	height: auto;
	}

/* END NULL */


/* BASE */


body {
  color: #fff;
  font-size: 16px;
  line-height: 22px;  
  font-family: 'Rubik', sans-serif;
  background: linear-gradient(135deg, #052305, #000); /* Еще более темный градиент */
  text-align: center;
}
.wrap {
	width: 1220px;
	margin: 0 auto;
	text-align: left;
	}

input, textarea {
	color: #222222;
	font-size: 16px;
	line-height: 20px;
	font-family: 'Rubik', sans-serif;
	}

a {
	color: #008d43;
	text-decoration: none;
	transition: all 0.3s 0.02s ease;
	}

a:hover {
	color: #008d43;
	text-decoration: underline;
	}

p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title, .topskill table, .topskill form, .topskill ul, .topskill ol, .topskill hr, blockquote {
	margin: 0 0 20px 0;
	}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title {
	  color: #d4af37; /* Золотистый цвет */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Тень для глубины */
	font-weight: bold;
	}
h1, .h1, .title{
	color: #d4af37;
	font-size: 26px;
	line-height: 30px;
	text-transform: uppercase;
	}
h2, .h2{
	font-size: 25px;
	line-height: 30px;
	}
h3, .h3{
	font-size: 22px;
	line-height: 28px;
	}
h4, .h4{
	font-size: 20px;
	line-height: 26px;
	}
h5, .h5{
	font-size: 18px;
	line-height: 25px;
	}
h6, .h6{
	font-size: 16px;
	line-height: 24px;
	}

.black{
	color: #000;
	}
.white{
	color: #fff;
	}
.grey{
	color: #808080;
	}
.green{
	color: #34c924;
	}
.red{
	color: #ff0000;
	}
.orange{
	color: #ffa500;
	}
.yellow{
	color: #ffff00;
	}
.blue{
	color: #0000ff;
	}
.purple{
	color: #8b00ff;
	}
.pink{
	color: #ffc0cb;
	}


.table, .topskill table {
	border-spacing: 0;
	border-collapse: collapse;
	border-top: 1px solid #d4af37;
	border-left: 1px solid #d4af37;
	}

.table tr th, .topskill table tr th{
	border-bottom: 1px solid #d4af37;
	border-right: 1px solid #d4af37;
	background: #0f3604;
	padding: 8px 10px;
	}

.table tr td, .topskill table tr td{
	border-bottom: 1px solid #d4af37;
	border-right: 1px solid #d4af37;
	padding: 8px 10px;
	}

.topskill table.nobord, .topskill table.nobord tr th, .topskill table.nobord tr td {
	border: 0;
	padding: 0;
	background: none;
	}

.topskill ul, ul.list {
	padding: 0 0 0 20px;
	list-style: none;
	}

.topskill ol, ol.list {
	padding: 0 0 0 25px;
	list-style: none;
	}

.topskill ul ul, .topskill ol ol, .topskill ol ul, .topskill ul ol, ul.list ul, ol.list ol, ol.list ul, ul.list ol {
	margin: 5px 0 0 0;
	}

.topskill ol > li, ol.list > li {
	margin: 7px 0 7px 10px;
	list-style: decimal outside;
	}

.topskill ul > li, ul.list > li {
	margin: 7px 0 7px 10px;
	list-style-type: disc;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}
acronym, abbr {
	border-bottom: 1px dashed #999;
	}
blockquote {
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

/* END BASE */


/* HEADER */

header {
	text-align: left;
	padding: 10px;
	margin: 0 0 10px 0;
	}
.header_list{
	padding: 0 0 10px 0;
	display: flex;	
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background: rgba(43, 43, 43, 0.5); /* Полупрозрачный темно-серый */
	  backdrop-filter: blur(10px); /* Размытие фона за элементом */
  -webkit-backdrop-filter: blur(10px); /* Для Safari */
  border-radius: 16px; /* Скругление углов контейнера */
  padding: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень */
  border: 1px solid rgba(255, 255, 255, 0.1); /* Тонкая рамка */
	}
.logoimg{
	width: 180px;
	margin: 0;
	transition: all 0.3s 0.02s ease;
	}
.logoimg img{
	vertical-align: bottom;
	transition: all 0.3s 0.02s ease;
	}
.logoimg:hover {
	transform: scale(1.05);
	}
.logo{
	margin: 0 0 10px 0;
	transition: all 0.3s 0.02s ease;
	}
.logo a{	
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
	text-shadow: 1px 1px 1px #000; 
    text-transform: uppercase;
    letter-spacing: 1px;
	text-decoration: none;
	}
.logo:hover {
	transform: scale(1.05);
	}




/* END HEADER */

/* HOME */

.top_GLAVNA_b {
  margin: 0 0 20px 0;
  border-radius: 6px;
  padding: 20px 10px 10px 10px;
  background: rgba(43, 43, 43, 0.5); /* Полупрозрачный темно-серый */
  backdrop-filter: blur(10px); /* Размытие фона за элементом */
  -webkit-backdrop-filter: blur(10px); /* Для Safari */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень */
  border: 1px solid rgba(255, 255, 255, 0.1); /* Тонкая рамка */
}

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

.autor_list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: rgba(43, 43, 43, 0.5); /* Полупрозрачный темно-серый */
  backdrop-filter: blur(10px); /* Размытие фона за элементом */
  -webkit-backdrop-filter: blur(10px); /* Для Safari */
  border-radius: 6px;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 0 20px 0;
  color: #fff; /* Белый текст для контраста */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень */
  border: 1px solid rgba(255, 255, 255, 0.1); /* Тонкая рамка */
}

.autor_list_img {
  flex: 0 0 120px;
  margin: 0 20px 0 0;
}

.autor_list_img img {
  max-width: 120px;
  border-radius: 10px;
}

.autor_list_r {
  font-size: 14px;
  line-height: 18px;
}

.autor_list_r > span {
  display: block;
  font-size: 15px;
  margin: 0 0 3px 0;
  font-weight: bold;
}

/* Контейнер для кнопок */
.ba_block_but {
  display: flex;
  flex-wrap: wrap; /* Разрешаем перенос кнопок на новую строку */
  justify-content: center; /* Центрируем кнопки по горизонтали */
  align-items: center; /* Выравнивание по центру */
  gap: 10px; /* Расстояние между кнопками */
  margin: 20px 0; /* Отступы сверху и снизу */
}

/* Стиль для кнопок */
a.m_but {
  position: relative;
  display: inline-block;
  width: 170px; /* Ширина кнопки */
  box-sizing: border-box;
  padding: 14px 0px; /* Внутренние отступы */
  background:
  backdrop-filter: blur(10px); /* Эффект матового стекла */
  border: 2px solid #d4af37; /* Золотистый контур */
  border-radius: 16px; /* Скругление углов */
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #fff; /* Белый текст */
  text-decoration: none;
  overflow: hidden; /* Обрезаем содержимое для эффекта */
  transition: all 0.6s ease; /* Плавный переход */
}

/* Эффект стекла при наведении */
a.m_but::before {
  content: "";
  position: absolute;
  top: 100%; /* Начинаем снизу */
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(30, 149, 24, 0.8), rgba(30, 149, 24, 0)); /* Градиент от #1e9518 к прозрачности */
  transition: all 0.6s ease; /* Плавный переход */
  z-index: -1; /* Размещаем под текстом */
  opacity: 1; /* Начальная прозрачность */
}

/* При наведении */
a.m_but:hover {
  color: #fff; /* Белый текст остается */
  border-color: #1e9518; /* Более салатовый контур */
}

a.m_but:hover::before {
  top: 50%; /* Поднимаем эффект до середины */
  opacity: 0.5; /* Уменьшаем прозрачность для угасания */
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .ba_block_but {
    gap: 10px; /* Увеличиваем расстояние между кнопками */
  }

  a.m_but {
    width: 100px; /* Уменьшаем ширину кнопок */
    font-size: 14px; /* Уменьшаем размер текста */
    padding: 12px 0; /* Уменьшаем внутренние отступы */
  }
}

@media (max-width: 480px) {
  .ba_block_but {
    flex-direction: column; /* Кнопки размещаются вертикально */
    align-items: center; /* Центрируем кнопки */
  }

  a.m_but {
    width: 100%; /* Кнопки занимают всю доступную ширину */
    max-width: 300px; /* Ограничение максимальной ширины */
    font-size: 16px; /* Увеличиваем размер текста для удобства */
    padding: 14px 0; /* Увеличиваем внутренние отступы */
  }
}


.param_list{
	box-sizing: border-box;
	margin: 0 0 20px 0;
	padding: 10px;
    background-color: #2b2b2b;
    border-radius: 6px;
	}
.param_b{
	width: auto;
	margin: 0 0 10px 0;
	}
.param_bt{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 0 0;
	}
.param_bl{
	height: 15px;
	border-radius: 5px;
	background: #08150c;
	}
span.param_b_line{
	display: block;
	height: 15px;
	line-height: 16px;
	border-radius: 5px;
	background: #006e53;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
	padding: 0 10px 0 0;
	box-sizing: border-box;
	}


.ba_block{
	}
.ba_block_l{
	box-sizing: border-box;
	}

.ba_block_title{
	font-weight: bold;
	font-size: 32px;
	line-height: 36px;
	letter-spacing: 0.04em;
	color: #7a3413;
	text-align: center;
	margin: 0 0 30px 0;
	}	
.ba_block_text{
	}	

.GLAVNA{
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 20px 0;	
	border-radius: 14px;
	text-align: center;
	position: relative;
	text-shadow: 1px 1px 2px #006e53; 
	}

.formats_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.formats_b{
	width: 49%;
	margin: 0 0 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	}

.formats_block{
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px;
	line-height: 24px;
    background-color: #2b2b2b;
    border-radius: 6px;
	transition: all 0.3s 0.02s ease;
	}
.formats_title{
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 10px 0;
	padding: 0 0 0 18px;
	position: relative;
	}
.formats_title:before{
	content:"";
	display: block;
	position:absolute;
	z-index:1;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 10px;
	height: 2px;
	background: #006e53;
	transition: all 0.3s 0.02s ease;    
	}
.formats_title:after{
	content:"";
	display: block;
	position:absolute;
	z-index:1;
	top: 50%;
	left: 0;
    transform: translateY(-50%) rotate(90deg);
	width: 10px;
	height: 2px;
	background: #006e53;
	transition: all 0.3s 0.02s ease;    
	}
.formats_minus .formats_title:after{
	display:none;
	}
.formats_text{
	font-size: 15px;
	line-height: 18px;
	}
.formats_text p{
	margin: 0 0 14px 0;
	}


.content_ept {
  margin: 0 0 20px 0;
  border-radius: 6px;
  padding: 20px 10px 10px 10px;
  background: rgba(255, 255, 255, 0.1); /* Полупрозрачный фон */
  backdrop-filter: blur(10px); /* Эффект матового стекла */
  -webkit-backdrop-filter: blur(10px); /* Для Safari */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень */
  border: 1px solid rgba(255, 255, 255, 0.1); /* Тонкая рамка */
}

.content_ept_block {
  box-sizing: border-box;
  margin: 0 0 30px 0;
}

.content_ept_list {
  max-width: 980px;
  margin: 0 auto;
}

.content_ept_b_l {
  padding: 0 0 0 120px;
  position: relative;
}

.content_ept_b:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 100px;
  height: 73px;
  background: url('images/') no-repeat right center;
  background-size: auto 72px;
  transition: all 0.3s 0.02s ease;
}

.content_ept_b_l:before {
  right: auto;
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}

.content_ept_b:hover:before {
  right: 5px;
}

.content_ept_b_l:hover:before {
  left: 5px;
}

.content_ept_text {
  border: 1px solid #d4af37; /* Золотистый контур */
  border-radius: 12px;
  padding: 30px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.1); /* Полупрозрачный фон */
  backdrop-filter: blur(10px); /* Эффект матового стекла */
  -webkit-backdrop-filter: blur(10px); /* Для Safari */
  transition: all 0.3s 0.02s ease;
}

.content_ept_b:hover .content_ept_text {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Усиленная тень при наведении */
}
	
	
/* Список FAQ */
.faqs_list {
  margin: 0 auto 20px; /* Центрирование контейнера */
  max-width: 1200px; /* Ограничение максимальной ширины */
  padding: 0 20px; /* Отступы по бокам */
}

/* Блок вопроса */
.faq_b {
  background-color: #051A07; /* Темный фон */
  border: 1px solid rgba(255, 255, 255, 0.04); /* Полупрозрачная рамка */
  border-radius: 16px; /* Скругление углов */
  margin: 0 0 12px 0; /* Отступ между блоками */
  overflow: hidden; /* Обрезаем содержимое */
  position: relative;
}

/* Заголовок вопроса */
.faq_b_title {

  justify-content: flex-start; /* Выравнивание по левому краю */
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF; /* Белый текст */
  position: relative;
  padding: 14px 20px; /* Внутренние отступы */
  cursor: pointer;
  display: flex;
  align-items: center; /* Выравнивание по центру */
  transition: all 0.3s ease; /* Плавный переход */
}

/* Активный заголовок */
.faq_b_title.active {
  color: #EDC97F; /* Зеленый цвет при активации */
}

/* Иконка (спан) в заголовке */
.faq_b_title span {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  color: #EDC97F; /* Золотистый цвет */
  margin-right: 10px; /* Отступ справа */
  flex-shrink: 0; /* Запрет сжатия иконки */
}

/* Иконка "+" (before) */
.faq_b_title::before {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  width: 18px;
  height: 2px;
  background: #3BA745; /* Зеленая линия */
  transition: all 0.3s ease; /* Плавный переход */
}

/* Иконка "+" (after) */
.faq_b_title::after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  width: 18px;
  height: 2px;
  background: #3BA745; /* Зеленая линия */
  transform: rotate(90deg); /* Вертикальная линия */
  transition: all 0.3s ease; /* Плавный переход */
}

/* Анимация иконки при активации */
.faq_b_title.active::before {
  transform: rotate(180deg); /* Поворот горизонтальной линии */
}

.faq_b_title.active::after {
  transform: rotate(360deg); /* Поворот вертикальной линии */
}

/* Текст ответа */
.faq_b_text {
  display: none; /* По умолчанию скрыт */
  padding: 0 20px 20px; /* Убран верхний отступ */
  font-size: 16px;
  line-height: 1.5; /* Улучшенная читаемость */
  color: #A7A7A7; /* Серый текст */
  background: rgba(255, 255, 255, 0.04); /* Полупрозрачный фон */
}

	

.form_block{
	}
.benefits_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	}
.benefits_line{
	width: 31%;
	margin: 0 0 30px 0;
	}
.tb_form_inp{
	display: block;
	width: 100%;
	height: 28px;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	background: none;
	border: 0;
	border-bottom: 1px solid rgba(36, 36, 36, 0.4);
	}
.tb_form_textarea{
	display: block;
	width: 100%;
	height: 60px;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	background: none;
	border: 0;
	border-bottom: 1px solid rgba(36, 36, 36, 0.4);
	resize: none;
	}


.tb_form_sub{
	display:block;
	height: 50px;
	width: 230px;
	margin: 0 auto;
	padding: 0;
	background: #158d43;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	transition: all 0.3s 0.02s ease;
	cursor: pointer;
	}	
.tb_form_sub:hover{
	background: #30b965;
	letter-spacing: 2.25px;
	}

/* END HOME */

/* FOOTER */

footer {
	padding: 10px 0;
	}
.f_list {
	display: flex;	
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}

.logofoot{
	padding: 0 0 10px 0;
	margin: 0 auto;
	width: 180px;
	transition: all 0.3s 0.02s ease;
	}
.logofoot img{
	vertical-align: bottom;
	transition: all 0.3s 0.02s ease;
	}
.logofoot:hover {
	transform: scale(1.05);
	}
.flogo{
	padding: 0 0 10px 0;
	transition: all 0.3s 0.02s ease;
	text-align: center;
	}
.flogo a{
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
	}
.flogo a:hover {
	letter-spacing: 2px;
	}

.righter{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
	padding: 0 0 10px 0;
	}

.nav_scroll{
	position:relative;
	}
.nav_scroll > div{
	position: absolute;
	z-index:1;
	top: -80px;
	left: 0;
	}

.f_soc{
	margin: 0 0 10px 0;
	}
.f_soc ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	}	
.f_soc li{
	display:block;
	padding: 0 0 0 10px;
	}	
.f_soc li:first-child{
	padding: 0 0 0 0;
	}
.f_soc li a{
	display:block;
	width: 32px;
	height: 32px;
	background: #000;
	border-radius: 30%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-items: center
	}		
.f_soc li img{
	vertical-align: bottom;
	transition: all 0.3s 0.02s ease;
	}	
.f_soc li:nth-child(1) img{
	max-height: 35px;
	}
.f_soc li:nth-child(2) img{
	max-height: 22px;
	}
.f_soc li:nth-child(3) img{
	max-height: 25px;
	}
.f_soc li:nth-child(4) img{
	max-height: 20px;
	}
.f_soc li:nth-child(5) img{
	max-height: 25px;
	}
.f_soc li a:hover{
	}
.f_soc li a:hover img{
    transform: rotate(360deg);
	}

/* END FOOTER */


.topskill_table {
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	}

.matches {
	margin: 0 auto 30px auto;
	color: #fff;
	}

.matches table {
	border: 1px solid #1e283f;
	border-radius: 10px;
	}

.matches table tr th {
	padding: 10px;
    background-color: #323b45;
	color: #fff;
	}

.matches table tr th:first-child {
	border-radius: 10px 0 0 0;
	}

.matches table tr th:last-child {
	border-radius: 0 10px 0 0;
	}

.matches table tr td {
	padding: 10px;
	background: rgba(255, 255, 255, 0.1);
	border-bottom: 1x solid #323b45;
	}

.matches table tr:nth-child(2n) td {
	background: rgba(255, 255, 255, 0.2);
	}

.matches table tr:last-child td:first-child {
	border-radius: 0 0 0 10px;
	}

.matches table tr:last-child td:last-child {
	border-radius: 0 0 10px 0;
	}


.matches_time {
	width: 80px;
	font-size: 14px;
	text-align: right;
	}

.matches_time div{
	padding: 5px 20px 5px 0;
	border-right: 2px solid #fff;
	}

.matches_time div span{
	display: block;
	font-size: 12px;
	}

.matches_b {
	font-weight: bold;
	}



.g_img_list{	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
    margin: 0 0 20px 0;
	}
.g_img_b{
	padding: 0 5px 10px 5px;
	}
.g_img_b img{
	max-width: 300px;
	vertical-align: bottom;
	border-radius: 14px;
	}

/* FORM */

.form_line{
	padding: 0 0 15px 0;
	}

.lab{
	display: block;
	padding: 0 0 2px 0;
	}

.inp{
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	-webkit-appearance: none;
	color: #000;
	font-size: 15px;
	line-height: 18px;
	}

.ta{
	box-sizing: border-box;
	width: 100%;
	height: 100px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	-webkit-appearance: none;
	color: #000;
	font-size: 15px;
	line-height: 18px;
	vertical-align: bottom;
	}

.form_sub {
	position: relative;
	}

.btn {
	display: inline-block;
	box-sizing: border-box;
	min-height: 40px;
	padding: 10px 20px;
	border: 1px solid #57b64d;
	background: #ffbc00;
	border-radius: 5px;
	transition: all 0.3s 0.02s ease;
	-webkit-appearance: none;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	}

.btn:hover{
	border-color: #ca2a3c;
	background-color: #c18f03;
	color: #fff;
	text-decoration: none;
	}

.form_sub .ajax-loader {
	position: absolute;
	top: -5px;
	right: -5px;
	}

/* END FORM */

/* COMMENTS */

.comments_list li {
	padding: 15px;
	margin: 0 0 15px 0;
	border: 1px solid #ddd;
	background: #f8f8f8;
	}

.comments_list li li {
	margin: 15px 0 0 0;
	}

.comments_list li.thread-even {
	background: #fff; 
	} 

.comments_list .even {
	background: #fff; 
	}

.comments_list .alt {
	background: #f8f8f8; 
	}

.comment_ava{
	float: left;
	padding: 0 10px 0 0;
	}

.comment_top{
	padding: 0 0 10px 0;
	}

.comment_a{
	font-weight: bold;
	}

.comment_d{
	font-style: italic;
	}

.comment_repl{
	text-align: right;
	}

#respond{
	margin: 0 0 20px 0;
	}

.comments_list #respond{
	margin: 0 15px 15px 15px;
	}

#cancel-comment-reply-link{
	display: inline-block;
	margin: 0 0 15px 0;
	}

/* END COMMENTS */


/* WP OTHER */

.wp-caption {
	box-sizing: border-box;
	max-width: 100%;
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px;
	margin: 10px;
	border-radius: 3px;
	}

.wp-caption img {
	max-width: 100%;
	height: auto;
	padding: 0;
	border: 0 none;
	}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	}

.wpcf7-not-valid { 
	border-color: #ad2929 !important;
	color: #ad2929; 
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; 
	}

/* END WP OTHER */



@media (max-width: 1260px) {
	.wrap {
		width: 980px;
		}
	.bgall{
		margin: 10px 10px;
		}
}


@media (max-width: 1020px) {
	.wrap {
		width: 760px;
		box-sizing: border-box;
		}
	p{
		margin: 0 0 20px 0;
		}

	header {
		height: auto;
		}
	.header_h{
		padding: 8px 0;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		transition: all 0.3s 0.02s ease;
		}
	.header_h.fixed{
		position: relative;
		}
	.logo{
		}
	.header_h.fixed .logo{
		width: 70px;
		}

	.adapt_menu{
		display: block;
		order: 3;
		}
	.top_icon{
		order: 2;
		}	
	.GLAVNA_nav{
		padding: 10px 0 0 0;
		display:  none;
		order: 3;
		width: 100%;
		}

	.GLAVNA_nav > ul{
		display: block;
		}	
	.GLAVNA_nav > ul > li{
		display: block;
		padding: 0 0 7px 0;
		}	
	.GLAVNA_nav > ul > li:first-child{
		padding: 0 0 7px 0;
		}	


	.GLAVNA_nav > ul > li > ul{
		display: block;
		position: relative;
		z-index: 77;
		top: auto;
		left: auto;
		padding: 10px;
		border-radius: 8px;
		box-shadow: 0 0 0 rgb(0 0 0 / 32%);
		background:none;
		min-width: 200px;
		}	

	.GLAVNA_nav > ul > li > ul > li > ul{
		display: block;
		position: relative;
		z-index: 77;
		top: auto;
		left: auto;
		padding: 10px;
		border-radius: 8px;
		box-shadow: 0 0 0 rgb(0 0 0 / 32%);
		background: none;
		min-width: 160px;
		}


	.GLAVNA_nav > ul > li > ul > li > a{
		color: #fff;
		}	
	.GLAVNA_nav > ul > li > ul > li > a:hover, .GLAVNA_nav > ul > li > ul > li.current-menu-item > a{
		color: #12a256;
		}

	.GLAVNA_nav > ul > li > ul > li > ul > li > a{
		color: #fff;
		}	
	.GLAVNA_nav > ul > li > ul > li > ul > li > a:hover, .GLAVNA_nav > ul > li > ul > li > ul > li.current-menu-item > a{
		color: #12a256;
		}

	.top_icon a {
		margin: 0 0 0 5px;
		}

	.ba_block{
		padding: 30px 0 30px 0;
		overflow: hidden;
		position: relative;
		}
	.ba_block_l{
		width: 100%;
		box-sizing: border-box;
		position: relative;
		z-index: 2;
		}
	.ba_block_text{
		font-size: 16px;
		line-height: 20px;
		}
	.GLAVNA {
		font-size: 21px;
		line-height: 24px;
		margin: 0 0 30px 0;
		}
	.top_GLAVNA_b_list{
		display: block;
		}
	.autor_list{
		width: auto;
		}
	.param_list {
		width: auto;
		}
}


@media (max-width: 759px) {
	.wrap {
		width: 100%;
		min-width: 300px;
		padding: 0 10px;
		}
	body {
		font-size: 16px;
		line-height: 20px;
		}
	#countdown {
		margin: 0 auto!important;
	}
	.logoimg {
		width: 140px;
	}
	.ba_block_text{
		font-size: 15px;
		line-height: 18px;
		}
	.GLAVNA {
		font-size: 20px;
		line-height: 22px;
		margin: 0 0 20px 0;
		}

	.formats {
		padding: 30px 0;
		}
	.formats_b{
		width: 100%;
		}
	.formats_b:nth-child(3n){
		width: 100%;
		}
	.formats_block {
		padding: 20px 10px;
		}


	.content_ept_block{
		}
	.faq_b {
		margin: 0 0 15px 0;
		}
	.faqs {
		padding: 80px 0 80px 0;
		}
	.faq_b_title{
		font-weight: 500;
		font-size: 17px;
		line-height: 20px;
		padding: 10px 10px;
		}
	.faq_b_title span {
		font-size: 16px;
		line-height: 20px;
		width: 24px;
		}
	.faq_b_text {
		padding: 0 10px 10px 10px;
		font-size: 15px;
		line-height: 20px;
		}

	.benefits {
		padding: 30px 0;
		}
	.benefits_list{
		display: block;
		}
	.benefits_line {
		width: auto;
		margin: 0 0 20px 0;
		}

	.ba_block_l{
		}

	.autor_list{
		display: block;
		text-align: center;
		}
	.autor_list_img{
		margin: 0 auto;
		}	
	a.m_but{
		width: 140px;
		padding: 7px 0;
		font-size: 14px;
		line-height: 20px;
		}
	a.d_but {
		margin: 0 auto;
	}
}

table {
	width: 100%
}
.bigtable {
	display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
h3.faqh {
    margin: 0px;
}
.video {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  margin: 30px auto;
}

.video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}




#countdown {
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0 0;
	width: 150px;
	height: 36px;
	line-height: 36px;
	border: 3px solid #006e53;
	border-radius: 10px;
	}

.top_exc_st_id{
	margin: 0 0 20px 0;
	box-sizing:border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-items: center;
    transition: all 0.3s 0.02s ease;
	}	
.top_exc_st_id_title{
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 10px 0 0;
	}	
.top_exc_st_id_b{
	position: relative;
	}	
/* Поле ввода промокода */
/* Контейнер для промокода */
.top_exc_st_id {
    display: flex;
    align-items: center; /* Выравниваем элементы по центру по вертикали */
    justify-content: center; /* Центрируем содержимое */
    position: relative; /* Для корректной работы position: absolute */
    margin: 0 0 20px 0; /* Отступ снизу */
}

/* Контейнер для группы элементов (поле ввода + кнопка) */
.top_exc_st_id_b {
    display: flex; /* Используем flexbox для выравнивания элементов */
    align-items: center; /* Выравниваем элементы по центру по вертикали */
    position: relative; /* Для корректной работы абсолютного позиционирования */
}

/* Поле ввода */
input.top_exc_st_id_input {
    flex: 1; /* Занимает всё доступное пространство */
    max-width: 180px; /* Максимальная ширина поля */
    height: 34px;
    box-sizing: border-box;
    border: 1px solid #d4af37; /* Золотистая рамка */
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.1); /* Полупрозрачный фон */
    backdrop-filter: blur(10px); /* Эффект матового стекла */
    padding: 5px 10px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-right: 10px; /* Отступ между полем ввода и кнопкой */
    color: #fff; /* Белый текст */
}
/* Кнопка копирования */
a.top_exc_st_id_sub {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    box-sizing: border-box;
    background-image: url(copy.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    transition: transform 1s ease, box-shadow 2s ease, background-color 2s ease; /* Увеличена длительность */
    transform-style: preserve-3d;


}

/* Эффект при наведении на кнопку */
a.top_exc_st_id_sub:hover {
    transform: rotateY(180deg) rotateX(360deg); /* 3D-вращение */

}
/* Сообщение "Скопировано" */
.top_exc_st_id_copied {
    color: #000;
    position: absolute; /* Абсолютное позиционирование */
    z-index: 1;
    top: 100%; /* Размещаем под полем ввода */
    left: 0;
    width: 100%;
    display: none; /* Скрыто по умолчанию */
    padding: 5px 0;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    margin-top: 5px; /* Отступ сверху */
}

.top_exc_st_id_copied.show {
    display: block; /* Показываем сообщение */
}
/* Контейнер для слайдера и дополнительного блока */
.content-nopad {
  position: relative;
  z-index: 1;
  padding-left: 0 !important; /* Убираем отступы слева */
  padding-right: 0 !important; /* Убираем отступы справа */
  margin: 0 auto; /* Центрируем контейнер по горизонтали */
  max-width: 1200px; /* Максимальная ширина контейнера */
  width: 100%; /* Ширина занимает всё доступное пространство */
  background-color:
  border-radius: 10px; /* Легкое скругление углов */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень для глубины */
  overflow: hidden; /* Обрезаем содержимое, если оно выходит за границы */
  display: flex; /* Размещаем элементы в строку */
  align-items: flex-start; /* Выравнивание по верхнему краю */
  gap: 20px; /* Расстояние между слайдером и дополнительным блоком */
  padding: 20px; /* Внутренние отступы */
}

/* Стиль для контейнера изображений */
.slider-panel {
  flex: 1; /* Занимает всё доступное пространство */
  display: flex;
  flex-direction: column;
  justify-content: center; /* Центрирование содержимого по вертикали */
  align-items: center; /* Центрирование по горизонтали */
  border: 1px solid #EDC97F; /* Золотистая рамка */
  border-radius: 16px; /* Скругление углов */
  background: rgba(255, 255, 255, 0.04); /* Полупрозрачный фон */
  position: relative;
  padding: 20px; /* Внутренние отступы */
  overflow: hidden; /* Обрезаем содержимое, если оно выходит за границы */
}

/* Эффект матового стекла для контейнера */
.slider-panel::before {
  backdrop-filter: blur(15px); /* Размытие фона */
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  border-radius: 16px; /* Сохраняем скругление углов */
}

/* Стиль для изображений внутри контейнера */
.slider-panel img {
  max-width: 100%; /* Изображение занимает всю доступную ширину */
  height: auto; /* Сохраняем пропорции */
  border-radius: 10px; /* Легкое скругление углов */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень для глубины */
  transition: transform 0.3s ease; /* Плавный эффект при наведении */
}

/* Эффект увеличения изображения при наведении */
.slider-panel img:hover {
  transform: scale(1.05); /* Легкое увеличение */
}

/* Стиль для заголовка или текста под изображением */
.slider-panel-caption {
  margin-top: 1px; /* Отступ сверху */
  color: var(--c-FF); /* Белый текст */
  font-size: 16px; /* Размер шрифта */
  text-align: center; /* Выравнивание по центру */
}

/* Стиль для Slick Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none; /* Запрещаем выделение текста */
  touch-action: pan-y; /* Разрешаем прокрутку по вертикали */
  -webkit-tap-highlight-color: transparent; /* Убираем подсветку при нажатии */
}

/* Дополнительный блок справа от слайдера */
.panel-info {
  width: 310px; /* Фиксированная ширина */
  height: auto; /* Гибкая высота */
  display: flex;
  flex-direction: column; /* Элементы размещаются вертикально */
  justify-content: space-between; /* Равномерное распределение элементов */
  border: 1px solid rgba(255, 255, 255, 0.04); /* Полупрозрачная рамка */
  border-radius: 16px; /* Скругление углов */
  background: rgba(255, 255, 255, 0.04); /* Полупрозрачный фон */
  position: relative;
  gap: 6px; /* Расстояние между элементами */
  padding: 20px; /* Внутренние отступы */
}

/* Эффект матового стекла для panel-info */
.panel-info::before {
  backdrop-filter: blur(15px); /* Размытие фона */
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  border-radius: 16px; /* Сохраняем скругление углов */
}

/* Элементы внутри panel-info */
.panel-info-item {
  display: flex;
  flex-direction: row; /* Элементы размещаются горизонтально */
  align-items: flex-start; /* Выравнивание по верхнему краю */
  width: 100%; /* Занимает всю доступную ширину */
  position: relative;
  padding: 10px 6%; /* Внутренние отступы */
  border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* Полоски между строками */
}

/* Убираем последнюю полоску */
.panel-info-item:last-child {
  border-bottom: none;
}

/* Эмодзи вместо изображений */
.panel-info-item_emoji {
  font-size: 30px; /* Размер эмодзи */
  margin-right: 10px; /* Отступ справа от эмодзи */
  flex-shrink: 0; /* Запрещаем сжатие эмодзи */
  padding: 10px
}

/* Контейнер для текста и значения */
.panel-info-item_content {
  display: flex;
  flex-direction: column; /* Текст и значение размещаются вертикально */
  align-items: flex-start; /* Выравнивание по левому краю */
  flex-grow: 1; /* Занимает всё доступное пространство */
}

/* Текст внутри panel-info-item */
.panel-info-item_text {
  color: #fff; /* Белый текст из ваших переменных */
  font-size: 16px; /* Размер шрифта */
  line-height: normal; /* Нормальная высота строки */
  letter-spacing: -0.011em; /* Интервал между буквами */
}

/* Стиль для строки с другим цветом (например, количество игроков) */
.panel-info-item_highlight {
  color: #EDC97F; /* Золотистый цвет */
  font-weight: bold; /* Жирный текст */
  margin-top: 5px; /* Отступ сверху для разделения строк */
}
@media (max-width: 768px) {
  .content-nopad {
    flex-direction: column; /* Размещаем элементы в столбец */
    align-items: center; /* Центрируем элементы по горизонтали */
    gap: 10px; /* Уменьшаем расстояние между элементами */
  }

  .slider-panel {
    flex: unset; /* Снимаем flex-grow */
    width: 100%; /* Слайдер занимает всю ширину */
    height: auto; /* Гибкая высота */
  }

  .panel-info {
    width: 100%; /* Блок занимает всю ширину */
    height: auto; /* Гибкая высота */
  }
}
/* Кнопки */
.but_ak {
  display: inline-block;
  padding: 14px 24px;
  font: 500 15px/110% "Inter-Medium", sans-serif;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.04);
  border: 2px solid #EDC97F; /* Золотистый контур */
  border-radius: 16px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  margin: 10px;
  max-width: 300px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Тень из вашего стиля */
}

/* Эффект при наведении */
.but_ak:hover {
  color: #FFFFFF;
  border-color: #3BA745; /* Салатовый контур */
  box-shadow: 0 0 12px rgba(59, 167, 69, 0.32); /* Зеленая тень */
}

.but_ak:hover::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 200%;
  background: rgba(59, 167, 69, 0.2); /* Полупрозрачный салатовый */
  border-radius: 50%;
  transition: all 0.6s ease;
  z-index: -1;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .but_ak {
    padding: 10px 12px;
    font-size: 13px;
    border-width: 1px;
    margin: 5px;
    max-width: 200px;
  }
  
  .but_ak:hover::before {
    width: 300%;
    height: 300%;
  }
}

@media (max-width: 480px) {
  .but_ak {
    padding: 8px 10px;
    font-size: 12px;
    max-width: 180px;
  }
}

.wrap2 {
    display: flex;
    gap: 10px; /* Отступ между ссылками */
    align-items: center;
}



/* Мобильная версия */
@media (max-width: 768px) {
    .wrap2 {
        flex-direction: column;
        align-items: flex-end;
    }

    .but_ak, .m_but {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .m_but:last-child {
        margin-bottom: 0;
    }
}
/* Стиль кнопки */
.scroll-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid #EDC97F;
  border-radius: 16px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
}

/* Видимость при скролле */
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
}

/* Эффект при наведении */
.scroll-to-top:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: scale(1.05);
}

/* Иконка */
.scroll-to-top svg {
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
}

.scroll-to-top:hover svg {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .scroll-to-top {
    right: 15px;
    bottom: 15px;
    width: 40px;
    height: 40px;
  }
  
  .scroll-to-top svg {
    width: 18px;
    height: 18px;
  }
}
/* Стилизация меню */
.simple-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 150px;
  height: 30%;
  background: rgba(46, 204, 113, 0.1); /* Прозрачный зелёный фон */
  border: 1px solid rgba(46, 204, 113, 0.3); /* Тонкая рамка */
  backdrop-filter: blur(15px); /* Эффект стекла */
  padding: 20px;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  z-index: 1000; /* Поверх других элементов */
}

.simple-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.simple-nav li {
  margin-bottom: 15px;
}

.simple-nav a {
  color: white;
  text-decoration: none;
  padding: 12px 16px;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 500;
  border-radius: 6px;
  display: block;
  transition: background 0.3s ease;
}

.simple-nav a:hover {
  background: rgba(46, 204, 113, 0.2); /* Подсветка при наведении */
}

/* Скрываем чекбокс */
#mobile-checkbox {
  display: none;
}

/* Иконка "гамбургера" */
.hamburger {
  display: none;
  font-size: 24px;
  color: white;
  cursor: pointer;
  transition: color 0.3s ease;
}

/* Мобильная версия */
@media (max-width: 768px) {
  .simple-nav {
    width: 60%;
    height: auto;
    background: rgba(46, 204, 113, 0.05); /* Ещё более прозрачный фон */
    backdrop-filter: blur(20px); /* Усиленный эффект стекла */
    border-radius: 0 0 12px 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding: 10px;
    position: relative;
  }

  .simple-nav ul {
    display: none;
    flex-direction: column;
    gap: 10px;
  }

  /* Отображаем иконку "гамбургера" */
  .hamburger {
    display: block;
  }

  /* Показываем меню при активном чекбоксе */
  #mobile-checkbox:checked + .hamburger + ul {
    display: flex;
  }
}

/* Основной контент */
.main-content {
  margin-left: 250px; /* Отступ для основного контента на ПК */
  padding: 20px;
}

@media (max-width: 768px) {
  .main-content {
    margin-left: 0;
  }
}

/* Адаптивное изображение */
.image-container img {
  width: 100%; /* Заполняет контейнер [[2]] */
  height: auto; /* Сохраняет пропорции [[5]] */
  object-fit: cover; /* Растягивает изображение [[6]] */
  display: block;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .image-container {
    margin: 10px auto; /* Меньшие отступы [[8]] */
    border-width: 0.5px; /* Тоньше рамка [[3]] */
  }
  
  .image-container img {
    object-fit: contain; /* Полное отображение изображения [[5]] */
  }
}

@media (max-width: 480px) {
  .image-container {
    border-radius: 12px; /* Меньше скругление [[9]] */
  }
}
/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
  .table, .topskill table {
    display: block;
    overflow-x: auto; /* Принудительная прокрутка по горизонтали [[6]] */
    white-space: nowrap; /* Запрет переноса строк */
  }

  .table tr th, 
  .table tr td,
  .topskill table tr th,
  .topskill table tr td {
    padding: 6px 8px; /* Уменьшаем паддинги */
    font-size: 12px; /* Меньший шрифт для мобильных */
    word-break: break-word; /* Перенос длинных слов [[3]] */
  }

  /* Скрываем ненужные колонки на мобильных (при необходимости) */
  .table tr th:nth-child(n+3),
  .table tr td:nth-child(n+3) {
    display: none;
  }
}