.menu__template--one .menu__list{
    list-style:none;
    display: flex;
    flex-wrap: wrap;
    padding:0;
    margin:0;
}

.menu__template--one .menu__item{
    width:100%;
    text-align:center;   
    padding:0.5rem 0;
}

.menu__template--one .menu__link{
    display:flex;
    flex-direction: column;
    align-items: center;
        padding:1rem;
        border-radius:15px;
        border:1px solid var(--primary);
        color:var(--primary);
        height:100%;
        font-weight: 400;
    transition:0.3s;
    font-family: "Montserrat";
    text-align:center;   

  
}

.menu__template--one .menu__link:hover{
    transform:scale(0.9);
}
.menu__template--one .menu__link .icon{
    margin-bottom:1rem;
           height:40px;
           width:40px;
}
.menu__template--one .menu__link .icon, .menu__template--one .menu__link .icon path{
          fill:var(--primary);
}
.menu__template--one .menu__link .icon[data-iconpack="2"],
.menu__template--one .menu__link .icon[data-iconpack="2"] path, .menu__template--one .menu__link .icon[data-iconpack="2"] circle{
    fill:transparent;
    stroke:var(--primary);
}


@media screen and (min-width:960px){
    .menu__template--one .menu__list{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap:30px;
    }
}










/* Template two ------------- */
.menu__template--two .menu__list{
    list-style:none;
    display: flex;
    flex-wrap: wrap;
    padding:0;
}

.menu__template--two .menu__item{
    width:100%;
    padding: 1rem;
    border-radius: 15px;
    background:var(--white);
    margin-top:1.5rem;
}

.menu__template--two .menu__link{

        color:var(--primary);
        font-weight: 500;
      
    transition:0.3s;
  
}

.menu__template--two .menu__link:hover{
    color:var(--darkgray)
}









/* Template three ------------- */
.menu__template--three .menu__list{
    list-style:none;
    display: flex;
    flex-wrap: wrap;
    padding:1rem 0.5rem;

}

.menu__template--three .menu__item{
    width:100%;
    padding:0.5rem;
    position: relative;
}

/* .menu__template--three .menu__item:after{
    content: " ";
    background:var(--shadowdark);
    width:80%;
    height:0.5px;
    display:block;
    left:0;
    right:0;
    margin: 0 auto;
    position:absolute;
    bottom:0;
} */


.menu__template--three .menu__item:last-child{
    border:none;
}

.menu__template--three .menu__item:hover{
	background:var(--white);
	color:var(--primary);
	border-radius: 30px;
}

.menu__template--three .menu__item:hover .menu__icon{
    background:var(--e-global-color-a8891db);
}


.menu__template--three .menu__link{
	display:flex;
  font-weight: 500;
	transition:0.3s;
	align-items:center;
	  padding:0.5rem 0.25rem;
}

.menu__template--three .menu__link:hover{
    color:var(--darkgray)
}

.menu__template--three .menu__title{
	padding-left:1rem;
	font-size: 0.85rem;
  font-weight: 400;
}
.menu__template--three .menu__icon {
	min-width:2.4rem;
	width:2.4rem;
	height:2.4rem;
    padding:0.5rem;
    border-radius:100%;
    background:var(--white);
    display:flex;
    align-items:center;
    justify-content: center;
}









/* 
.menu__template--three .menu__list{
    list-style:none;
    display: flex;
    flex-wrap: wrap;
    padding:0;

}

.menu__template--three .menu__item{
    width:100%;
  
}

.menu__template--three .menu__item:hover{
	background:#e0e0e0;
	color:var(--primary);
	border-radius: 15px;
}


.menu__template--three .menu__link{
	display:flex;
  font-weight: 500;
	transition:0.3s;
	align-items:center;
	  padding:1rem;
}

.menu__template--three .menu__link:hover{
    color:var(--darkgray)
}

.menu__template--three .menu__title{
	padding-left:1rem;
	font-size: 0.925rem;
  font-family: "Poppins";
  font-weight: 400;
}
.menu__template--three .icon {
	min-width:1.4rem;
	width:1.4rem;
	height:1.4rem;
} */