.elementor-8907 .elementor-element.elementor-element-0693bea:not(.elementor-motion-effects-element-type-background), .elementor-8907 .elementor-element.elementor-element-0693bea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#326F33;}.elementor-8907 .elementor-element.elementor-element-0693bea > .elementor-background-overlay{background-image:url("https://yannagro.com/wp-content/uploads/2026/07/pexels-necip-duman-3299706-32267640.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0.22;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8907 .elementor-element.elementor-element-0693bea{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:45px 0px 45px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8907 .elementor-element.elementor-element-1da5e1d{--spacer-size:25px;}@media(min-width:1025px){.elementor-8907 .elementor-element.elementor-element-0693bea > .elementor-background-overlay{background-attachment:scroll;}}/* Start custom CSS for text-editor, class: .elementor-element-89b10e7 */span {color:#ffffff;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-805b333 */span {color:#ffffff;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da5321c */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0711414 */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5474b0 */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4fab89 */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-802542a */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-261d382 */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */