@media screen and (max-width: 768px) { .site-tabs .page-width {   padding: 0; } }  .site-tabs { background-color: #3f3f3f; z-index: 7; position: relative; }  .site-tabs__ul { list-style: none; display: grid; padding: 0; margin: 0; }  @media screen and (min-width: 769px) { .site-tabs__ul {   display: flex; } }  .site-tabs li { margin: 0; display: inline-flex; padding: 7.25px 30.2px; text-transform: uppercase; color: #ffffff; font-size: 13px; font-weight: bold; justify-content: center; text-align: center; }  .site-tabs li a { color: #ffffff; }  @media screen and (min-width: 769px) { .site-tabs li:last-child {   border-right: 1px solid #5e5e5e; }  .site-tabs li:first-child {   border-left: 1px solid #5e5e5e; } }  @media screen and (max-width: 769px) { .site-tabs__ul {   grid-template-columns: 1fr 1fr; } }  .site-tabs li.active { color: #1d1d1d; background-color: #ffffff; position: relative; border: none; cursor: default; }  .site-tabs li.active a { color: #1d1d1d; }  .site-tabs li.active::before { content: ' '; display: block; width: 8px; height: 8px; background-color: white; position: absolute; bottom: -4px; left: calc(50% - 4px); transform: rotate(45deg); z-index: 7; } 