@font-face {

    font-family: 'TT Firs Neue';

    src: url('../fonts/TTFirsNeue-Medium.ttf');

    font-weight: 500;

    font-style: normal;

}



* {

    box-sizing: border-box;

}



body {

    overflow-x: hidden;

    background-color: white;

    color: black;

    font-family: Roboto, sans-serif;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

}



a {

    text-decoration: none;

    color: inherit;

    outline: none;

}



.companies-banners-wrapper {

    min-height: 100vh;

    display: flex;

    font-size: 34px;

    font-weight: 500;

}



.company-banner-item-wrapper {

    width: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 70px 20px;

}



.company-banner-item-wrapper.soldout-banner-wrapper {

    background-color: #30323A;

    color: white;

}



.company-banner-item-wrapper.jokla-banner-wrapper {

    background-color: #A58C6D;

    color: #213865;

}



.company-banner-item-image-wrapper {

    max-width: 333px;

    height: 129px;

    display: flex;

    align-items: center;

    margin-bottom: 120px;

}



.company-banner-item-image-wrapper img {

    max-width: 100%;

    max-height: 100%;

}



.company-banner-item-title {

    margin-bottom: 35px;

}



.company-banner-item-button {

    min-width: 325px;

    text-align: center;

    display: block;

    padding: 18px;

}



.company-banner-item-wrapper.soldout-banner-wrapper .company-banner-item-button {

    background-color: #0FE102;

    color: #30323A;

}



.company-banner-item-wrapper.jokla-banner-wrapper .company-banner-item-button {

    background-color: #213865;

    color: #A58C6D;

}