/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 23 2025 | 23:11:19 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

html,
body{
	overflow-x:hidden!important;
}



/* WebKit Scrollbar */
::-webkit-scrollbar {
  width: 12px!important;
  height: 12px!important;
}

::-webkit-scrollbar-track {
  background: #e5dcd3!important; /* ανοιχτόχρωμο φόντο */
  border-radius: 10px!important;
}

::-webkit-scrollbar-thumb {
  background-color: #495235!important; /* σκούρο πράσινο */
  border-radius: 10px!important;
  border: 2px solid #e5dcd3!important; /* κενό γύρω για εφέ "ένθεσης" */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #d9983c!important; /* πορτοκαλί hover */
	cursor:pointer;
}


.grecaptcha-badge { visibility: hidden!important; }

.home-form input#form-field-name::placeholder,
.home-form input#form-field-your_email::placeholder,
.home-form textarea#form-field-message::placeholder{
    color: #495235 !important;
    opacity:1!important;
}

.home-form input#form-field-name,
.home-form input#form-field-your_email,
.home-form textarea#form-field-message,
.home-form select#form-field-type_sinedria,
.home-form button.elementor-button{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.header-button svg path.cls-1{
    fill:#e5dcd3!important;
}

.home-form #form-field-name {
  background-image: url('https://genaris.gr/wp-content/uploads/2025/06/human_icon.svg');
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 20px 20px;
  padding-right: 40px; /* Χώρος για το icon */
}

.home-form #form-field-your_email {
  background-image: url('https://genaris.gr/wp-content/uploads/2025/06/message_icon.svg');
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 20px 20px;
  padding-right: 40px; /* Χώρος για το icon */
}


@media(min-width:769px){
	.mobile-element{
		display:none!important;
	}
	.all-services img {
		height:150px;
		width:auto!important;
		padding-bottom:10px;
	}
}


@media(max-width:768px){
	.desktop-element{
		display:none!important;
	}
}

@media(min-width:400px) and (max-width:500px){
    .home-plant{
        max-width:80%!important;
        /* top:80%!important; */
        right:20%!important;
    }
}

@media(min-width:501px) and (max-width:767px){
    .home-plant{
        max-width:75%!important;
        top:100%!important;
        right:20%!important;
    }
}
	
@media(min-width:650px) and (max-width:767px){
    .left-plant {
         max-width:80%!important;
         left:-65%!important;
    }    
}