/*====================
Theme variables
======================*/

:root {
    --body-font: 'Roboto', sans-serif;
    --heading-font: 'Yantramanav', sans-serif;
    --theme-color: #642485;
    --theme-color2: #941d81;
    --theme-color3: #d4da2e;
    --theme-color-light: rgb(17, 110, 99, 0.09);
    --theme-bg-light: #F2F3F5;
    --body-text-color: #757F95;
    --color-white: #ffffff;
    --color-dark: #19232B;
    --hero-overlay-color: #000000;
    --slider-arrow-bg: rgba(255, 255, 255, 0.2);
    --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    --box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
    --transition: all .5s ease-in-out;
    --transition2: all .3s ease-in-out;
    --border-info-color: rgba(0, 0, 0, 0.08);
    --border-info-color2: rgba(0, 0, 0, 0.05);
    --border-white-color: rgba(255, 255, 255, 0.08);
    --border-white-color2: rgba(255, 255, 255, 0.05);
    --footer-bg: #012758;
    --footer-bg2: #116E63;
    --footer-text-color: #F5FAFF;
}

.header-top-contact ul li a i {
    color: var(--color-white);
}

.hero-single .hero-content .hero-sub-title {
    color: var(--theme-color3);
    border-bottom: 3px solid var(--theme-color3);
}

.home-2 .hero-single .hero-title span {
    -webkit-text-stroke: 2px var(--theme-color3);
}

.hero-single .hero-content .hero-title {
    text-transform: none;
}

.site-title {
    text-transform: none;
}