[dipi_breadcrumbs hide_home=”on” bc_schema=”on” _builder_version=”4.27.4″ _module_preset=”default” width=”100%” module_alignment=”left” custom_css_main_element=”font-family: %22Roboto%22, Sans-serif;|| font-size: 16px;|| font-weight: 400;||color: #54595F;||||” custom_css_free_form=”/* Breadcrumb Container */||.et_pb_module_inner .dipi-breadcrumbs {|| padding: 0px;|| /* border-bottom: 1px solid #e5e7eb; */|| margin-bottom: 20px;||}||||/* Breadcrumb List */||.dipi-breadcrumbs ul {|| list-style: none;|| padding: 0;|| margin: 0;|| display: flex;|| flex-wrap: wrap;|| align-items: center;|| gap: 2px;||}||||/* Breadcrumb Items */||.dipi-breadcrumb-item {|| font-family: -apple-system, BlinkMacSystemFont, %22Segoe UI%22, Roboto, %22Helvetica Neue%22, Arial, sans-serif;|| font-size: 17px;|| font-weight: 400;|| color: #6b7280;|| transition: all 0.2s ease;||}||||.dipi-breadcrumb-item a {|| color: #6b7280;|| text-decoration: none;|| padding: 6px 8px;|| border-radius: 4px;|| transition: all 0.2s ease;|| display: inline-block;|| position: relative;||}||||.dipi-breadcrumb-item a:hover {|| color: #2563eb;|| background-color: rgba(37, 99, 235, 0.05);||}||||/* Current Page in Breadcrumb */||.dipi-breadcrumb-current {|| font-weight: 500;|| color: #111827;|| padding: 6px 8px;||}||||/* Breadcrumb Separator */||.dipi-breadcrumb-separator {|| margin: 0 4px;|| color: #d1d5db;|| display: flex;|| align-items: center;|| justify-content: center;||}||||.dipi-separator-icon {|| font-size: 12px;|| line-height: 1;|| opacity: 0.6;|| font-weight: 300;||}||||||||/* Responsive Adjustments */||@media (max-width: 768px) {|| .et_pb_module_inner .dipi-breadcrumbs {|| padding: 12px 0;|| margin-bottom: 20px;|| }|||| .dipi-breadcrumb-item {|| font-size: 13px;|| }|||| .dipi-breadcrumb-item a,|| .dipi-breadcrumb-current {|| padding: 4px 6px;|| }||}||||@media (max-width: 480px) {|| .et_pb_module_inner .dipi-breadcrumbs {|| padding: 10px 0;|| margin-bottom: 16px;|| }|||| .dipi-breadcrumb-item {|| font-size: 12px;|| }|||| .dipi-breadcrumb-separator {|| margin: 0 2px;|| }|||| .dipi-breadcrumb-item a,|| .dipi-breadcrumb-current {|| padding: 3px 4px;|| }||}||||/* Optional: Even more minimal version without any background on hover */||.dipi-breadcrumbs.ultra-minimal .dipi-breadcrumb-item a:hover {|| background-color: transparent;|| color: #2563eb;|| text-decoration: underline;|| text-decoration-color: rgba(37, 99, 235, 0.3);|| text-underline-offset: 2px;||}” global_colors_info=”{}”][/dipi_breadcrumbs]