:root {
    --ihd-primary-color: #0b3d6b;
    --ihd-primary-light-color: #1c3150;
    --ihd-white-color: #fff;
}

@font-face {
    font-family: 'SFU Salzburg';
    src: url('/assets/batdongsan/fonts/SFU-Salzburg-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('/assets/batdongsan/fonts/FZ-Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('/assets/batdongsan/fonts/FZ-Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('/assets/batdongsan/fonts/FZ-Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('/assets/batdongsan/fonts/FZ-Poppins-Black.ttf') format('truetype');
    font-weight: 800;
}

*:not(i) {
    font-family: 'FZ Poppins', sans-serif;
}

.ihd-text-primary {
    color: var(--ihd-primary-color) !important;
}

.ihd-text-primary-light {
    color: var(--ihd-primary-light-color) !important;
}

.ihd-bg-primary {
    background-color: var(--ihd-primary-color) !important;
}

.ihd-bg-primary-light {
    background-color: var(--ihd-primary-light-color) !important;
}

.ihd-border-primary {
    border-color: var(--ihd-primary-color) !important;
}

.ihd-border-primary-light {
    border-color: var(--ihd-primary-light-color) !important;
}

.ihd-btn-primary {
    background-color: var(--ihd-primary-color) !important;
    color: #fff;
}

.ihd-btn-primary:hover {
    background-color: var(--ihd-primary-color) !important;
    color: #fff;
}

.ihd-btn-outline-primary {
    background-color: var(--ihd-primary-light-color);
    color: var(--ihd-primary-color);
    border: 1px solid var(--ihd-primary-color);
}

.ihd-btn-outline-primary:hover {
    background-color: var(--ihd-primary-light-color);
    color: var(--ihd-primary-color);
    border: 1px solid var(--ihd-primary-color);
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.h-80{
    height: calc(3rem + 3.125vw) !important;
}