.gridValues-card-a{
	background: #707070;
    min-height: 500px;
    padding: 25px;
    position: relative;
    cursor: pointer;
}

.main-content-gridValues-a{
	display: flex;
	flex-direction: column;
	/*gap: 20px;*/
	
}

.dark-mode .gridValues-card-a{
	background: #707070 !important;
}

.cover-gridValues-card-a{
	visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 31px;
    padding-right: 31px;
    gap: 15px;
	transition: opacity 1s ease;
}
.gridValues-card-a:hover .cover-gridValues-card-a{
	visibility: unset;
    opacity: 1;
	transition: 2s all;
    color: var(--white);
	/*transition: opacity 1s ease;*/
}

.main-content-gridValues-a h4 {
	/*min-height: 80px;*/
}
.contentV-a{
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
	left: 50%;
	position: relative;
	opacity: 1;
	transition: .3s;
}
.gridValues-card-a:hover .contentV-a {
	opacity: 1;
	left: 0;
}
.gridValues-card-a p{
	
	transition: .3s all;
	opacity: 0;
}
.gridValues-card-a:hover p{
	opacity: 1;
}
.gridValues-card-a:hover h4, .gridValues-card-a p{
	position: relative;
    z-index: 6;
	transition: .3s all;
    color: var(--white);
}

.gridValues-card-a:hover .cover-gridValues-card-a p{
	transition: .3s all;
    color: var(--white);
}

.gridValues-btn-a{
	position: absolute;
    bottom: 5%;
    left: 0;
    margin-left: 25px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--primary);
    border: 0;
    outline: none;
}
.gridValues-card-a:hover .plus-icon {
    opacity: 0;
}

.gridValues-container-a{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 30px;
    grid-column-gap: 25px;
}

.swiper-grid-values-a {
	overflow: initial;
}

.swiper-grid-values-a .slider-number-controls {
	margin-top: 3rem;
}

.swiper-grid-values-a .swiper-scrollbar-drag {
	background: #707070;
}


.swiper-grid-values-control-a {
	position: relative;
	margin-top: 3rem;
	padding-bottom: 25px;
}

.swiper-grid-values-scrollbar-a{
	width: 88% !important;
}


.swiper-grid-values-control-a  .swiper-button-prev {
	overflow: visible;
	right: 75px;
	left: auto;
	px;
	top: 0;
} 
.swiper-grid-values-control-a  .swiper-button-next {
	right: 0;
	top: 0;
}
.swiper-grid-values-control-a .swiper-button-next::after, .swiper-grid-values-control-a  .swiper-button-prev::after  {
	color: #707070;
	font-weight: bold;
	font-size: 30px;
}
.swiper-grid-values-control-a  .swiper-button-next:hover::after, .swiper-grid-values-control-a  .swiper-button-prev:hover::after  {
	color: #00bb7d
}

@media (max-width: 1140px){
	.cover-gridValues-card-a{
		padding-top: 13%;
		visibility: visible;
    	opacity: 1;
	}
	.gridValues-container-a{
		grid-template-columns: repeat(2, 1fr);
	}
	
	.gridValues-card-a p{
		opacity: 1;
	}
	
	.main-content-gridValues-a h4{
		visibility: visible !important;
		opacity: 1 !important;
		display: flex;
		z-index: 99;
	}
	
	.contentV-a{
		left: 0;
	}
}



@media (max-width: 800px){
	.gridValues-container-a{
		grid-template-columns: repeat(1, 1fr);
	}
	.cover-gridValues-card-a{
		visibility: visible;
    	opacity: 1;
	}
	
	.gridValues-card-a p{
		opacity: 1;
	}
	
	.main-content-gridValues-a h4{
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	.contentV-a{
		left: 0;
	}
	
	.swiper-grid-values-scrollbar-a{
		width: 60% !important;
	}

}