CSS Conflict

Hi,

I see that you have used !important directives on the very common class names that eventually conflicts with the other website elements and plugins. Here are the details:

Path: modal-for-elementor/css/bootstrap.css
Line #: 186-191
Code:

.hide {
  display: none !important;
}
.show {
  display: block !important;
}

So, Can you please remove either “!important” directives or if not possible then please use the hierarchical class selectors like this:

.class1 .class2 .class3 .hide{display: none !important;}
.class1 .class2 .class3 .show{display: block !important;}

I appreciate the quick response on the same.

Thanks,
Sourabh