:root {
--green-color: #5b875d;
--h1-title: 3rem;
--h2-title: 2rem;
--h3-title: 1.5rem;
}
.w-50 {
width: 50%;
display: block;
}
.h-100 {
height: 100%;
}
.h2-title {
color: var(--green-color); 
font-size: var(--h2-title); 
line-height: 1.2; 
margin: 0px 0 65px; 
text-align: center; 
text-shadow: 1px 1px 1px #333;
}
.h1-title {
color: var(--green-color); 
font-size: var(--h1-title); 
line-height: 1.2; 
margin: 0px 0 65px; 
text-align: center; 
text-shadow: 1px 1px 1px #333;
}
.text-center {
text-align: center;
}
.mb-0 {
margin-bottom: 0!important;
}
.h1-title.w-50.mb-0, 
.h2-title.w-50.mb-0 {
margin: 0 auto!important;
}
.h1-title.w-50, 
.h2-title.w-50 {
margin: 0 auto 65px!important;
}
.h3-title {
color: var(--green-color); 
text-align: left; 
text-shadow: none; 
font-weight: 700;
line-height: 1.2;
margin-bottom: 20px;
font-size: var(--h3-title);
}
.h3-title span {
font-size: 15px; 
color: #000;
}
.green-text {
color: var(--green-color);
}
.custom-list {
list-style-type: disc;
padding-left: 20px;
}
.custom-list li {
margin-bottom: 10px;
}
.image-container {
position: relative;
}
.image-container:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 100%);
}
.titulo-banner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--green-color); 
font-size: var(--h1-title); 
line-height: 1.2; 
font-weight: 700;
margin: 0px 0 65px; 
text-align: center; 
text-shadow: 2px 2px 2px #333;
z-index: 100;
}
.d-flex {
display: flex;
}
.my-auto {
margin: 0 auto;
}
.m-auto {
margin: auto;
}
.error-404 h1 {
color: var(--green-color); 
font-size: var(--h1-title); 
line-height: 1.2; 
margin: 0px; 
text-align: center; 
text-shadow: 1px 1px 1px #333; 
}