/*
 *   Copyright (c) 2023 
 *   All rights reserved.
 */
.content__subcontainer--image-left {
    display: grid;
    grid-template-columns: 20% 1fr;
    column-gap: 1.5em;
}

.content__subcontainer--image-right {
    display: grid;
    grid-template-columns: 1fr 20%;
    column-gap: 1.5em;
}

.progress {
	margin-bottom: 2.5rem;
}

.progressbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: inherit;
    height: 8px;
    border: 1px solid #4187EB;
		border-radius: 10px;
		margin-top: 25px !important;
    margin-bottom: -50px;
		background-color: #323539;
}

[class^="step-"] {
    height: inherit;
    font-weight: bold;
    background-color: #4187EB;
    color: #323539;
    font-size: .8rem;
    padding-left: 10px;
    padding-top: -2px;
}

.step-1 {
    width: 50%;
}

.step-2 {
    width: 60%;
}

.step-3 {
    width: 70%;
}

.step-4 {
    width: 80%;
}

.step-5 {
    width: 90%;
}

.step-6 {
    width: 95%;
}

.step-7 {
	width: 100%;
}

.circleNumber {
	border-radius: 100%;
	width: 0.85rem;
	height: 0.85rem;
	padding: 1px 8px;
	border: 2px solid var(--theme-bg-accent);
	background-color: #ebeef2;
	color: var(--theme-bg-accent);
}

.bwi_icon_inline {
	vertical-align: text-top;
	width: 1em;
	height: 1em;
	display: inline-block;
}

.bwi_icon_home {
	-webkit-mask: url('./assets/icon/nav_home.svg') no-repeat 100% 100%;
	mask: url('./assets/icon/nav_home.svg') no-repeat 100% 100%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: #FFF;
}

.bwi_icon_border_all {
	-webkit-mask: url('./assets/icon/nav_border_all.svg') no-repeat 100% 100%;
	mask: url('./assets/icon/nav_border_all.svg') no-repeat 100% 100%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: #FFF;
}

.bwi_icon_bar_chart {
	-webkit-mask: url('./assets/icon/nav_bar_chart_4_bars.svg') no-repeat 100% 100%;
	mask: url('./assets/icon/nav_bar_chart_4_bars.svg') no-repeat 100% 100%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: #FFF;
}

.bwi_icon_handyman {
	-webkit-mask: url('./assets/icon/nav_handyman.svg') no-repeat 100% 100%;
	mask: url('./assets/icon/nav_handyman.svg') no-repeat 100% 100%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: #FFF;
}

.bwi_icon_toolbox {
	-webkit-mask: url('./assets/icon/nav_service_toolbox.svg') no-repeat 100% 100%;
	mask: url('./assets/icon/nav_service_toolbox.svg') no-repeat 100% 100%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: #FFF;
}

.indent_italic {
    padding-left: 50px;
    font-style: italic;
}

.bwi_icon_inline_list {
	vertical-align: top;
	height: 1em;
	width: 1em;
	display: inline-block;
}

.content > section > :is(ul, ol) > li > p > .bwi_icon_inline {
	vertical-align: baseline;
}