/* roboto-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('./fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('./fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
    url('./fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

html,
body {
    height: 100%;
    font-family: 'Roboto', sans-serif !important;
}

.fs-7 {
    font-size: 0.8rem;
}

@font-face {
    font-family: HKGrotesk;
    src: url(fonts/HKGrotesk-Bold.otf);
}

@font-face {
    font-family: LeagueSpartan;
    src: url(fonts/LeagueSpartan-Bold.otf);
}

.pc-2 {
    padding: 2rem;
}

.mt-7 {
    margin-top: 6rem !important;
}

.exo-header {
    background-image: linear-gradient(130deg, white 0%, #eee 100%);
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.exo-demo {
    font-size: 22px;
    color: var(--exo-violet);
    font-style: italic;
    font-weight: bold;
}

.navbar {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.list-group-item {
    padding: .1rem 1rem;
}

.languageSection {
    float: right;
    font-size: 14px;
}

.languageSection ul {
    list-style: none;
    display: inline-flex;
}

.languageSection ul,
li {
    border: none;
}

.languageSection ul li:last-child {
    padding-right: 0 !important;
}

.languageSection a {
    opacity: 0.4;
    cursor: pointer;
    text-decoration: none;
    color: black;
    font-weight: bold;
}

.languageSection a:hover {
    text-decoration: none;
    opacity: 1;
    color: var(--exo-violet);
}

.languageSection .active a {
    opacity: 1 !important;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
}

.languageSection img {
    width: 30px !important;
    height: 30px !important;
}

.languageSection .list-group-item {
    background-color: transparent;
}

.language-link {
    position: relative;
    transition: clip-path 275ms ease;
}

.language-link:hover span::before,
.language-link:focus span::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.language-link span {
    position: relative;
    display: inline-block;
}

.language-link span::before {
    position: absolute;
    content: attr(data-content);
    text-decoration: underline;
    text-decoration-color: var(--exo-violet);
    clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
    transition: clip-path 275ms ease;
}

.right-label {
    font-size: 13px;
}

footer {
    padding: 1rem 2rem;
}

.exo-link:hover {
    color: var(--exo-violet) !important;
}

.btn {
    border-radius: 0rem;
}

.exo-logo {
    content: url(../images/exorbyteLogo.svg);
}

.logo {
    content: url(../images/logo.svg);
    height: 70px;
    width: 120px;
}

.exo-button-logo {
    content: url(../images/demo-button-logo.png);
    margin-bottom: 4px;
}

/* Cookie Banner */
.cc-window {
    font-family: 'Roboto', sans-serif !important;
}

.cc-banner .cc-compliance .cc-btn {
    text-decoration: none;
}
