.elementor-29447 .elementor-element.elementor-element-341eca7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29447 .elementor-element.elementor-element-341eca7:not(.elementor-motion-effects-element-type-background), .elementor-29447 .elementor-element.elementor-element-341eca7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.rosemet.com/wp-content/uploads/2024/05/3-212x300.webp");}/* Start custom CSS for html, class: .elementor-element-44fcb72 *//* Style for the .bio container */
.bio {
    font-family: 'Optimized Amiri', serif; /* Default font for paragraph elements */
}

/* Style for the h1 inside .bio */
.bio h1 {
    font-family: 'Optimized Cinzel', serif; /* Apply the Cinzel font */
    font-size: 60px; /* Placeholder font size, adjust as needed */
}

/* Style for the h3 inside .bio */
.bio h3 {
    font-family: 'Optimized Amiri', serif; 
    font-size: 1.80rem; 
}

/* Style for the p elements inside .bio */
.bio p {
    font-family: 'Amiri', serif;
    font-size: 20px; 
    line-height: 1.6; 
}

.banner img.banner-img {
    border-radius: 8px; /* Rounded corners for the banner image */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); /* Soft drop shadow */
    width: 100%; /* Ensure the image fits its container */
    height: auto; /* Maintain aspect ratio */
}

.banner {
    margin-bottom: 20px;
}

/* Style for the image inside .bio */
.bio img.bio-image {
    width: 300px;
    height: auto;
    float: right;
    margin-left: 20px;
    margin-right:30px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .bio h1 {
        font-family: 'Optimized Cinzel', serif;
        font-size: 35px;
    }
    .bio h3 {
        font-family: 'Optimized Amiri', serif;
        font-size: 1.5rem;
    }
    .bio p {
        font-family: 'Optimized Amiri', serif;
        font-size: 21px;
    }

    .bio img.bio-image {
    width: 50%;
    height: auto;
    float: right;
    margin-left: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 414px) {
    .bio .bio-image {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .banner {
        display: none;
    }
}/* End custom CSS */