:root {
    /* Colors */
    --main: #F28C00;
    --primary: #000000;
    --secondary: #ffffff;
    --sandal: #FADBA6;
    --yellow: #F2C300;
    --grey: #0000004A;
    --red: #A6192E;
    --blue: #1E90FF;

    --text-primary: #212121;
    --text-secondary: #000000BF;
    --text-tertiary: #4E5265;
    --text-quarterly: #10152E;
    --border: #EAECF0;
    --bg: #F3F3F3;

    /* Fonts */
    --primary-font: 'Poppins', sans-serif;
    --secondary-font: "Playfair Display", serif;
    --tertiary-font: "Playfair", serif;
    --fw-xs: 300;
    --fw-sm: 400;
    --fw-md: 500;
    --fw-lg: 600;
    --fw-xl: 700;
    --fw-xxl: 800;
}

.body-head h2 {
    color: var(--text-primary);
    font-size: 30px;
    font-weight: var(--fw-xl);
}

.head-label {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 12px;
    margin-bottom: 30px;
}

.dot {
    width: 14px;
    height: 14px;
    background: #F2C300;
    border-radius: 50%;
}

.body-head h6,
.head-label h6 {
    color: var(--text-secondary);
    font-size: 16px;
    font-weight: var(--fw-md);
}