@import "font/psiber-icon/style.css";
@import "css/variable.css";
@import "css/uicomponents.css";
@import "css/default.css";
@import "css/responsive.css";
@import "css/site.css";

@font-face {
    font-family: poppins-Regular;
    src: url(font/Poppins/Poppins-Regular.ttf);
}
@font-face {
    font-family: poppins-Medium;
    src: url(font/Poppins/Poppins-Medium.ttf);
}
@font-face {
    font-family: poppins-SemiBold;
    src: url(font/Poppins/Poppins-SemiBold.ttf);
}
@font-face {
    font-family: poppins-Bold;
    src: url(font/Poppins/Poppins-Bold.ttf);
}
html{
    overflow-x: hidden;
}
body {
    margin: 0px;
    overflow-x: hidden;
    background-color: var(--background-color);
}
* {
    box-sizing: border-box;
    font-family: poppins-Regular;
    color: var(--text-primary-color);
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6, ul, p {
    margin: 0px;
    font-weight: normal;
}

a {
    text-decoration: none;
}
p{
    font-size:16px;
    opacity:0.75;
}
h1 {
    font-size: 32px;
    font-family: poppins-Bold;
}
h4 {
    font-size: 21px;
    font-family: poppins-SemiBold;
}
h5 {
    font-size: 18px;
    font-family: poppins-SemiBold;
}
.bold {
    font-family: poppins-SemiBold !important;
}