.elementor-3716 .elementor-element.elementor-element-3418003:not(.elementor-motion-effects-element-type-background), .elementor-3716 .elementor-element.elementor-element-3418003 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bluedropism.com/wp-content/uploads/2025/07/header-backgroumd.png");background-repeat:repeat-y;background-size:cover;}.elementor-3716 .elementor-element.elementor-element-3418003{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:80px;margin-bottom:0px;padding:100px 0px 25px 0px;}.elementor-3716 .elementor-element.elementor-element-3418003 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3716 .elementor-element.elementor-element-984fab4{width:var( --container-widget-width, 102.632% );max-width:102.632%;--container-widget-width:102.632%;--container-widget-flex-grow:0;}.elementor-3716 .elementor-element.elementor-element-984fab4 > .elementor-widget-container{padding:7px 0px 20px 0px;}.elementor-3716 .elementor-element.elementor-element-984fab4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:700;line-height:29px;color:#FFFFFF;}.elementor-3716 .elementor-element.elementor-element-5209d0c{padding:0px 0px 0px 0px;}.elementor-3716 .elementor-element.elementor-element-8f02412:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3716 .elementor-element.elementor-element-8f02412 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bluedropism.com/wp-content/uploads/2025/10/Bio-Background.png");}.elementor-3716 .elementor-element.elementor-element-8f02412 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3716 .elementor-element.elementor-element-8f02412 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3716 .elementor-element.elementor-element-77e16bf > .elementor-container{max-width:958px;}.elementor-3716 .elementor-element.elementor-element-77e16bf{margin-top:48px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-3716 .elementor-element.elementor-element-f695aa3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3716 .elementor-element.elementor-element-f695aa3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3716 .elementor-element.elementor-element-f695aa3 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:12px;}.elementor-3716 .elementor-element.elementor-element-f695aa3 > .elementor-element-populated{padding:50px 50px 50px 50px;}.elementor-3716 .elementor-element.elementor-element-797f559 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:700;}.elementor-3716 .elementor-element.elementor-element-f3b676c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;color:#2FBADC;}.elementor-3716 .elementor-element.elementor-element-17ca6b3 .elementor-repeater-item-e673673.elementor-social-icon{background-color:#000000;}.elementor-3716 .elementor-element.elementor-element-17ca6b3 .elementor-repeater-item-e673673.elementor-social-icon i{color:#2FBADC;}.elementor-3716 .elementor-element.elementor-element-17ca6b3 .elementor-repeater-item-e673673.elementor-social-icon svg{fill:#2FBADC;}.elementor-3716 .elementor-element.elementor-element-17ca6b3{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-3716 .elementor-element.elementor-element-17ca6b3 .elementor-widget-container{text-align:left;}.elementor-3716 .elementor-element.elementor-element-b2cd500{padding:0px 0px 0px 0px;}.elementor-3716 .elementor-element.elementor-element-246a2b6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:700;}.elementor-3716 .elementor-element.elementor-element-397d98c{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3716 .elementor-element.elementor-element-33814cf{padding:0px 0px 75px 0px;}.elementor-3716 .elementor-element.elementor-element-902a87d > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#EBEBEB;}.elementor-3716 .elementor-element.elementor-element-4aecc20 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:700;}.elementor-3716 .elementor-element.elementor-element-c6899b9{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3716 .elementor-element.elementor-element-9cae3b9 .eael-contact-form.eael-fluent-form-wrapper .ff-el-group label{font-family:"Inter", Sans-serif;}.elementor-3716 .elementor-element.elementor-element-9cae3b9 .eael-contact-form.eael-fluent-form-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-3716 .elementor-element.elementor-element-9cae3b9 .eael-contact-form.eael-fluent-form-wrapper .ff-el-group textarea, .elementor-3716 .elementor-element.elementor-element-9cae3b9 .eael-contact-form.eael-fluent-form-wrapper .ff-el-group select{background-color:#F6F6F6;font-family:"Inter", Sans-serif;}.elementor-3716 .elementor-element.elementor-element-9cae3b9 .eael-contact-form.eael-fluent-form-wrapper .ff-el-group .ff-btn-submit{background-color:#2FBADC !important;color:#ffffff !important;font-family:"Inter", Sans-serif;}.elementor-3716 .elementor-element.elementor-element-776f53b{padding:0px 0px 0px 0px;}.elementor-3716 .elementor-element.elementor-element-fb93b2a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3716 .elementor-element.elementor-element-fb93b2a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bluedropism.com/wp-content/uploads/2025/10/Bio-Background.png");}.elementor-3716 .elementor-element.elementor-element-fb93b2a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3716 .elementor-element.elementor-element-fb93b2a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3716 .elementor-element.elementor-element-2cf4694 > .elementor-container{max-width:958px;}.elementor-3716 .elementor-element.elementor-element-2cf4694{margin-top:48px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-3716 .elementor-element.elementor-element-443d715.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3716 .elementor-element.elementor-element-443d715.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3716 .elementor-element.elementor-element-443d715 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:12px;}.elementor-3716 .elementor-element.elementor-element-443d715 > .elementor-element-populated{padding:50px 50px 50px 50px;}.elementor-3716 .elementor-element.elementor-element-40a15a0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:700;}.elementor-3716 .elementor-element.elementor-element-f38507e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;color:#2FBADC;}.elementor-3716 .elementor-element.elementor-element-cdc634f .elementor-repeater-item-e673673.elementor-social-icon{background-color:#000000;}.elementor-3716 .elementor-element.elementor-element-cdc634f .elementor-repeater-item-e673673.elementor-social-icon i{color:#2FBADC;}.elementor-3716 .elementor-element.elementor-element-cdc634f .elementor-repeater-item-e673673.elementor-social-icon svg{fill:#2FBADC;}.elementor-3716 .elementor-element.elementor-element-cdc634f{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-3716 .elementor-element.elementor-element-cdc634f .elementor-widget-container{text-align:left;}.elementor-3716 .elementor-element.elementor-element-8ec4bc1{padding:0px 0px 0px 0px;}.elementor-3716 .elementor-element.elementor-element-79cfa9d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:700;}.elementor-3716 .elementor-element.elementor-element-66d6520{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3716 .elementor-element.elementor-element-c02dd8e{padding:0px 0px 75px 0px;}.elementor-3716 .elementor-element.elementor-element-d01b50a > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#EBEBEB;}.elementor-3716 .elementor-element.elementor-element-e5287de .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:700;}.elementor-3716 .elementor-element.elementor-element-34f2760{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3716 .elementor-element.elementor-element-321f13c .eael-contact-form.eael-fluent-form-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-3716 .elementor-element.elementor-element-321f13c .eael-contact-form.eael-fluent-form-wrapper .ff-el-group textarea, .elementor-3716 .elementor-element.elementor-element-321f13c .eael-contact-form.eael-fluent-form-wrapper .ff-el-group select{background-color:#F6F6F6;}.elementor-3716 .elementor-element.elementor-element-321f13c .eael-contact-form.eael-fluent-form-wrapper .ff-el-group .ff-btn-submit{background-color:#2FBADC !important;color:#ffffff !important;}@media(min-width:768px){.elementor-3716 .elementor-element.elementor-element-0cb9e95{width:33%;}.elementor-3716 .elementor-element.elementor-element-639aa5e{width:67%;}}@media(max-width:1024px){.elementor-3716 .elementor-element.elementor-element-3418003{margin-top:57px;margin-bottom:0px;}}@media(max-width:767px){.elementor-3716 .elementor-element.elementor-element-3418003{margin-top:120px;margin-bottom:120px;}}@media(min-width:1025px){.elementor-3716 .elementor-element.elementor-element-3418003:not(.elementor-motion-effects-element-type-background), .elementor-3716 .elementor-element.elementor-element-3418003 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS */<script src="https://cdn.tailwindcss.com"></script>
   


    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const filterButtons = document.querySelectorAll('.filter-btn');
            const items = document.querySelectorAll('.filter-item');

            filterButtons.forEach(button => {
                button.addEventListener('click', () => {
                    // Get the filter value from the data-filter attribute
                    const filter = button.getAttribute('data-filter');

                    // Manage active state for buttons
                    // First, remove 'active' class from the currently active button
                    document.querySelector('.filter-btn.active').classList.remove('active');
                    // Then, add 'active' class to the clicked button
                    button.classList.add('active');

                    // Loop through all items and check their categories
                    items.forEach(item => {
                        // Check if the item should be shown
                        const shouldShow = filter === 'all' || item.classList.contains(filter);

                        // Use classes to control visibility and animation
                        if (shouldShow) {
                            item.classList.remove('item-hidden');
                            item.classList.add('item-visible');
                        } else {
                            item.classList.remove('item-visible');
                            item.classList.add('item-hidden');
                        }
                    });
                });
            });
        });
    </script>/* End custom CSS */