/* Start:/bitrix/templates/mediapro_main_copy/css/style.css?1749732577146938*/
.header-tags-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
}

.header-tags-container>span.me-3 {
    flex-shrink: 0;
    white-space: nowrap;
    margin-right: 8px !important;
    z-index: 1;
}

.header-tags-scroll-wrapper {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    position: relative;
    box-sizing: border-box;
}

.header-tags {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.header-tags .nav-item {
    flex-shrink: 0 !important;
    margin-right: 3px !important;
}

.header-tags .nav-item:last-child {
    margin-right: 0 !important;
}

.header-tags .nav-link {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 280px !important;
    min-width: 70px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #212529 !important;
    background-color: #eaeae6 !important;
    border: 1px solid #eaeae6 !important;
    border-radius: 16px !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
}

.header-tags .nav-link:hover {
    background-color: #e9ecef !important;
    border-color: #e9ecef !important;
    color: #000 !important;
}

@media (max-width: 767.98px) {
    .header-tags-container>span.me-3 {
        margin-right: 3px !important;
    }
    .header-tags .nav-link {
        max-width: 150px !important;
        font-size: 13px !important;
        padding: 5px 10px !important;
    }
    .header-tags-container>.scroll-button {
        position: absolute !important;
        top: 67% !important;
        transform: translateY(-50%) !important;
        z-index: 10 !important;
        width: 30px !important;
        height: 30px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: rgba(255, 255, 255, 0.85) !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
        border-radius: 50% !important;
        cursor: pointer;
        color: #333 !important;
    }
    .header-tags-container>.scroll-button:hover {
        background-color: #fff !important;
    }
    .header-tags-container>.scroll-button:disabled {
        opacity: 0.35 !important;
        cursor: default !important;
        background-color: rgba(240, 240, 240, 0.7) !important;
    }
    .header-tags-container>.scroll-button-left {
        left: 3px !important;
    }
    .header-tags-container>.scroll-button-right {
        right: 3px !important;
    }
}

.bx-auth {
    box-shadow: none !important;
    margin: 3rem auto !important;
}

.bx-registration-table tfoot {
    padding-top: 0.25rem !important;
}

.bx-registration-table tfoot input[type="submit"] {
    margin-bottom: 2.5rem !important;
}

.bx-auth>p:first-of-type {
    margin-top: 0 !important;
}

.bx-auth>p:nth-of-type(2) {
    margin-top: 1rem !important;
}

.bx-auth>p:last-of-type {
    margin-top: 2.5rem !important;
}

html {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: 'Golos Text', sans-serif;
    font-size: 14px;
    transition: all 0.3s ease;
}

.main-container {
    flex-grow: 1;
}

.nav-tabs {
    justify-content: flex-start !important;
}

header .navbar {
    background-color: #1e1e1e !important;
    transition: all 0.3s ease;
}

.container,
.container-fluid,
.row,
[class*="col-"] {
    transition: all 0.3s ease;
}

header .navbar .navbar-nav .nav-link {
    color: #fff !important;
    transition: color 0.2s ease-out;
}

header .navbar .navbar-nav {
    gap: 10px;
    font-size: 14px;
    margin-left: 15px;
    transition: all 0.3s ease;
}

header .navbar .navbar-nav .nav-link:hover,
header .navbar .navbar-nav .nav-link.active {
    color: #adb5bd !important;
}

.nav-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    transition: all 0.3s ease;
}

.icon-search {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 574 574" style="enable-background:new 0 0 574 574;" xml:space="preserve"><path fill="white" d="M370.4,407.6C266.4,487,132,462.6,59.4,378.2C-19.5,286.5-12,153.3,69.6,71.1c82.3-82.9,213.1-89.7,303.6-16 c90.1,73.4,114.3,211,34.8,314.7c4.5,4.6,9.1,9.4,13.7,14c40.5,40.5,81,81,121.5,121.5c6,6,12.1,11.9,18.1,17.9 c11.2,11.4,11.4,28.2,0.5,38.9c-10.8,10.6-27.3,10.4-38.5-0.8c-35.8-35.8-71.6-71.6-107.3-107.5 C400.8,438.6,385.6,423.1,370.4,407.6z M231,402.2c93,0.5,174.6-77.5,171.3-178.4c-3-89.8-77.5-168.1-176.4-165.9 c-91.5,2-165.8,75.5-168,167.8C55.4,326,137,403.6,231,402.2z"/></svg>');
}

.icon-user {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 633 633.6" style="enable-background:new 0 0 633 633.6;" xml:space="preserve"><path fill="white" d="M316.1,631.5c-75,0-150,0-224.9,0c-13.8,0-25.7-12-25.7-25.9c-0.2-58.3,18-110.4,54-156c35.8-45.3,82.2-75,138.4-88.4 c52.3-12.5,103.5-8.5,153.3,12.1c55.6,23,97.4,61.3,126,114c20,36.9,29.8,76.5,29.4,118.5c-0.1,13.6-12.1,25.7-25.4,25.7 C466.1,631.6,391.1,631.6,316.1,631.5C316.1,631.6,316.1,631.5,316.1,631.5z M121,578.1c130,0,259.9,0,389.9,0 c-7.4-77.4-77.6-167.3-189.8-170.2C208.1,404.9,130.2,492.6,121,578.1z"/><path fill="white" d="M316,2.5C398.9,2,467.6,68.7,470.4,151.3c3.1,89.6-68.6,157.8-149.1,160.3c-88.9,2.8-157.2-68-160-148.9 C158.2,73,231.9,1.6,316,2.5z M417.3,157.6c-0.5-59.2-45.6-102.7-100.2-103.2c-56.4-0.5-102.4,45.3-102.6,102.5 c-0.2,55.5,44.1,100.9,100.4,101.4C370.8,258.8,416.3,215,417.3,157.6z"/></svg>');
}

.icon-vk {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1161.6 1161" style="enable-background:new 0 0 1161.6 1161;" xml:space="preserve"><path fill="white" d="M5.7,202.5c65.4,0,130.4,0,195.9,0c0.4,9.7,0.6,19.3,1.2,28.8c1.8,25.4,2.8,50.9,5.8,76.1c3.4,29,7.7,58,13.3,86.7 c8,40.9,19.8,80.8,35.4,119.5c20.1,49.7,46,95.9,82,135.9c35,38.8,75.8,69.2,126.8,83.8c0.8,0.2,1.6,0.4,3.2,0.8 c0-177.4,0-354.3,0-531.6c62,0,123.2,0,185,0c0,101,0,201.8,0,303.6c6.9-1.3,13.3-2.2,19.5-3.6c31.5-7.2,59.3-22.1,85.2-40.9 c40.6-29.6,73.3-66.6,101-108.2c30.2-45.4,53-94.3,67.4-146.9c0.7-2.6,1.5-4.3,4.9-4.3c59.3,0.1,118.7,0.1,178,0.1 c0.8,0,1.6,0.2,3.7,0.5c-32.1,161.9-117.6,287.9-252.2,382.4c74.6,39.1,136.4,93.8,187.5,160.9c50.9,66.9,86,141.5,107.3,223.4 c-2.2,0-3.8,0-5.5,0c-64.2,0-128.3,0-192.5,0.1c-4.2,0-6-1.2-7.2-5.3c-11.5-38.4-28.3-74.4-49.7-108.2 c-17.2-27.1-37.4-51.8-60.8-73.9c-31.1-29.3-66.2-52.3-105.9-67.9c-25-9.8-50.8-16.3-77.6-19.1c-0.8-0.1-1.6,0-2.9,0 c0,91.4,0,182.5,0,274.3c-10.4,0-20.4,0.5-30.3-0.1c-29-1.8-58.2-2.7-87.1-6.2c-61.1-7.5-119.9-24-175.7-50.4 c-55-26-104-60.5-146.9-103.5c-46.3-46.5-83-99.8-112.3-158.5C73,592.2,52,530.6,36.9,467c-11-46.4-18.6-93.5-23.6-141 C9,285.8,6.6,245.5,5.7,205C5.7,204.4,5.7,203.7,5.7,202.5z"/></svg>');
}

.icon-youtube {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 650 650" style="enable-background:new 0 0 650 650;" xml:space="preserve"><path fill="white" d="M315.6,542.2c-47.2-1.5-94.5-2.5-141.7-4.5c-31.9-1.4-63.8-3.3-95.4-8.6C50.1,524.3,33,506.9,23,481.1 c-7.1-18.5-9.7-38-11.7-57.4c-2.1-20.2-3.8-40.5-4.5-60.7c-0.9-23.1-1.2-46.3-0.6-69.4c0.6-24.1,2-48.2,4.2-72.3 c2.2-23.5,4.6-47,13.8-69.1c9.6-23.2,25.5-39.7,50.9-44.6c12.9-2.5,25.9-4.4,39-5.3c33.2-2.3,66.5-4.2,99.7-5.5 c32.3-1.3,64.6-2.4,96.9-2.1c53.1,0.5,106.3,1.6,159.3,3.6c30.2,1.1,60.4,4.2,90.6,6.9c15,1.4,29.5,4.8,41.7,14.5 c15.2,12.2,24.4,28.3,28.2,46.9c4.4,21.3,7.9,42.8,9.9,64.4c2.4,26,3.8,52.2,3.9,78.3c0.1,27.8-1.1,55.6-2.9,83.4 c-1.6,25.7-4.1,51.4-10.7,76.4c-5.1,19.2-13.9,36.2-30.4,48.4c-11.7,8.6-25.3,11.4-39.2,13.2c-47.8,6.1-95.9,7.8-144,9 C383.4,540.7,349.6,541.4,315.6,542.2z M428.1,318.8c0-0.6,0-1.1,0.1-1.7c-56.2-31-112.4-61.9-169.3-93.2c0,63.2,0,125.1,0,188.1 C315.9,380.7,372,349.7,428.1,318.8z"/></svg>');
}

.icon-burger {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 972 752.8" style="enable-background:new 0 0 972 752.8;" xml:space="preserve"><path fill="white" d="M486.3,2.3c141.8,0,283.6-0.1,425.5,0.1c22.6,0,39.9,10.4,49.7,30.9c9.7,20.3,7.1,40-7,57.6 c-10.9,13.5-25.5,19.9-42.9,19.9c-99.2,0-198.3,0-297.5,0c-184.3,0-368.6,0-553,0c-26.8,0-48.8-17-54.4-42 C-1,34.4,24.6,2.3,59.9,2.3c77.5-0.1,155,0,232.5,0C357,2.3,421.7,2.3,486.3,2.3z"/><path fill="white" d="M486.1,430.7c-141.7,0-283.3,0-425,0c-26.5,0-48.7-17-54.3-41.5c-7.9-34.6,17.6-66.9,53.1-66.9c79.5-0.1,159,0,238.5,0 c204.2,0,408.3,0,612.5,0c26.6,0,48.6,16.7,54.5,41.3c8.2,34.4-17.4,67.1-52.8,67.2c-77.5,0.1-155,0-232.5,0 C615.4,430.7,550.8,430.7,486.1,430.7z"/><path fill="white" d="M246.7,642.3c61.8,0,123.7-0.1,185.5,0c37.1,0.1,63.2,35.1,52.4,70.1c-7,22.5-27.7,38.3-51.2,38.3 c-124.7,0.1-249.3,0.1-374,0c-30,0-54-24.4-54.1-54.1c-0.1-29.9,24.2-54.3,54.4-54.3C122,642.2,184.3,642.3,246.7,642.3z"/></svg>');
}

.icon-telegram {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 339.8 294.5' style='enable-background:new 0 0 339.8 294.5;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='white' d='M181.3,227.2c-13.9,13.6-27.4,26.9-40.9,40.2c-1,1-1.9,2-3.1,2.7c-4.3,2.4-8.9-0.8-8.6-6c0.5-9.7,1.3-19.4,2-29.1 c0.9-12.4,1.9-24.9,2.6-37.3c0.2-3.1,1.1-5.3,3.4-7.4c44.4-40.7,88.7-81.6,133-122.4c1-0.9,2.1-1.8,2.8-2.9c0.4-0.7,0.5-2.1,0-2.6 c-0.6-0.7-1.9-1.1-2.8-0.9c-1,0.1-2,1-2.9,1.6c-59.1,36.2-118.2,72.3-177.3,108.5c-2.3,1.4-4.3,1.7-6.9,0.8 c-23.9-8.2-47.8-16.4-71.8-24.5c-6.2-2.1-9.2-5.5-9.2-10.8c-0.1-5.2,2.7-8.7,8.9-11.1c51.4-19.7,102.8-39.4,154.2-59.1 c48.6-18.6,97.3-37.1,145.8-56c13.5-5.2,24.6,3,26.1,12.9c0.5,3,0.2,6.3-0.5,9.2c-16.7,76.3-33.6,152.6-50.4,228.9 c-1,4.7-2.1,9.5-3.2,14.2c-3,13-14.2,17-24.9,8.9c-24.2-18.3-48.3-36.6-72.5-54.9C184,229.1,182.8,228.3,181.3,227.2z'/%3E%3C/g%3E%3C/svg%3E");
}

.navbar-brand img {
    width: 120px;
    height: 21px;
    transition: all 0.3s ease;
}

.header-tags .nav-link {
    background-color: #eaeae6;
    color: #212529;
    border-radius: 20px;
    margin: 8px;
    font-size: 14px;
    padding: 4px 16px !important;
    transition: all 0.3s ease;
}

.header-tags .nav-link:hover {
    background-color: #dcdcdc;
    color: #212529;
}

.match-center .nav-tabs .nav-link {
    border: none;
    color: #828282;
    padding-bottom: 8px;
    margin-right: 0px;
    position: relative;
    transition: all 0.3s ease;
}

.match-center .nav-tabs .nav-link.active {
    color: #212529;
}

.match-center .nav-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #dc3545;
    transition: all 0.3s ease;
}

.match-center .nav-tabs .nav-link:hover {
    color: #212529;
}

.tab-count {
    display: inline-block;
    background-color: #eaeae6;
    border-radius: 20px;
    padding: 3px 4px;
    margin-left: 5px;
    font-size: 13px;
    line-height: 1;
    color: #828282;
}

.match-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.75rem 1rem !important;
    border: none !important;
    border-bottom: 1px solid #eee !important;
    gap: 1rem !important;
}

.match-row:last-child {
    border-bottom: none !important;
}

.match-time {
    flex-shrink: 0 !important;
    font-weight: 500 !important;
    min-width: 45px !important;
    text-align: center !important;
}

.match-details {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-grow: 1 !important;
    gap: 0.75rem !important;
    overflow: hidden !important;
}

.team-container {
    flex-basis: 40% !important;
    flex-grow: 0;
    flex-shrink: 1;
    text-align: center !important;
}

.team-container:first-of-type {
    text-align: right !important;
}

.team-container:last-of-type {
    text-align: left !important;
}

.team-name {
    display: inline-block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    vertical-align: middle;
    line-height: 1.2;
}

.score {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    background-color: #f8f9fa !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 0.25rem !important;
    font-weight: bold !important;
    min-width: 60px !important;
    justify-content: center !important;
}

.score-num {
    display: inline-block !important;
    min-width: 1.2em !important;
    text-align: center !important;
}

.score-colon {
    margin: 0 0.3rem !important;
}

.match-status {
    flex-shrink: 0 !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    padding: 0.2rem 0.5rem !important;
    border-radius: 0.25rem !important;
    min-width: 70px !important;
    text-align: center !important;
    background-color: #e9ecef !important;
    color: #6c757d !important;
    white-space: nowrap !important;
}

.match-status.live {
    background-color: #dc3545 !important;
    color: white !important;
}

.match-status.complete {
    background-color: #6c757d !important;
    color: white !important;
}

.match-status.text-warning {
    color: #333 !important;
    background-color: #e9ecef !important;
}

.match-row .match-status .badge {
    font-size: 13px;
    padding: 3px 6px;
    font-weight: normal !important;
}

.match-row .match-status .badge-live {
    background-color: #eb303a;
    color: #fff;
    padding: 3px !important;
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal !important;
}

.sport-section-collapsed {
    cursor: pointer;
    transition: all 0.3s ease;
}

.sport-section-collapsed:hover {
    background-color: #f8f9fa;
}

.match-center h2 {
    font-size: 16px;
}

.match-center-divider {
    border-top: none;
}

.match-list .match-category-title {
    color: #000000;
}

.match-list {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease;
}

.match-category {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border-right: 1px solid #eaeae6;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.match-category:last-child {
    border-right: none;
}

.match-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px;
    border: none !important;
}

.match-row:last-child {
    border: none !important;
}

.match-row .match-time {
    color: #000;
    width: 45px;
    text-align: left;
}

.match-row .match-details {
    display: flex;
    align-items: center;
    flex-grow: 1;
    margin: 0 15px;
}

.match-row .team-container {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.match-row .team-name {
    color: #000;
}

.match-row .score {
    display: flex;
    align-items: center;
    color: #000;
    margin: 0 8px;
}

.match-row .score-num {
    background-color: #f8f8f6;
    padding: 1px 4px;
    border-radius: 4px;
    margin: 0 2px;
}

.match-row .score-colon {
    color: #828282;
}

.match-row .match-status {
    color: #000;
    width: 80px;
    text-align: right;
}

.match-row .badge-live {
    background-color: #eb303a;
    color: #fff;
    padding: 3px !important;
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal !important;
}

.match-categories-header {
    position: relative;
    width: 100%;
}

.match-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 0 2px;
    margin: 15px 0;
    gap: 10px;
    transition: all 0.3s ease;
}

.match-category-title {
    color: #828282 !important;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 100px);
    flex-grow: 1;
    transition: all 0.3s ease;
}

.match-category-table-link {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #3162e9;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.match-category-table-link::after {
    content: '';
    width: 9px;
    height: 9px;
    margin-left: 4px;
    background-image: url('/bitrix/templates/mediapro_main_copy/css/../img/arrow-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(24%) sepia(91%) saturate(3049%) hue-rotate(214deg) brightness(94%) contrast(89%);
    transition: all 0.3s ease;
}

.match-category .match-category-title {
    display: none;
}

.sport-section .accordion-header {
    background-color: #f8f8f6;
    border-bottom: none;
    padding: 2px 5px;
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    margin-top: 15px;
    transition: all 0.3s ease;
    flex-wrap: nowrap;
}

.sport-section .accordion-button {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
}

.sport-section .accordion-button .accordion-icon {
    margin-right: 8px;
    flex-shrink: 0;
    background-color: #eaeae6;
    border-radius: 4px;
    padding: 2px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23828282'%3e%3cpath fill-rule='evenodd' d='M8 1a.5.5 0 0 1 .5.5v6h6a.5.5 0 0 1 0 1h-6v6a.5.5 0 0 1-1 0v-6H1a.5.5 0 0 1 0-1h6V1.5A.5.5 0 0 1 8 1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background-image 0.3s ease-in-out;
}

.sport-section .accordion-button:not(.collapsed) .accordion-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23828282'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8z'/%3e%3c/svg%3e");
}

.sport-section .accordion-header .sport-title {
    margin-right: 8px;
    color: #828282;
    transition: all 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.sport-section .accordion-header .sport-count {
    background-color: #eaeae6;
    border-radius: 12px;
    padding: 1px 4px;
    font-size: 12px;
    color: #828282;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.sport-section .accordion-header a {
    white-space: nowrap;
    color: #828282;
    font-size: 14px;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.sport-section .accordion-button:focus {
    box-shadow: none;
    background-color: transparent !important;
    outline: none !important;
}

.sport-section .accordion-button:active {
    background-color: transparent !important;
    box-shadow: none;
}

.sport-section .accordion-button::after {
    display: none;
}

.sport-section .accordion-body {
    padding: 0;
}

.toggle-match-center-icon {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-image: url('/bitrix/templates/mediapro_main_copy/css/../img/arrow-down.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
    vertical-align: middle;
    margin-left: 5px;
    transform-origin: center center;
}

.toggle-match-center-icon.rotated {
    transform: rotate(180deg);
}

.football-accordion-wrapper {
    transition: all 0.3s ease;
    max-height: 1000px;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
}

.football-accordion-wrapper.collapsed {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
}

.accordion-collapse {
    transition: all 0.3s ease;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-20px);
    visibility: hidden;
}

.accordion-collapse.show {
    max-height: 2000px;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.accordion-collapse>* {
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(-20px);
}

.accordion-collapse.show>* {
    opacity: 1;
    transform: translateY(0);
}

.accordion .accordion-collapse {
    transition: all 0.3s ease;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-20px);
    visibility: hidden;
}

.accordion .accordion-collapse.show {
    max-height: 2000px;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.accordion .accordion-collapse>* {
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(-20px);
}

.accordion .accordion-collapse.show>* {
    opacity: 1;
    transform: translateY(0);
}

.sport-section {
    transition: all 0.3s ease;
}

.search-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 9999;
    display: none;
    opacity: 0;
    transition: all 0.3s ease;
}

.search-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.search-modal-content {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 20px;
    transform: translateY(-10%);
    transition: all 0.3s ease;
}

.search-modal-close {
    position: absolute;
    top: -50px;
    right: 0;
    width: 24px;
    height: 24px;
    border: none;
    background-color: transparent;
    background-image: url('/bitrix/templates/mediapro_main_copy/css/../img/x.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.3s ease;
    filter: invert(1);
}

.search-modal-close:hover {
    opacity: 1;
}

.search-input-wrapper {
    width: 100%;
    position: relative;
}

.search-input-wrapper::before {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 574 574" style="enable-background:new 0 0 574 574;" xml:space="preserve"><path fill="white" d="M370.4,407.6C266.4,487,132,462.6,59.4,378.2C-19.5,286.5-12,153.3,69.6,71.1c82.3-82.9,213.1-89.7,303.6-16 c90.1,73.4,114.3,211,34.8,314.7c4.5,4.6,9.1,9.4,13.7,14c40.5,40.5,81,81,121.5,121.5c6,6,12.1,11.9,18.1,17.9 c11.2,11.4,11.4,28.2,0.5,38.9c-10.8,10.6-27.3,10.4-38.5-0.8c-35.8-35.8-71.6-71.6-107.3-107.5 C400.8,438.6,385.6,423.1,370.4,407.6z M231,402.2c93,0.5,174.6-77.5,171.3-178.4c-3-89.8-77.5-168.1-176.4-165.9 c-91.5,2-165.8,75.5-168,167.8C55.4,326,137,403.6,231,402.2z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6;
}

.search-input {
    width: 100%;
    height: 60px;
    padding: 0 60px 0 20px;
    font-size: 24px;
    border: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.2);
    outline: none;
    transition: all 0.3s ease;
    color: #fff;
    border-radius: 0;
}

.search-input::placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.search-input:focus {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.dropdown .nav-link {
    padding: 0;
}

.dropdown .icon-burger {
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

.dropdown-menu-dark {
    background-color: #1e1e1e;
    border: none;
    border-radius: 8px;
    margin-top: 10px;
    padding: 8px 0;
    min-width: 180px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.dropdown-menu-dark .dropdown-item {
    color: #fff;
    padding: 8px 16px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.dropdown-menu-dark .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.dropdown-menu.show {
    animation: dropdownFadeIn 0.2s ease-out;
    transition: all 0.3s ease;
}

@keyframes dropdownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 991.98px) {
    .navbar>.container {
        padding: 10px 15px;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        position: relative;
    }
    .navbar-brand img {
        width: 130px;
        height: 23px;
    }
    .navbar-toggler {
        border: none !important;
        padding: 0 !important;
        position: relative;
        margin-right: 15px;
        box-shadow: none !important;
        outline: none !important;
        z-index: 1100;
        width: 35px;
        height: 35px;
        transition: all 0.3s ease;
        z-index: 1040;
        position: relative;
    }
    .burger-icon {
        display: inline-block;
        position: relative;
        width: 30px;
        height: 20px;
        cursor: pointer;
    }
    .burger-icon span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #fff;
        border-radius: 0;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }
    .burger-icon span:nth-child(1) {
        top: 0px;
    }
    .burger-icon span:nth-child(2) {
        top: 8px;
    }
    .burger-icon span:nth-child(3) {
        top: 16px;
    }
    .navbar-nav .dropdown-toggle::after {
        display: inline-block;
        margin-left: 8px;
        vertical-align: middle;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        transition: transform 0.2s ease-out;
    }
    .navbar-nav .dropdown-toggle[aria-expanded="true"]::after {
        transform: rotate(180deg);
    }
    .navbar-nav .dropdown-menu {
        position: static !important;
        background: transparent !important;
        border: none;
        padding-left: 0;
    }
    .navbar-nav .dropdown-item {
        color: #fff !important;
        padding: 8px 0;
    }
    .navbar-nav .dropdown-item:hover {
        background: transparent !important;
    }
    .navbar-nav .dropdown-menu.dropdown-menu-dark {
        background: transparent !important;
        border: none;
        padding-left: 0;
        box-shadow: none !important;
    }
    .navbar-nav .dropdown-menu.dropdown-menu-dark .dropdown-item {
        font-size: 18px;
        padding: 8px 0;
    }
    .navbar-nav .dropdown-toggle::after {
        display: inline-block;
        content: '';
        width: 12px;
        height: 12px;
        margin-left: 8px;
        vertical-align: middle;
        background-image: url('/bitrix/templates/mediapro_main_copy/css/../img/arrow-down.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border: none;
        transition: transform 0.2s ease-out;
        filter: invert(1);
    }
    .navbar-nav .dropdown-toggle[aria-expanded="true"]::after {
        transform: rotate(180deg);
    }
    .mobile-right-icons {
        position: relative;
        display: flex;
        gap: 20px;
        margin: 0;
        margin-left: auto;
    }
    .mobile-right-icons .nav-icon {
        width: 20px;
        height: 20px;
    }
    .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.9);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        z-index: 1050;
        background: rgba(0, 0, 0, 0.9);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        padding: 0 20px;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .navbar-collapse>.navbar-nav {
        padding-top: 60px;
        padding-bottom: 20px;
    }
    .navbar-collapse.show {
        transform: translateX(0);
    }
    .navbar-collapse.collapsing {
        transition: transform 0.3s ease-out;
        transform: translateX(-100%);
    }
    .navbar-collapse.collapsing.show {
        transform: translateX(0);
    }
    .navbar-brand {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        transition: all 0.3s ease;
    }
    .navbar-nav {
        gap: 10px !important;
    }
    .navbar-nav .nav-link {
        font-size: 18px !important;
        padding: 5px 0 !important;
        color: #fff !important;
        transition: all 0.3s ease;
    }
    .navbar-nav .dropdown .dropdown-menu.show {
        display: block;
        background-color: transparent;
        border: none;
        padding-left: 20px;
    }
    .navbar-nav .dropdown .dropdown-item {
        color: #fff !important;
        padding: 5px 0;
        font-size: 18px;
        background: transparent !important;
        transition: all 0.3s ease;
    }
    .navbar-nav .dropdown .dropdown-item:hover,
    .navbar-nav .dropdown .dropdown-item:active,
    .navbar-nav .dropdown .dropdown-item:focus {
        background: transparent !important;
        color: #adb5bd !important;
    }
    .mobile-social {
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .mobile-social .nav-link {
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 13px !important;
        padding: 7px 0 !important;
        color: #fff !important;
    }
    .menu-close-button {
        position: fixed;
        top: 20px;
        left: 20px;
        z-index: 1055;
        display: none;
        width: 36px !important;
        height: 36px !important;
        background-color: transparent;
        background-image: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' class='bi bi-x-lg' viewBox='0 0 16 16'%3e%3cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1.6em 1.6em;
        border: none;
        padding: 0;
        opacity: 0.8;
        box-shadow: none;
        cursor: pointer;
    }
    .menu-close-button:hover {
        opacity: 1;
    }
    .menu-close-button:focus {
        outline: none;
        box-shadow: none;
    }
    .navbar-collapse.show .menu-close-button {
        display: block;
    }
}

.navbar-toggler {
    border: none;
    padding: 0;
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 15px;
}

.navbar-toggler[aria-expanded="true"] .burger-line:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.navbar-toggler[aria-expanded="true"] .burger-line:nth-child(2) {
    opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .burger-line:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

@media (max-width: 1200px) {
    body {
        font-size: 13px;
        transition: all 0.3s ease;
    }
    header .navbar .navbar-nav {
        gap: 8px;
        font-size: 13px;
        margin-left: 10px;
        transition: all 0.3s ease;
    }
    header .navbar .navbar-nav .nav-link {
        padding: 6px !important;
        transition: all 0.3s ease;
    }
    .navbar-brand img {
        width: 110px;
        height: 19px;
        transition: all 0.3s ease;
    }
    .header-tags .nav-link {
        font-size: 13px;
        padding: 3px 14px !important;
        margin: 6px;
        transition: all 0.3s ease;
    }
    .nav-icon {
        width: 15px;
        height: 15px;
        transition: all 0.3s ease;
    }
    .match-center {
        transition: all 0.3s ease;
    }
    .match-center h2 {
        font-size: 15px;
        transition: all 0.3s ease;
    }
    .match-center .nav-tabs .nav-link {
        font-size: 13px;
        padding-bottom: 6px;
        transition: all 0.3s ease;
    }
    .tab-count {
        font-size: 12px;
        padding: 2px 3px;
        margin-left: 4px;
        transition: all 0.3s ease;
    }
    .match-row {
        font-size: 13px;
        padding: 6px 12px;
        transition: all 0.3s ease;
    }
    .match-row .match-time {
        font-size: 13px;
        width: 40px;
        transition: all 0.3s ease;
    }
    .match-row .match-details {
        margin: 0 10px;
        transition: all 0.3s ease;
    }
    .match-row .team-container {
        width: 38%;
        transition: all 0.3s ease;
    }
    .match-row .team-name {
        font-size: 13px;
        transition: all 0.3s ease;
    }
    .match-row .score {
        min-width: 45px;
        margin: 0 8px;
        font-size: 13px;
        transition: all 0.3s ease;
    }
    .match-row .score-num {
        font-size: 12px;
        transition: all 0.3s ease;
    }
    .match-row .match-status {
        font-size: 13px;
        width: 70px;
        transition: all 0.3s ease;
    }
    .match-row .badge {
        font-size: 12px;
        padding: 2px 5px;
        transition: all 0.3s ease;
    }
    .match-list {
        transition: all 0.3s ease;
    }
    .match-category {
        transition: all 0.3s ease;
    }
    .match-category-title {
        font-size: 13px;
        transition: all 0.3s ease;
    }
    .match-category-table-link {
        font-size: 13px;
        transition: all 0.3s ease;
    }
    .sport-section {
        transition: all 0.3s ease;
    }
    .sport-section .accordion-header {
        padding: 1px 4px;
        margin-bottom: 10px;
        transition: all 0.3s ease;
    }
    .sport-section .accordion-icon {
        width: 15px;
        height: 15px;
        margin-right: 6px;
        transition: all 0.3s ease;
    }
    .sport-section .accordion-header .sport-title {
        font-size: 13px;
        margin-right: 6px;
        transition: all 0.3s ease;
    }
    .sport-section .accordion-header .sport-count {
        font-size: 11px;
        padding: 1px 3px;
        transition: all 0.3s ease;
    }
    .sport-section .accordion-header a {
        font-size: 13px;
        transition: all 0.3s ease;
    }
    .dropdown-menu-dark {
        min-width: 160px;
        transition: all 0.3s ease;
    }
    .dropdown-menu-dark .dropdown-item {
        font-size: 13px;
        padding: 6px 14px;
        transition: all 0.3s ease;
    }
    .toggle-match-center {
        font-size: 13px;
    }
}

@media (min-width: 992px) {
    .navbar-collapse {
        position: static !important;
        transform: none !important;
        background: none !important;
        backdrop-filter: none !important;
        padding: 0 !important;
        height: auto !important;
        width: auto !important;
        transition: all 0.3s ease;
    }
    .navbar-nav {
        gap: 10px;
        align-items: center;
    }
    .navbar-nav .nav-link {
        font-size: 14px !important;
        padding: 8px !important;
    }
    .navbar-nav .dropdown .nav-link {
        padding: 8px !important;
        display: block;
        line-height: normal;
        width: auto;
        height: auto;
    }
    .navbar-nav .dropdown .icon-burger {
        width: 20px;
        height: 20px;
        transition: all 0.3s ease;
        vertical-align: middle;
    }
    .dropdown-menu-dark {
        background-color: #1e1e1e !important;
        border: none !important;
        box-shadow: none !important;
        margin-top: 0;
        border-radius: 0 0 8px 8px;
    }
    .dropdown-menu-dark .dropdown-item {
        color: #fff !important;
        background-color: transparent !important;
        padding: 8px 16px;
        font-size: 14px;
    }
    .dropdown-menu-dark .dropdown-item:hover,
    .dropdown-menu-dark .dropdown-item:focus {
        color: #fff !important;
        background-color: rgba(255, 255, 255, 0.15) !important;
    }
    .navbar-nav .dropdown .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        transform: translateY(10px);
        transition: visibility 0s linear 0.2s, opacity 0.2s ease-out, transform 0.2s ease-out;
    }
    .navbar-nav .dropdown:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0s;
    }
    .navbar-nav .dropdown .dropdown-toggle::after {
        display: none;
    }
}

.toggle-match-center {
    font-size: 14px;
    transition: all 0.3s ease;
}

.header-tags-container {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    position: static;
    overflow: visible;
    padding-left: 0;
    padding-right: 0;
}

.header-tags-scroll-wrapper {
    overflow: visible;
    width: auto;
    flex-grow: 0;
    min-width: initial;
    -ms-overflow-style: auto;
    scrollbar-width: auto;
}

.header-tags-scroll-wrapper::-webkit-scrollbar {
    display: block;
}

ul.header-tags {
    display: flex;
    flex-wrap: wrap;
    white-space: normal;
    margin-bottom: 0;
    padding-left: 0;
}

ul.header-tags .nav-item {
    display: list-item;
}

.header-tags-container>span.me-3 {
    font-size: 16px;
    font-weight: 400;
}

.align-items-center>h2 {
    font-size: 16px;
    font-weight: 400;
}

.scroll-button {
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #fff;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    display: none;
    cursor: pointer;
    transition: opacity 0.2s ease-out, background-color 0.2s ease-out;
}

.scroll-button.visible {
    display: block !important;
}

.scroll-button-left {
    background-image: url('/bitrix/templates/mediapro_main_copy/css/../img/arrow-left.svg');
}

.scroll-button-right {
    background-image: url('/bitrix/templates/mediapro_main_copy/css/../img/arrow-right.svg');
}

.scroll-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn.scroll-button:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-color: #fff !important;
}

.btn.scroll-button:active {
    background-color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
    border-color: #fff !important;
}

@media (max-width: 991.98px) {
    .header-tags-container {
        position: relative;
        flex-wrap: wrap;
        overflow: visible;
    }
    .header-tags-scroll-wrapper {
        width: 100%;
        overflow-x: auto;
        display: block;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-top: 8px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .header-tags-scroll-wrapper::-webkit-scrollbar {
        display: none;
    }
    ul.header-tags {
        display: flex !important;
        flex-wrap: nowrap !important;
        margin-bottom: 0;
        padding-left: 0;
        padding-bottom: 0;
        width: auto;
        min-width: 100%;
    }
    ul.header-tags .nav-item {
        display: inline-block !important;
        flex-shrink: 0 !important;
    }
    .scroll-button {
        position: absolute;
        top: 37px;
        transform: translateY(0);
        z-index: 10;
    }
    .scroll-button-left {
        left: -10px;
    }
    .scroll-button-right {
        right: -10px;
    }
}

@media (max-width: 767.98px) {
    .match-center .d-flex.justify-content-between.align-items-center {
        flex-wrap: wrap;
    }
    .match-center .d-flex.justify-content-between.align-items-center h2 {
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }
    .match-center .d-flex.justify-content-between.align-items-center ul.nav-tabs {
        width: 100%;
        order: 3;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-top: 0;
        justify-content: flex-start;
    }
    .match-center .d-flex.justify-content-between.align-items-center .toggle-match-center {
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }
    .match-center .d-flex.justify-content-between.align-items-center ul.nav-tabs .nav-link {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
}

@media (max-width: 991.98px) {
    .match-list {
        flex-direction: column;
    }
    .match-row .match-details {
        justify-content: space-between;
        margin: 0 10px;
    }
    .match-row .team-container {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 33%;
        min-width: 0;
    }
    .match-row .team-container:first-child {
        text-align: right;
    }
    .match-row .team-container:last-child {
        text-align: left;
    }
    .match-row .score {
        flex-shrink: 0;
        margin: 0 8px;
        min-width: 45px;
    }
    .match-row .match-status {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: auto;
        flex-shrink: 1;
        min-width: 0;
        text-align: right;
        width: 60px;
    }
    .match-category {
        border-right: none;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 15px;
    }
    .match-category:last-child {
        margin-bottom: 0;
    }
}

.section-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.col-lg-6 .news-card,
.col-lg-3:last-child .news-card {
    border: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 1rem;
}

.col-lg-3:not(:last-child) .news-card {
    border: none;
    box-shadow: none;
    margin-bottom: 1rem;
}

.main-highlight-card {
    position: relative;
    overflow: hidden;
    border: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 1rem;
    border-radius: 15px;
}

.main-highlight-card .card-img-top {
    border-radius: 10px !important;
}

.col-lg-3:not(:last-child) .news-card .card-img-top {
    border-radius: 10px !important;
}

.news-card:not(.col-lg-3:not(:last-child) *) .card-img-top {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.main-highlight-card .card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.5rem 1rem 1rem 1rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.7) 25%, rgba(0, 0, 0, 0) 100%);
    color: #fff;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.news-card .card-body {
    padding: 0.75rem 0;
}

.news-card .article-meta .badge,
.main-highlight-card .article-meta .badge {
    font-size: 0.7rem !important;
    padding: calc(0.3em + 2px) calc(0.6em + 2px) !important;
    border-radius: 1em !important;
    background-color: #eb303a !important;
    color: #ffffff !important;
    display: inline-block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: top !important;
}

.news-card .card-title,
.main-highlight-card .card-title {
    margin-bottom: 0.5rem;
}

.news-card .card-title a,
.main-highlight-card .card-title a {
    color: #212529;
    transition: color 0.2s ease-out;
    font-weight: 600;
}

.col-lg-3:not(:last-child) .news-card .card-title a {
    font-weight: 500;
}

.news-card .card-title a:hover,
.main-highlight-card .card-title a:hover {
    color: #dc3545;
}

.main-highlight-card .card-title {
    font-size: 1.65rem !important;
}

.main-highlight-card .card-title a {
    color: #fff !important;
    text-decoration: none;
}

.main-highlight-card .card-title a:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}

.news-card .card-title {
    font-size: 0.95rem;
}

.news-card .article-footer,
.main-highlight-card .article-footer {
    font-size: 0.8rem !important;
}

.card .article-footer small,
.list-group-item .article-footer small {
    font-size: 0.7rem !important;
}

.news-card .article-icons img {
    vertical-align: middle;
    opacity: 0.6;
    width: 14px;
    height: 14px;
}

.news-card .article-icons span {
    vertical-align: middle;
    font-size: 0.8rem;
}

.main-highlight-card .article-footer {
    color: rgba(255, 255, 255, 0.8) !important;
}

.main-highlight-card .article-icons img {
    filter: brightness(0) invert(1);
    opacity: 0.8;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.main-highlight-card .article-icons span {
    color: rgba(255, 255, 255, 0.8);
    vertical-align: middle;
    font-size: 0.8rem;
}

.main-highlight-card .article-icons span.text-muted {
    color: #b1b1b1 !important;
}

.main-highlight-card .article-icons img {
    display: inline-block !important;
    filter: brightness(0) invert(1);
    opacity: 0.8;
    width: 14px !important;
    height: 14px !important;
    vertical-align: middle !important;
}

.latest-news-list .list-group-item {
    border-bottom: 1px solid #eee !important;
}

.latest-news-list .list-group-item:last-child {
    border-bottom: none !important;
}

.latest-news-list .news-item-title {
    font-weight: 500;
    color: #212529;
    transition: color 0.2s ease-out;
    font-size: 0.9rem;
}

.latest-news-list a:hover .news-item-title {
    color: #dc3545;
}

.latest-news-list .article-icons img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    opacity: 0.6;
}

.latest-news-list .article-icons span.text-muted {
    font-size: 0.8rem !important;
}

.badge {
    font-weight: 400 !important;
    padding: calc(0.35em + 4px) calc(0.65em + 4px) !important;
}

.col-lg-3:last-child .list-group-item-action:hover {
    background-color: transparent !important;
    color: inherit !important;
}

.latest-news-list .article-icons img {
    opacity: 0.6;
}

@media (max-width: 991.98px) {
    .main-highlight-card .card-title {
        font-size: 1.4rem !important;
    }
    .header-tags-container {
        position: relative;
        flex-wrap: wrap;
        overflow: visible;
    }
    .header-tags-scroll-wrapper {
        width: 100%;
        overflow-x: auto;
        display: block;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-top: 8px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .header-tags-scroll-wrapper::-webkit-scrollbar {
        display: none;
    }
    ul.header-tags {
        display: flex !important;
        flex-wrap: nowrap !important;
        margin-bottom: 0;
        padding-left: 0;
        padding-bottom: 0;
        width: auto;
        min-width: 100%;
    }
    ul.header-tags .nav-item {
        display: inline-block !important;
        flex-shrink: 0 !important;
    }
    .scroll-button {
        position: absolute;
        top: 37px;
        transform: translateY(0);
        z-index: 10;
    }
    .scroll-button-left {
        left: -10px;
    }
    .scroll-button-right {
        right: -10px;
    }
    .match-list {
        flex-direction: column;
    }
    .match-row .match-details {
        justify-content: space-between;
        margin: 0 10px;
    }
    .match-row .team-container {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 33%;
        min-width: 0;
    }
    .match-row .team-container:first-child {
        text-align: right;
    }
    .match-row .team-container:last-child {
        text-align: left;
    }
    .match-row .score {
        flex-shrink: 0;
        margin: 0 8px;
        min-width: 45px;
    }
    .match-row .match-status {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: auto;
        flex-shrink: 1;
        min-width: 0;
        text-align: right;
        width: 60px;
    }
    .match-category {
        border-right: none;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 15px;
    }
    .match-category:last-child {
        margin-bottom: 0;
    }
}

.col-lg-3:not(:last-child) .news-card .card-title a:hover {
    color: #eb303a !important;
    text-decoration: none;
}

.all-news-btn,
.col-lg-3:last-child .all-news-btn {
    background-color: #eb303a !important;
    color: #ffffff !important;
    text-align: center;
    font-weight: 500;
    border: none !important;
    padding: 0.5rem 1rem;
    transition: all 0.2s ease;
}

.all-news-btn:hover,
.col-lg-3:last-child .all-news-btn:hover {
    background-color: #d62c35 !important;
}

section.main-content.my-4 {
    margin-top: 3rem !important;
}

.main-content .col-lg-6.mb-4 {
    margin-bottom: 0.75rem !important;
}

@media (max-width: 991.98px) {
    .main-highlight-card .card-title {
        font-size: 1.4rem !important;
    }
    .header-tags-container {
        position: relative;
        flex-wrap: wrap;
        overflow: visible;
    }
}

@media (max-width: 767px) {
    .main-highlight-card .card-title.h5,
    .card-title.h5 {
        font-size: 1.1rem !important;
    }
}

.authors-column.my-5 {
    margin-top: calc(3rem - 15px) !important;
}

.authors-column .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}

.authors-column .section-title {
    font-size: 1.5rem;
    font-weight: 600;
    padding-left: 0;
}

.author-card {
    margin-bottom: 1rem;
    transition: all 0.3s ease;
    background-color: #f8f8f6;
    padding-bottom: 0;
    border-radius: 0 0 5px 5px;
    height: 100%;
}

.author-card-img {
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
    transition: all 0.2s ease;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.author-card-body {
    padding: 8px;
    height: 95px;
    display: flex;
    flex-direction: column;
}

.authors-column .author-card a.d-block {
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background-color: #f0f0f0;
    border-radius: 10px;
}

.author-card-title {
    font-size: 0.72rem;
    margin-bottom: 0.5rem;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(1.9em * 5);
}

.author-card-title a {
    color: #212529;
    text-decoration: none;
    transition: all 0.2s ease;
    font-weight: 500;
}

.author-card-title a:hover {
    color: #eb303a !important;
}

.ad-container {
    margin-top: 1.5rem;
    border-radius: 0;
    overflow: hidden;
}

.ad-sidebar-container {
    border-radius: 0;
    overflow: hidden;
}

@media (max-width: 991px) {
    .authors-column .col-md-2 {
        flex: 0 0 auto;
        width: 33.333333%;
    }
    .authors-column .col-lg-3 {
        display: none;
    }
    .authors-column .col-lg-9 {
        flex: 0 0 auto;
        width: 100%;
    }
    .author-card-body {
        height: 85px;
    }
}

@media (max-width: 767px) {
    .author-card-title {
        font-size: 0.67rem;
    }
    .authors-column .col-md-2 {
        flex: 0 0 auto;
        width: 33.333333%;
    }
    .author-card-body {
        height: 90px;
    }
}

@media (max-width: 576px) {
    .author-card {
        margin-bottom: 1.5rem;
    }
    .author-card-img {
        border-radius: 8px;
    }
    .authors-column .col-6 {
        width: 50%;
    }
    .author-card-body {
        height: 75px;
    }
}

.categories-and-stats {
    margin-top: 40px;
    margin-bottom: 40px;
}

.categories-and-stats .section-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.categories-nav .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-bottom: 15px;
    padding-left: 0;
    justify-content: flex-start !important;
}

.categories-nav .nav-tabs::-webkit-scrollbar {
    display: none;
}

.categories-nav .nav-tabs .nav-item {
    white-space: nowrap;
    margin-right: 10px;
}

.categories-nav .nav-tabs .nav-link {
    border: none;
    color: #828282;
    padding: 10px 15px;
    position: relative;
    transition: all 0.3s ease;
}

.categories-nav .nav-tabs .nav-link.active {
    color: #212529;
    font-weight: 500;
    border: none;
}

.categories-nav .nav-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px !important;
    background-color: #dc3545;
    transition: all 0.3s ease;
}

.categories-nav .nav-tabs .nav-link:hover {
    color: #212529;
    border: none;
}

.categories-nav-container {
    position: relative;
    width: 100%;
}

.categories-scroll-wrapper {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0;
}

.categories-scroll-wrapper::-webkit-scrollbar {
    display: none;
}

.categories-nav .scroll-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: none;
}

.categories-nav .scroll-button.visible {
    display: block;
}

.categories-nav .scroll-cat-left {
    left: 0px;
}

.categories-nav .scroll-cat-right {
    right: 0px;
}

.categories-nav .nav-tabs::-webkit-scrollbar {
    display: none;
}

.categories-nav .nav-tabs .nav-item {
    white-space: nowrap;
}

.categories-nav .nav-tabs .nav-link {
    border: none;
    color: #828282;
    padding: 10px 15px;
    margin-right: 2px;
    position: relative;
    transition: all 0.3s ease;
}

.categories-nav .nav-tabs .nav-link.active {
    color: #212529;
    font-weight: 500;
    border: none;
}

.categories-nav .nav-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px !important;
    background-color: #dc3545;
    transition: all 0.3s ease;
}

.categories-nav .nav-tabs .nav-link:hover {
    color: #212529;
    border: none;
}

.category-news {
    margin-top: 20px;
}

.category-news .news-card {
    margin-bottom: 20px;
    border: none;
    background-color: transparent;
    box-shadow: none !important;
}

.category-news .news-card-img {
    border-radius: 8px;
    width: 100%;
    height: auto;
    object-fit: cover;
    box-shadow: none !important;
}

.category-news .news-card-title {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 8px;
    font-weight: 500;
}

.category-news .news-card-title a {
    color: #212529;
    text-decoration: none;
    transition: color 0.2s ease;
}

.category-news .news-card-title a:hover {
    color: #dc3545;
}

.category-news .news-card-meta {
    font-size: 13px;
    color: #828282;
}

.category-news .news-card-date {
    color: #828282;
}

.category-news .comments-count,
.category-news .likes-count {
    position: relative;
    padding-left: 20px;
}

.category-news .comments-count::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('/bitrix/templates/mediapro_main_copy/css/../img/comment.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: invert(50%) sepia(2%) saturate(12%) hue-rotate(327deg) brightness(96%) contrast(86%);
}

.category-news .likes-count::before {
    content: '🔥';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}

.stats-wrapper {
    margin-bottom: 30px;
    padding: 15px;
    background-color: transparent;
    border-radius: 8px;
    position: relative;
    top: -110px;
}

@media (max-width: 991px) {
    .stats-wrapper {
        top: 0;
    }
}

.stats-wrapper .section-title {
    margin-bottom: 20px;
}

.stats-nav .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 20px;
}

.stats-nav .nav-tabs .nav-item {
    margin-right: 10px;
}

.stats-nav .nav-tabs .nav-link {
    border: none;
    color: #828282;
    padding: 10px 15px;
    margin-right: 2px;
    position: relative;
    transition: all 0.3s ease;
}

.stats-nav .nav-tabs .nav-link.active {
    color: #212529;
    font-weight: 500;
    border: none;
}

.stats-nav .nav-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px !important;
    background-color: #dc3545;
    transition: all 0.3s ease;
}

.stats-nav .nav-tabs .nav-link:hover {
    color: #212529;
    border: none;
}

.ad-banner {
    margin-bottom: 20px;
}

.ad-banner img {
    border-radius: 8px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .categories-and-stats .col-lg-8,
    .categories-and-stats .col-lg-4 {
        margin-bottom: 30px;
    }
    .category-news .news-card-title {
        font-size: 14px;
    }
    .stats-wrapper {
        padding: 10px;
    }
    .category-news .col-md-3 {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
    }
}

@media (max-width: 767.98px) {
    .category-news .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }
    .categories-nav .nav-tabs .nav-link {
        padding: 8px 12px;
    }
    .stats-nav .nav-tabs .nav-link {
        padding: 8px 12px;
    }
}

@media (max-width: 575.98px) {
    .category-news .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.category-news .news-card a.d-block {
    background-color: #000;
    position: relative;
    display: block;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: none !important;
}

.category-news .news-card a.d-block::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.category-news .news-card-img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

@media (min-width: 992px) {
    .category-news .col-md-3 {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

.categories-nav {
    width: 75%;
}

@media (max-width: 991.98px) {
    .categories-nav {
        width: 100%;
    }
}

.stats-wrapper .btn-outline-primary {
    color: #fff;
    background-color: #ea303a;
    border-color: #ea303a;
}

.stats-wrapper .btn-outline-primary:hover {
    background-color: #d62c35 !important;
    border-color: #d62c35 !important;
}

.btn-primary {
    background-color: #eb303a !important;
    border-color: #eb303a !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #d62c34 !important;
    border-color: #d62c34 !important;
    color: #fff !important;
}

.text-center.mt-4 {
    text-align: left !important;
}

.btn-more {
    background-color: #eaeae6 !important;
    color: #828282 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.btn-more:hover {
    background-color: #dcdcdc !important;
    color: #666666 !important;
}

.categories-and-stats .col-lg-3:last-child {
    min-height: 700px;
}

@media (max-width: 1400px) {
    .stats-wrapper .btn-outline-primary {
        font-size: 13px;
        padding: 8px 12px !important;
    }
}

@media (max-width: 991.98px) {
    .stats-wrapper .btn-outline-primary {
        font-size: 16px;
        padding: 9px 15px !important;
    }
}

@media (max-width: 767px) {
    .categories-and-stats .row,
    .categories-order-wrapper {
        display: flex;
        flex-direction: column;
    }
    .categories-and-stats .col-lg-3:last-child,
    .categories-order-wrapper .row:first-child .col-lg-3:last-child {
        order: 3;
        margin-top: 20px;
    }
    .categories-and-stats .row+.row,
    .categories-order-wrapper .row:last-child {
        order: 2;
        margin-top: 15px;
    }
    .stats-wrapper {
        top: 0;
        position: static;
    }
}

@media (max-width: 767px) {
    .categories-and-stats .categories-order-wrapper {
        display: flex;
        flex-direction: column;
    }
    .categories-and-stats .stats-column {
        order: 3 !important;
    }
    .categories-and-stats .news-buttons-row {
        order: 2 !important;
    }
    .stats-wrapper {
        top: 0 !important;
        position: static !important;
    }
}

@media (max-width: 767px) {
    .categories-order-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }
    .categories-order-wrapper .stats-column {
        order: 3 !important;
    }
    .categories-order-wrapper .news-buttons-row {
        order: 2 !important;
        margin-bottom: 20px !important;
    }
    .stats-wrapper {
        top: 0 !important;
        position: static !important;
        margin-top: 20px !important;
    }
}

@media (max-width: 767px) {
    .categories-order-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }
    .stats-column {
        order: 10 !important;
    }
    .news-buttons-row {
        order: 5 !important;
    }
    .categories-and-stats [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
    }
    .stats-wrapper {
        position: static !important;
        top: auto !important;
        margin-top: 20px !important;
    }
}

.stats-nav-container {
    position: relative;
    width: 100%;
}

.stats-scroll-wrapper {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0;
}

.stats-scroll-wrapper::-webkit-scrollbar {
    display: none;
}

.stats-nav .scroll-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: none;
}

.stats-nav .scroll-button.visible {
    display: block;
}

.stats-nav .scroll-stat-left {
    left: 0px;
}

.stats-nav .scroll-stat-right {
    right: 0px;
}

.nav-tabs .nav-item:first-child .nav-link {
    padding-left: 0;
}

.categories-nav .nav-tabs .nav-item:first-child .nav-link {
    padding-left: 0;
}

.stats-nav .nav-tabs .nav-item:first-child .nav-link {
    padding-left: 0;
}

@media (min-width: 992px) {
    .stats-column.order-lg-last {
        order: 4 !important;
    }
}

.categories-nav.mb-4 {
    margin-bottom: 10px !important;
}

.category-news {
    margin-top: 10px;
}

.stats-selectors {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-bottom: 15px;
}

.stats-dropdown-btn {
    background-color: #eaeae6;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #828282;
    transition: all 0.3s ease;
    text-align: left;
    position: relative;
    padding: 5px 32px 5px 10px !important;
    min-width: 140px;
    overflow: visible;
}

#allNewsDropdown.stats-dropdown-btn {
    min-width: 120px;
}

.stats-dropdown-btn:hover,
.stats-dropdown-btn:focus {
    background-color: #e2e2df;
    outline: none;
    box-shadow: none;
}

.stats-dropdown-btn.dropdown-toggle::after {
    display: none !important;
    content: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    vertical-align: unset !important;
}

.stats-dropdown-btn.dropdown-toggle::after {
    content: "" !important;
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    background-color: #828282 !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    transition: transform 0.3s ease !important;
    border: none !important;
    margin: 0 !important;
    vertical-align: middle !important;
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 503.5 501'%3e%3cpath d='M253.2,320.5c1.4-2.3,2.2-4.5,3.7-6c47.7-47.9,95.6-95.7,143.4-143.5c18.9-18.9,37.8-38,56.9-56.8 c15.1-14.8,39.3-7.9,44.4,12.6c2.4,9.7-0.3,18.1-7.3,25.1c-16,16-32,32-48.1,48.1c-28.4,28.4-56.7,56.9-85.1,85.3 c-29.4,29.5-59.1,58.6-88.2,88.4c-12.5,12.9-29.8,12.7-42.1,0.2c-36.9-37.5-74.2-74.6-111.4-111.8c-29.2-29.2-58.5-58.2-87.7-87.4 c-7.8-7.7-15.7-15.3-23.2-23.3c-14.3-15.3-7-39.5,13.4-44.3c9.7-2.3,18,0.7,25,7.7c15.9,15.9,31.8,31.8,47.6,47.6 c28.3,28.3,56.5,56.5,84.8,84.8c23,23,46,45.9,68.9,68.8C249.4,317,250.3,317.8,253.2,320.5z'/%3e%3c/svg%3e") !important;
    mask-size: contain !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 503.5 501'%3e%3cpath d='M253.2,320.5c1.4-2.3,2.2-4.5,3.7-6c47.7-47.9,95.6-95.7,143.4-143.5c18.9-18.9,37.8-38,56.9-56.8 c15.1-14.8,39.3-7.9,44.4,12.6c2.4,9.7-0.3,18.1-7.3,25.1c-16,16-32,32-48.1,48.1c-28.4,28.4-56.7,56.9-85.1,85.3 c-29.4,29.5-59.1,58.6-88.2,88.4c-12.5,12.9-29.8,12.7-42.1,0.2c-36.9-37.5-74.2-74.6-111.4-111.8c-29.2-29.2-58.5-58.2-87.7-87.4 c-7.8-7.7-15.7-15.3-23.2-23.3c-14.3-15.3-7-39.5,13.4-44.3c9.7-2.3,18,0.7,25,7.7c15.9,15.9,31.8,31.8,47.6,47.6 c28.3,28.3,56.5,56.5,84.8,84.8c23,23,46,45.9,68.9,68.8C249.4,317,250.3,317.8,253.2,320.5z'/%3e%3c/svg%3e") !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
}

.stats-dropdown-btn.dropdown-toggle[aria-expanded="true"]::after {
    transform: translateY(-50%) rotate(180deg) !important;
}

.footer {
    background-color: #14112d;
    color: #ffffff;
    padding: 40px 0;
    margin-top: auto;
    width: 100%;
    flex-shrink: 0;
}

.footer-logo img {
    width: 120px;
    height: auto;
}

.footer-links-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.footer-link {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s ease;
}

.footer-link:hover {
    color: #a3a0b8;
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    transition: background-color 0.2s ease;
}

.social-link:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.social-icon {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1);
}

.footer-bottom-wrapper {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 30px;
}

.footer-description {
    font-size: 13px;
    color: #fff;
    line-height: 1.5;
    max-width: 75%;
}

.copyright {
    color: #666573;
    font-size: 13px;
    margin: 0;
    text-align: center;
}

.footer-age-limit {
    display: flex;
    align-items: center;
}

.age-limit-icon {
    width: 30px;
    height: 30px;
}

@media (max-width: 991.98px) {
    .footer {
        padding: 30px 0;
    }
    .footer-logo img {
        width: 100px;
    }
    .footer-links-wrapper {
        gap: 20px;
    }
    .footer-description {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .footer-bottom-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    .copyright {
        order: 2;
    }
    .footer-age-limit {
        order: 1;
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    .footer {
        padding: 25px 0;
    }
    .footer-links-wrapper {
        gap: 15px;
        justify-content: center;
    }
    .social-link {
        width: 28px;
        height: 28px;
    }
    .social-icon {
        width: 14px;
        height: 14px;
    }
}

.footer-top-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
    width: 100%;
}

.footer-logo {
    flex-shrink: 0;
}

.footer-links-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0;
    flex-grow: 1;
}

.footer-social-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: auto;
}

@media (max-width: 991.98px) {
    .footer-top-wrapper {
        flex-direction: column;
        gap: 24px;
    }
    .footer-links-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }
    .footer-social-wrapper {
        margin-left: 0;
    }
}

.sport-section .accordion-button:focus+.accordion-header,
.sport-section .accordion-button:active+.accordion-header,
.sport-section .accordion-header:has(.accordion-button:focus),
.sport-section .accordion-header:has(.accordion-button:active) {
    background-color: #f8f8f6 !important;
}

.sport-section .accordion-button:focus {
    box-shadow: none;
    background-color: transparent !important;
    outline: none !important;
}

.sport-section .accordion-button:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: none !important;
    color: inherit;
}

.sport-section .accordion-button:active {
    background-color: transparent !important;
    box-shadow: none;
}

.main-highlight-card img.card-img-top,
.main-highlight-card a,
.main-highlight-card a:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.main-highlight-card,
.main-highlight-card:focus,
.main-highlight-card:focus-visible,
.main-highlight-card img.card-img-top,
.main-highlight-card a,
.main-highlight-card a:focus,
.main-highlight-card a:focus-visible {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.main-highlight-card a:focus-visible {
    outline-style: none !important;
    outline-offset: 0 !important;
}

.main-highlight-card .article-footer small.text-muted {
    color: #cfcdcd !important;
}

.comment-icon-css::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 0.25rem;
    vertical-align: middle;
    background-color: #adadad;
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 629.2 629.7' style='enable-background:new 0 0 629.2 629.7;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M191.5,453.7c-3.6,0-6.7,0-9.8,0c-31.6-0.1-63.3,0.4-94.9-0.5c-36.1-1.1-70.5-24.8-82.4-63.7c-2.6-8.4-4-17.6-4-26.4 c-0.3-86.6-0.6-173.3-0.1-259.9c0.2-34.7,23-69.6,61.2-82.1c9.2-3,19.2-4.9,28.8-4.9c86.5-0.4,172.9-0.2,259.4-0.2 c64.3,0,128.6-0.6,192.9,0.2c34.5,0.4,66.3,22.8,80,56.7c4.5,11.3,6.6,22.9,6.6,35.1c0,85.6,0.3,171.3-0.2,256.9 c-0.3,46.5-37.6,85.6-83.9,88.2c-22.6,1.3-45.3,0.2-68,0.3c-28.1,0.1-56.3,0.2-84.4,0.4c-2,0-4.6,1.1-6,2.6 c-24.2,24-48.4,48.2-72.5,72.3c-25.7,25.7-51.3,51.4-77.1,77c-7.9,7.9-17.7,9.9-28.1,5.9c-10.7-4.1-17.1-12.4-17.2-24 c-0.3-36.7-0.2-73.3-0.2-110C191.5,469.9,191.5,462.1,191.5,453.7z M245.1,521.5c2-1.7,3.1-2.4,4-3.3 c11.9-11.9,23.8-23.8,35.7-35.6c25-25,49.9-50,74.9-74.9c4.9-4.9,10.9-7.6,17.9-7.6c53,0,106-0.1,158.9,0c23,0,39-16.1,39-39.2 c-0.1-62.8,0-125.6,0-188.4c0-23,0.4-46-0.4-69c-0.7-19.1-17.4-34.1-36.3-34.1c-53.5,0-107,0-160.4,0c-95.3,0-190.6,0-285.9,0 c-22.6,0-39,16.3-39,38.9c0.1,84.1,0.1,168.3,0,252.4c0,23.4,16.1,39.5,39.5,39.4c42-0.1,84-0.1,126,0.2c4.6,0,9.5,1.8,13.5,4.1 c8.4,4.8,12.5,12.7,12.6,22.4c0.1,29.5,0.1,59,0.1,88.5C245.1,517,245.1,518.7,245.1,521.5z'/%3E%3Cpath d='M186.4,261.4c-14.4,0.1-26.5-11.6-26.7-26c-0.3-14.8,11.6-27.3,26-27.3c15.2-0.1,27.6,11.5,27.9,26 C213.8,249.1,201.7,261.2,186.4,261.4z'/%3E%3Cpath d='M314.7,261.3c-14.8,0.2-26.9-11.6-27-26.2c-0.2-14.6,11.6-27,25.7-27.1c15.5-0.2,28,11.5,28.2,26.2 C341.6,249.1,329.7,261.2,314.7,261.3z'/%3E%3Cpath d='M443,208.1c14.6,0.2,26.7,12.5,26.4,26.9c-0.3,15.3-12.6,26.7-28.5,26.4c-13.7-0.2-25.6-12.9-25.4-27 C415.9,219.4,427.9,207.9,443,208.1z'/%3E%3C/g%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 629.2 629.7' style='enable-background:new 0 0 629.2 629.7;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M191.5,453.7c-3.6,0-6.7,0-9.8,0c-31.6-0.1-63.3,0.4-94.9-0.5c-36.1-1.1-70.5-24.8-82.4-63.7c-2.6-8.4-4-17.6-4-26.4 c-0.3-86.6-0.6-173.3-0.1-259.9c0.2-34.7,23-69.6,61.2-82.1c9.2-3,19.2-4.9,28.8-4.9c86.5-0.4,172.9-0.2,259.4-0.2 c64.3,0,128.6-0.6,192.9,0.2c34.5,0.4,66.3,22.8,80,56.7c4.5,11.3,6.6,22.9,6.6,35.1c0,85.6,0.3,171.3-0.2,256.9 c-0.3,46.5-37.6,85.6-83.9,88.2c-22.6,1.3-45.3,0.2-68,0.3c-28.1,0.1-56.3,0.2-84.4,0.4c-2,0-4.6,1.1-6,2.6 c-24.2,24-48.4,48.2-72.5,72.3c-25.7,25.7-51.3,51.4-77.1,77c-7.9,7.9-17.7,9.9-28.1,5.9c-10.7-4.1-17.1-12.4-17.2-24 c-0.3-36.7-0.2-73.3-0.2-110C191.5,469.9,191.5,462.1,191.5,453.7z M245.1,521.5c2-1.7,3.1-2.4,4-3.3 c11.9-11.9,23.8-23.8,35.7-35.6c25-25,49.9-50,74.9-74.9c4.9-4.9,10.9-7.6,17.9-7.6c53,0,106-0.1,158.9,0c23,0,39-16.1,39-39.2 c-0.1-62.8,0-125.6,0-188.4c0-23,0.4-46-0.4-69c-0.7-19.1-17.4-34.1-36.3-34.1c-53.5,0-107,0-160.4,0c-95.3,0-190.6,0-285.9,0 c-22.6,0-39,16.3-39,38.9c0.1,84.1,0.1,168.3,0,252.4c0,23.4,16.1,39.5,39.5,39.4c42-0.1,84-0.1,126,0.2c4.6,0,9.5,1.8,13.5,4.1 c8.4,4.8,12.5,12.7,12.6,22.4c0.1,29.5,0.1,59,0.1,88.5C245.1,517,245.1,518.7,245.1,521.5z'%3E%3C/path%3E%3Cpath d='M186.4,261.4c-14.4,0.1-26.5-11.6-26.7-26c-0.3-14.8,11.6-27.3,26-27.3c15.2-0.1,27.6,11.5,27.9,26 C213.8,249.1,201.7,261.2,186.4,261.4z'%3E%3C/path%3E%3Cpath d='M314.7,261.3c-14.8,0.2-26.9-11.6-27-26.2c-0.2-14.6,11.6-27,25.7-27.1c15.5-0.2,28,11.5,28.2,26.2 C341.6,249.1,329.7,261.2,314.7,261.3z'%3E%3C/path%3E%3Cpath d='M443,208.1c14.6,0.2,26.7,12.5,26.4,26.9c-0.3,15.3-12.6,26.7-28.5,26.4c-13.7-0.2-25.6-12.9-25.4-27 C415.9,219.4,427.9,207.9,443,208.1z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

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

.search-submit-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

.search-submit-button:focus {
    outline: none;
}

.search-input-wrapper::before,
.search-input-wrapper::after {
    z-index: 1;
}

.search-submit-button {
    z-index: 2;
}

.col-md-9 .content {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #333;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.col-md-9 .content br {
    margin-bottom: 0.5rem;
}

.col-md-9 .content h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    line-height: 1.4;
    color: #000;
}

.col-md-9 .content p {
    margin-bottom: 1.5rem;
}

.col-md-9>img.img-fluid {
    margin-bottom: 2rem !important;
    border-radius: 5px;
}

.col-md-9 .content span[style*="color: #959595"] {
    display: block;
    font-size: 0.9rem;
    color: #777 !important;
    margin-top: 0.25rem;
    margin-bottom: 0.75rem;
    text-align: center;
}

.col-md-9 .row.no-gutters.justify-content-between {
    padding-bottom: 0.5rem;
    border-bottom: none;
}

.col-md-9 .date_time,
.col-md-9 .text-right.theme_color span {
    font-size: 0.9rem;
}

.col-md-9 .date_time::before,
.col-md-9 .article-views::before,
.col-md-9 .article-comments::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    vertical-align: middle;
    position: relative;
    bottom: 0.05em;
}

.col-md-9 .date_time::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23888888" class="bi bi-clock" viewBox="0 0 16 16"><path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z"/><path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0"/></svg>');
}

.col-md-9 .article-views::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23888888" class="bi bi-eye" viewBox="0 0 16 16"><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z"/><path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"/></svg>');
}

.col-md-9 .article-comments::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23888888" class="bi bi-chat-dots" viewBox="0 0 16 16"><path d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/><path d="M2.165 15.803V12.697H2c-1.105 0-2-.912-2-2.036V5.036C0 3.91 1.007 3 2.235 3h11.53C14.993 3 16 3.983 16 5.235v5.395c0 1.041-.895 1.987-2.036 1.987h-.317v3.106c-.001.29-.059.594-.171.904a1.5 1.5 0 0 1-.62.826C12.51 16.26 11.982 16 11.447 16h-.005a1 1 0 0 1-.61-.206L7 14h-.071a1 1 0 0 1-.606.206H6.447c-.535 0-1.063.26-1.495.727-.112.12-.224.253-.335.395a.5.5 0 0 1-.815-.345zM2 4.036c-.665 0-1 .351-1 .969v5.99c0 .619.39 1.028 1.036 1.028h1.396c.331 0 .617.262.699.589v2.51h.013a.5.5 0 0 0 .27.446l.955.642 1.35-1.35a.5.5 0 0 0-.354-.854H7.147a.5.5 0 0 0-.45.29L5.58 13.87l.01-.003c-.15-.21-.253-.475-.282-.786H4.475c-.336 0-.64-.185-.814-.481L2.835 11H2.235c-.665 0-1-.383-1-.969V5.005c0-.587.335-.969.969-.969h11.596c.633 0 .969.383.969.969v5.99c0 .586-.336.969-.969.969h-1.4H12.8c-.335 0-.63.196-.8.512l-.667 1.18-1.14-1.14a.5.5 0 0 0-.71 0L7.14 13H6.5a.5.5 0 0 0-.45.29l-.375.75L5.13 13.5a.5.5 0 0 0-.71 0L2.835 15h-.31C2.39 15 2 14.609 2 14.165V12.697z"/></svg>');
}

.col-md-9 .text-right.theme_color i {
    display: none !important;
}

.col-md-9 .article-author {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #eee;
    font-size: 1rem;
    color: #555;
}

.col-md-9 .article-author a {
    font-weight: 600;
    color: inherit;
    text-decoration: none;
}

.col-md-9 .article-author a:hover {
    text-decoration: underline;
}

.col-md-3 div.right_news {}

.col-md-3 .block_long {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.col-md-3 .block_long a.sidebar-news-item {
    display: block;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    background-color: #e0e0e0;
    min-height: 150px;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: opacity 0.2s ease;
}

.col-md-3 .block_long a.sidebar-news-item:hover {
    opacity: 0.85;
}

.col-md-3 .block_long a.sidebar-news-item::before {
    display: none !important;
}

.col-md-3 .block_long .sidebar-news-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.8rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 45%, rgba(0, 0, 0, 0) 100%);
    color: #fff;
    z-index: 2;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.col-md-3 .block_long .sidebar-news-content .date_time {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 0;
    margin-top: 0.25rem;
    display: block;
    position: static;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    text-align: left;
    order: 3;
}

.col-md-3 .block_long .sidebar-news-content h3 {
    font-size: 0.85rem !important;
    margin: 0 0 0.1rem 0 !important;
    line-height: 1.1 !important;
    font-weight: 500;
    color: #fff;
    order: 2;
}

.col-md-3 .block_long .sidebar-news-content .badge {
    font-size: 0.7rem !important;
    padding: calc(0.3em + 1px) calc(0.6em + 1px) !important;
    border-radius: 1em !important;
    background-color: #eb303a !important;
    color: #ffffff !important;
    margin-bottom: 0.4rem !important;
    align-self: flex-start;
    font-weight: 400 !important;
}

.col-md-3 .text-center.mt-2 a {
    display: inline-block;
    background-color: #eb303a !important;
    color: #ffffff !important;
    text-align: center;
    font-weight: 500;
    border: none !important;
    padding: 0.5rem 1rem;
    transition: all 0.2s ease;
    text-decoration: none;
    border-radius: var(--bs-border-radius, 0.25rem);
    width: 100%;
    box-sizing: border-box;
}

.col-md-3 .text-center.mt-2 a:hover {
    background-color: #d62c35 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.col-md-3 .block_long .h-100 {
    display: none !important;
}

.col-md-3 .block_long .text {
    display: none !important;
}

.col-md-3 .block_long .date_time[style] {
    position: static !important;
    background-color: transparent !important;
    padding: 0 !important;
    top: auto !important;
    right: auto !important;
    color: inherit !important;
}

@media (max-width: 991.98px) {
    .col-md-3 .block_long .sidebar-news-content h3 {
        font-size: 0.65rem;
        line-height: 1.1;
        margin-bottom: 0.15rem;
    }
    .col-md-3 .block_long .sidebar-news-content .badge {
        font-size: 0.65rem !important;
        padding: calc(0.3em) calc(0.6em) !important;
        margin-bottom: 0.3rem !important;
    }
    .col-md-3 .block_long .sidebar-news-content .date_time {
        font-size: 0.7rem;
        margin-top: 0.15rem;
    }
    .col-md-3 .text-center.mt-2 a {
        padding: 0.4rem 0.8rem;
        font-size: 0.9rem;
    }
}

.col-md-9 .content .article-image-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5rem;
    background-color: #f0f0f0;
    border-radius: 5px;
}

.col-md-9 .content .article-image-wrapper a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.col-md-9 .content .article-image-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover;';
    border-radius: inherit;
}

.col-md-9 .content .article-image-cover.img-fluid {
    max-width: none;
    height: 100%;
}

.col-md-9 .content img {
    max-width: 100%;
    height: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 5px;
}

.col-md-9 .content a>img {}

.col-md-9 .content a {
    text-decoration: none;
}

.col-md-9>img.img-fluid.d-block.mx-auto {
    margin-bottom: 0.25rem !important;
}

.comment-form textarea.comment-input {
    resize: none !important;
    border-radius: var(--bs-border-radius);
    background: #f7f7f7;
    border: none;
    padding: 10px 20px;
    min-height: 80px;
    width: 100%;
    display: block;
}

.comment-form .comment-submit-button {
    background-color: #eb303a !important;
    color: #ffffff !important;
    text-align: center;
    font-weight: 500;
    border: none !important;
    padding: 0.5rem 1rem;
    transition: all 0.2s ease;
    border-radius: var(--bs-border-radius);
    text-decoration: none;
    display: inline-block;
}

.comment-form .comment-submit-button:hover {
    background-color: #d62c35 !important;
    color: #ffffff !important;
}

@media (max-width: 767.98px) {
    .comment-form .comment-submit-button {
        margin-top: 1rem;
        width: 100%;
    }
}

form#add-job textarea#comment {
    resize: none !important;
    border-radius: var(--bs-border-radius);
    background: #f7f7f7;
    border: none;
    padding: 10px 20px;
    min-height: 80px;
    width: 100%;
    display: block;
}

form#add-job .btn-info {
    background-color: #eb303a !important;
    color: #ffffff !important;
    text-align: center;
    font-weight: 500;
    border: none !important;
    padding: 0.5rem 1rem;
    transition: all 0.2s ease;
    border-radius: var(--bs-border-radius);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

form#add-job .btn-info:hover {
    background-color: #d62c35 !important;
    color: #ffffff !important;
}

@media (max-width: 767.98px) {
    form#add-job .btn-info {
        margin-top: 1rem;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    form#add-job textarea#comment {
        margin-bottom: 1.25rem;
    }
    form#add-job .btn-info {
        margin-top: 0;
        width: 100%;
    }
}

.bx-breadcrumb a {
    color: #eb303a !important;
    text-decoration: none;
}

.bx-breadcrumb a:hover {
    color: #d62c35 !important;
    text-decoration: underline;
}

.bx-breadcrumb span:last-of-type {
    color: #6c757d;
}

form#add-job .comment-user-icon {
    filter: grayscale(1) brightness(0.7) contrast(0.9) !important;
    opacity: 0.7;
}

form#add-job .comment-input-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

form#add-job textarea#comment {
    resize: none !important;
    border-radius: var(--bs-border-radius);
    background: #f7f7f7;
    border: none;
    padding: 10px 20px;
    min-height: 80px;
    width: 100%;
    display: block;
    margin-bottom: 0;
}

form#add-job .comment-icon-container {
    font-size: 1.5rem;
    line-height: 1;
    margin-top: 0.5rem;
}

form#add-job .comment-icon-container i.fa {
    font-size: 0 !important;
    color: transparent !important;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    position: relative;
}

form#add-job .comment-icon-container i.fa::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #6c757d;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-text" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/><path d="M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6m0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5"/></svg>');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-text" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/><path d="M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6m0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5"/></svg>');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

form#add-job .btn-info {}

form#add-job .btn-info:hover {}

@media (max-width: 767.98px) {
    form#add-job .comment-input-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    form#add-job textarea#comment {
        margin-bottom: 1.25rem;
    }
    form#add-job .comment-icon-container {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }
    form#add-job .btn-info {
        margin-top: 0;
        width: 100%;
    }
}

form#add-job div.row.mb-4 {
    align-items: flex-start;
}

form#add-job div.row.mb-4 div.col-md-1.text-right {
    padding-top: 10px;
    line-height: 1;
    padding-right: 0;
}

form#add-job div.row.mb-4 div.col-md-1 i.fa.fa-user-plus.add_comment {
    font-size: 0 !important;
    color: transparent !important;
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    margin-left: auto;
    margin-right: 10px;
}

form#add-job div.row.mb-4 div.col-md-1 i.fa.fa-user-plus.add_comment::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #adadad;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-text" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/><path d="M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6m0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5"/></svg>');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-text" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/><path d="M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6m0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5"/></svg>');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.tags.element {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tags.element a {
    background-color: #eaeae6;
    color: #212529 !important;
    border-radius: 20px;
    font-size: 14px;
    padding: 4px 16px;
    text-decoration: none;
    transition: all 0.2s ease;
    display: inline-block;
}

.tags.element a:hover {
    background-color: #dcdcdc;
    color: #212529 !important;
}

.border.p-4 a.btn.btn-info {
    background-color: #eb303a !important;
    color: #ffffff !important;
    text-align: center;
    font-weight: 500;
    border: none !important;
    padding: 0.5rem 1rem;
    transition: all 0.2s ease;
    border-radius: var(--bs-border-radius);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.border.p-4 a.btn.btn-info:hover {
    background-color: #d62c35 !important;
    color: #ffffff !important;
}

@media (max-width: 767.98px) {
    .border.p-4 a.btn.btn-info {
        width: 100%;
    }
}

.header-tags-container ul.header-tags li.nav-item a.nav-link,
.header-tags .nav-link {
    background-color: #eaeae6;
    color: #212529;
    border-radius: 20px !important;
    margin: 4px;
    font-size: 14px;
    padding: 4px 16px !important;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.header-tags-container ul.header-tags li.nav-item a.nav-link:hover,
.header-tags .nav-link:hover {
    background-color: #dcdcdc;
    color: #212529;
}

.header-tags-container ul.header-tags {
    gap: 0.5rem;
}

.content_blocks .block_default {
    background-size: cover;
    background-position: center;
    min-height: 250px;
    display: block;
}

.content_blocks .block_default .card-img-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.1));
    z-index: 1;
}

.content_blocks .block_default .card-title,
.content_blocks .block_default .card-meta {
    position: relative;
    z-index: 2;
}

.content_blocks .block_default .card-title {
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.content_blocks .block_default .meta-icons i {
    vertical-align: middle;
}

.content_blocks .news-card-styled {
    background-size: cover;
    background-position: center;
    height: 100%;
    display: block;
    border-radius: var(--bs-border-radius) !important;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    position: relative;
}

.content_blocks .news-card-styled:hover {
    opacity: 0.9;
}

.content_blocks .news-card-styled .card-img-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.1));
    padding: 0.75rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 1;
}

.content_blocks .news-card-styled .card-title,
.content_blocks .news-card-styled .card-meta {
    position: relative;
    z-index: 2;
}

.content_blocks .news-card-styled .card-title {
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    margin-bottom: 0.3rem;
    font-size: 0.95rem;
    line-height: 1.3;
}

.content_blocks .news-card-styled .card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.content_blocks .news-card-styled .card-meta small {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.75) !important;
}

.content_blocks .news-card-styled .meta-icons {
    display: flex;
    gap: 0.75rem;
}

.content_blocks .news-card-styled .meta-icons small {
    display: inline-flex;
    align-items: center;
}

.content_blocks .news-card-styled .meta-icons svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
    margin-right: 0.25em;
    vertical-align: middle;
}

.content_blocks .block_white_black.news-card-styled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.slider_top .news-card-half {
    overflow: hidden;
}

.slider_top .news-card-half .card-img-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.1));
    padding: 0.75rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
    border-radius: var(--bs-border-radius) !important;
}

.slider_top .news-card-half .card-title,
.slider_top .news-card-half .card-meta {
    position: relative;
    z-index: 2;
}

.slider_top .news-card-half .card-title {
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    margin-bottom: 0.3rem;
    font-size: 0.85rem;
    line-height: 1.2;
}

.slider_top .news-card-half .card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.slider_top .news-card-half .card-meta small {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.75) !important;
}

.slider_top .news-card-half .meta-icons {
    display: flex;
    gap: 0.5rem;
}

.slider_top .news-card-half .meta-icons small {
    display: inline-flex;
    align-items: center;
}

.slider_top .news-card-half .meta-icons svg {
    width: 0.9em;
    height: 0.9em;
    fill: currentColor;
    margin-right: 0.2em;
    vertical-align: middle;
}

.content_blocks .block_white_black.news-card-styled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.slider_top .news-card-half>a>div {
    border-radius: var(--bs-border-radius) !important;
}

.slider_top .news-card-half .card-img-overlay {
    border-radius: var(--bs-border-radius) !important;
}

.content_blocks .news-card-styled {
    position: relative;
}

.slider_top .news-card-styled {
    position: static;
}

.content_blocks .news-card-styled:hover {}

.content_blocks .news-card-styled .card-img-overlay {
    position: absolute;
}

.top-vagno-cards .news-card-styled {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    border-radius: var(--bs-border-radius, 0.375rem);
    background-size: cover;
    background-position: center;
    color: #fff;
    aspect-ratio: 16 / 9;
    transition: transform 0.2s ease-in-out;
}

.top-vagno-cards .news-card-styled.aspect-y {
    aspect-ratio: 350 / 400;
}

.top-vagno-cards .news-card-styled .card-img-overlay {
    position: relative;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.1));
    padding: 1rem;
    z-index: 1;
    transition: none;
}

.top-vagno-cards .news-card-styled .card-title {
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.top-vagno-cards .news-card-styled .card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875em;
    color: rgba(255, 255, 255, 0.85);
}

.top-vagno-cards .news-card-styled .meta-icons {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.top-vagno-cards .news-card-styled .meta-icons small {
    display: inline-flex;
    align-items: center;
}

.top-vagno-cards .news-card-styled .meta-icons small svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: middle;
    margin-right: 0.25em;
}

.top-vagno-cards .news-card-styled:hover {
    opacity: 0.9;
}

@media (max-width: 767.98px) {
    .top-vagno-cards .news-card-styled.aspect-y {
        aspect-ratio: 16 / 9;
    }
}

.bx-breadcrumb {
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
}

.bx-breadcrumb a {
    color: #eb303a !important;
    text-decoration: none;
}

.modern-page-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 2rem 0;
    flex-wrap: wrap;
}

.modern-page-navigation a,
.modern-page-navigation span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #828282;
    text-decoration: none;
    transition: all 0.2s ease;
    background: #eaeae6;
    border: 1px solid #eaeae6;
}

.modern-page-navigation a:hover {
    background: #dcdcdc;
    color: #666666;
    border: 1px solid #dcdcdc;
    text-decoration: none;
}

.modern-page-navigation .modern-page-current {
    background: #eb303a;
    color: #fff;
    border-color: #eb303a;
}

.modern-page-navigation .modern-page-dots,
.modern-page-navigation .modern-page-dots:hover,
.modern-page-navigation .modern-page-dots:focus {
    background: none !important;
    border: none !important;
    color: #bdbdbd !important;
    box-shadow: none !important;
    cursor: default;
    font-size: 22px;
    letter-spacing: 2px;
}

.modern-page-navigation .modern-page-next,
.modern-page-navigation .modern-page-prev {
    background: #eaeae6;
    border: 1px solid #eaeae6;
}

.modern-page-navigation .modern-page-next:hover,
.modern-page-navigation .modern-page-prev:hover {
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
}

.modern-page-navigation .modern-page-title {
    display: none;
}

@media (max-width: 576px) {
    .modern-page-navigation {
        gap: 4px;
    }
    .modern-page-navigation a,
    .modern-page-navigation span {
        min-width: 36px;
        height: 36px;
        font-size: 14px;
        padding: 0 8px;
    }
}

.modern-page-navigation .modern-page-prev,
.modern-page-navigation .modern-page-next {
    background-size: 12px 12px;
}

#footballMatchList,
.match-list {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none;
}

.match-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.2rem 0 !important;
    border: none !important;
    border-bottom: 1px solid #eeeeee !important;
    gap: 0.3rem !important;
    box-sizing: border-box;
    width: 100%;
}

#footballMatchList .match-row:last-child {
    border-bottom: none !important;
}

.match-time {
    flex-shrink: 0 !important;
    font-weight: 500 !important;
    min-width: 35px !important;
    text-align: center !important;
    font-size: 0.85rem !important;
    color: #000 !important;
}

.match-details {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-grow: 1 !important;
    gap: 0.4rem !important;
    overflow: hidden !important;
}

.team-container {
    flex-basis: 42% !important;
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
}

.team-container:first-of-type {
    justify-content: flex-end !important;
}

.team-container:last-of-type {
    justify-content: flex-start !important;
}

.team-name {
    display: inline-block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    vertical-align: middle !important;
    line-height: 1.2 !important;
    font-size: 0.85rem !important;
    word-break: break-word !important;
    color: #333 !important;
}

.team-logo {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    margin: 0 3px !important;
    vertical-align: middle !important;
}

.score {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    background-color: #f8f8f6 !important;
    padding: 0.1rem 0.1rem !important;
    border-radius: 0.25rem !important;
    font-weight: bold !important;
    min-width: 35px !important;
    justify-content: center !important;
}

.score-num {
    display: inline-block !important;
    min-width: 0.9em !important;
    text-align: center !important;
    font-size: 0.85rem !important;
}

.score-colon {
    margin: 0 0.1rem !important;
    font-size: 0.85rem !important;
}

.match-status {
    flex-shrink: 0 !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    padding: 0.15rem 0.3rem !important;
    border-radius: 0.25rem !important;
    min-width: 65px !important;
    text-align: center !important;
    background-color: #f8f8f6 !important;
    color: #008e4c !important;
    white-space: nowrap !important;
}

.match-status.live {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.match-status.complete {
    background-color: #f8f8f6 !important;
    color: #eb303a !important;
}

.match-status.text-warning {
    color: #008e4c !important;
    background-color: #f8f8f6 !important;
}

@media (max-width: 991.98px) {
    .match-status {
        font-size: 0.5rem !important;
    }
    .score-colon {
        margin: 0 0.1rem !important;
        font-size: 0.6rem !important;
    }
    .score-num {
        display: inline-block !important;
        min-width: 1.1em !important;
        text-align: center !important;
        font-size: 0.60rem !important;
    }
    .team-name {
        display: inline-block !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        vertical-align: middle !important;
        line-height: 1.2 !important;
        font-size: 0.6rem !important;
        word-break: break-word !important;
        color: #333 !important;
    }
    .match-time {
        flex-shrink: 0 !important;
        font-weight: 500 !important;
        min-width: 35px !important;
        text-align: center !important;
        font-size: 0.6rem !important;
        color: #666 !important;
    }
}

.match-status.match-status-live {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.match-status.match-status-live a,
.match-status.match-status-live span {
    color: #fff !important;
    background-color: #dc3545 !important;
}

.match-center-loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80px;
}

.loader-svg {
    width: 45px;
    height: auto;
    fill: #eb303a;
    animation: shimmer 1.8s infinite ease-in-out;
}

.loader-svg .st0 {
    fill: #eb303a;
}

@keyframes shimmer {
    0%,
    100% {
        opacity: 0.6;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.08);
    }
}

.news-image-link {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #eee;
    text-decoration: none;
    border-radius: 10px;
}

.news-image-link.placeholder-lg {
    aspect-ratio: 540 / 304;
    min-height: 150px;
}

.news-image-link.placeholder-sm {
    aspect-ratio: 260 / 153;
    min-height: 100px;
}

.news-image-link.has-placeholder {
    background-color: #000000 !important;
}

.news-image-link img.card-img-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
}

@media (max-width: 991.98px) {
    .news-image-link.placeholder-lg,
    .news-image-link.placeholder-sm {
        min-height: 180px;
    }
}

.authors-column .section-title {
    margin-bottom: 0.5rem !important;
}

.content_blocks .block_default .meta-icons i {
    vertical-align: middle;
}

.news-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.news-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    min-height: 160px;
}

.news-item:hover {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}

.news-item .row {
    margin: 0;
}

.news-item img {
    border-radius: 12px 0 0 12px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 160px;
    max-height: 200px;
}

.news-item h3,
.news-item .h4,
.news-item .h5 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #222;
}

.news-item .date_time {
    color: #eb303a;
    font-size: 0.95rem;
    font-weight: 500;
    margin-bottom: 0.3rem;
    display: flex;
    align-items: center;
    gap: 0.3em;
}

.news-item .preview-text {
    color: #444;
    font-size: 0.98rem;
    margin-bottom: 0.2rem;
}

.col-md-9 .news-card-item,
.col-md-3 .block_long {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    background-color: #000;
}

.col-md-9 .news-card-item .news-card-background,
.col-md-3 .block_long .h-100 {
    display: block;
    background-size: cover;
    background-position: center;
    min-height: 200px;
    position: relative;
    transition: transform 0.3s ease;
}

.col-md-3 .block_long .h-100 {
    min-height: 150px;
}

.col-md-9 .news-card-item .news-card-content,
.col-md-3 .block_long .col-12.p-4 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.1));
    z-index: 2;
    color: #fff;
}

.col-md-9 .news-card-item .date_time,
.col-md-3 .block_long .date_time {
    font-size: 0.85rem;
    color: #eb303a !important;
    margin-bottom: 0.3rem;
    font-weight: 500;
}

.col-md-9 .news-card-item h3,
.col-md-3 .block_long h3 {
    color: #fff !important;
    font-weight: 600;
    line-height: 1.3;
    font-size: 1.1rem;
    margin-bottom: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.col-md-3 .block_long h3 {
    font-size: 0.95rem;
}

.col-md-9 .news-card-item a:hover .news-card-background,
.col-md-3 .block_long a:hover .h-100 {
    transform: scale(1.03);
}

.news-item {}

.news-item img {}

.col-md-3 .block_long a.sidebar-news-item {}

.col-md-3 .block_long .sidebar-news-content {}

.col-md-9 .news-card-item,
.col-md-3 .block_long {
    display: block;
    margin-bottom: 1.5rem;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
    background-color: #f0f0f0;
}

.col-md-9 .news-card-item>a,
.col-md-3 .block_long>a {
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.col-md-9 .news-card-item .news-card-background,
.col-md-3 .block_long .h-100 {
    display: block;
    background-size: cover;
    background-position: center;
    padding-top: 56.25%;
    position: relative;
    transition: transform 0.3s ease;
}

.col-md-9 .news-card-item .news-card-content,
.col-md-3 .block_long .col-12.p-4 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.1));
    z-index: 2;
    color: #fff;
}

.col-md-9 .news-card-item .date_time,
.col-md-3 .block_long .date_time {
    font-size: 0.8rem;
    color: #eb303a !important;
    margin-bottom: 0.3rem;
    font-weight: 500;
}

.col-md-9 .news-card-item h3,
.col-md-3 .block_long h3 {
    color: #fff !important;
    font-weight: 600;
    line-height: 1.3;
    font-size: 1.05rem;
    margin-bottom: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.col-md-3 .block_long h3 {
    font-size: 0.9rem;
}

.col-md-9 .news-card-item>a:hover .news-card-background,
.col-md-3 .block_long>a:hover .h-100 {
    transform: scale(1.03);
}

.col-md-3 .news-list-right h5 {
    font-weight: 600;
    margin-bottom: 1rem;
}

.col-md-3 .news-list-right .news-item-title {
    font-weight: 500;
    font-size: 0.9rem;
    display: inline-block;
}

.col-md-3 .news-list-right a:hover .news-item-title {
    color: #eb303a;
}

.right-news-card {
    border: none !important;
    border-radius: 16px;
    box-shadow: none !important;
    background-color: transparent !important;
}

.right-news-card .card-img-top {
    border-radius: 16px !important;
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 18px;
}

.right-news-card .card-body {
    padding: 0 !important;
}

.right-news-badge {
    display: inline-block;
    background-color: #eb303a !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    padding: 0.5em 1.2em !important;
    line-height: 1;
    margin-bottom: 14px;
}

.right-news-title {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #212529 !important;
    line-height: 1.2;
    margin-bottom: 10px !important;
    text-decoration: none !important;
}

.right-news-card a:hover .right-news-title {
    color: #212529 !important;
}

.right-news-date {
    font-size: 1rem !important;
    margin-bottom: 0;
}

.right-news-date small.text-muted {
    color: #828282 !important;
}

.left-news-badge,
.right-news-badge {
    display: inline-block;
    background-color: #eb303a !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    font-size: 0.7rem !important;
    font-weight: 500 !important;
    padding: 0.3em 0.8em !important;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
}

.left-news-badge {
    margin-right: 0.5rem;
}

.right-news-card .mb-2 {
    margin-bottom: 0.8rem !important;
}

.author-card-image-square {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.author-card-image-square img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yandex-ad-container {
    border: 1px dashed #ccc;
    padding: 15px;
    text-align: center;
    margin: 15px 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

#yandex_rtb_R-A-14647313-3 {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

p a[href="/news/"] {
    background-color: #eaeae6 !important;
    color: #828282 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block;
}

p a[href="/news/"]:hover {
    background-color: #dcdcdc !important;
    color: #666666 !important;
    text-decoration: none !important;
}

.news-card .news-image-link {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    aspect-ratio: 16/9;
    background-color: #000;
}

.news-card .news-image-link img.card-img-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.news-card .news-image-link div.news-card__image--placeholder {
    width: 100%;
    height: 100%;
}

@media (max-width: 767.98px) {
    .news-item-classic .row>.col-12.col-md-4 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .news-item-classic .col-12.col-md-4 .news-item-image-link {
        display: block;
        width: 100%;
        text-align: center;
    }
    .news-item-classic .col-12.col-md-4 .news-item-image-link img.img-fluid {
        display: block;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}

.search-page {}

.search-language-guess {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 0.75rem 1.25rem;
    border-radius: 0.25rem;
    font-size: 0.9rem;
}

.search-language-guess a {
    font-weight: bold;
}

.search-sort-buttons .btn {
    border-radius: 0.3rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    margin-right: 0.5rem;
}

.search-sort-buttons .btn:last-child {
    margin-right: 0;
}

.search-sort-buttons a.btn.btn-outline-secondary {
    background-color: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
}

.search-sort-buttons a.btn.btn-outline-secondary:hover {
    background-color: #e9ecef;
    border-color: #ced4da;
    color: #212529;
}

.search-sort-buttons button.btn.btn-secondary[disabled],
.search-sort-buttons a.btn.btn-secondary[disabled="disabled"] {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: #fff;
    opacity: 1;
}

.search-sort-buttons button.btn.btn-secondary[disabled] i.fa-check,
.search-sort-buttons a.btn.btn-secondary[disabled="disabled"] i.fa-check {
    color: #fff;
}

.search-results-list {}

.search-result-item {}

.search-result-item:last-child {
    border-bottom: none;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.search-result-title a {
    text-decoration: none;
    color: #212529;
    transition: color 0.2s ease-in-out;
}

.search-result-title a:hover {
    color: var(--bs-danger);
    text-decoration: underline;
}

.search-result-title small.text-muted {
    font-size: 0.8em;
}

.search-result-body {
    font-size: 0.9rem;
    line-height: 1.6;
}

.search-result-body b {
    background-color: #fff3cd;
    font-weight: normal;
    padding: 0.1em 0.2em;
    border-radius: 0.2em;
}

.search-result-chain {
    font-size: 0.8rem;
}

.search-result-chain a {
    text-decoration: none;
    color: #6c757d;
}

.search-result-chain a:hover {
    text-decoration: underline;
}

div.notetext,
div.errortext {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

div.notetext {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.bx-auth_ {
    max-width: 550px;
    margin: 3rem auto;
    padding: 2.5rem;
    background-color: #ffffff;
    border-radius: 0.5rem;
    box-shadow: none;
    border: 1px solid #dee2e6;
    box-sizing: border-box;
}

.bx-auth_ .bx-auth-title {
    font-size: 1.75rem;
    font-weight: 500;
    color: #212529;
}

.bx-auth_ .form-group {
    display: block;
    margin-bottom: 1.25rem;
    width: 100% !important;
    box-sizing: border-box !important;
}

.bx-auth_ label:not(.form-check-label) {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
    width: 100% !important;
    color: #212529;
}

.bx-auth_ .form-control {
    display: block;
    width: 100% !important;
    padding: 0.6rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box !important;
}

.bx-auth_ .form-control:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
}

.bx-auth_ .form-check {
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-left: 0;
    width: 100% !important;
    box-sizing: border-box !important;
}

.bx-auth_ .form-check-input[type="checkbox"] {
    width: 1.1em;
    height: 1.1em;
    margin-top: 0.2em;
    margin-right: 0.6em;
    flex-shrink: 0;
    border: 1px solid #adb5bd;
    cursor: pointer;
}

.bx-auth_ .form-check-label {
    font-weight: normal;
    color: #212529;
    line-height: 1.3;
    cursor: pointer;
    flex-grow: 1;
    min-width: 0;
    box-sizing: border-box;
}

.bx-auth_ input[type="submit"][name="Login"] {
    display: block;
    width: 100% !important;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #fff !important;
    background-color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    border-radius: 0.25rem;
    text-align: center;
    cursor: pointer;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    box-sizing: border-box !important;
}

.bx-auth_ input[type="submit"][name="Login"]:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

.bx-auth_ .bx-auth-reg {
    text-align: center;
    font-size: 0.9rem;
}

.bx-auth_ .bx-auth-reg a {
    display: block;
    color: #0d6efd;
    text-decoration: none;
    padding: 0.3rem 0;
}

.bx-auth_ .bx-auth-reg a:hover {
    text-decoration: underline;
}

.bx-auth_ .bx-auth-reg a:not(:last-child) {
    margin-bottom: 0.25rem;
}

.bx-auth_ form>br {
    display: none;
}

.bx-auth_ .alert-danger {
    font-size: 0.9rem;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.bx-breadcrumb+hr {
    display: none !important;
}

body:has(.bx-auth_) hr.mb-5 {
    display: none !important;
}

body.login-page-body hr.mb-5 {
    display: none !important;
}

@media (max-width: 575.98px) {
    .bx-auth_ {
        margin: 1.5rem auto;
        width: calc(100% - 2rem);
        max-width: 100%;
        padding: 1.5rem;
        box-sizing: border-box;
    }
    .bx-auth_ .bx-auth-title {
        font-size: 1.5rem;
    }
    .bx-auth_ input[type="submit"][name="Login"] {
        padding: 0.6rem 0.75rem;
        font-size: 0.95rem;
    }
    .bx-auth_ .form-check {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        box-sizing: border-box !important;
    }
}

.bx-auth_ form .row>[class*="col-"],
.bx-auth_ form>div>[class*="col-"] {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

.bx-auth_ form table.bx-auth-table td {
    padding: 0 !important;
    box-sizing: border-box !important;
}

.bx-auth_ form table.bx-auth-table {
    width: 100% !important;
    box-sizing: border-box !important;
}

.bx-auth_ .form-group:not(.form-check) {
    display: block !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 1.25rem;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.bx-auth_ form .form-group>div[class*="col-"] {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

.bx-auth_ form table.bx-auth-table td.bx-auth-label,
.bx-auth_ form table.bx-auth-table td:not(.bx-auth-label) {
    display: block !important;
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
    border: none !important;
    box-sizing: border-box !important;
}

.bx-auth_ form table.bx-auth-table td.bx-auth-label>label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0.5rem !important;
    padding: 0 !important;
    font-weight: 500 !important;
    color: #212529 !important;
}

.bx-auth_ form table.bx-auth-table {
    margin-bottom: 0 !important;
}

.bx-auth-reg-custom {
    max-width: 550px;
    margin: 3rem auto;
    padding: 2.5rem;
    background-color: #ffffff;
    border-radius: 0.5rem;
    box-shadow: none;
    border: 1px solid #dee2e6;
    box-sizing: border-box;
}

.main-register-form-custom h2 {
    font-size: 1.75rem;
    font-weight: 500;
    color: #212529;
}

.main-register-form-custom .form-group {}

.main-register-form-custom .form-label {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #212529;
}

.main-register-form-custom .form-control,
.main-register-form-custom .form-select {}

.main-register-form-custom .form-control:focus,
.main-register-form-custom .form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
}

.main-register-form-custom .starrequired {
    color: #dc3545;
    font-weight: bold;
    margin-left: 0.25rem;
}

.main-register-form-custom img[src*="captcha.php"] {
    display: block;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
}

.main-register-form-custom input[name="captcha_word"] {}

.main-register-form-custom .btn-primary {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.main-register-form-custom .btn-primary:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

.main-register-form-custom p.mt-3.text-center small {
    font-size: 0.875em;
}

.main-register-form-custom p.mt-3.text-center a {
    color: #0d6efd;
    text-decoration: none;
}

.main-register-form-custom p.mt-3.text-center a:hover {
    text-decoration: underline;
}

.bx-auth-reg-custom .alert {
    font-size: 0.9rem;
    padding: 0.75rem 1rem;
}

@media (max-width: 575.98px) {
    .bx-auth-reg-custom {
        margin: 1.5rem auto;
        width: calc(100% - 2rem);
        max-width: 100%;
        padding: 1.5rem;
    }
    .main-register-form-custom h2 {
        font-size: 1.5rem;
    }
    .main-register-form-custom .btn-lg {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        font-size: 0.95rem;
    }
}

.bx-auth {
    max-width: 550px;
    margin: 2rem auto;
    padding: 2.5rem;
    background-color: #ffffff;
    border-radius: 0.5rem;
    border: 1px solid #dee2e6;
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bx-registration-table {
    width: 100%;
    margin: 0 auto;
}

.bx-registration-table thead td {
    font-size: 1.75rem;
    font-weight: 500;
    color: #212529;
    padding: 0 0 1.5rem 0 !important;
    text-align: center !important;
}

.bx-registration-table thead tr {
    display: block;
    width: 100%;
}

.bx-registration-table thead td b {
    font-weight: 500;
    text-align: center;
    display: block;
    width: 100%;
}

.bx-auth form {
    width: 100%;
}

.bx-registration-table tbody tr {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
}

.bx-registration-table tbody td:first-child {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 0 0.5rem 0 !important;
    font-weight: 500;
}

.bx-registration-table tbody td:nth-child(2) {
    display: block;
    width: 100%;
    padding: 0 !important;
}

.bx-auth-input,
input[name="captcha_word"] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-sizing: border-box;
    height: calc(1.5em + 0.75rem + 2px);
}

.bx-auth-input:focus,
input[name="captcha_word"]:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.bx-registration-table tbody td[colspan="2"] {
    display: block;
    width: 100%;
    padding: 1rem 0 0.5rem 0 !important;
    font-weight: 700;
    border-top: 1px solid #dee2e6;
    margin-top: 1rem;
    text-align: center;
}

.bx-registration-table img[src*="captcha.php"] {
    margin-bottom: 0.5rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.bx-registration-table tfoot {
    display: block;
    width: 100%;
    padding-top: 1rem;
}

.bx-registration-table tfoot tr {
    display: block;
    width: 100%;
}

.bx-registration-table tfoot td:first-child {
    display: none;
}

.bx-registration-table tfoot td:nth-child(2) {
    display: block;
    width: 100%;
    padding: 0 !important;
    text-align: center;
}

.bx-registration-table tfoot input[type="submit"] {
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-sizing: border-box;
    margin: 0 auto;
}

.bx-registration-table tfoot input[type="submit"]:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

.starrequired {
    color: #dc3545;
}

.bx-auth>p {
    margin-top: 1rem;
    font-size: 0.875rem;
    text-align: center;
    width: 100%;
}

.bx-auth>p>a {
    color: #007bff;
    text-decoration: none;
    font-weight: 400 !important;
}

.bx-auth>p>a:hover {
    text-decoration: underline;
}

@media (max-width: 575.98px) {
    .bx-auth {
        padding: 1.5rem;
        margin: 1rem auto;
        width: calc(100% - 2rem);
        max-width: 100%;
    }
    .bx-registration-table thead td {
        font-size: 1.5rem;
        padding: 0 0 1rem 0 !important;
    }
    .bx-registration-table tfoot input[type="submit"] {
        font-size: 1rem;
        padding: 0.375rem 0.75rem;
        max-width: 100%;
    }
}

.bx-auth {
    box-shadow: none;
}

.bx-auth-input,
input[name="captcha_word"] {
    height: calc(1.7em + 0.75rem + 2px);
    margin-bottom: 8px;
}

.bx-registration-table tbody td:first-child:has(.starrequired) {
    font-weight: 500;
    color: #212529;
}

.bx-registration-table tbody td[colspan="2"] {
    color: #212529;
    font-size: 1.15rem;
}

.starrequired {
    color: #dc3545;
    font-size: 1.2em;
    font-weight: 500;
    vertical-align: middle;
    display: inline-block;
    margin-right: 0.15em;
}

.bx-registration-table thead td {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bx-auth {
    box-shadow: none;
}

.bx-registration-table tfoot {
    display: block;
    width: 100%;
    padding-top: 0.5rem;
}

.bx-auth>p {
    margin-top: 2rem;
    font-size: 0.875rem;
    text-align: center;
    width: 100%;
}

.bx-auth>p:last-of-type {
    margin-top: 1.5rem;
}

#comment {
    background: #f7f7f7;
    border: none;
    padding: 10px 20px;
}

section.news_blocks.content_blocks {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 1rem;
}

section.news_blocks.slider {
    height: auto !important;
}

section.news_blocks.content_blocks>div[id^="bx_"] {
    flex: 0 0 calc(33.333% - 1rem);
    margin: 0.5rem;
    box-sizing: border-box;
    display: flex;
}

section.news_blocks.content_blocks>div[id^="bx_"]>.h-100 {
    width: 100%;
    display: flex;
}

section.news_blocks.content_blocks>div[id^="bx_"]>.h-100>a {
    text-decoration: none;
    color: inherit;
    display: flex;
    width: 100%;
}

.block_default {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.block_default img.img-fluid {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.block_default h3 {
    font-size: 1rem;
    font-weight: 600;
    margin: 0.75rem 0.75rem 0.25rem;
    color: #212529;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(1.3em * 2);
}

.block_default .text {
    display: none;
}

.block_default .date_time {
    font-size: 0.75rem;
    color: #6c757d;
    margin: 0 0.75rem 0.75rem;
    padding-top: 0.25rem;
    margin-top: auto;
}

@media (max-width: 991.98px) {
    section.news_blocks.content_blocks>div[id^="bx_"] {
        flex: 0 0 calc(50% - 1rem);
    }
}

@media (max-width: 767.98px) {
    section.news_blocks.content_blocks>div[id^="bx_"] {
        flex: 0 0 calc(100% - 1rem);
    }
    .block_default h3 {
        -webkit-line-clamp: 3;
        min-height: calc(1.3em * 3);
    }
}

.news-item-classic .news-item-image-link {
    display: block !important;
    width: 100% !important;
    min-height: 180px !important;
    background-color: #000000 !important;
    position: relative !important;
    border-radius: 0.25rem;
    overflow: hidden;
}

.news-item-classic .news-item-image-link img.img-fluid {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: inherit !important;
}

.news-item-classic .news-item-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: inherit !important;
    position: absolute !important;
    top: 0;
    left: 0;
    color: #aaa !important;
    font-size: 14px !important;
    text-align: center !important;
    padding: 10px;
    box-sizing: border-box;
}

.news-item-classic .news-item-placeholder .placeholder-text {}

.news-item-classic .col-12.col-md-8 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.news-item-classic .col-12.col-md-4 {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
}

.table-responsive {
    border-radius: 8px;
    overflow: hidden;
}

.table {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.table th,
.table thead.table-light th {
    background-color: #212529 !important;
    color: #fff !important;
    font-weight: 600;
    border-bottom-width: 0 !important;
    border-top: none !important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.table tbody tr:first-child td {
    border-top: none !important;
}

.table td,
.table th {
    vertical-align: middle;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: rgba(0, 0, 0, 0.02) !important;
    color: inherit !important;
}

.table-striped>tbody>tr:nth-of-type(even)>* {
    background-color: #fff !important;
    color: inherit !important;
}

.table-hover>tbody>tr:hover>* {
    background-color: rgba(0, 0, 0, 0.04) !important;
    color: inherit !important;
}

.table,
.table th,
.table td {
    font-family: 'Golos Text', sans-serif;
}

.table thead.sticky-top th {
    z-index: 10;
}

.stats-column form select.form-select {
    display: inline-block;
    width: 100%;
    padding: 0.45rem 2rem 0.45rem 0.85rem;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.5;
    color: #495057;
    background-color: #f0f0f0;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.85rem center;
    background-size: 16px 12px;
    border: 1px solid #f0f0f0;
    border-radius: 0.375rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.stats-column form select.form-select:focus {
    border-color: #adb5bd;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.35);
}

.events-calendar-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.afisha-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.afisha-header h2 {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
}

.filters-and-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.horizontal-scroll-buttons {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 15px;
    margin-bottom: -15px;
    margin-top: 1.5rem;
}

.horizontal-scroll-buttons::-webkit-scrollbar {
    display: none;
}

.horizontal-scroll-buttons .btn {
    flex: 0 0 auto;
    margin-right: 10px;
    border-radius: 20px !important;
    border: none !important;
    background-color: #eaeae6 !important;
    color: #828282 !important;
    transition: background-color 0.2s, color 0.2s;
    outline: none !important;
    box-shadow: none !important;
}

.horizontal-scroll-buttons .btn:hover {
    background-color: #dcdcdc !important;
    color: #333 !important;
}

.horizontal-scroll-buttons .btn.active,
.horizontal-scroll-buttons .btn:active,
.horizontal-scroll-buttons .btn:focus {
    background-color: #eb303a !important;
    color: white !important;
    border-color: #eb303a !important;
    outline: none !important;
    box-shadow: none !important;
}

.date-strip-wrapper {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.date-strip-wrapper::-webkit-scrollbar {
    display: none;
}

.horizontal-scroll-dates {
    display: flex;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    margin-top: 25px;
}

.day-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 45px;
    cursor: pointer;
    padding-top: 15px;
    position: relative;
}

.day-number {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 8px;
    transition: background-color 0.2s, color 0.2s;
}

.day-of-week {
    font-size: 14px;
    color: #828282;
    text-transform: lowercase;
}

.day-item.weekend .day-of-week {
    color: #eb303a;
}

.day-item:hover .day-number {
    background-color: #ffb400;
    color: #000;
}

.day-item.today .day-number {
    color: #f0ad4e;
    background-color: transparent;
}

.day-item.active .day-number {
    background-color: #ffb400;
    color: #000;
}

.month-title-above {
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
    white-space: nowrap;
    margin-bottom: 5px;
}

.day-item.in-range {
    background-color: transparent;
}

.scroll-arrow {
    cursor: pointer;
    color: #000;
    background-color: #f0f0f0;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    transition: background-color 0.2s;
    flex-shrink: 0;
    border: none;
    padding: 0;
}

.scroll-arrow svg {
    width: 24px;
    height: 24px;
}

.scroll-arrow:hover {
    background-color: #e0e0e0;
}

#calendar-icon-trigger {
    font-size: 24px;
    cursor: pointer;
    color: #000;
    flex-shrink: 0;
    margin-right: 15px;
    background-color: #f0f0f0;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}

#calendar-icon-trigger:hover {
    background-color: #e0e0e0;
}

.calendar-controls {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.events-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
}

@media (min-width: 376px) {
    .events-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    .events-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 992px) {
    .events-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1200px) {
    .events-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

.event-card {
    border: 1px solid #dee2e6;
    border-radius: 15px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: none;
}

.event-card .card-body {
    padding: 1rem !important;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.event-card:hover {
    transform: none;
}

.event-card .card-img-wrapper {
    position: relative;
}

.event-card .card-img-top {
    width: 100%;
    height: auto;
}

.event-card .badge {
    position: absolute;
    margin: 0.5rem;
    color: white !important;
    font-size: 0.75rem;
    padding: 0.3em 0.6em;
}

.event-card .badge-age {
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-radius: 0.375rem !important;
}

.event-card .badge-sport {
    top: 0;
    right: 0;
    background-color: #eb303a !important;
    border-radius: 0.375rem !important;
}

.event-card .card-title {
    font-size: 0.9rem;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    min-height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.event-card .card-text-group {
    padding-top: 0.75rem;
}

.event-card .card-text {
    font-size: 0.8rem;
    color: #828282;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: flex-start;
}

.event-card .card-text i {
    color: #eb303a;
    margin-right: 8px;
    font-size: 0.75rem;
    margin-top: 0.1em;
}

.modal-dialog {
    max-width: 350px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.modal-content {
    border-radius: 15px;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.modal-header {
    border-bottom: none;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.month-nav,
.year-nav {
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 500;
}

.modal-arrow {
    cursor: pointer;
    color: #828282;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.modal-arrow:hover {
    color: #000;
}

.modal-body {
    padding: 0 1.5rem;
}

.calendar-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    color: #828282;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
}

.calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    height: 240px;
}

.calendar-day {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
}

.calendar-day:not(.empty):not(.disabled) .day-number:hover {
    background-color: #ffb400;
    color: #000;
}

.calendar-day.selected .day-number {
    background-color: #ffb400;
    color: #000;
    border: none;
    font-weight: bold;
}

.calendar-day.today .day-number {
    border: 1px solid #f0ad4e;
    border-radius: 50%;
}

.calendar-day.weekend .day-number {
    color: #eb303a;
}

.calendar-day.weekend.selected .day-number {
    color: #000;
}

.calendar-day.disabled .day-number {
    color: #ccc !important;
    background: none !important;
}

.calendar-day.disabled {
    pointer-events: none;
}

.calendar-day.in-range {
    background-color: transparent;
}

.modal-footer {
    border-top: none;
    padding: 1rem 1.5rem;
    justify-content: space-between;
}

.modal-footer .btn-secondary {
    background-color: #eaeae6 !important;
    color: #333 !important;
    border-color: #eaeae6 !important;
}

#select-date-btn {
    background-color: #eb303a;
    border-color: #eb303a;
}

.placeholder-wrapper {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    justify-content: center;
    align-items: center;
}

.no-events-placeholder {
    display: none;
    grid-column: 1 / -1;
    justify-self: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 80px 40px;
}

.no-events-placeholder.visible {
    display: flex;
}

.no-events-placeholder svg {
    width: 98px;
    height: 82px;
    fill: #E21A1A;
}

.no-events-text {
    text-align: center;
}

.no-events-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
}

.no-events-subtitle {
    font-size: 16px;
    color: #666;
}

/* --- Стили для модального окна Афиши (ИСПРАВЛЕННЫЕ И БОЛЕЕ СПЕЦИФИЧНЫЕ) --- */
#calendarModal .modal-dialog {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

#calendarModal .modal-content {
    border-radius: 15px;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

#calendarModal .modal-header {
    border-bottom: none;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#calendarModal .month-nav,
#calendarModal .year-nav {
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 500;
}

#calendarModal .modal-arrow {
    cursor: pointer;
    color: #828282;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#calendarModal .modal-arrow:hover {
    color: #000;
}

#calendarModal .modal-body {
    padding: 0 1.5rem;
}

#calendarModal .calendar-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    color: #828282;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
}

#calendarModal .calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    height: 240px;
}

#calendarModal .calendar-day {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
}

#calendarModal .calendar-day .day-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

#calendarModal .calendar-day:not(.empty):not(.disabled) .day-number:hover {
    background-color: #ffb400;
    color: #000;
}

#calendarModal .calendar-day.selected .day-number {
    background-color: #ffb400;
    color: #000;
    border: none;
    font-weight: normal;
}

#calendarModal .calendar-day.today .day-number {
    border: 1px solid #f0ad4e;
}

#calendarModal .calendar-day.weekend .day-number {
    color: #eb303a;
}

#calendarModal .calendar-day.weekend.selected .day-number {
    color: #000;
}

#calendarModal .calendar-day.disabled .day-number {
    color: #ccc !important;
    background: none !important;
    cursor: default;
}

#calendarModal .calendar-day.disabled {
    pointer-events: none;
}

#calendarModal .calendar-day.in-range {
    background-color: transparent;
}

#calendarModal .modal-footer {
    border-top: none;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
}

#calendarModal .modal-footer .btn-secondary {
    background-color: #eaeae6 !important;
    color: #333 !important;
    border-color: #eaeae6 !important;
}

#calendarModal #select-date-btn {
    background-color: #eb303a;
    border-color: #eb303a;
}

@media (max-width: 575px) {
    #calendarModal .modal-dialog {
        width: 90%;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
    }
}

a.event-card-link {
    text-decoration: none;
    color: inherit;
    display: block; 
}

.event-detail-container {
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.event-detail-image-wrapper {
    margin-bottom: 25px;
}

.event-detail-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.event-detail-date {
    font-size: 1em;
    color: #888;
    margin-bottom: 15px;
}

.event-detail-description {
    line-height: 1.7;
    font-size: 1.1em;
    margin-bottom: 25px;
    padding-left: 20px;
    border-left: 3px solid #007bff;
}

.event-detail-properties {
    list-style: none;
    padding: 0;
    margin: 0;
}

.event-detail-properties li {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1.1em;
}

.event-detail-properties li:last-child {
    border-bottom: none;
}

.event-detail-properties .property-name {
    font-weight: 600;
    display: inline-block;
    width: 200px; 
    color: #333;
}

.event-detail-properties .property-value {
    color: #555;
}
/* End */


/* Start:/bitrix/templates/mediapro_main_copy/components/bitrix/system.pagenavigation/.default/style.css?17446242551171*/
div.modern-page-navigation { 
	padding: 22px 0;
	font-size: 12px;
}

div.modern-page-navigation a, 
span.modern-page-current, 
span.modern-page-dots
{
	border-left-width: 1px;
	/*border-left-style: solid;*/
	text-decoration: none;
	padding: 5px 8px;
	color: #5B5B5B;
}
div.modern-page-navigation a.modern-page-previous { 
	border-right-width: 1px; 
	/*border-right-style: solid; */
	border-left: none; }
div.modern-page-navigation a.modern-page-first, 
div.modern-page-navigation span.modern-page-first { 
	border-left: none; 
	padding-left: 0.5em; }

span.modern-page-current { 
	/*font-weight: bold;*/
    background: #BEBEBE;
    border-color: #BEBEBE;
    padding: 3px 8px;
    border-radius: 3px;
    color: white;

}

.pagination {

    margin-top: 15px !important;
    margin-right: 5px !important;

}

.pagination>li>a {
color: black !important;
color: #5B5B5B !important;
}


.pagination>li.active>a {
color: #9B9B9B !important;
}


.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    z-index: 3;
    background: none !important;
    border-color: transparent;
}

/*i.fa {font-size: 14px; margin-top; 3px}*/
/* End */
/* /bitrix/templates/mediapro_main_copy/css/style.css?1749732577146938 */
/* /bitrix/templates/mediapro_main_copy/components/bitrix/system.pagenavigation/.default/style.css?17446242551171 */