﻿@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
/*    font-family: 'Poppins', sans-serif;*/
}

.containerCustom {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 8%;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 30px;
    width:100%;
}

    .gallery img {
        width: 100%;
    }

.navHamburgerMenuCls {
    filter: invert(1) !important;
}

.navLickCls a, .navLickCls p, .reqBkgBtnCls {
    color: white !important;
    text-decoration: none !important;
}

    .navLickCls .homeParaCls:hover, .navLickCls .dtdParaCls:hover, .navLickCls .glrParaCls:hover, .reqBkgBtnCls:hover {
        border: 1px solid #00A650 !important;
        background-color: #00A650 !important;
        color: white !important;
    }

.navDivMainContCls {
    padding-right: 0px !important;
}

.MobileMenuContentDivCls a {
    text-decoration: none !important;
}

.containerCustom {
    padding: 50px 50px !important;
    max-width: 100% !important;
    margin: 0px !important;
}


.cateSecCls {
    padding-top: 50px;
}

.cateBtnGlbCls {
    width: 100%;
    border: none;
    padding: 10px;
    background: #00A650;
    color: white;
    margin-top:5px;
}

.GalleryBanner {
    width: 100%;
    height: 350px;
    background-image: url('../Images/Banner/galleryBanner.png');
/*    background-image: url(https://www.silverador.com/Assets/Images/Gallery/Banner/galleryBanner.png);*/
    background-position: center;
}


/*hover gold*/

.all {
position:relative;
cursor:pointer;
}
.clsImgName {
    position: absolute;
    bottom: 0;
    transition: 1s;
    width: 100%;
/*    opacity: 0;
    visibility: hidden;*/
    transition: visibility 0s, opacity 0.3s linear;
    text-align: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

    .clsImgName p {
        margin-bottom:0;
        padding:18px 0;
    }

    .all:hover, .clsImgName:hover {
        color: #00A650 !important;
    }

    .all:hover {
        visibility: visible;
        opacity: 1;
    }

.mainImgDivCls {
    width: 100%  ;
    height: 290px;
    background-color: #00A650;
    background-position: center;
    background-size: cover;
}


.MenuBanner {
    width: 100%;
    height: 350px;
    
    background-image: url('../Images/Banner/MenuBanner.jpg');
    background-position: center;
}

.MenuHeadingCls {
    text-align: center;
    padding-bottom: 20px;
    padding-top:20px;
}


