/* Iconify web component baseline for landing */
iconify-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    color: inherit;
    speak: none;
}

iconify-icon svg {
    display: block;
}

/* Match common Boxicons / Flaticon host contexts */
.stat-card-landing .stat-icon iconify-icon,
.how-step-card .step-icon iconify-icon,
.service-area .service-card .service-icon-wrap iconify-icon,
.cp-icon iconify-icon,
.why-icon iconify-icon,
.produk-hero-badge iconify-icon,
.page-title-content ul li iconify-icon,
.footer-area-bg iconify-icon,
.navbar-area iconify-icon,
.sidebar-modal iconify-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.service-area .service-card .service-icon-wrap iconify-icon {
    font-size: inherit;
    width: 1em;
    height: 1em;
}

.stat-card-landing .stat-icon iconify-icon,
.how-step-card .step-icon iconify-icon {
    width: 1em;
    height: 1em;
}

/* Mirror legacy `i` selectors from style.css for Iconify */
.main-nav nav .navbar-nav .nav-item a iconify-icon {
    line-height: 0;
    position: relative;
    top: 3px;
}

.main-nav nav .navbar-nav .nav-item a.active iconify-icon,
.main-nav nav .navbar-nav .nav-item a:hover iconify-icon,
.main-nav nav .navbar-nav .nav-item a:focus iconify-icon {
    transform: rotate(180deg);
}

.main-nav nav .navbar-nav .nav-item a:hover iconify-icon {
    transition: 0.7s;
}

.footer-list ul li iconify-icon,
.footer-list-2 ul li iconify-icon {
    display: inline-block;
}

.header-content-right .header-contact li iconify-icon {
    display: inline-block;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .contact-info li iconify-icon {
    display: inline-block;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a iconify-icon {
    display: inline-block;
}

.sidebar-modal .modal-header .close iconify-icon {
    display: inline-block;
}

.inner-banner .inner-title ul li iconify-icon {
    display: inline-block;
}

.common-catagory .catagory li a iconify-icon {
    display: inline-block;
}

/* Blockquote decorative mark used Boxicons font — replace with unicode */
.blog-dtls-content .blog-text blockquote::before {
    content: "\201C";
    font-family: Georgia, "Times New Roman", serif;
}