.font-br {
 color: #000;
 font-size: 20px;
}

.font-br:hover {
 color: #34ab00e0;
}

.demo_broker_1 {
 display: inline-block;
 vertical-align: top;
 position: relative;
 overflow: hidden;
 min-width: 100px;
 line-height: 30px;
 font-weight: bold;
 font-size: 14px;
 color: #34ab00e0;
 text-align: center;
 text-decoration: none;
 background-clip: padding-box;
 border: 3px solid;
 border-color: #34ab00e0;
 border-radius: 9px;
}

.demo_broker_1:hover{
 background-color: #34ab00e0;
 color: #fff;
}

.rating-container {
 max-width: 600px;
 margin: 0 auto;
 background: #fff;
 padding: 20px;
 border-radius: 8px;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.rating-title {
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 20px;
}
.rating-row {
 display: flex;
 align-items: center;
 margin-bottom: 15px;
}
.rating-label {
 width: 150px;
 font-size: 14px;
}
.rating-bar {
 flex: 1;
 height: 20px;
 background: #ddd;
 border-radius: 10px;
 overflow: hidden;
 position: relative;
}
.rating-fill {
 height: 100%;
 background: linear-gradient(to right, #6bbf59, #57a049);
}
.rating-value {
 margin-left: 10px;
 font-size: 14px;
}


.tab-link {
color: #fff;
}

.table-container {
 max-width: 100%;
 overflow-x: auto;
 }


 .table-container i.las {
 font-size: 25px;
 }
 .la-chevron-down{
 color: #67ac5b;
 }
 .la-search{
 color: #2e78a5;
 }
 .la-search:hover {
 color: #67ac5b;
 }

 .la-times{
 color: #c71313;
 }

 .table-container table {
 width: 100%;
 border-collapse: collapse;
 margin-bottom: 20px;
 }
 .table-container th, .table-container td {
 padding: 5px;
 text-align: center;
 border: 1px solid #ddd;
 vertical-align: middle;
 }
 .table-container th {
 background-color: #4CAF50;
 cursor: pointer;
 color: #fff;
 }
 .table-container tr:nth-child(even) {
 background-color: #f9f9f9;
 }
 .compare-button, .table-container .reset-button {
 
 background-color: #4CAF50;
 color: white;
 border: none;
 cursor: pointer;
 }
 .compare-button:hover, .table-container .reset-button:hover {
 background-color: #45a049;
 }
 .hidden {
 display: none;
 }
 .button2025 {
 display: block;
 width: fit-content;
 padding: 4px 8px;
 margin: 4px auto;
 text-align: center;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
 text-transform: uppercase;
 color: white;
 border-radius: 5px;
 }

 .real-button {
 background-color: #4CAF50; /* Зеленый цвет */
 }

 .demo-button {
 background-color: #a6a4a4; /* Красный цвет */
 color: #201c1c;
 }

 .real-button:hover {
 background-color: #218838; /* Темнее при наведении */
 }

 .demo-button:hover {
 background-color: #4d4949; /* Темнее при наведении */
 color: #fff;
 }

.font-br25 {
 color: #000;
 font-size: 12px;
}

.font-br25:hover{
 color: #4CAF50;
}

.ico-br {
 width: 25px;
}

 /* ======Предупреждение о рисках======= */
.warning-text {
 font-size: 10px;
 font-weight: bold;
 color: #d9534f; /* Насыщенный красный цвет для привлечения внимания */
 background-color: #f9f9f9; /* Светлый фон для контраста */
 border-left: 4px solid #d9534f; /* Левый бордер для акцента */
 padding: 10px;
 margin: 10px 0;
}

.button{display:inline-block;padding:0 20px;height:40px;line-height:41px;border-radius:5px;font-weight:500;font-size:13px;box-sizing:border-box}

.knopka{
background-color: #34ab00e0;
 color: #fff;
}