@import url("https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Noto+Serif&subset=cyrillic,cyrillic-ext&display=swap');

@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.eot);
    src: url(https://fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.eot?#iefix) format('embedded-opentype'),
        url(https://fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.ttf) format('truetype');
}

* {
    margin: 0;
    padding: 0;
    color: #333;
}

body {
    background-color: #eee;
}

h1 {
    font-size: 20px;
    font-weight: 700;
}

p {
    margin-top: 20px;
    font-size: 16px;
}

p.sub {
    font-weight: 700;
}

a {
    color: #047BC1;
}

.header {
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.09);
}

.header img {
    margin: 23px 38px;
}

.card {
    font-family: "Noto Sans", sans-serif;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 36px;
    margin-left: 38px;
    margin-right: 38px;
    padding: 16px 43px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .09);
}

.card.top {
    margin-top: 48px;
}

.card.ar {
    font-family: "Noto Kufi Arabic", "Noto Sans", sans-serif;
    direction: rtl;
}

.card.ar h1 {
    font-size: 16px;
}

.card.zh {
    font-family: "Noto Sans SC", "Noto Sans", sans-serif;
}