.banner {
	position: relative;
	height: 80vh;
}

.banner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.store-page-sec-inr{
		padding: 0px 0px 65px;
}
.store-page-sec-inr .store-col-btn-box{
	margin-top:30px;
}
.store-item  .store-header{
	background: var(--primary-color);
    color: var(--white);
	padding: 8px 1.25rem;
    font-size: 1.3rem;
	border-radius: 5px 5px 0px 0px;
}
.store-item  .store-header h5{
	color: #fff;
	margin-bottom:0px;
}
.store-item  .store-body{
   background: #fff;
   padding: 20px 15px;
}
.store-item  .store-body .store-mnu{
	padding: 0px;
	height: 48px;
	width: 100%;
}
.store-mnu li{
	position: relative;
	padding-left: 80px;	   color: #333;   
}
.store-mnu li span{
	   position: absolute;
	   width: 80px;
	   left:0px;
	   color: var(--primary-color);
	   font-weight: bold;   
}
   .store-mnu li + li{
		   margin-top: 8px;   
}
   .store-btn{
		   background: var(--primary-color);	   color: #fff;	   border: 1px solid transparent;   
}
   .store-btn:hover{
		   border-color: var(--primary-color);	   color: var(--primary-color);	   background: #fff;   
}
   .store-col-btn-box .store-body{
		   display: flex;	   display: -ms-flexbox;	   flex-direction: column;	   justify-content: center;	   align-items: center;   
}
     .store-col-btn-box .store-body .store-btn{
			margin-top: 10px;		position: relative;		z-index:9;	
}
	.store-item{
			border-radius: 5px;		overflow: hidden;		position: relative;		z-index:9;		border: 2px solid transparent;		transition: all 0.5s ease-in-out 0s;		   -webkit-transition: all 0.5s ease-in-out 0s;		   -moz-transition: all 0.5s ease-in-out 0s;	
}
		.store-item:before{
		content: "";    position: absolute;    left: 0;    top: 0;    width: 0;    height: 0;    border-top: 5px solid var(--primary-color);    border-right: 5px solid var(--primary-color);	
}
	.store-item:hover:before{
			animation: border-top-right 3s infinite;			
}
	.store-item:after{
		content: "";    position: absolute;    right: 0;    bottom: 0;    width: 0;    height: 0;    border-bottom: 5px solid var(--primary-color);    border-left: 5px solid var(--primary-color);	
		z-index:-1;
}
	.store-item:hover:after{
			animation: border-bottom-left 3s infinite;
            z-index:0;			
}
	@keyframes border-top-right {
	0%    {
		width:0px;   height:0px; opacity: 1;
	}
	20%   {
		width:100%;   height:0px; opacity: 1;
	}
	40%   {
		width:100%;   height:100%; opacity: 1;
	}
	50%   {
		width:100%; height:100%; opacity: 1;
	}
	60%   {
		width:100%; height:100%; opacity: 1;
	}
	75%   {
		width:100%; height:100%; opacity: 1;
	}
	75.1%   {
		width:0px; height:0px; opacity: 1;
	}
	100%  {
		width:0px; height:0px;opacity: 0;
	}

}

@keyframes border-bottom-left {
	0%    {
		width:0px;   height:0px; opacity: 0;
	}
	25%   {
		width:0px;   height:0px; opacity: 0;
	}
	60%   {
		width:100%;   height:0px; opacity: 1;
	}
	75%   {
		width:100%; height:100%; opacity: 1;
	}
	75.1%   {
		width:0px; height:0px; opacity: 1;
	}
	100%  {
		width:0px; height:0px;opacity: 0;
	}
}

.searchBox {
    border: 2px solid var(--primary-color);
}
.searchBox input {
    width: 100%;
    border: none;
    background-color: transparent;
    padding: 7px;
}
.rpTopBox h4 {
    border-bottom: 2px solid var(--primary-color);
    margin: 0;
    color: var(--primary-color);
    font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.search-row{
	margin-top: 30px;
}
.search-row .store-btn{
	width: 100%;
	height: 100%;
	border-color: var(--primary-color);
	border-width: 2px;
    color: var(--primary-color);
    background: #fff;
	text-transform: uppercase;
	border-radius: 0px !important;
	font-weight: bold;
}
.search-row .store-btn:hover{
	background: var(--primary-color);
	color: #fff;
	border-color: var(--primary-color);
}
.rpTopBox{
	display: flex;
	display:-ms-flexbox;
	justify-content: center;
}