html, body {     overflow-x: hidden; } body {     background: #ffffff;     font-family: "Uefa Euro Medium", Helvetica, Arial, sans-serif;     font-size: 1rem;     color: #000;     padding: 0;     margin: 0;     overflow-x: hidden;     font-style: normal; } h1, h2, h3, h4, h5, h6 {     margin: 1em 0; }  p {     margin-bottom: 30px; }  a {     text-decoration: none; }  .container {     max-width: 1200px;     padding: 0 15px;     margin: 0 auto; }  ol {     list-style-type: decimal;     padding-left: 40px; } ol li {     font-family: sans-serif;     margin-bottom: 0.5rem; }  .header {     display: block;     width: 100%;     background: #143cda;   	z-index: 10; } .header__top {     padding: 35px 0;     border-bottom: 1px solid #eee;     position: relative; } .header__bottom {     padding: 0; } .banner {     height: 250px;     overflow: hidden; } .banner__link {     text-align: center;     height: 100%;     display: flex;     justify-content: center;     align-items: center; } .banner__link img {     width: 100%;     height: auto; } .navigation__list {     display: flex;     align-items: center;     flex-wrap: wrap;     justify-content: space-around;     list-style: none;     padding: 0;     margin: 0; } .navigation__list__item {     position: relative;     margin-left: 1.6rem; } .navigation__list__item:first-child {     margin-left: 0; } .navigation__list__item:hover .navigation__list__item__link {     color: #ffffff; } .navigation__list__item:hover .submenu {     display: block;     position: absolute;     bottom: 0;     top: 100%;     padding-top: 20px;     right: 0; } .scroll-to-top {     display: none;     width: 40px;     height: 40px;     background: #0b041b;     position: fixed;     bottom: 20px;     right: 20px;     color: #fff;     cursor: pointer;     padding: 10px;     border-radius: 4px;     border: none;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }  .navigation__list__item__link {     display: flex !important;     align-items: center; } .navigation__list__item__link svg {     width: 25px;     height: 25px } .navigation__list__item__link, .navigation__list__item a {     position: relative;     display: block;     color: #ffffff;     padding-right: 20px; }  .navigation__list__item__link:first-child {     margin-left: 0; } .logo {     width: 150px;     height: 40px;     padding: 15px 0;     display: block;     background-image: url(../../../shared/2997/uefa-logo.png);     text-indent: 100%;     white-space: nowrap;     overflow: hidden;     background-position: center;     background-repeat: no-repeat;    	background-size: contain;     padding-right: 0 !important; } .submenu {     display: none;     width: 200px;     list-style: none;     box-sizing: border-box;     height: 100%;     margin: 0;     padding: 0; } .submenu:before {     --tw-rotate: 45deg;     --tw-content: "";     background-color: #0d1e62;     content: var(--tw-content);     right: 45px;     top: 10px;     transform: translate(0,0) rotate(var(--tw-rotate)) skewX(0) skewY(0) scaleX(1) scaleY(1);     height: 20px;     position: absolute;     width: 20px;     z-index: 0; } .submenu__item {     background-color: #0d1e62; } .submenu__item:hover {     background: #141413; } .submenu .submenu__item__link {     align-items: center;     border-width: 0;     border-bottom: 1px solid rgba(255, 255, 255, .3);     color: #ffffff;     display: flex;     flex: 1 1 0%;     font-size: 16px;     line-height: 1.3;     padding: 16px;     position: relative;     text-decoration-line: none;     transition-duration: .25s;     transition-property: background-color;     transition-timing-function: cubic-bezier(.4,0,.2,1); }  .navigation__list__item-cls {     text-align: center;     display: none; } .navigation__list__item-cls .close_nav {     background: none;     border: none; } .navigation__list__item-cls .close_nav svg {     width: 24px;     height: 24px; }  .menu-toggle {     display: none;     border: none;     cursor: pointer;     width: 45px;     height: 35px;     padding: 0;     text-align: center;     position: absolute;     top: 15px;     right: 15px;     background: none;     border-radius: 5px;     z-index: 1; } .menu-toggle .line {     width: 27px;     height: 3px;     display: block;     transition: all 300ms ease-in-out;     margin-left: auto;     margin-right: auto;     margin-top: 4px; } .menu-toggle .line:first-child {     margin-top: 0; } .main .container {     box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.14); }  .cards {     padding: 1px 0; } .cards__title {     font-size: 26px;     margin-bottom: 0.5em;     line-height: 1.25;     text-align: center; }  .redbg {     background: darkred;     padding: 10px 20px;     border-radius: 5px; } .redbg a {     color: #FFFFFF;     text-align: center;     padding-right: 0; } .cards .redbg a {     display: block;     color: #FFFFFF;     text-align: center;     padding-right: 0;     text-transform: uppercase;     text-decoration: none; } .cards__content .cards__content__modified {     color: #0b041b; } .cards a {     color: #186cff;     text-decoration: underline; }  .footer {     color: #fff;     background: #143cda; } .footer__top {     padding: 60px 0; } .footer__nav {     display: flex;     align-items: center;     justify-content: space-between;     flex-wrap: wrap;     align-items: flex-start; } .footer__nav__item {     box-sizing: border-box;     width: 20%;     padding: 0 20px; } .footer__nav__menu__title {     color:  #fff;     font-size: 16px;     margin-bottom: 15px;     margin-top: 0;     text-transform: uppercase;     font-weight: revert; }  .footer__nav__menu__list {     list-style: none;     padding: 0; } .footer__nav__menu__list__item {     margin-bottom: 0.8em; } .footer__nav__menu__list__item__link {     color: #fff; }  .footer__nav__menu__image-medium {     margin: 0 0 1em; }  .footer__bottom {     background: #143cda;     padding: 40px 0; } .footer__bottom__info {     margin: 10px 0;     font-size: 13px; } .footer__bottom__info a {     color: #fff;     text-decoration: underline; } .footer__bottom__info:last-child {     font-size: 12px; } .navigation__list__item.logo-block {     display: none; } @media (max-width: 992px) {     .header__top {       display: none;     }     .menu-toggle {         display: block;     }     .line {         background: #FFFFFF;     }     .navigation__list {         display: block;         height: 100%;         max-height: 110vh;         overflow-y: auto;         width: 100%;         opacity: 0;         top: 0;         left: -100%;         position: fixed;         background-color: rgba(0, 0, 0, 0.75);         z-index: 0;         padding-bottom: 10px;         transition: all 300ms ease-in-out;     }     .navigation__list.active {         opacity: 1;         left: 0;         z-index: 3;     }     .navigation__list__item {         width: 75%;         background: #186cff;         margin-left: 0;         padding: 10px 15px;     }     .navigation__list__item:hover .submenu {         display: block;         position: relative;         bottom: 0;         top: 100%;         padding-top: 20px;         width: 100%;     }     .navigation__list__item-cls {         display: block;     }     .submenu__item {         border-bottom: 1px solid #f5f5f5;     }     .header {         height: 65px;     }     .main {         padding-top: 0;     }     .navigation__list__item.logo-block {         display: block;         width: auto;         background: #186cff;         margin-left: 0;         padding: 0;     } } @media (max-width: 767px) {     .card__logo {         width: 35%;     }     .cards a {         display: block;     }     .card__logo__link img {         width: 255%;     }     .author__post {         display: flex;         align-items: center;         justify-content: center;         flex-direction: column;     }     .author__post__block {         width: 100%;     }     .author__post__photo {         width: 100%;     } } @media (max-width: 515px) {     .card__logo {         width: 60%;     } } @media (max-width: 451px) {     .card__logo {         width: 100%;     } } @media (max-width: 360px) {     .card {         flex-direction: column;     }     .card__logo {         width: 100%;     } } @media (max-width: 521px) {     .footer__nav {         justify-content: center;     }     .footer__nav__item {         width: 50%;     } } @media (max-width: 360px) {     .footer__nav {         justify-content: center;     }     .footer__nav__item {         width: 100%;         margin-bottom: 15px;     } }  .main img {     max-width: 100%;     height: auto;   padding-bottom: 10px; }  .table {     border-radius: 8px;     border: 1px solid #90a0a6;     margin: 10px 0;     padding: 24px 0 0; } .table__title {     display: flex;     gap: 12px;     line-height: 1.3;     padding: 0 15px; }  .table__title h2 {     color: #28383e;     font-size: 24px; } .table__body__header__list, .table__body__main__list {     display: flex;     list-style: none;     justify-content: space-between;     align-items: center;     padding: 0 10px; } .table__body__main__list:last-child {     border-bottom: none; } .table__body__main__list {     padding: 10px;     border-bottom: 1px solid #90a0a6; } .table__body__main__list:hover {     background: rgba(144, 160, 166, 0.3);     border-radius: 5px; } .table__body__header__item, .table__body__main__item {     width: 10%;     text-align: center; } .table__body__main__item .table__body__main__item__link {     color: #90a0a6;     text-decoration: none;     display: flex;     align-items: center; }  .table__body__main__item__link img {     width: 32px;     height: 32px; }  .table__body__main__item.rat span {     display: inline-block;     border: 1px solid #90a0a6;     width: 18px;     height: 18px;     border-radius: 50%; }  @media (max-width: 1245px) {     .table {         width: 1200px;         overflow-x: scroll;     } }  .matches__label {     color: #5d6d73;     font-size: 16px;     margin-top: 0;     padding: 0; }  .matches__cards {     display: grid;     grid-template-columns: 1fr 1fr 1fr;     gap: 20px; }  .matches__card {     display: flex;     align-items: center;     border: 1px solid #dbdfe0;     background-color: #ffffff;     -webkit-font-smoothing: antialiased;     box-sizing: border-box;     position: relative;     border-radius: 8px;     height: 144px;     padding: 24px; }  .matches__card__link {     display: block;     text-decoration: none;     color: #28383e;     width: 100%; }  .matches__card__content {     display: flex;     justify-content: space-between;     align-items: center; }  .matches__card__content p {     margin: 0; }  .matches__card__content__country {     display: flex;     flex-direction: column;     gap: 12px;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap; }  .matches__card__content__country__inner {     position: relative;     display: flex;     justify-content: flex-start;     align-items: center;     font-size: 20px; }  .matches__card__content__country__inner span {     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;     width: 100%; } .matches__card__content__country__inner img {     width: 24px;     height: 24px;     margin-right: 10px; }  .matches__card__content__time {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     padding-left: 16px;     margin-left: 16px;     border-left: 1px solid #d9d9d9;     gap: 8px; }  .matches__card__content__start {     color: #28383e;     font-size: 20px;     line-height: 1.3; }  .matches__label__country {     font-size: 12px;     color: rgb(178, 178, 178); }  .matches__card__content__details {     text-wrap: nowrap;     align-items: center;     align-self: center;     border-style: none;     color: #143cdb;     cursor: pointer;     display: flex;     justify-content: center;     opacity: 1;     transition-duration: 0.15s;     transition-property: opacity;     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);     padding: 4px 8px;     border-radius: 4px;     background: rgba(227, 232, 234, .5);     font-size: 14px; } @media (max-width: 1050px) {     .matches__cards {         grid-template-columns: 1fr 1fr;     } } @media (max-width: 767px) {     .matches__cards {         grid-template-columns: 1fr;     } } @media (max-width: 430px) {     .matches__card__content__country__inner {         font-size: 16px;     }     .matches__card__content__country__inner:before {         width: 15px;         height: 15px;     }     .matches__card__content__start {         font-size: 16px;     }     .matches__card__content__country {         width: 150px;     } }  .table__body__main__item__link span {       display: flex;       align-items: center; } .footer .navigation__list__item__link {     width: 100px;     height: 70px; } img {   max-width: 100%;   height: auto; }