.elementor-472 .elementor-element.elementor-element-654b27d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-b0ed683 *//**
 * Custom CSS for Elementor HTML Widget (Chittagong Law Forge Demo)
 * Note: This file relies heavily on Tailwind CSS utilities loaded in the HTML widget.
 * Only non-Tailwind specific styles (like custom box-shadow) are defined here.
 */

/* Custom Box Shadow Class used in Service/Article Cards */
.shadow-custom {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
}

/* Ensure images scale correctly within their container */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Ensure section links scroll smoothly, if Elementor/Theme supports it */
html {
    scroll-behavior: smooth;
}

/* Optional: To prevent the sticky header from obscuring content when jumping to a section,
   add padding to the main content area (if necessary, though Tailwind's sticky usually manages this well). */
:target::before {
    content: "";
    display: block;
    height: 80px; /* Adjust based on header height */
    margin-top: -80px;
    visibility: hidden;
}

/* --- Added for explicit white text color for the logo --- */
/* (Assuming you add class="logo-text" to the logo div in HTML) */
.logo-text {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-654b27d *//* Chittagong Law Forge - Custom CSS */

/* ডেমোর জন্য শুধুমাত্র একটি কাস্টম শ্যাডো ব্যবহার করা হয়েছিল */
.shadow-custom {
    box-shadow: 0 10px 15px -3px rgba(30, 58, 138, 0.1), 0 4px 6px -2px rgba(30, 58, 138, 0.05);
}

/* দ্রষ্টব্য: Tailwind CSS-এর সমস্ত ক্লাস HTML ফাইলের মধ্যেই আছে এবং CDN থেকে লোড হবে। 
তাই এখানে অন্য কোনো ক্লাসের প্রয়োজন নেই। 
*//* End custom CSS */