.bg-white-o-5 {
	background-color: transparent !important;
	border-bottom: 1px solid #000 !important;
	font-size: 16px;
}
.bg-white-o-5:focus {
	background-color: transparent !important;
	border-bottom: 2px solid #a64911 !important;
}
.bg-white-o-5:hover {
	background-color: transparent !important;
	border-bottom: 2px solid #a64911 !important;
}
.text-white {
	color: #a64911 !important;
	font-weight: 600 !important;
}
.pl-8,
.px-8 {
	padding-left: 0rem !important;
}
.rounded-pill {
	border-radius: 0 !important;
}
a.text-white:hover,
a.text-white:focus {
	color: #000 !important;
}
.btn.btn-success {
	color: #ffffff;
	background-color: #a64911;
	border-color: #a64911;
	box-shadow: 1px 2px 6px 4px lightgrey;
}
.btn.btn-success:hover:not(.btn-text),
.btn.btn-success:focus:not(.btn-text),
.btn.btn-success.focus:not(.btn-text) {
	color: #ffffff;
	background-color: #a64911;
	border-color: #a64911;
	box-shadow: 1px 2px 6px 4px lightgrey;
}
.mr_30 {
	margin-right: 30%;
}
@media (max-width: 576px) {
	.mr_30 {
		margin-right: 0;
	}
}
.color_white {
	color: white !important;
}

/*  */

/*  */
body {
	background: #fff;
}
/* *{
box-sizing: border-box;
padding: 0;
margin: 0;
} */
nav {
	width: 100%;
	background-color:#9c4b19 !important;
	color: #fff;
	padding: 15px;
	margin: 0 auto;
}
.footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

#form-container {
	margin: 0 auto;
	width: 340px;
	height: 100%;
	padding-top: 80px !important;
	padding-bottom: 0px;
}
/* @media (max-width: 576px) {
nav{
	display: none;
}
} */
@media (max-width: 2000px) {
	nav {
		padding: 20px;
	}
	.nav_img {
		height: 100px;
		width: 200px;
	}
	.bg-white-o-5 {
		background-color: transparent !important;
		border-bottom: 1px solid #000 !important;
		font-size: 14px;
	}
	label {
		font-size: 10px;
	}
	.form-group {
		margin-bottom: 1.5rem;
	}
	form {
		margin-bottom: 5%;
	}

	#form-container {
		margin: 0 auto;
		width: 340px;
		height: 100%;
		padding-top: 90px !important;
		padding-bottom: 0px;
	}
}
@media (max-width: 1600px) {
	nav {
		padding: 15px;
	}
	.nav_img {
		height: 80px;
		width: 180px;
	}
	.bg-white-o-5 {
		background-color: transparent !important;
		border-bottom: 1px solid #000 !important;
		font-size: 14px;
	}
	label {
		font-size: 10px;
	}
	.form-group {
		margin-bottom: 1.5rem;
	}
	form {
		margin-bottom: 5%;
	}

	#form-container {
		margin: 0 auto;
		width: 340px;
		height: 100%;
		padding-top: 70px !important;
		padding-bottom: 0px;
	}
}
@media (max-width: 1710px) {
	nav {
		padding: 20px;
	}
	.nav_img {
		height: 60px;
		width: 150px;
	}
	.bg-white-o-5 {
		background-color: transparent !important;
		border-bottom: 1px solid #000 !important;
		font-size: 12px;
	}
	label {
		font-size: 10px !important;
	}
	.form-group {
		margin-bottom: 1.5rem;
	}
	.mt-10 {
		margin-top: 0.5rem !important;
	}
	#form-container {
		margin: 0 auto;
		width: 340px;
		height: 100%;
		padding-top: 50px !important;
		padding-bottom: 0px;
	}
}
@media (max-width: 1520px) {
	nav {
		padding: 20px;
	}
	.nav_img {
		height: 60px;
		width: 150px;
	}
	.bg-white-o-5 {
		background-color: transparent !important;
		border-bottom: 1px solid #000 !important;
		font-size: 12px;
	}
	label {
		font-size: 10px !important;
	}
	.form-group {
		margin-bottom: 1.5rem;
	}
	.mt-10 {
		margin-top: 0.5rem !important;
	}
	#form-container {
		margin: 0 auto;
		width: 340px;
		height: 100%;
		padding-top: 15px !important;
		padding-bottom: 0px;
	}
}
@media (max-width: 1499px) {
	nav {
		padding: 20px;
	}
	.nav_img {
		height: 60px;
		width: 150px;
	}
	.bg-white-o-5 {
		background-color: transparent !important;
		border-bottom: 1px solid #000 !important;
		font-size: 12px;
	}
	label {
		font-size: 10px !important;
	}
	.form-group {
		margin-bottom: 1.5rem;
	}
	.mt-10 {
		margin-top: 0.5rem !important;
	}
	#form-container {
		margin: 0 auto;
		width: 340px;
		height: 100%;
		padding-top: 40px !important;
		padding-bottom: 0px;
	}
}
@media (max-width: 1370px) {
	nav {
		padding: 6px;
	}
	.nav_img {
		height: 55px;
		width: 140px;
	}
	.bg-white-o-5 {
		background-color: transparent !important;
		border-bottom: 1px solid #000 !important;
		font-size: 12px;
	}
	label {
		font-size: 10px !important;
	}
	.form-group {
		margin-bottom: 0.5rem;
	}
	.mt-10 {
		margin-top: 0.5rem !important;
	}
	#form-container {
		margin: 0 auto;
		width: 340px;
		height: 100%;
		padding-top: 10px !important;
		padding-bottom: 0px;
	}
}
@media (max-width: 1000px) {
	nav {
		padding: 15px;
	}
	.nav_img {
		height: 50px;
		width: 120px;
	}
	.bg-white-o-5 {
		background-color: transparent !important;
		border-bottom: 1px solid #000 !important;
		font-size: 12px;
	}
	label {
		font-size: 10px !important;
	}
	.form-group {
		margin-bottom: 1.5rem;
	}
	.mt-10 {
		margin-top: 0.5rem !important;
	}
	#form-container {
		margin: 0 auto;
		width: 340px;
		height: 100%;
		padding-top: 30px !important;
		padding-bottom: 0px;
	}
}
.small-text {
	font-size: 7px;
	margin: 0px;
}
.small-text_10 {
	font-size: 10px;
	margin: 0px;
}
.btn.btn-success:disabled {
	background-color: grey !important;
	border: none;
}
.bottom_color {
	border-bottom: 2px solid #a64911 !important;
}

.marginauto {
	margin: 0 auto !important;
}

.minheight_100 {
	min-height: 100%;
}

.padding_top_50 {
	padding-top: 50px;
}
.weight_color {
	color: black;
	font-weight: bold !important;
}

/* 
Rodio button css
*/
:root {
	--primary-0: #fff9f6;
	--primary-50: #fcebe1;
	--primary-100: #f6cbb8;
	--primary-200: #f0aa8e;
	--primary-300: #e98863;
	--primary-400: #e2673a;
	--primary-500: #a64911; /* base */
	--primary-600: #8c3d0e;
	--primary-700: #73310b;
	--primary-800: #592608;
	--primary-900: #401b05;
	--primary-950: #2d1303;
	--primary-1000: #1a0b01;
	--primary-1100: #661d08; /* optional deep accent */

	--neutral-0: #ffffff;
	--neutral-50: #f2f2f2;
	--neutral-100: #dedede;
	--neutral-200: #cacaca;
	--neutral-300: #b0b0b0;
	--neutral-400: #989898;
	--neutral-500: #808080;
	--neutral-600: #686868;
	--neutral-700: #525252;
	--neutral-800: #3d3d3d;
	--neutral-900: #282828;
	--neutral-950: #1f1f1f;
	--neutral-1000: #161616;
}

/* ===================== */
/* ===================== */
/* Code Here ↓ */

.account-selection__option {
	display: flex;
	align-items: center;
	gap: 0.5em;

	padding: 1em;

	border: 1px solid var(--neutral-600);
	border-radius: 8px;

	width: 100%;

	cursor: pointer;
}

.account-selection__input {
	accent-color: var(--primary-1100);
}

.account-selection__text {
	flex-grow: 1;

	color: var(--neutral-600);
}

.account-selection__icon {
	color: var(--neutral-600);
}

.account-selection__input:checked ~ .account-selection__text {
	color: var(--primary-1100);
}

.account-selection__input:checked ~ .account-selection__icon {
	color: var(--primary-1100);
}

.account-selection__option:has(.account-selection__input:checked) {
	border-color: var(--primary-1100);
}
.font14 {
	font-size: 14px !important;
}
.form-control {
	height: 50px !important;
}

.color_purple {
	color: #a64911;
}

.toggle_div_style {
	padding: 20px;
	border: 3px solid #a64911;
	border-radius: 8px;
}
.mb_30 {
	margin-bottom: 30px !important;
}

.input_style:focus {
	border: 2px solid #a64911 !important;
	background-color: #f6f3f9;
	box-shadow: 0 0 0 4px #fff, 0px 0px 0px 6px #2b173f !important;
}

.padding30 {
	padding: 30px;
}
.padding_top_15 {
	padding-top: 15px;
}
.mb_20 {
	margin-bottom: 20px !important;
}

.pb_20 {
	padding-bottom: 20px !important;
}
.font_bold {
	font-weight: bold !important;
}
.width100 {
	width: 100% !important;
}
.border_radius_8 {
	border-radius: 8px !important;
}