:root {
    --border-stroke: #e8e8e8;
    --primary-blue: #1b4e9b;
    --primary-blue-light: rgba(27, 78, 155, 0.051);
    --primary-orange: #ef7f1a;
    --black: #000000;
    --body-bg: #F9F9F9;
    --text-light: #535353;
    --text-extra-light: rgba(0, 0, 0, 0.5);
    --text-primary-blue-dark: #002255;
    --black-extra-light: rgb(00, 00, 0, 0.01);
    --skyblue:#459ABF;
    --shalby-blue-light: #F0F6FD;
    --dark-shade: #263238;
}

body {
    font-family: 'Poppins', sans-serif !important;
    background-color: var(--body-bg);
}

/* Background colors */

.bg-blue {
    background-color: var(--primary-blue);
}

.bg-blue-light {
    background-color: var(--primary-blue-light);
}

.bg-shalby-blue-light{
    background-color: var(--shalby-blue-light);
}

.bg-orange {
    background-color: var(--primary-orange);
}

.bg-black-extra-light {
    background-color: var(--black-extra-light);
}

.hover\:bg-orange:hover {
    background-color: var(--primary-orange);
}

/* Border colors */

.hover\:border-stroke-orange:hover {
    border-color: var(--primary-orange);
}

.border-stroke {
    border-color: var(--border-stroke);
}

.border-stroke-blue {
    border-color: var(--primary-blue);
}

.border-stroke-blue-dark {
    border-color: var(--text-primary-blue-dark);
}

.border-stroke-blue-light {
    border-color: var(--primary-blue-light);
}

.border-stroke-orange {
    border-color: var(--primary-orange);
}

.border-stroke-light {
    border-bottom: 1px solid rgba(232, 232, 232, 0.50);
}

/* Text colors */

.text-primary-orange {
    color: var(--primary-orange);
}

.text-primary-blue-dark {
    color: var(--text-primary-blue-dark);
}

.text-light {
    color: var(--text-light);
}

.text-extra-light {
    color: var(--text-extra-light);
}

.text-primary-blue {
    color: var(--primary-blue);
}

.text-dark-shade {
    color: var(--dark-shade);
}

.text-skyblue{
    color: var(--skyblue);
}

.hover\:text-primary-orange:hover {
    color: var(--primary-orange);
}

.medicine-bg{
    background: linear-gradient(90deg, #F9DBA2, #F9F3E3);
}

.equipment-bg{
    background: linear-gradient(90deg, #FCCECB, #F8F0F0);
}

.pathology-bg{
    background: linear-gradient(90deg, #B8D9FF, #E9F3FF);
}

.fullbody-bg{
    background: linear-gradient(90deg, #B7F6FF, #E7FCFF);
}

.shade1-bg{
    background: linear-gradient(90deg, #FFC3C3, #FFF1F1);
}

.shade2-bg{
    background: linear-gradient(90deg, #FFD1B8, #FFF3E9);
}

.inner-header{
    background: radial-gradient(44.5% 25630% at 49.81% 50%, #1B4E9B 78%, #4874B7 100%);
}