/*  CSS of Index Page */

/* Sections  */


/*  Section - Main */
#main-section {
    background-image: url(../../images/index/main-sec-bg-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 5rem);
}

    #main-section .scroll-icon {
        width: 25px;
    }

#main-section .shop-icon{
    height: 30px;
    fill: #ffffff;
}



#main-section .shop-icon:hover {
    color: #003049;
}



/* media query for main section*/
@media (max-width: 767.98px) {
    #main-section {
        background-image: url(../../images/index/main-sec-bg-banner-mobile-view.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 85vh;
    }

        #main-section .text-left .col-md-8{
            padding-left: 15px;
        }
}

/* End Of Sections  */