/* Set active color to white for checked radio buttons */
.btn-check:checked + label {
    color: white;
    background-color: #007bff; /* Change background color as needed */
    border-color: #007bff; /* Change border color as needed */
}

	.form-control.form-control-solid {
		color: #d5d5d5 !important;
	}

	.profile {
		color: #575757;
		display: -webkit-flex;
		display: flex
	}

	.profile__image {
		width: 85px;
		height: 85px;

		overflow: hidden;
		align-self: center
	}

	.profile__image img {
		max-width: 100%;
		height: auto;
		vertical-align: top
	}

	.profile .profile__content {
		padding-left: 10px;
		width: calc(100% - 52px)
	}

	.sponsored-by {
		width: 100%;
		margin: 0 auto;
		background: #f8f8f8;
		padding: 25px;
		border: solid 1px #ccc;
		border-radius: 5px;
	}

	.profile .name {
		font-size: 14px;
		line-height: 18px;
		font-weight: 600;
		color: #6d6868;
		display: block;
		letter-spacing: -.44px;
		margin-bottom: 0;
		text-align: left;
	}

	.profile .contact {
		font-size: 13px;
		line-height: 16px;
		-webkit-align-items: center;
		align-items: center
	}

	.profile .contact span {
		padding: 4px 5px 0 0
	}

	.form-control.form-control-solid {
		background-color: #fbfbfb;
		border: 1px solid #c2cad8;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}


	.form-control.form-control-solid:focus {
		background-color: #4c8275;
		color: #fff;
	}

	.btn-check:active+.btn.btn-outline.btn-outline-dashed.btn-outline-default,
	.btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default,
	.btn.btn-outline.btn-outline-dashed.btn-outline-default.active,
	.btn.btn-outline.btn-outline-dashed.btn-outline-default.show,
	.btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active),
	.btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active),
	.btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active),
	.show>.btn.btn-outline.btn-outline-dashed.btn-outline-default {
		color: #009ef7;
		border-color: #50a4c4;
		background-color: #0872ba !important;
		color: #fff !important;
	}

	.btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default {
		padding-right: calc(1.5em + 1.5rem);
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2350CD89' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-position: right calc(.375em + .375rem) center;
		background-size: calc(.75em + .75rem) calc(.75em + .75rem);
	}

	.btn-check:active+.btn.btn-outline.btn-outline-dashed.btn-outline-default .text-dark,
	.btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default .text-dark,
	.btn.btn-outline.btn-outline-dashed.btn-outline-default.active .text-dark,
	.btn.btn-outline.btn-outline-dashed.btn-outline-default.show .text-dark,
	.btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active) .text-dark,
	.btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active) .text-dark,
	.btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active) .text-dark,
	.show>.btn.btn-outline.btn-outline-dashed.btn-outline-default .text-dark {
		color: #fff !important;
	}


	.btn.btn-outline.btn-outline-dashed.btn-outline-default {
		color: #7e8299;
		border-color: #6a6a6a;
		background: #cacaca;
	}


	.select2-container--bootstrap5.select2-container--focus .form-select-solid,
	.select2-container--bootstrap5.select2-container--open .form-select-solid,
	.form-select.form-select-solid {
		background-color: #fff;
		border: 1px solid #c2cad8;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}

	.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field {
		background: white;
	}

	.w-lg-700px.bg-body.rounded.shadow-sm.p-10.p-lg-15.mx-auto {
		background-color: #f4f5f7 !important;
		box-shadow: none !important;
		border: solid 1px #dfdfdf;
	}

	.sponsored-by {
		width: 100%;
		margin: 0 auto;
		background: #f8f8f8;
		padding: 25px;
		border: solid 1px #ccc;
		border-radius: 5px;
		background: linear-gradient(to bottom, #5f96a5 -90%, black 70%);
		border: solid 1px #363636;
	}

	.profile .name,
	.profile,
	html .form-label.fs-6.fw-bolder.text-dark {
		color: #d9d9d9 !important;
	}

	.d-flex.flex-center.flex-column. {
		background: linear-gradient(to bottom, #006580 -90%, black 70%);
		padding: 10px;
		padding-bottom: 20px;
		height: 100%;
	}

    .styled-radio label {
        position: relative;
        margin-right: 10px;
        padding-left: 2px;
        padding-right: 2px;
        line-height: 2;
        cursor: pointer;
        border: solid 1px silver;
        background: #f8f6de;
        padding: 4px;
        line-height: 16px;
        font-size: 13px;
    }

    .styled-radio input[type=checkbox],
    .styled-radio input[type=radio] {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

    .styled-radio label {
        padding: 6px 6px;
        background: rgba(0, 0, 0, 0.25);
        border-radius: 6px;
        -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 25%), 0 1px rgb(255 255 255 / 8%);
        box-shadow: inset 0 1px 2px rgb(0 0 0 / 25%), 0 1px rgb(255 255 255 / 8%);
        border: 0;
        color: #1a1a1a;
    }

    .styled-radio input[type="checkbox"]:checked+label.lbl-received,
    .styled-radio input[type="radio"]:checked+label.lbl-received,
    .styled-radio input[type="radio"].rdchk+label.lbl-received {
        padding: 6px 6px;
        background: rgba(0, 0, 0, 0.25);
        border-radius: 6px;
        -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 25%), 0 1px rgb(255 255 255 / 8%);
        box-shadow: inset 0 1px 2px rgb(0 0 0 / 25%), 0 1px rgb(255 255 255 / 8%);
        border: 0;
    }


    .styled-radio input[type="checkbox"]+label span,
    .styled-radio input[type="radio"]+label span {
        padding: 2px 5px;
    }

    .styled-radio input[type="checkbox"]:checked+label span,
    .styled-radio input[type="radio"]:checked+label span,
    .styled-radio input[type=radio].rdchk+label span {
        border-radius: 4px;
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
        background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
        background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
        -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 25%), inset 0 1px rgb(255 255 255 / 10%);
        box-shadow: 0 0 1px 1px rgb(0 0 0 / 25%), inset 0 1px rgb(255 255 255 / 10%);
        background-color: #7c50c9;
        background-color: #95ff1a;
        color: #3a3a3a;
        position: relative;
        top: 0px;
        text-indent: 0;
        //padding: 2px 5px;
    }

    .styled-radio input[type="checkbox"]:checked+label.lbl-received span,
    .styled-radio input[type="radio"]:checked+label.lbl-received span,
    .styled-radio input[type=radio].rdchk+label.lbl-received span {
        background-color: #95ff1a;
        color: #3a3a3a;
    }


    .styled-radio input[type="checkbox"]:checked+label.lbl-needed span,
    input[type="radio"]:checked+label.lbl-needed span,
    input[type="radio"].rdchk+label.lbl-needed span {
        background-color: #f31b1b;
        color: #f3f3f3;
    }

    .styled-radio input[type="checkbox"]:checked+label.lbl-not-applicable span,
    .styled-radio input[type="radio"]:checked+label.lbl-not-applicable span,
    .styled-radio input[type="radio"].rdchk+label.lbl-not-applicable span {
        background-color: #ffeb3b;
        color: #3a3a3a;
    }

    .error-message {
        color: red;
        margin-bottom: 10px;
    }

    .btn-outline.active {
        color: #fff;
    }

    .btn-outline-white.active {
        background-color: #009ef7;
        border-color: #fff;
    }

    .stepper.between [data-kt-stepper-action=submit] {
        display: none;
    }

    .stepper [data-kt-stepper-action=submit] {
        display: none;
    }

    .stepper.last [data-kt-stepper-action=submit] {
        display: inline-block;
    }

    .btn img {
        transition: filter 0.3s ease;
    }

    .btn:hover {
        background-color: #009ef7;
        /* Change to desired hover background color */
        color: #fff;
        /* Change to desired hover text color */
    }

    .btn:hover img {
        filter: brightness(0) invert(1);
        /* Example effect: inverting the image colors */
    }


    /* stepper start */
    .stepper-nav {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        
    }

    .stepper-item {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
        z-index: 1;
    }

    .stepper-item .stepper-icon {
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 5px;
        position: relative;
        z-index: 2;
    }

    .stepper-item .stepper-icon .stepper-dot {
        width: 10px;
        height: 10px;
        background-color: #ddd;
        border-radius: 50%;
    }

    .stepper-item.completed .stepper-icon {
        background-color: #4caf50;
    }

    .stepper-item.completed .stepper-icon .stepper-dot {
        display: none;
    }

    .stepper-item.completed .stepper-check {
        display: block;
        color: #fff;
    }

    .stepper-item .stepper-check {
        display: none;
    }

    .stepper-item .stepper-label {
        color: #fff;
        margin-top: 10px;
    }

    .stepper-item:not(:last-child) .stepper-line {
        content: '';
        position: absolute;
        height: 5px;
        background-color: #414449;
        top: 15px;
        left: 50%;
        width: 100%;
        z-index: 1;
    }

    .stepper-item.completed:not(:last-child) .stepper-line {
        background-color: #009ef7;
    }

    .stepper-nav .stepper-line-container {
        position: absolute;
        top: 15px;
        left: 0;
        right: 0;
        height: 5px;
        background-color: #414449;
        z-index: 0;
    }

    /* stepper end */

    .stepper.stepper-pills .stepper-item.current .stepper-icon {
        transition: color .2s ease, background-color .2s ease;
        background-color: #009ef7;
    }

    .stepper.stepper-pills .stepper-item .stepper-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        transition: color .2s ease, background-color .2s ease;
        width: 40px;
        height: 40px;
        border-radius: .475rem;
        background-color: #46494e;
        margin-right: 1.5rem;
    }

    .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check {
        color: #fff !important;
        display: inline-block;
    }

    .stepper.stepper-pills .stepper-item.completed .stepper-icon {
        transition: color .2s ease, background-color .2s ease;
        background-color: #009ef7;
    }
    .btn-sm{
    border: 1px solid #cdcdcd;
}
p.justified-text.fs-5.stepper-desc {
    text-align: justify;
    color: #a1a5b7;
}
h2.text-2xl.font-bold {
    font-size: 2.50rem;
    font-weight: 800;
}
.fw-bold.fs-3.mb-3.p-4.d-grid {
    text-align: justify !important;
}
.fw-bold.fs-3.mb-3.p-2.d-grid {
    text-align: left;
}
div#kt_post {
    background: linear-gradient(2deg, #112D3D 0%, #b9b9b9) !important;
}
.yes {
    display: flex;
    justify-content: space-around;
    padding: 5px;
}
.rounded-left {
    border-radius: 100px;
}
.rounded-right{
    border-radius: 100px;
}
.btn-group {
    border: 2px solid #cdcdcd;
    border-radius: 22px;
    height: 42px;
    width: 65%;
}
.text-center.mt-5.w-60 {
    width: 65%;
    margin:auto;
}
div#kt_content_container {
    padding: 0px;
}
   .prosub{
    width: 31%;
    height: 60px;
   }
   .text-black {
    --bs-text-opacity: 1;
    color: rgb(94 94 94) !important;
    font-family: 'Poppins' !important;
}
button#continue-step1 {
    width: 13%;
    border-radius: 25px;
}
div#kt_post {
    background: #f0f0f0;
}
img.w-25px {
    filter: brightness(1.5) invert(1);
}
    /* Custom media query for mobile */
@media (min-width: 577px) and (max-width: 768px) {
    .yes {
        display: grid;
    }
    
    button#continue-step1 {
        display: flex;
        width: 50%;
        justify-content: center;
        align-items: center;
        margin: auto;
    }
}



	<style>
    .container {
        max-width: 1390px;
    }

    .container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 0px 50px;
        clear: both;
    }

    /* .company-info {
        background: #232830;
        padding: 18px;
        border: solid 1px #110f0f;
        border-radius: 5px;
        background: #181f29;
        border: solid 1px #454e5b;
        color: #ccc;
    } */
    .company-info {
    color: white;
}
    div#footer {
    background: #191818;
}
    .company-info .company-info-website {
        /* border-top: solid 1px #3f3f3f; */
        /* border-bottom: solid 1px #000; */
        padding-bottom: 10px;
    }

    .company-info .company-info-nmls {
    padding: 15px 0px;
    font-size: large;
    color: #fff;
}

    a {
        text-decoration: none;
        outline: 0;
        max-width: 100%;
        max-width: none\9;
        color: #ccc;
    }
    .company-info .company-info-azmb {
    padding: 15px 0px;
    font-size: large;
    color: #fff;
}

.company-info .company-info-copyright {
    padding: 15px 0px;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
}


    div .flex_column {
        z-index: 1;
        float: left;
        position: relative;
        min-height: 1px;
        width: 100%;
    }


    div .av_one_fourth {
        margin-left: 1%;
        width: 23%;
    }

    .contact-info .contact-info-title {
        font-size: 18px;
        font-weight: bold;
        padding: 0px 0px 10px 0px;
        color: #f8f8f8
    }
    .contact-info-title{
        color: #f8f8f8
    }

    .contact-info .contact-info-address {
        padding: 10px 0px;
        font-size: 16px;
        color: #e8e6e6;
    }

    .contact-info .contact-info-phone.contact-info-sec {
        border-top: solid 1px #1c1923;
        padding-top: 8px;
    }

    .contact-info .contact-info-phone {
        font-size: 16px;
        color: #ccc;
    }

    .contact-info .contact-info-email.contact-info-sec {
        clear: both;
        padding: 7px 0px 15px 0px;
        margin: 0;
        border-top: solid 1px #1c1923;
        margin-top: 20px;
    }

    .contact-info .contact-info-email {
        padding: 10px 0px;
        font-size: 16px;
        color: #ccc;
    }

    .aime-info,
    .brokers_are_better-info {
        display: none;
    }

    .aime-info {
        margin: 18px;
    }

    #footer .widget {
        padding: 0;
        margin: 10px 0 30px 0;
        overflow: hidden;
    }

    #footer h3.widgettitle {
        font-size: 18px;
        font-weight: bold !important;
        padding: 0px 0px 10px 0px;
        margin-top: 0px !important;
        color: #ccc;
    }

    .widgettitle {
        /* font-weight: 600; */
        text-transform: uppercase;
        letter-spacing: 1px;
        /* font-size: 1.1em; */
    }

    #top .widget ul {
        padding: 0;
        margin: 0;
        width: 100%;
        float: left;
    }

    #top .widget ul {
        padding: 0;
        margin: 0;
        width: 100%;
        float: left;
    }

    .zoom-social-icons-list {
        list-style-type: none;
    }

    ol,
    ul {
        box-sizing: border-box;
    }

    .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
        display: inline-block;
        margin: 4px;
        border: none;
    }

    .widget li {
        clear: both;
    }

    .zoom-social-icons-list {
        list-style-type: none;
    }

    .zoom-social_icons-list__link {
        text-align: center;
        text-decoration: none !important;
        transition: all 0.2s ease;
    }

    .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
        display: inline-block;
        margin: 4px;
        border: none;
    }

    div .av_one_fourth {
        margin-left: 1%;
        width: 23%;
    }

    .flex_column.av_one_fourth.el_after_av_one_fourth.el_before_av_one_fourth.sec2 {
        margin-left: 25px;
    }

    ul.zoom-social-icons-list.zoom-social-icons-list--with-canvas.zoom-social-icons-list--round.zoom-social-icons-list--no-labels {
        padding-left: 0px;
    }

    .contact-info .contact-info-address {
        font-size: 13px;
        color: #ccc;
    }

    .contact-info .contact-info-phone {
        font-size: 13px;
        color: #ccc;
    }

    .contact-info .contact-info-email {
        font-size: 13px;
        color: #ccc;
    }

    .separator.separator-dashed {
        border-bottom-style: dashed;
        border-bottom-color: #555454;
    }

    .widget {
        clear: both;
        position: relative;
        padding: 30px 0 30px 0;
        float: none;
    }

    #footer h3.widgettitle {
        font-size: 18px;
        font-weight: bold !important;
        padding: 0px 0px 10px 0px;
        margin-top: 0px !important;
        color: #ccc;
    }

    .widget_tag_cloud h3 {
        border: none;
    }

    .tagcloud a {
        font-size: 11px !important;
        padding: 2px 8px;
        margin: 0 1px 1px 0;
        display: block;
        float: left;
        border-style: solid;
        border-width: 1px;
        text-decoration: none;
    }
    .btn-check:checked+.btn-outline-primary{
        color: #fff !important;
    }
    .contact-info-title {
    font-size: 18px;
    font-weight: 900;
}
.container.text-black {
    padding-top: 5rem;
}
.w-70.text-white.p-6 {
    width: 82%;
}
.separator {
    display: block;
    height: 0;
    border-bottom: 1px solid #585858;
}


.form-control.form-control-solid:focus {
    /* background-color: #e2fbff; */
    /* color: #fff; */
    background-color: #4c8275;
    color: #fff !important;
}
.bg-section {
        background: #7e818f;
        border-radius: 5px;
        background: radial-gradient(75% 100% at 50% 5%, #38bdf840 0%, #38bdf800 100%), linear-gradient(#5d6468, #000000);
        padding: 10px;
        }
    .form-control.form-control-solid {
        color: #303030 !important;
    }

    .styled-radio label {
        position: relative;
        margin-right: 10px;
        padding-left: 2px;
        padding-right: 2px;
        line-height: 2;
        cursor: pointer;
        border: solid 1px silver;
        background: #f8f6de;
        padding: 4px;
        line-height: 16px;
        font-size: 13px;
    }

    .styled-radio input[type=checkbox],
    .styled-radio input[type=radio] {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

    .styled-radio label {
        padding: 6px 6px;
        background: rgba(0, 0, 0, 0.25);
        border-radius: 6px;
        -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 25%), 0 1px rgb(255 255 255 / 8%);
        box-shadow: inset 0 1px 2px rgb(0 0 0 / 25%), 0 1px rgb(255 255 255 / 8%);
        border: 0;
        color: #1a1a1a;
    }

    .styled-radio input[type="checkbox"]:checked+label.lbl-received,
    .styled-radio input[type="radio"]:checked+label.lbl-received,
    .styled-radio input[type="radio"].rdchk+label.lbl-received {
        padding: 6px 6px;
        background: rgba(0, 0, 0, 0.25);
        border-radius: 6px;
        -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 25%), 0 1px rgb(255 255 255 / 8%);
        box-shadow: inset 0 1px 2px rgb(0 0 0 / 25%), 0 1px rgb(255 255 255 / 8%);
        border: 0;
    }


    .styled-radio input[type="checkbox"]+label span,
    .styled-radio input[type="radio"]+label span {
        padding: 2px 5px;
    }

    .styled-radio input[type="checkbox"]:checked+label span,
    .styled-radio input[type="radio"]:checked+label span,
    .styled-radio input[type=radio].rdchk+label span {
        border-radius: 4px;
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
        background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
        background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
        -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 25%), inset 0 1px rgb(255 255 255 / 10%);
        box-shadow: 0 0 1px 1px rgb(0 0 0 / 25%), inset 0 1px rgb(255 255 255 / 10%);
        background-color: #7c50c9;
        background-color: #95ff1a;
        color: #3a3a3a;
        position: relative;
        top: 0px;
        text-indent: 0;
        /* //padding: 2px 5px; */
    }

    .styled-radio input[type="checkbox"]:checked+label.lbl-received span,
    .styled-radio input[type="radio"]:checked+label.lbl-received span,
    .styled-radio input[type=radio].rdchk+label.lbl-received span {
        background-color: #95ff1a;
        color: #3a3a3a;
    }


    .styled-radio input[type="checkbox"]:checked+label.lbl-needed span,
    input[type="radio"]:checked+label.lbl-needed span,
    input[type="radio"].rdchk+label.lbl-needed span {
        background-color: #f31b1b;
        color: #f3f3f3;
    }

    .styled-radio input[type="checkbox"]:checked+label.lbl-not-applicable span,
    .styled-radio input[type="radio"]:checked+label.lbl-not-applicable span,
    .styled-radio input[type="radio"].rdchk+label.lbl-not-applicable span {
        background-color: #ffeb3b;
        color: #3a3a3a;
    }

    .error-message {
        color: red;
        margin-bottom: 10px;
    }

    .btn-outline.active {
        color: #fff;
    }

    .btn-outline-black.active {
        background-color: #009ef7;
        border-color: #fff;
    }

    .stepper.between [data-kt-stepper-action=submit] {
        display: none;
    }

    .stepper [data-kt-stepper-action=submit] {
        display: none;
    }

    .stepper.last [data-kt-stepper-action=submit] {
        display: inline-block;
    }

    .btn img {
        transition: filter 0.3s ease;
    }

    /* .btn:hover {
    background-color: #009ef7;
    color: #fff;
} */

    /* .btn:hover {
    background-color: #009ef7;
    color: white !important;
    
}


.btn:hover img {
    filter: brightness(0) invert(1);
} */


    /* stepper start */
    .stepper-nav {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
    }

    .stepper-item {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
        z-index: 1;
    }

    .stepper-item .stepper-icon {
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 5px;
        position: relative;
        z-index: 2;
    }

    .stepper-item .stepper-icon .stepper-dot {
        width: 10px;
        height: 10px;
        background-color: #ddd;
        border-radius: 50%;
    }

    .stepper-item.completed .stepper-icon {
        background-color: #4caf50;
    }

    .stepper-item.completed .stepper-icon .stepper-dot {
        display: none;
    }

    .stepper-item.completed .stepper-check {
        display: block;
        color: #fff;
    }

    .stepper-item .stepper-check {
        display: none;
    }

    .stepper-item .stepper-label {
        color: #fff;
        margin-top: 10px;
    }

    .stepper-item:not(:last-child) .stepper-line {
        content: '';
        position: absolute;
        height: 5px;
        background-color: #414449;
        top: 15px;
        left: 50%;
        width: 100%;
        z-index: 1;
    }

    .stepper-item.completed:not(:last-child) .stepper-line {
        background-color: #009ef7;
    }

    .stepper-nav .stepper-line-container {
        position: absolute;
        top: 15px;
        left: 0;
        right: 0;
        height: 5px;
        background-color: #414449;
        z-index: 0;
    }

    /* stepper end */

    .stepper.stepper-pills .stepper-item.current .stepper-icon {
        transition: color .2s ease, background-color .2s ease;
        background-color: #009ef7;
    }

    .stepper.stepper-pills .stepper-item .stepper-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        transition: color .2s ease, background-color .2s ease;
        width: 40px;
        height: 40px;
        border-radius: .475rem;
        background-color: #46494e;
        margin-right: 1.5rem;
    }

    .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check {
        color: #fff !important;
        display: inline-block;
    }

    .stepper.stepper-pills .stepper-item.completed .stepper-icon {
        transition: color .2s ease, background-color .2s ease;
        background-color: #009ef7;
    }
    .lo-card { box-shadow: 0px 1px 4px #cecece; border-radius: 5px; padding: 3px; }  
    .tal { text-align: left; padding: 0px 4px; }
    
    
    @media screen and (max-width: 577px) {
    body {
     h2.text-2xl.font-bold {
      font-size: 16px;
      font-weight: 700;
  }
    }
  }
  
  @media screen and (max-width: 577px) {
    body {
  .btn-group {
      border: 2px solid #cdcdcd;
      border-radius: 22px;
      height: 42px;
      width: 100%;
  }
        }
  }
  
  @media screen and (max-width: 577px) {
    body {
  button#continue-step1 {
    width: 36%;
    border-radius: 25px;
  }
  }
  }
  
  label.btn.btn-outline-primary.rounded-right {
    padding: calc(.75rem + 1px) calc(0.5rem + 1px) !important;
  }
  
  button.btn.btn-sm.btn-outline.rounded-pill.btn-outline-border.btn-outline-black.btn-active-light-white.w-100.prosub.active {
    height: auto;
  }
  
  button.btn.btn-sm.btn-outline.rounded-pill.btn-outline-border.btn-outline-black.btn-active-light-white.w-100.prosub {
    height: auto;
  }
  
  
  @media (max-width: 768px) {
    .yes {
        display: grid;
    }
  }