/* CSS Document */
.menu div > ul.collapse-menu > li:last-child a {
	border-color: transparent;
	background: #fff;
	color: #2C2F42;
	box-shadow: 0px 0px 0px 2px #2C2F42;
}

.get-started-page {}
.image-side-cta {}
.image-side-cta .info {
	padding: 40px;
	width: 41.6%;
}
.image-side-cta .info h2 {
	font-size: 22px;
	margin: 0 0 25px;
}
.image-side-cta .bnn {
	width: 58.4%;
}
.default-section .row {row-gap: 60px;}
.image-top-cta .info {
	height: 100%;
}
.image-top-cta .info p {
	font-size: 16px;
}
.image-top-cta .info p strong { display: inline-block; margin: 12px 0 0; }
.col-lg-6:last-child .image-top-cta { height: auto; }

/* Modal */
.modal-dialog.modal-custom {
	max-width: 940px; /* Adjust this value as needed */
	margin: 1.75rem auto; /* Center the modal vertically and horizontally */
}

@media (max-width: 767.98px) {
	.modal-dialog.modal-custom {
		max-width: 90%; /* Make modal responsive on smaller screens */
	}
}
.modal-content {
	padding: 30px;
	border-radius: 10px;
}
.modal-header {
	border-bottom: none;
	padding: 0;
}
.modal-header .btn-close {
	position: absolute;
	top: 20px;
	right: 20px;
	background: none;
	padding: 0;
	width: 30px;
	height: 30px;
	opacity: 1;
}
.modal-header .btn-close:after {
	content: '\f057';
	font-family: "Font Awesome 6 Pro";
	font-weight: 600;
	font-size: 30px;
	color: #3B667D;
}
.modal-header .btn-close:hover:after { color: #1c2732; }
.modal-title {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
}
.modal-body p {
	text-align: center;
	margin-bottom: 60px;
	font-size: 20px;
	font-weight: 600;
	color: #000;
}
.btn-step {
	display: block;
	width: 100%;
	padding: 16px;
	font-size: 17px;
	font-weight: 500;
	border-radius: 8px;
	margin-bottom: 20px;
}
.btn.btn-for-org,
.btn.btn-for-myself {
    font-family: "Titillium Web";
    padding: 30px;
    width: 330px;
    max-width: 100%;
    border-radius: 20px;
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
}
.btn-for-myself {
	color: #fff;
	border-bottom: 3px solid #A34D3A;
	background: #D5644C;
}
.btn-for-myself:hover {
	color: #A34D3A;
	background-color: #fff;
	border-color: transparent;
	box-shadow: 0px 0px 0px 2px #A34D3A;
}
.btn-for-org {
	border-radius: 20px;
	border-bottom: 3px solid #1E5E61;
	background: #319B9F;
	color: #fff;
}
.btn-for-org:hover {
	border-color: transparent;
	background: #fff;
	color: #319B9F;
	box-shadow: 0px 0px 0px 2px #1E5E61;
}

.button-container {
	display: flex;
	justify-content: center; /* Center buttons horizontally */
	gap: 5%; /* Space between buttons (adjust as needed) */
	padding: 0 1px;
}

.btn {
	/* Optional styling to ensure buttons have consistent sizing */
	flex: 1; /* Ensure buttons are the same width */
	max-width: 200px; /* Optional max width to control button size */
}

.btn-for-myself, .btn-for-org {
	/* Optional individual button styling */
	text-align: center;
}
.progress-indicator {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.progress-indicator .circle {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #e9ecef;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: #6c757d;
	margin: 0 10px;
}
.progress-indicator .active {
	background-color: #d97056;
	color: #fff;
}
.question {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}
.slider-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.slider-container .emoji {
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0 15px;
	text-align: center;
	width: 115px
}
.slider-container .emoji img {
	display: block;
	width: 24px;
	margin: 0 auto 5px;
}
.slider-container .range-wrap {
	width: 70%;
	height: 36px;
	position: relative;
	padding: 13px 0 0;
	padding-right: 1px;
	overflow: hidden;
}
.slider-container .range-wrap:before,
.slider-container .range-wrap:after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 35px;
	background: #B5B5B5;
}
.slider-container .range-wrap .bar {
	content: '';
	position: absolute;
	left: 25%;
	margin-left: 4px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 35px;
	background: #B5B5B5;
}
.slider-container .range-wrap .bar:nth-child(2) {left: 50%;margin-left: 0;}
.slider-container .range-wrap .bar:nth-child(3) {left: 75%;margin-left: -5px;}
.slider-container input[type="range"] {
	position: relative;
	z-index: 2;
	-webkit-appearance: none;
	width: 100%;
	height: 10px;
	background: #dddddd;
	border-radius: 0;
	outline: none;
	opacity: .9;
	-webkit-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
.slider-container input[type="range"]:hover {
	opacity: 1;
}
.slider-container input[type="range"]::-webkit-slider-runnable-track {
  background: #ffffff;
  height: 8px;
  border: solid 1px #e2e2e2;
}
.slider-container input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	margin-top: -7px;
	border-radius: 50%;
	background: #D97058;
	cursor: pointer;
	box-shadow: 0 0 4px rgb(0 0 0 / 32%);
	border-image: linear-gradient(90deg,#d97056 50%,#fff 0) 0 1/calc(50% - 8px/2) 100vw/0 100vw;
}
.slider-container input[type="range"]::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #d97056;
	cursor: pointer;
	box-shadow: 0 0 #000;
	box-shadow: 0 0 4px rgb(0 0 0 / 32%);
}
.slider-container input[type="range"]::-ms-thumb {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #d97056;
	cursor: pointer;
	box-shadow: 0 0 #000;
	box-shadow: 0 0 4px rgb(0 0 0 / 32%);
}
.slider-container .slider-label {
	font-size: 14px;
	margin-top: 5px;
}
.actions {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.btn-back {
	color: #6c757d;
	background-color: transparent;
	border: none;
	font-size: 14px;
	text-decoration: underline;
}
.btn-next {
	background-color: #4b4e5a;
	color: #fff;
	padding: 10px 20px;
	font-size: 16px;
	border-radius: 8px;
}
.step {
	display: none;
}
.step.active {
	display: block;
}
.radio-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 20px;
}
.radio-group .form-check {
	margin-bottom: 10px;
}
.form-check label { font-weight: 400!important }

#container {
	max-width: 822px;
}
.step-container {
	position: relative;
	text-align: center;
	transform: translateY(-43%);
	justify-content: center!important;
}
.step-inner {
	background: #F2F2F2;
	padding: 38px 28px 28px;
	margin: 0 0 38px;
}
.step-inner .question {
	text-align: left;
	font-weight: 700;
	font-size: 20px;
}
.progress-wrap {
	display: none;
}
.individual .progress-wrap,
.business .progress-wrap {
	display: block;
}
.quiz-end .progress-wrap {
	display: none;
}
.individual .progress-wrap .step-circle:last-child { display: none }
.individual .step .individual { display: block }
.individual .step .business { display: none }
.business .step .individual { display: none }
.business .step .business { display: block }
.step-circle {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
	background-color: #B5B5B5;
	border: 2px solid #B5B5B5;
	line-height: 30px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer; /* Added cursor pointer */
	margin: 0 6px 10px;
}
.step-circle.active {
	background: #D5644C;
	border-color: #D5644C;
}
.step-line {
	position: absolute;
	top: 16px;
	left: 50px;
	width: calc(100% - 100px);
	height: 2px;
	background-color: #007bff;
	z-index: -1;
}
#multi-step-form{
	overflow-x: hidden;
	padding: 2px;
}
.btn-layout.prev-step {
	width: 64px;
	color: #3D405B;
	background-color: #fff;
	border-color: #3D405B;
	margin-right: 17px;
	border-radius: 0;
}
.btn-layout.prev-step:hover { border-radius: 7px; border-color: transparent }
.btn-layout.next-step {
	width: 84px;
}
.bottom {
	margin: 0;
}
.bottom p { margin: 0 0 10px }
.bottom ul {
	text-align: center;
	margin: 0;
}
.bottom ul li {
	padding: 0 15px;
	margin: 0 0 10px!important;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.bottom ul li a {
	position: relative;
}
.bottom ul li a:after {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   content: '\f105';
   font-family: 'Font Awesome 6 Pro';
   font-size: .65em;
   margin-left: 8px;
   transition: all .3s ease;
}
.bottom ul li a:hover:after {
   margin-left: 12px;
}
.step-1 p { max-width: 677px; margin: 0 auto 80px }
.individual .step-5 .step-inner,
.business .step-6 .step-inner {background: #fff;padding: 0;}
.individual .step-5 .step-inner .bottom p,
.business .step-6 .step-inner .bottom p { margin: 0 0 30px }
.individual .step-5 > .btn-layout,
.business .step-6 > .btn-layout { display: none!important }

.modal-body .image-side-cta {
  margin: 0 0 30px;
}
.modal-body .image-side-cta .bnn {
  width: 37%;
  padding-right: 7px;
}
.modal-body .image-side-cta .info {
  width: 63%;
  padding: 30px 30px 30px;
}
.modal-body .image-side-cta .info h2 {
	margin: 0 0 3px;
}
.modal-body .image-side-cta .info p {
	color: #fff;
	text-align: left;
}

.form-check-input:checked {
    background-color: #D5644C;
    border-color: #ba543e;
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {
	.step-inner {
		padding: 30px 15px ;
	}
	.modal-title {
		font-size: 28px;
	}
	.modal-body,
	.modal-body .container{
		padding: 0;
	}
	.modal-body p {
		margin-bottom: 40px;
		font-size: 16px;
	}
	.default-section .row {row-gap: 30px;}
	.button-container { flex-direction: column; }
	.btn.btn-for-org, .btn.btn-for-myself { width: 100%; }

	.slider-container {
		position: relative;
		padding-top: 60px;
	}
	.slider-container .emoji {
		position: absolute;
		width: 88px;
		top: 0;
		margin: 0;
		left: 0;
		font-size: 12px;
	}
	.slider-container .emoji-2 {
	    left: unset;
	    right: 0;
	    width: 60px;
	}
	.slider-container .emoji img { width: 20px; }
	.slider-container .range-wrap { width: 100%; }

	.bottom ul li { font-size: 16px; }
	.individual .step-5 .step-inner .bottom p,
	.business .step-6 .step-inner .bottom p { 
		margin: 0 auto 20px;
		max-width: 200px;
	}
}