:root {
    --white: #fff;
    --primary: #00305B;
    --secondary: #FE4D82;
}

/* === custom css start === */

.bg-theme-primary {
    background-color: var(--primary);
}

.bg-theme-secondary {
    background-color: var(--secondary);
}

.text-theme-primary {
    color: var(--primary);
}

.text-theme-secondary {
    color: var(--secondary);
}

.btn-theme-primary {
    background-color: var(--primary);
    border: none;
    color: var(--white);
}

.btn-theme-primary:hover {
    background-color: var(--secondary);
    color: var(--white) !important;
}

.btn-theme-secondary {
    background-color: var(--secondary);
    border: none;
    color: var(--white);
}

.btn-theme-secondary:hover {
    background-color: var(--primary);
    color: var(--white) !important;
}

.select2-container > .selection{
    width: 100%;
}

.blog-thumbnail{
    width: 100%;
    height: 500px;
}

/* === custom css end === */