body {     padding: 0;     margin: 0;     background: #ffffff;     color: #000000;     font-family: 'Roboto', sans-serif;     font-weight: 400;     font-size: 15px; }  *, :after, :before {     box-sizing: border-box; }  a, .page-title {     color: #9c0000; }  a:hover, a:focus {     color: #f5c343;     text-decoration: none; } img {     max-width: 100%;     height: auto;   padding-bottom: 5px; } #mobile-header {     display: none; }  .container {     max-width: 1340px;     margin: 0 auto;     padding-left: 20px;     padding-right: 20px; }  .header-container {     padding-top: 2rem;     padding-bottom: 2rem; }  .header-row {     display: flex;     justify-content: space-between;     align-items: center;     gap: 2rem; }  .nav-bar {     border: 1px solid #eaeaea;     background-color: #eeeeee; }  .menu {     list-style: none;     padding: 0;     margin: 0;     display: flex;     gap: 2em; }  .menu a {     display: block;     text-decoration: none;     padding: 1rem 0; }  @media (max-width: 921px) {     #desktop-header {         display: none;     }     #mobile-header {         display: block;         padding: 1rem 20px;         position: relative;     }     .close {         display: none;     }     .menu-toggle {         background: none;         border: none;     }     .mobile-nav {         max-height: 0;         opacity: 0;         overflow: hidden;         position: absolute;         left: 0;         width: 100%;         border: 1px solid #eaeaea;         background-color: #eeeeee;         padding: 0;         transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;         padding: 1rem 20px;     }     .menu {         flex-direction: column;     }     .menu-toggle svg {         width: 20px;         height: 20px;         fill: #9a0000;     }     .mobile-nav.active {         max-height: 500px;         opacity: 1;         padding: 1rem 20px;         z-index: 1;     }      .menu-toggle .close {         display: none;     }      .menu-toggle.open .open {         display: none;     }      .menu-toggle.open .close {         display: inline-block;     } } .main {     margin: 4em 0; } .banner {     position: relative;     max-width: 845px;     height: 486px;     overflow: hidden;     margin: 0 auto; }  .banner img {     width: 100%;     height: 100%;     object-fit: cover; }  .banner__content {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     background: rgba(0, 0, 0, 0.5);     color: white;     padding: 15px 20px;     text-align: center;     max-width: 500px; }  .banner__content__title {     margin: 0;     font-size: 28px;     font-weight: bold; } .main__wrapper {     display: flex;     gap: 2rem; }  .main__content {     width: 70%;     border-right: 1px solid #dddddd;     padding-right: 60px; } .main__content__text  {     color: #741a21; } .main__content__text h1 {     color: #b30000; } table {     width: 100%;     border-collapse: collapse; } th, td {     border: 1px solid #b30000;     padding: 10px;     text-align: center; } tr:nth-child(odd) {     background-color: #741a21;     color: white; } .sidebar {     box-sizing: border-box;     padding-left: 2em;     width: 30%; } .sidebar img {     display: block;     margin: 0 auto; } .btn {     display: block;     width: 100%;     background: none;     border: none;     padding: 0;     margin: .5rem 0; }   .sidebar__title {     color: #b30000;     font-weight: 400; }  .sidebar__banner {     display: block;     margin: 0.2rem 0; }  .btn .btn__link {     display: block;     padding: 1rem 1.5rem;     background: #b30000;     color: white;     text-decoration: none;     font-size: 18px;     font-weight: bold;     border-radius: 50px;     position: relative;     overflow: hidden; }  .btn .btn__link::before {     content: "";     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 50%;     background: rgba(255, 255, 255, 0.5);     clip-path: ellipse(100% 100% at center top); }  .btn .btn__link:hover {     background: #741a21; }  .btn .btn__link:hover::before {     content: "";     position: absolute;     top: 50%;     bottom: 0;     left: 0;     width: 100%;     height: 50%;     background: rgba(255, 255, 255, 0.5);     clip-path: ellipse(100% 100% at center bottom); } @media (max-width: 1024px) {     .main__content {         padding-right: 20px;     }     .sidebar {         padding-left: 0;     }     .main__wrapper {         gap: 1rem;     } }  @media (max-width: 960px) {     .main__wrapper {         flex-direction: column;     }     .main__content {         width: 100%;         padding: 0 0 2rem;         border-right: 1px solid #dddddd00;         border-bottom: 1px solid #dddddd;     }     .sidebar {         width: 50%;         margin: 0 auto;     }     .banner__content {         max-width: 90%;         width: 100%;     } }  @media (max-width: 520px) {     .sidebar {         width: 100%;     } }  @media (max-width: 420px) {     table {         font-size: 10px;     } }  .main__content__item {     margin-top: 3rem; }  .tag {     text-decoration: none; }  .article__text {     color: #000000;     display: -webkit-box;     -webkit-line-clamp: 3;     -webkit-box-orient: vertical;     overflow: hidden; }  .read-more {     text-decoration: none; }  .main__content__item {     border-bottom: 1px solid #dddddd; }  .footer {     background-color: #eeeeee;     min-height: 80px;     border-style: solid;     border-width: 0px;     border-top-width: 1px;     border-top-color: #e5e5e5;     text-align: center;     padding-top: 20px;     padding-bottom: 20px; }  .scroll-up {     position: fixed;     bottom: 20px;     right: 20px;     width: 50px;     height: 50px;     background: #b30000;     color: #fff;     border: none;     border-radius: 50%;     font-size: 24px;     font-weight: bold;     cursor: pointer;     opacity: 0;     visibility: hidden;     transition: opacity 0.3s, transform 0.3s;     box-shadow: 0px 4px 10px rgba(255, 0, 0, 0.2); }  .scroll-up:hover {     transform: scale(1.1);     box-shadow: 0px 6px 15px rgba(255, 0, 0, 0.3); }  .scroll-up.show {     opacity: 1;     visibility: visible; } /* Aleks added start*/ .header-bar{   background-color: #ca2f2f; }  /* Aleks added end*/