.elementor-2649 .elementor-element.elementor-element-532488e{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-2e42787 */.connector-line {
  stroke-dasharray: 5 7;
  stroke-dashoffset: 1200;
  animation: dashFlow 50s linear infinite;
}

@keyframes dashFlow {
  to {
    stroke-dashoffset: 0;
  }
}

/* Image Responsive Fix */
.article-content img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
    border-radius: 8px;
    margin: 20px 0;
    display: block;
}

/* For images in different containers */
.trend-card img,
.highlight-box img,
.benefit-card img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    border-radius: 4px;
    margin: 15px 0;
}

/* Figure elements (if using WordPress media) */
.article-content figure {
    max-width: 100% !important;
    margin: 20px 0;
    text-align: center;
}

.article-content figure img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}

/* Caption styling */
.article-content figcaption {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top: 8px;
    font-style: italic;
}

/* WordPress default image classes */
.article-content .wp-caption,
.article-content .wp-caption-text {
    max-width: 100% !important;
}

.article-content .size-full,
.article-content .size-large,
.article-content .size-medium {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}

/* For mobile responsiveness */
@media (max-width: 768px) {
    .article-content img {
        width: 100% !important;
        max-width: 100% !important;
        margin: 15px 0;
    }
    
    /* Ensure images don't overflow on mobile */
    .trend-card img,
    .highlight-box img,
    .benefit-card img {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* For very small screens */
@media (max-width: 480px) {
    .article-content img {
        margin: 10px 0;
        border-radius: 4px;
    }
}

/* Force container to handle overflow */
.article-content,
.main-content {
    overflow-x: hidden;
    word-wrap: break-word;
}

/* Ensure all media elements are responsive */
.article-content iframe,
.article-content video,
.article-content embed,
.article-content object {
    max-width: 100% !important;
    height: auto !important;
}


/* Default SVG styles */
svg {
  width: 497px;
  height: 475px;
  max-width: 100%;
  height: auto;
}

/* Mobile responsive styles */
@media only screen and (max-width: 768px) {
  svg {
    width: 400px;
    height: auto;
  }
}

/* For smaller mobile devices */
@media only screen and (max-width: 480px) {
  svg {
    width: 380px;
    height: auto;
  }
}/* End custom CSS */