.elementor-19267 .elementor-element.elementor-element-3f896bf{--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;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19267 .elementor-element.elementor-element-aaf9960 img{height:510px;object-fit:cover;object-position:center center;}.elementor-19267 .elementor-element.elementor-element-aaf9960 .elementor-widget-container{transition:all 400ms;}.elementor-19267 .elementor-element.elementor-element-782b3ea{--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;--background-transition:0.3s;--margin-top:-131px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-19267 .elementor-element.elementor-element-782b3ea:not(.elementor-motion-effects-element-type-background), .elementor-19267 .elementor-element.elementor-element-782b3ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0201018C;}.elementor-19267 .elementor-element.elementor-element-782b3ea, .elementor-19267 .elementor-element.elementor-element-782b3ea::before{--border-transition:0.3s;}.elementor-19267 .elementor-element.elementor-element-525adb1 .elementor-heading-title{color:#FFFFFF;font-family:"Actor", Sans-serif;font-size:2.9rem;text-transform:none;letter-spacing:0px;}.elementor-19267 .elementor-element.elementor-element-525adb1 .elementor-widget-container{transition:all 400ms;}.elementor-19267 .elementor-element.elementor-element-1103fdc{--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;--background-transition:0.3s;}.elementor-19267 .elementor-element.elementor-element-8ed4b9b > .elementor-widget-container{padding:5px 25px 5px 25px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:6px 6px 6px 6px;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);}.elementor-19267 .elementor-element.elementor-element-8ed4b9b .elementor-widget-container{transition:all 400ms;}.elementor-19267 .elementor-element.elementor-element-eb2e431{--display:flex;--background-transition:0.3s;}.elementor-19267 .elementor-element.elementor-element-3254fb6 .elementor-widget-container{transition:all 400ms;}@media(max-width:1024px){.elementor-19267 .elementor-element.elementor-element-3f896bf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19267 .elementor-element.elementor-element-782b3ea{--margin-top:-111px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-19267 .elementor-element.elementor-element-525adb1 .elementor-heading-title{font-size:2.12em;}}@media(max-width:767px){.elementor-19267 .elementor-element.elementor-element-3f896bf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19267 .elementor-element.elementor-element-782b3ea{--margin-top:-103px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-19267 .elementor-element.elementor-element-525adb1 .elementor-heading-title{font-size:1.2em;}.elementor-19267 .elementor-element.elementor-element-525adb1 > .elementor-widget-container{margin:2px 2px 2px 2px;padding:0px 0px 0px 0px;}.elementor-19267 .elementor-element.elementor-element-1103fdc{--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}}/* Start custom CSS for container, class: .elementor-element-3f896bf *//* Wrap background with gradient */
.my-featured-img  {
    position: relative;
    background: linear-gradient(to right, #0073e6, #00c896); /* adjust colors */
   
    overflow: hidden; /* ensures image stays inside rounded corners */
    display: flex;
    justify-content: center; /* keeps image centered */
}

/* Featured image */
.my-featured-img  img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: contain; /* allow background to show if image doesn’t cover */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
    background: transparent;
}

/* Hover effect */
.my-featured-img  img:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 28px rgba(0,0,0,0.35);
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-8ed4b9b *//* Blog content wrapper */
.blog-content {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem; /* base size ~16px */
    line-height: 1.7;
    color: #333;
    max-width: 750px;
    margin: 0 auto;
    padding: 20px;
}

/* Headings */
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
    font-weight: 600;
    margin: 1.5em 0 0.75em;
    line-height: 1.3;
    color: #222;
}

.blog-content h1 { font-size: 2rem; }
.blog-content h2 { font-size: 1.75rem; }
.blog-content h3 { font-size: 1.5rem; }
.blog-content h4 { font-size: 1.25rem; }
.blog-content h5 { font-size: 1.1rem; }
.blog-content h6 { font-size: 1rem; color: #666; }

/* Paragraphs */
.blog-content p {
    margin-bottom: 1.2em;
    font-size: 1rem;
}

/* Links */
.blog-content a {
    color: #0073e6;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 115, 230, 0.3);
    transition: color 0.3s, border-color 0.3s;
}
.blog-content a:hover {
    color: #0056b3;
    border-color: rgba(0, 86, 179, 0.6);
}

/* Lists */
.blog-content ul,
.blog-content ol {
    margin: 1em 0 1.5em 1.5em;
    padding: 0;
}
.blog-content ul li,
.blog-content ol li {
    margin-bottom: 0.5em;
    line-height: 1.6;
}
.blog-content ul li::marker {
    color: #0073e6;
}

/* Blockquotes */
.blog-content blockquote {
    border-left: 4px solid #0073e6;
    padding: 0.75em 1.25em;
    margin: 1.5em 0;
    font-style: italic;
    color: #555;
    background: #f9f9f9;
    border-radius: 4px;
}

/* Images */
.blog-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 1.2em 0;
    display: block;
}

/* Tables */
.blog-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
    font-size: 0.95em;
}
.blog-content table th,
.blog-content table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}
.blog-content table th {
    background: #f3f6f9;
    font-weight: 600;
}

/* Code & Pre */
.blog-content code {
    background: #f5f5f5;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: "Courier New", monospace;
    font-size: 0.95em;
}
.blog-content pre {
    background: #272822;
    color: #f8f8f2;
    padding: 15px;
    overflow-x: auto;
    border-radius: 6px;
    font-family: "Courier New", monospace;
    margin: 1.5em 0;
}

/* Horizontal rule */
.blog-content hr {
    border: none;
    border-top: 1px solid #ddd;
    margin: 2em 0;
}

/* Captions / Figures */
.blog-content figure {
    margin: 1.5em 0;
    text-align: center;
}
.blog-content figcaption {
    font-size: 0.9em;
    color: #666;
    margin-top: 0.5em;
}

/* Responsive iframe (YouTube, etc.) */
.blog-content iframe {
    max-width: 100%;
    border: none;
    display: block;
    margin: 1.5em auto;
}

/* Strong & Emphasis */
.blog-content strong { font-weight: 600; }
.blog-content em { font-style: italic; }

/* Lists inside blockquote */
.blog-content blockquote ul,
.blog-content blockquote ol {
    margin-left: 1.25em;
}

/* ========================= */
/* RESPONSIVE FONT SIZES     */
/* ========================= */

/* Tablets */
@media (max-width: 991px) {
    .blog-content {
        font-size: 0.95rem;
    }
    .blog-content h1 { font-size: 1.75rem; }
    .blog-content h2 { font-size: 1.5rem; }
    .blog-content h3 { font-size: 1.35rem; }
    .blog-content h4 { font-size: 1.15rem; }
}

/* Mobiles */
@media (max-width: 575px) {
    .blog-content {
        font-size: 0.9rem;
        padding: 15px;
    }
    .blog-content h1 { font-size: 1.5rem; }
    .blog-content h2 { font-size: 1.35rem; }
    .blog-content h3 { font-size: 1.2rem; }
    .blog-content h4 { font-size: 1.05rem; }
}/* End custom CSS */