:root {
    --Font-Primary: "Unbounded", sans-serif;
    --Font-Secondary: "Manrope", sans-serif;
    --Font-Tabler: "tabler-icons";
    --Primary: #41494b;
    --Secondary: #F6F6F4;
    --Heading: #011832;
    --Text: #132B49;
    --Border: rgba(19, 43, 73, .3);
    --Background: #025871;
    --White: #FFFFFF;
    --Success: #3CB371;
    --Success-Hover: #161922;
    --Warning: #F7921F;
    --Warning-Hover: #141414;
    --Info: #02A5CE;
    --Info-Hover: #113D48;
    --Danger: #DC3545;
    --Danger-Hover: #2D1FEB;
    --Animation-Duration: all .35s ease;
    --copy-color: #0d313c;
}

.hero-slide-item::before {
    background: linear-gradient(272deg, rgba(23, 64, 53, 0) 2.57%, var(--Background) 72.01%);
}