.intro {
    width: 100%; 
    
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    align-items: center;

    padding: var(--space-small);
    padding-top: var(--space-medium);
    padding-bottom: var(--space-medium);
    gap: var(--space-medium);
}

.intro_elem {
    display: flex;
    flex-direction: column;
    align-items: left;
    text-shadow: 3px 5px 10px rgba(0, 0, 0, .2);

    background: linear-gradient(120deg, #00561B, #FCBD00);
    background-clip: text;
    color: transparent;
}

.intro_elem p {
    font-size: clamp(.2rem, 1vw + 1rem, 5rem);
    font-weight: bold;
}
.intro_elem h1 {
    font-size: clamp(2rem, 8vw + 1rem, 9rem);
}
.intro_elem h2 {
    font-size: clamp(1rem, 3vw + 1rem, 6rem);
}

.intro_vid { 
    width: var(--vs-1);
    
    border-radius: 20px;   
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .7); 
}










.despre {
    width: 100%;
    
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 20px;
    gap: 20px;

    padding: var(--space-small);
    padding-top: var(--space-small);
    padding-bottom: var(--space-xbig);

    text-shadow: 3px 5px 10px rgba(0, 0, 0, .3);
}

.despre_elem {
    display: flex;
    align-items: center;
    gap: var(--space-small);
    
    padding: var(--space-small);
    
    background: #00561B; 
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .7);
    border-radius: 20px;  
}

.despre_icon {
    color: white;
}
.despre_text {
    max-width: var(--wid-despre); 
    text-align: left;
}
.despre h3 {
    font-size: var(--fs-h4);
    color: white;
}
.despre p {
    margin-top: var(--space-xsmall);
    margin-bottom: var(--space-xsmall);

    font-size: var(--fs-body);
    color: white;
}
.despre p b {
    font-size: var(--fs-body);
    color: white;
}
.despre a {
    font-size: var(--fs-body);
    text-decoration: none;
    color: #C0F0BF;
}










.facts {
    width: 100%;

    padding: var(--space-small);
    padding-top: var(--space-medium);
    padding-bottom: var(--space-xbig);

    background: white; 

    overflow-x: hidden;
}

.facts h3 {
    font-size: var(--fs-h3);
    text-align: center;
    text-shadow: 3px 5px 10px rgba(0, 0, 0, .2);
    
    background: linear-gradient(90deg, #00561B, #FCBD00);
    background-clip: text;
    color: transparent;
}

.flex_1 {
    margin-top: var(--space-medium);

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-small);
}

.facts_elem {
    width: min-content;
    
    justify-items: center;
    padding: var(--space-xsmall);

    background: whitesmoke;
    border: solid 4px #00561B;
    border-radius: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .7);
}

.facts_icon {
    width: var(--is-facts);
    height: var(--is-facts);
}
.facts_elem p {
    margin-top: var(--space-xsmall);

    font-size: var(--fs-body);
    text-align: center;
    font-weight: bold;
    color: #00561B;
    text-shadow: 3px 5px 10px rgba(0, 0, 0, .2);
}
.facts_elem p b {
    font-size: var(--fs-body);
    color: black;
}
.facts > p {
    margin-top: var(--space-medium);
    
    font-size: var(--fs-h4);
    text-align: center;
    color: #00561B;
    text-shadow: 3px 5px 10px rgba(0, 0, 0, .2);
}
.facts > p b {
    font-size: var(--fs-h4);
    text-align: center;
    color: #00561B;
}










.avantaje {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-small);
    padding-top: var(--space-medium);
    padding-bottom: var(--space-xbig);

    overflow-x: hidden;
}

.avantaje h3 {
    font-size: var(--fs-h3);
    text-align: center;
    text-shadow: 3px 5px 10px rgba(0, 0, 0, .2);

    background: linear-gradient(90deg, #00561B, #FCBD00);
    background-clip: text;
    color: transparent;
}

.flex_2 {
    margin-top: var(--space-medium);
    
    max-width: var(--wid-avantaje-2);

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-small); 
}

.avantaje_elem {
    display: flex;
    flex-direction: column;
    align-items: center;

    max-width: var(--wid-avantaje);

    padding: var(--space-xsmall);

    text-shadow: 3px 5px 10px rgba(0, 0, 0, .2);

    background: white;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .7);
    border-radius: 20px;
}

.avantaje_icon {
    color: #FCBD00;
}
.avantaje_elem h4 {
    margin-top: var(--space-xsmall);

    font-size: var(--fs-h4);
    text-align: center;
    color: #00561B;
}
.avantaje_elem p {
    margin-top: var(--space-xsmall);

    /* max-width: var(--wid-avantaje); */

    font-size: var(--fs-body);
    text-align: center;
    color: #3B3B3B;
}
.avantaje_elem p span {
    font-size: var(--fs-sbody);
    text-align: center;
    color: #3B3B3B;
}











.recenzii {
    width: 100%;

    padding: var(--space-small);
    padding-top: var(--space-medium);
    padding-bottom: var(--space-xbig);

    background: white;

    overflow-x: hidden;
}

.recenzii h3 {
    font-size: var(--fs-h3);
    text-align: center;
    text-shadow: 3px 5px 10px rgba(0, 0, 0, .2);

    background: linear-gradient(90deg, #00561B, #FCBD00);
    background-clip: text;
    color: transparent;
}

.flex_3 {
    margin-top: var(--space-medium);

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-small);
}

.recenzii_elem {
    background: white;
    border-radius: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .7);
}

.recenzii_head {
    display: flex;
    align-items: center;
    padding: var(--space-xsmall);
    gap: var(--space-xsmall);

    background: #EDEDED;
    border-radius: 20px 20px 0 0;
}

.recenzii_img {
    width: var(--is-recenzii);
    height: var(--is-recenzii);
    
    border-radius: 50px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .4);
}
.nume_functie h4 {
    font-size: var(--fs-recenzii_1);
    color: #3B3B3B;
}
.nume_functie h5 {
    font-size: var(--fs-recenzii_2);
    color: #3B3B3B;
}
.recenzii_elem p {
    max-width: 500px;
    
    padding: var(--space-small);

    font-size: var(--fs-body);
    text-align: left;
    color: #3B3B3B;
}










.pasi {
    width: 100%;

    padding: var(--space-small);
    padding-top: var(--space-medium);
    padding-bottom: var(--space-xbig);

    overflow-x: hidden;
}

.pasi h3 {
    font-size: var(--fs-h3);
    text-align: center;
    text-shadow: 3px 5px 10px rgba(0, 0, 0, .2);

    background: linear-gradient(90deg, #00561B, #FCBD00);
    background-clip: text;
    color: transparent;
}