/*Header Styles Start*/

.hero:before
{
    background: color-mix(in srgb, #861717, transparent 10%);
}

.scrolled .header
{
    background-color: #6f0f0f;
}

/*Header Styles End*/


/*Banner Styles Start*/

.hero h1
{
    color: color-mix(in srgb, var(--heading-color), #ffffff 30%);
}

/*Banner Styles End*/

/* Crm Benefits Start*/

.crm_benefits
{
    height:100px !important;
}

/* Crm Benefits End*/

.about_text
{
    margin-top: 5px;
}

.about_head
{
    font-family: "Gill Sans", sans-serif;
}

.sectors_div
{
    padding-top: 20px !important;
}

.gallery_images
{
    height: 200px;
    width:100%;
}

/* Crm Features Start*/
.features_title
{
    color: black;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 1px;
}

.sector_logins_div
{
    background-image:url("../img/images/crm.jpg");
    background-repeat: no-repeat;
    background-size: 100% 350px;
}

.stats i 
{
    width: 70px;
    height: 70px;
    font-size: 35px;
}

.sector_title
{
    margin-bottom: 20px;
}

.details .features-item
{
    color: color-mix(in srgb, #000000, transparent 20%);
}

/* Crm Featiures End*/


/* Footer Styles Start*/

.footer
{
    background-color: #2f2d2d;
}

.footer_logo
{
    text-align: center !important;
}

.footer_image
{
    height: 70px;
    width: 70px;
}

.footer_title
{
    font-size: 20px;
    font-weight: 900;
}

/*.footer_title_tagline
{
    text-align: center;
    font-size: 20px;
    padding: 5px 50px;
    font-weight: 600;
}*/

.footer_about
{
    font-size: 20px;
    font-family: geogia;
}

.footer .footer-links ul a 
{
    color: color-mix(in srgb, var(--default-color), #ffffff 30%);
    font-size: 16px;
}

.footer h4 
{
    font-size: 22px;
}

.suvidha_logo
{
    height: 75px;
    width: 200px;
}

.follow-us
{
    margin:10px 0;
}

.footer_address_icons
{
    font-size: 20px;
}

.footer_address
{
    font-size: 17px;
}

/*Footer Styles End*/

@media screen and (min-width:320px) and (max-width:374px)
{
    .header .logo h1
    {
        font-size: 21px!important;
    }
}

@media screen and (min-width:375px) and (max-width:424px)
{
    .header .logo h1
    {
        font-size: 25px!important;
    }
}