:root{
    --hec-text-font:"Noto Sans Bengali",Arial,"Nirmala UI","Kohinoor Bangla","Bangla Sangam MN","Vrinda",sans-serif;
}

html,
body,
button,
input,
select,
textarea,
option,
label,
p,
a,
span,
div,
h1,
h2,
h3,
h4,
h5,
h6,
small,
strong,
b,
table,
th,
td,
li,
blockquote{
    font-family:var(--hec-text-font)!important;
}

input::placeholder,
textarea::placeholder{
    font-family:var(--hec-text-font)!important;
}

/* Preserve icon libraries while standardizing every text-based custom system. */
i[class^="fa"],
i[class*=" fa"],
.fa,
.fas,
.far,
.fab,
.fal,
.fad,
.dashicons,
[class^="eicon-"],
[class*=" eicon-"]{
    font-family:inherit;
}

.fa,.fas{font-family:"Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome"!important}
.far{font-family:"Font Awesome 6 Free","Font Awesome 5 Free"!important}
.fab{font-family:"Font Awesome 6 Brands","Font Awesome 5 Brands"!important}
.dashicons{font-family:dashicons!important}
[class^="eicon-"],[class*=" eicon-"]{font-family:eicons!important}

@supports (font-variation-settings:normal){
    html,body{font-kerning:normal;text-rendering:optimizeLegibility}
}

/* Elementor kit/widget typography uses stronger selectors than normal theme CSS. */
html body .elementor,
html body .elementor :where(
    h1,h2,h3,h4,h5,h6,p,a,span,div,label,button,input,select,textarea,
    option,small,strong,b,li,th,td,blockquote
){
    font-family:var(--hec-text-font)!important;
}

html body .elementor .elementor-heading-title,
html body .elementor .elementor-widget-text-editor,
html body .elementor .elementor-button,
html body .elementor .elementor-button-text,
html body .elementor .elementor-icon-list-text,
html body .elementor .elementor-nav-menu a,
html body .elementor .menu-item a,
html body .elementor .woocommerce,
html body .elementor input::placeholder,
html body .elementor textarea::placeholder{
    font-family:var(--hec-text-font)!important;
}

/* Re-protect icon glyphs inside Elementor widgets. */
html body .elementor .fa,
html body .elementor .fas{font-family:"Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome"!important}
html body .elementor .far{font-family:"Font Awesome 6 Free","Font Awesome 5 Free"!important}
html body .elementor .fab{font-family:"Font Awesome 6 Brands","Font Awesome 5 Brands"!important}
html body .elementor [class^="eicon-"],
html body .elementor [class*=" eicon-"]{font-family:eicons!important}
