/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.button{
	border-radius: 30px!important;
}

.counter{
	color: #8eb53e!important;
}


.card-title{
	color:#8eb53e!important;
}

.list-group-flush > .list-group-item{
	border-width: 0px 0 var(--bs-list-group-border-width);
}
.price-list .list-group-item:first-child, .price-list .list-group-item:last-child {
	border-bottom: 1px solid #f1f5f9;
}

.price-list .price-title{
	font-size: 40px;
}

.counter{
	--cnvs-counter-font-size: 50px!important;
}

.bi-border, .bi-box{
	color: #8eb53e!important;
}

#footer .list-unstyled li a{
  opacity: 1;
}
footer .list-unstyled li a:hover{
	color: #8eb53e!important;
  }

.footer-social i{
	padding-right: 10px;
	color: #ffffff;
}

.footer-social i:hover{

	color: #8eb53e;
}

.price-list .price-title small{
	font-weight: 300;
	color: #d1d5db;
}

#price-grid {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Προσαρμόζεται σε μικρές οθόνες */
    margin: 0 auto;
    padding: 20px;
    max-width: 1200px; /* Προαιρετικό για περιορισμό του πλάτους */
}

.price-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.feature-icon{
	color: #ffffff!important;
}

.fa-xl{
	font-size: 3em!important;
}

.text-green{
	color: #8eb53e;
}

.before-heading{
	font-family: "Roboto", sans-serif!important;
	border-radius: 20px!important;
	padding: 6px 10px!important;
	letter-spacing: 0.5px!important;

}

#header-wrap #logo img{
	width: 80px;
	height: auto;
}

#gotoTop{
	border-radius: 12px;

}
#gotoTop:hover{
	background-color: #8eb53e;
	color: #ffffff;
}


.bg-green{
	background: #8eb53e;
}

.fa-2xl{
	font-size: 4.5em;;
}

.my-vd-rotate{
	rotate: 13deg;
}

.my-height{
	min-height: 195px;
}

.rounded-5{
	border-radius: 42px!important;
}

.my-max-width{
	max-width: 286px!important;
}

.rounded-6{
	border-radius: 52px!important;
}

.icon-color {
	color: #8eb53e!important;
}



@media screen and (max-width: 426px) {
	img.logo-sticky{
		width: 56%!important;
		padding-bottom: 20px;
	}
	.my-stb-mob{
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: center;
	}
	
}