@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
body {
	font-family: 'Yantramanav', sans-serif !important;
}

.login-bg {
	background: transparent linear-gradient(126deg, #aeaeae 0%, #727272 51%, #424242 100%) 0% 0% no-repeat padding-box;
}
.dropdown-item:hover {
	background-color: #495057; /* Hover gray */
	color: #fff;
  }

  .dropdown-item.active,
.dropdown-item:active {
  background-color: #6c757d !important; /* Bootstrap's secondary */
  color: #fff !important;
}

.login-form label {
	font-size: 14px;
	color: #323232;
	font-family: 'Roboto', sans-serif;
}

.login-form .card-heading {
	font-size: 24px;
	font-weight: 400;
	color: #92969A;
	font-family: 'Roboto', sans-serif;
}

.login-form .card-title {
	font-size: 24px;
	color: #323232;
	font-family: 'Roboto', sans-serif;
}

.login-form .submit-button {
	font-family: 'Roboto', sans-serif;
	background-color: #727272 !important;
	border: 1px solid #727272 !important;
}

.login-form .submit-button:hover {
	color: #727272 !important;
	background-color: #fff !important;
	border: 1px solid #727272 !important;
}

.login-form .form-check input {
	background-color: #72727291 !important;
	border-color: #323232;
}

.login-form .forgot-link {
	color: #727272 !important;
}

.login-form .forgot-link:hover {
	color: #323232 !important;
}

.heading {
	font-size: 18px;
	font-weight: 500;
	color: #323232;
}

.card-heading{
	font-size: 20px;
	font-weight: 500;
	color: #323232;
}


header {
	position: relative;
	z-index: 1;
}

header .main-header {
	background-color: #727272;
	height: 80px;
	display: flex;
	align-items: center;
}

header nav {
	background-color: #727272;
	position: fixed !important;
	top: 0%;
	width: 100%;
}

.header-logo {
	width: 100px;
}

nav .nav-link {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}

/* nav .nav-link.active{
	color: #000!important;;
  } */

nav .nav-link:hover {
	color: #000;
}

.main-nav {
	width: 100%;
	justify-content: end;
	background-color: #727272;
}

header nav .container .main-nav .navbar-nav {
	padding: 10px;
	float: left;
	justify-content: left;
	display: flex;
	text-align: left;
}

.form-main input {
	border: 1px solid #72727275 !important;
	background-color: #fff !important;
}

.submit-button {
	background-color: #727272 !important;
	color: #fff !important;
	border: 1px solid #727272 !important;
	border-radius: 4px;
	padding: 4px 8px;

}

.submit-button:hover {
	color: #727272 !important;
	background-color: #fff !important;
	border: 1px solid #727272 !important;
}


.btn-submit-secondary {
	color: #727272 !important;
	background-color: #fff !important;
	border: 1px solid #727272 !important;
}

.btn-submit-secondary:hover {
	background-color: #727272 !important;
	color: #fff !important;
	border: 1px solid #727272 !important;
}

.form-label {
	font-weight: 500;
}


label {
	font-size: 14px;
	color: #323232;
}

textarea {
	border-color: #f5b99a;
}

.card {
	width: 550px;
}

.payment-card {
	width: 480px;
}

.card-footer {
	padding: 16px 32px 16px 32px !important;

}

.card-body {
	padding: 32px 32px 0px 32px !important;
}

.payment-heading {
	font-size: 20px;
	color: #fff;
	margin-bottom: 0px;
}

.payment-title {
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 0px;
}

.padding {
	padding: 19px 23px 19px 30px;
}

/* Footer */

footer {
	background-image: url(/base.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 69px;
	padding-bottom: 30px;
}

footer span,
footer p,
footer a {
	color: #ffffffd9;
	font-size: 16px;
}

footer .title {
	font-size: 22px;
	font-weight: 400;
	color: #FFFFFF;
}

footer .sub-title {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 400;
}

footer .submit-button {
	background-color: #424242 !important;
	color: #fff;
	border: 1px solid #424242 !important;
}

footer .submit-button:hover {
	color: #727272 !important;
	background-color: #ffffff00 !important;
	border: 1px solid #727272 !important;
}


footer a:hover {
	color: #727272
}

footer a span:hover {
	color: #727272
}

.address-heading p,
.address-heading a {
	font-size: 14px;
}

.icon-circle {
	background-color: #FFFFFF33;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.img-circle {
	height: 35px;
	width: 35px;
	border-radius: 50%;
}

.footer-section .icon-circle {
	background-color: #fff;
	height: 36px;
	width: 36px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-subtitle {
	font-size: 18px;
}

footer .border-light-subtle {
	border-color: #FFFFFF80 !important;
}

.main-wrapper .header {
	background-color: #fff !important;
}

main .spacing-top {
	margin-top: 50px;
}

.fa-house {
	font-size: 14px !important;
}

.payment-input {
	height: 40px;
}

.card-payment {
	padding: 32px;
}


table td {
	border: 1px solid #E9ECEF;
	border-top: 1px solid #e9ecef00 !important;
	border-bottom: 1px solid #E9ECEF !important;
	padding: 4px 15px !important;
}

table th {
	border: 1px solid #E9ECEF;
	padding: 8px 15px !important;
}

/* td .complete{
	  background-color:#0068003a;
	  color:rgb(0 56 0);
	}
	
	td .cancel{
	  background-color: #ff72723a;
	  color: #850c0c;
	}
	
	td .on-hold{
	  background-color: #8372ff3a;
	  color: #1c0c85;
	}
	
	td .in-progress{
	  background-color: #ffa04a3a;
	  color: var(--bg-primary);
	} */
/* 	.in-progress{
		color: #727272!important;
	} */
td .complete {
	background-color: #0068003a;
	color: var(--color-green);
}

td .cancel {
	background-color: #ff72723a;
	color: #850c0c;
}

td .on-hold {
	background-color: #8372ff3a;
	color: #1c0c85;
}

td .submitted {
	background-color: #c9eda6cf;
	color: var(--bg-primary);
}

td .in-progress {
	background-color: #bebc163a;
	color: var(--bg-primary);
}

.in-progress {
	background-color: #ffa04a3a;
	color: var(--bg-primary);
	border-radius: 3px;
	padding: 3px;
}

.complete {
	background-color: #0068003a;
	color: rgb(0 56 0);
	border-radius: 3px;
	padding: 3px;
}

/* td .submitted {
		background-color: #1f474c3a;
		color: #1c0c85;
	} */
td span {
	border-radius: 3px;
	padding: 3px 8px;
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: #00000000 !important;
}

.pagination .page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #727272;
	border-color: #727272;
}

td {
	font-size: 14px;
}

.pagination .page-link {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #727272;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.business-title {
	font-size: 18px;
	color: #323232;
}

.business-subtitle {
	font-size: 15px;
	color: #323232;
}

.card-span span {
	/* color:#6C757D; */
	font-size: 16px;
}

.card-span h6 {
	font-size: 16px;
}

.logo-dark {
	width: 84px;
}

.main-footer {
	background-color: #727272 !important;
	background-image: none;
}

.header-font {
	font-size: 15px;
	color: #585858;
	font-weight: 700;
}

.logout-font {
	color: #727272;
}

.logout-font:hover {
	color: #585858;
}

.sidebar-collapse .second-img {
	display: block;
	margin: 0px !important; 
	padding: 2px 5px!important;
}

.second-img {
	display: none;
	font-size: 28px;
	font-weight: 700;
}

.sidebar-collapse .first-img {
	display: none;
}


.search-input .ant-input-group-wrapper {
	margin-bottom: 0px !important;
}

.search-input .ant-input-wrapper {
	width: 25%;
	float: right;
}

/* .search-input .ant-input-wrapper input{
	  height: 40px;
  }
  
  .search-input .ant-input-wrapper span button{
	  height: 40px!important;
  } */

th:last-child {
	border-top-right-radius: 0px !important;
}

th:first-child {
	border-top-left-radius: 0px !important;
}

th {
	background-color: #fff !important;
}

tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.05) !important;
	color: #000 !important;
	font-size: 16px;
}

.ant-table-content {
	overflow: auto !important;
	margin-bottom: 25px;
}

.custom-ant-modal .ant-modal-content {
	width: 600px;
}

.ant-space-item .ant-btn:hover {
	background-color: transparent !important;
}

.ant-space-item .ant-btn {
	color: #000 !important;
}

.custom-ant-modal .ant-modal-content {
	padding: 0px !important;
}

.custom-ant-modal .ant-modal-header {
	padding: 16px !important;
	text-align: center;
	border-bottom: 1px solid #ececee;
	margin: 0px;
}

.custom-ant-modal .ant-modal-title {
	font-weight: 700;
	font-size: 18px;
}

.custom-ant-modal .ant-modal-body {
	padding: 15px 25px !important;
}

.custom-ant-modal .ant-modal-footer {
	padding: 20px !important;
	padding-top: 0px !important;
	margin: 0px;
}

.no-asterisk-label .ant-form-item-required::before {
	content: none !important;
}

label span {
	font-weight: 500;
}


.dropdown-menu {
	min-width: 0px !important;
	width: 100%;
	cursor: pointer;
}

.bottom {
	background-color: #FAFBFC !important;
}

.content-box {
	background-color: #E8EFF8;
	border: 2px dashed #C7CBE8;
	padding: 40px 50px 20px 50px;
	position: relative;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.lower-text {
	font-size: 13px;
}

.content-title {
	position: absolute;
	top: -16px;
	left: 3%;
	font-size: 26px;
	color: #000000;
	padding: 0px 10px;
	font-weight: 900;
	background-color: #e8eff8ad;
}

.content-box p,
.content-box span {
	color: #6C757D;
	font-size: 14px;
}

.content-box p a {
	color: #727272;
	font-size: 14px;
}

.content-box p a:hover {
	color: #323232;
	font-size: 14px;
}

.bottom .ant-form-item {
	margin-bottom: 0px;
}

.card-width {
	width: 550px;
}

.custom-label{
	font-weight: 400!important;
}

.custom-input{
	height: 48px!important;
	border-radius: 6px!important;
}

.content-box label span {
	color: red;
}

input[type='radio'] {
	accent-color: #727272;
}


@media (min-width:991px) {
	.navbar-toggle {
		display: none;
	}
}


.navbar-toggle {
	background-color: #0088ff00;
	border: 2px solid #313030;
	border-radius: 3px;
	padding: 2px 8px;
}

button .i {
	font-size: 18px;
	vertical-align: middle;
	color: #313030;
}

.navbar {
	transition: all 0.2s ease-out;
}

.navbar-container {
	position: relative;
}

.navbar-scroll {
	opacity: 1;
}

#top-social-menu {
	display: none;
}

.margin-left{
	margin-left: 2px;
}

.card-span{
	min-height: 200px;
}

.card-span .btn-submit-secondary{
	font-size: 13px;
	font-weight: 500;
	color: #727272f0 ;
	text-transform: uppercase;
    background-color: #ff5c1f1f !important;
    border: 1px solid #ffbf9d !important;
}

.card-span .btn-submit-secondary:hover{
	background-color: #727272!important;
	border-color: #727272!important;
	color:#fff!important;
}

.card-span .ant-pagination .ant-pagination-item-active {
	background-color: #fff;
	border-color: #727272;
	color: #727272;
}

.ant-pagination .ant-pagination-item {
	background-color: #727272;
	border-color: #727272;
	color: #fff;
}

.ant-pagination .ant-pagination-item:hover {
	background-color: #fff;
	border-color: #727272;
	color: #727272;
}

.card-span .ant-pagination .ant-pagination-item-active:hover {
	border-color: #727272;
	background-color: #727272;
	color: #fff;
}

.ant-pagination .ant-pagination-prev button,
.ant-pagination .ant-pagination-next button {
	color: #fff;
	background-color: #727272;
	border-color: #727272;
}

.ant-pagination .ant-pagination-prev button:hover,
.ant-pagination .ant-pagination-next button:hover {
	color: #727272 !important;
	background-color: #fff;
	border-color: #727272 !important;
}

.card-span .ant-btn-default:disabled,
.ant-btn-default.ant-btn-disabled {
	cursor: not-allowed;
	border-color: #d9d9d9;
	color: rgba(0, 0, 0, 0.25);
	background: rgba(0, 0, 0, 0.04);
	box-shadow: none;
}

.card-span .ant-btn-default:disabled:hover,
.ant-btn-default.ant-btn-disabled:hover {
	cursor: not-allowed;
	border-color: #d9d9d9 !important;
	color: rgba(0, 0, 0, 0.25) !important;
	background: rgba(0, 0, 0, 0.04) !important;
	box-shadow: none;
}

.card-span .ant-table-wrapper .ant-table-pagination.ant-pagination {
	margin: 0px;
}

.card-span .ant-select:not(.ant-select-customize-input) .ant-select-selector {
	background-color: #ffffff;
	border: 1px solid #727272;
	color: #727272;
}

.card-span .ant-select:not(.ant-select-customize-input) .ant-select-selector:hover {
	background-color: #727272;
	border: 1px solid #727272;
	color: #fff !important;
	;
}

a {
	color: #727272;
}

a:hover {
	color: #000;
}

.dropdown-menu {
	text-align: center !important;
	width: 100%;
	cursor: pointer;
	left: auto !important;
	right: 0;
}

.dropdown .custom-dropdown {
	min-width: 100px !important;
}

footer a:hover {
	color: #727272;
}

.dashboard .main-header {
	position: fixed;
	left: 0;
	right: 0;
}

.dashboard .main-footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.form-main .ant-select-outlined {
	height: 38px;
	display: block;

}

.form-main .ant-select-selector {
	border: 1px solid #72727275 !important;
	background-color: #fff !important;
}


.Toastify__toast-theme--colored.Toastify__toast--success {
	color: var(--toastify-text-color-success) !important;
	background: #727272 !important;
	text-align: center;
}

.Toastify__toast-container--top-right {
	top: 5em !important;
}

.css-1wnsr1i {
	padding: 20px !important;
	border-radius: 5px;
	border: none !important;

}

.css-ix1f03-MuiTypography-root {
	text-align: end;
}


.welcome-modal .css-ix1f03-MuiTypography-root {
	text-align: start;
}

.welcome-modal .MuiTypography-h6 {
	font-size: 38px;
	color: #727272;
	font-weight: 700;
}

.email-modal .css-ix1f03-MuiTypography-root {
	text-align: start;
}

.email-modal .MuiTypography-h6 {
	font-size: 20px;
	color: #727272;
}

.content{
	padding-bottom:4rem!important;
}


.css-196euf5{
	border:none!important;
	outline: none;
	box-shadow: 0 0 1px rgb(234 103 35 / 17%), 0 1px 3px rgb(234 103 35 / 22%)!important;

}


.imgbio{
	display: flex;
    float: left;
    margin-right: 100px;
    margin-left: 60px;
    align-items: center;
}
.userbio{
	margin-top: 10px;
}

.card-border{
	border-bottom:1px solid #d7d7d7 !important;
}

.profile-text{
	font-weight: 600;
	font-size: 18px;
}
.ant-select{
	display: block;
}





















/* --------------------------------------------bootstrap css------------------------------------ */

.container,
.container-fluid {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-right: auto;
	margin-left: auto
}

@media (min-width:576px) {

	.container {
		max-width: 540px
	}
}

@media (min-width:768px) {

	.container {
		max-width: 720px
	}
}

@media (min-width:992px) {

	.container {
		max-width: 960px
	}
}

@media (min-width:1200px) {

	.container {
		max-width: 1140px
	}
}

@media (min-width:1400px) {

	.container {
		max-width: 1320px !important;
	}
}

.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y)
}

.col {
	flex: 1 0 0%
}


.col-auto {
	flex: 0 0 auto;
	width: auto
}

.col-1 {
	flex: 0 0 auto;
	width: 8.33333333%
}

.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%
}

.col-3 {
	flex: 0 0 auto;
	width: 25%
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%
}

.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%
}

.col-6 {
	flex: 0 0 auto;
	width: 50%
}

.col-7 {
	flex: 0 0 auto;
	width: 58.33333333%
}

.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%
}

.col-9 {
	flex: 0 0 auto;
	width: 75%
}

.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%
}

.col-11 {
	flex: 0 0 auto;
	width: 91.66666667%
}

.col-12 {
	flex: 0 0 auto;
	width: 100%
}

@media (min-width:576px) {
	.col-sm {
		flex: 1 0 0%
	}

	.col-sm-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-sm-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-sm-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-sm-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-sm-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-sm-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-sm-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-sm-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-sm-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%
	}
}

@media (min-width:768px) {
	.col-md {
		flex: 1 0 0%
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-md-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-md-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-md-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-md-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-md-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-md-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-md-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-md-12 {
		flex: 0 0 auto;
		width: 100%
	}

}

@media (min-width:992px) {
	.col-lg {
		flex: 1 0 0%
	}


	.col-lg-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-lg-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-lg-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%
	}


}

@media (min-width:1200px) {
	.col-xl {
		flex: 1 0 0%
	}

	.col-xl-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-xl-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-xl-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xl-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-xl-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-xl-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-xl-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-xl-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-xl-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-xl-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-xl-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-xl-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-xl-12 {
		flex: 0 0 auto;
		width: 100%
	}
}

@media (min-width:1400px) {
	.col-xxl {
		flex: 1 0 0%
	}

	.col-xxl-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-xxl-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-xxl-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xxl-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-xxl-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-xxl-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-xxl-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-xxl-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-xxl-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-xxl-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-xxl-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-xxl-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-xxl-12 {
		flex: 0 0 auto;
		width: 100%
	}
}

.table {
	--bs-table-color: var(--bs-body-color);
	--bs-table-bg: transparent;
	--bs-table-border-color: var(--bs-border-color);
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: var(--bs-body-color);
	--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
	--bs-table-active-color: var(--bs-body-color);
	--bs-table-active-bg: rgba(0, 0, 0, 0.1);
	--bs-table-hover-color: var(--bs-body-color);
	--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	width: 100%;
	margin-bottom: 1rem;
	color: var(--bs-table-color);
	vertical-align: top;
	border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
	padding: .5rem .5rem;
	background-color: var(--bs-table-bg);
	border-bottom-width: var(--bs-border-width);
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
	vertical-align: inherit
}

.table>thead {
	vertical-align: bottom
}

.table-group-divider {
	border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}

.caption-top {
	caption-side: top
}

.table-sm>:not(caption)>*>* {
	padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
	border-width: var(--bs-border-width) 0
}

.table-bordered>:not(caption)>*>* {
	border-width: 0 var(--bs-border-width)
}

.table-borderless>:not(caption)>*>* {
	border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
	border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
	--bs-table-accent-bg: var(--bs-table-striped-bg);
	color: var(--bs-table-striped-color)
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
	--bs-table-accent-bg: var(--bs-table-striped-bg);
	color: var(--bs-table-striped-color)
}

.table-active {
	--bs-table-accent-bg: var(--bs-table-active-bg);
	color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
	--bs-table-accent-bg: var(--bs-table-hover-bg);
	color: var(--bs-table-hover-color)
}

.table-primary {
	--bs-table-color: #000;
	--bs-table-bg: #cfe2ff;
	--bs-table-border-color: #bacbe6;
	--bs-table-striped-bg: #c5d7f2;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #bacbe6;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #bfd1ec;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-secondary {
	--bs-table-color: #000;
	--bs-table-bg: #e2e3e5;
	--bs-table-border-color: #cbccce;
	--bs-table-striped-bg: #d7d8da;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #cbccce;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #d1d2d4;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-success {
	--bs-table-color: #000;
	--bs-table-bg: #d1e7dd;
	--bs-table-border-color: #bcd0c7;
	--bs-table-striped-bg: #c7dbd2;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #bcd0c7;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #c1d6cc;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-info {
	--bs-table-color: #000;
	--bs-table-bg: #cff4fc;
	--bs-table-border-color: #badce3;
	--bs-table-striped-bg: #c5e8ef;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #badce3;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #bfe2e9;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-warning {
	--bs-table-color: #000;
	--bs-table-bg: #fff3cd;
	--bs-table-border-color: #e6dbb9;
	--bs-table-striped-bg: #f2e7c3;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #e6dbb9;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #ece1be;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-danger {
	--bs-table-color: #000;
	--bs-table-bg: #f8d7da;
	--bs-table-border-color: #dfc2c4;
	--bs-table-striped-bg: #eccccf;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #dfc2c4;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #e5c7ca;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-light {
	--bs-table-color: #000;
	--bs-table-bg: #f8f9fa;
	--bs-table-border-color: #dfe0e1;
	--bs-table-striped-bg: #ecedee;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #dfe0e1;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #e5e6e7;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-dark {
	--bs-table-color: #fff;
	--bs-table-bg: #212529;
	--bs-table-border-color: #373b3e;
	--bs-table-striped-bg: #2c3034;
	--bs-table-striped-color: #fff;
	--bs-table-active-bg: #373b3e;
	--bs-table-active-color: #fff;
	--bs-table-hover-bg: #323539;
	--bs-table-hover-color: #fff;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
	.table-responsive-sm {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}
}

@media (max-width:767.98px) {
	.table-responsive-md {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}
}

@media (max-width:991.98px) {
	.table-responsive-lg {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}
}

@media (max-width:1199.98px) {
	.table-responsive-xl {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}
}

@media (max-width:1399.98px) {
	.table-responsive-xxl {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}
}

.m-1 {
	margin: .25rem !important
}

.m-2 {
	margin: .5rem !important
}

.m-3 {
	margin: 1rem !important
}

.m-4 {
	margin: 1.5rem !important
}

.m-5 {
	margin: 3rem !important
}

.m-auto {
	margin: auto !important
}

.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important
}

.mx-1 {
	margin-right: .25rem !important;
	margin-left: .25rem !important
}

.mx-2 {
	margin-right: .5rem !important;
	margin-left: .5rem !important
}

.mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important
}

.mx-4 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important
}

.mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

.my-1 {
	margin-top: .25rem !important;
	margin-bottom: .25rem !important
}

.my-2 {
	margin-top: .5rem !important;
	margin-bottom: .5rem !important
}

.my-3 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important
}

.my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important
}

.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important
}

.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important
}

.mt-0 {
	margin-top: 0 !important
}

.mt-1 {
	margin-top: .25rem !important
}

.mt-2 {
	margin-top: .5rem !important
}

.mt-3 {
	margin-top: 1rem !important
}

.mt-4 {
	margin-top: 1.5rem !important
}

.mt-5 {
	margin-top: 3rem !important
}

.mt-auto {
	margin-top: auto !important
}

.me-0 {
	margin-right: 0 !important
}

.me-1 {
	margin-right: .25rem !important
}

.me-2 {
	margin-right: .5rem !important
}

.me-3 {
	margin-right: 1rem !important
}

.me-4 {
	margin-right: 1.5rem !important
}

.me-5 {
	margin-right: 3rem !important
}

.me-auto {
	margin-right: auto !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.mb-1 {
	margin-bottom: .25rem !important
}

.mb-2 {
	margin-bottom: .5rem !important
}

.mb-3 {
	margin-bottom: 1rem !important
}

.mb-4 {
	margin-bottom: 1.5rem !important
}

.mb-5 {
	margin-bottom: 3rem !important
}

.mb-auto {
	margin-bottom: auto !important
}

.ms-0 {
	margin-left: 0 !important
}

.ms-1 {
	margin-left: .25rem !important
}

.ms-2 {
	margin-left: .5rem !important
}

.ms-3 {
	margin-left: 1rem !important
}

.ms-4 {
	margin-left: 1.5rem !important
}

.ms-5 {
	margin-left: 3rem !important
}

.ms-auto {
	margin-left: auto !important
}

.p-0 {
	padding: 0 !important
}

.p-1 {
	padding: .25rem !important
}

.p-2 {
	padding: .5rem !important
}

.p-3 {
	padding: 1rem !important
}

.p-4 {
	padding: 1.5rem !important
}

.p-5 {
	padding: 3rem !important
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important
}

.px-1 {
	padding-right: .25rem !important;
	padding-left: .25rem !important
}

.px-2 {
	padding-right: .5rem !important;
	padding-left: .5rem !important
}

.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important
}

.px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important
}

.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.py-1 {
	padding-top: .25rem !important;
	padding-bottom: .25rem !important
}

.py-2 {
	padding-top: .5rem !important;
	padding-bottom: .5rem !important
}

.py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important
}

.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important
}

.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important
}

.pt-0 {
	padding-top: 0 !important
}

.pt-1 {
	padding-top: .25rem !important
}

.pt-2 {
	padding-top: .5rem !important
}

.pt-3 {
	padding-top: 1rem !important
}

.pt-4 {
	padding-top: 1.5rem !important
}

.pt-5 {
	padding-top: 3rem !important
}

.pe-0 {
	padding-right: 0 !important
}

.pe-1 {
	padding-right: .25rem !important
}

.pe-2 {
	padding-right: .5rem !important
}

.pe-3 {
	padding-right: 1rem !important
}

.pe-4 {
	padding-right: 1.5rem !important
}

.pe-5 {
	padding-right: 3rem !important
}

.pb-0 {
	padding-bottom: 0 !important
}

.pb-1 {
	padding-bottom: .25rem !important
}

.pb-2 {
	padding-bottom: .5rem !important
}

.pb-3 {
	padding-bottom: 1rem !important
}

.pb-4 {
	padding-bottom: 1.5rem !important
}

.pb-5 {
	padding-bottom: 3rem !important
}

.ps-0 {
	padding-left: 0 !important
}

.ps-1 {
	padding-left: .25rem !important
}

.ps-2 {
	padding-left: .5rem !important
}

.ps-3 {
	padding-left: 1rem !important
}

.ps-4 {
	padding-left: 1.5rem !important
}

.ps-5 {
	padding-left: 3rem !important
}

.fw-bold {
	font-weight: 700 !important
}


.text-start {
	text-align: left !important
}

.text-end {
	text-align: right !important
}

.text-center {
	text-align: center !important
}

.text-decoration-none {
	text-decoration: none !important
}

.text-decoration-underline {
	text-decoration: underline !important
}

.text-decoration-line-through {
	text-decoration: line-through !important
}

.text-lowercase {
	text-transform: lowercase !important
}

.text-uppercase {
	text-transform: uppercase !important
}

.text-capitalize {
	text-transform: capitalize !important
}

.text-wrap {
	white-space: normal !important
}

.text-nowrap {
	white-space: nowrap !important
}

.text-break {
	word-wrap: break-word !important;
	word-break: break-word !important
}

.rounded {
	border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
	border-radius: 0 !important
}

.rounded-1 {
	border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
	border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
	border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
	border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
	border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
	border-radius: 50% !important
}

.rounded-end-0 {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.rounded-start-0 {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.d-flex {
	display: flex !important
}

.d-inline-flex {
	display: inline-flex !important
}

.d-none {
	display: none !important
}

.shadow {
	box-shadow: 0 .5rem 1rem rgba(var(--bs-body-color-rgb), .15)
}

.shadow-sm {
	box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb), .075) !important
}

.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(var(--bs-body-color-rgb), .175) !important
}

.shadow-none {
	box-shadow: none !important
}

.position-static {
	position: static !important
}

.position-relative {
	position: relative !important
}

.position-absolute {
	position: absolute !important
}

.position-fixed {
	position: fixed !important
}

.justify-content-start {
	justify-content: flex-start !important
}

.justify-content-end {
	justify-content: flex-end !important
}

.justify-content-center {
	justify-content: center !important
}

.justify-content-between {
	justify-content: space-between !important
}


.align-items-start {
	align-items: flex-start !important
}

.align-items-end {
	align-items: flex-end !important
}

.align-items-center {
	align-items: center !important
}

.align-items-baseline {
	align-items: baseline !important
}


.navbar-brand {
	padding-top: var(--bs-navbar-brand-padding-y);
	padding-bottom: var(--bs-navbar-brand-padding-y);
	margin-right: var(--bs-navbar-brand-margin-end);
	font-size: var(--bs-navbar-brand-font-size);
	color: var(--bs-navbar-brand-color);
	text-decoration: none;
	white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
	color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
	--bs-nav-link-padding-x: 0;
	--bs-nav-link-padding-y: 0.5rem;
	--bs-nav-link-font-weight: ;
	--bs-nav-link-color: var(--bs-navbar-color);
	--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
	--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
	color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
	position: static
}

.navbar-text {
	padding-top: .5rem;
	padding-bottom: .5rem;
	color: var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
	color: var(--bs-navbar-active-color)
}

.navbar-collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center
}

.navbar-toggler {
	padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
	font-size: var(--bs-navbar-toggler-font-size);
	line-height: 1;
	color: var(--bs-navbar-color);
	background-color: transparent;
	border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color) !important;
	border-radius: var(--bs-navbar-toggler-border-radius);
	transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
	.navbar-toggler {
		transition: none
	}
}

.navbar-toggler:hover {
	text-decoration: none
}

.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
	display: inline-block !important;
	width: 1.5em !important;
	height: 1.5em !important;
	vertical-align: middle !important;
	background-image: var(--bs-navbar-toggler-icon-bg);
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 100% !important;
}

.navbar-nav-scroll {
	max-height: var(--bs-scroll-height, 75vh);
	overflow-y: auto
}

@media (min-width:576px) {
	.navbar-expand-sm {
		flex-wrap: nowrap;
		justify-content: flex-start
	}

	.navbar-expand-sm .navbar-nav {
		flex-direction: row
	}

	.navbar-expand-sm .navbar-nav .dropdown-menu {
		position: absolute
	}

	.navbar-expand-sm .navbar-nav .nav-link {
		padding-right: var(--bs-navbar-nav-link-padding-x);
		padding-left: var(--bs-navbar-nav-link-padding-x)
	}

	.navbar-expand-sm .navbar-nav-scroll {
		overflow: visible
	}

	.navbar-expand-sm .navbar-collapse {
		display: flex !important;
		flex-basis: auto
	}

	.navbar-expand-sm .navbar-toggler {
		display: none
	}

	.navbar-expand-sm .offcanvas {
		position: static;
		z-index: auto;
		flex-grow: 1;
		width: auto !important;
		height: auto !important;
		visibility: visible !important;
		background-color: transparent !important;
		border: 0 !important;
		transform: none !important;
		transition: none
	}

	.navbar-expand-sm .offcanvas .offcanvas-header {
		display: none
	}



	.navbar-expand-sm .offcanvas .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible
	}
}

@media (min-width:768px) {
	.navbar-expand-md {
		flex-wrap: nowrap;
		justify-content: flex-start
	}

	.navbar-expand-md .navbar-nav {
		flex-direction: row
	}

	.navbar-expand-md .navbar-nav .dropdown-menu {
		position: absolute
	}

	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: var(--bs-navbar-nav-link-padding-x);
		padding-left: var(--bs-navbar-nav-link-padding-x)
	}

	.navbar-expand-md .navbar-nav-scroll {
		overflow: visible
	}

	.navbar-expand-md .navbar-collapse {
		display: flex !important;
		flex-basis: auto
	}

	.navbar-expand-md .navbar-toggler {
		display: none
	}

	.navbar-expand-md .offcanvas {
		position: static;
		z-index: auto;
		flex-grow: 1;
		width: auto !important;
		height: auto !important;
		visibility: visible !important;
		background-color: transparent !important;
		border: 0 !important;
		transform: none !important;
		transition: none
	}

	.navbar-expand-md .offcanvas .offcanvas-header {
		display: none
	}

	.navbar-expand-md .offcanvas .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible
	}
}

@media (min-width:992px) {
	.navbar-expand-lg {
		flex-wrap: nowrap;
		justify-content: flex-start
	}

	.navbar-expand-lg .navbar-nav {
		flex-direction: row
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: var(--bs-navbar-nav-link-padding-x);
		padding-left: var(--bs-navbar-nav-link-padding-x)
	}

	.navbar-expand-lg .navbar-nav-scroll {
		overflow: visible
	}

	.navbar-expand-lg .navbar-collapse {
		display: flex !important;
		flex-basis: auto
	}

	.navbar-expand-lg .navbar-toggler {
		display: none
	}

	.navbar-expand-lg .offcanvas {
		position: static;
		z-index: auto;
		flex-grow: 1;
		width: auto !important;
		height: auto !important;
		visibility: visible !important;
		background-color: transparent !important;
		border: 0 !important;
		transform: none !important;
		transition: none
	}

	.navbar-expand-lg .offcanvas .offcanvas-header {
		display: none
	}

	.navbar-expand-lg .offcanvas .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible
	}
}

@media (min-width:1200px) {
	.navbar-expand-xl {
		flex-wrap: nowrap;
		justify-content: flex-start
	}

	.navbar-expand-xl .navbar-nav {
		flex-direction: row
	}

	.navbar-expand-xl .navbar-nav .dropdown-menu {
		position: absolute
	}

	.navbar-expand-xl .navbar-nav .nav-link {
		padding-right: var(--bs-navbar-nav-link-padding-x);
		padding-left: var(--bs-navbar-nav-link-padding-x)
	}

	.navbar-expand-xl .navbar-nav-scroll {
		overflow: visible
	}

	.navbar-expand-xl .navbar-collapse {
		display: flex !important;
		flex-basis: auto
	}

	.navbar-expand-xl .navbar-toggler {
		display: none
	}

	.navbar-expand-xl .offcanvas {
		position: static;
		z-index: auto;
		flex-grow: 1;
		width: auto !important;
		height: auto !important;
		visibility: visible !important;
		background-color: transparent !important;
		border: 0 !important;
		transform: none !important;
		transition: none
	}

	.navbar-expand-xl .offcanvas .offcanvas-header {
		display: none
	}

	.navbar-expand-xl .offcanvas .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible
	}
}

@media (min-width:1400px) {
	.navbar-expand-xxl {
		flex-wrap: nowrap;
		justify-content: flex-start
	}

	.navbar-expand-xxl .navbar-nav {
		flex-direction: row
	}

	.navbar-expand-xxl .navbar-nav .dropdown-menu {
		position: absolute
	}

	.navbar-expand-xxl .navbar-nav .nav-link {
		padding-right: var(--bs-navbar-nav-link-padding-x);
		padding-left: var(--bs-navbar-nav-link-padding-x)
	}

	.navbar-expand-xxl .navbar-nav-scroll {
		overflow: visible
	}

	.navbar-expand-xxl .navbar-collapse {
		display: flex !important;
		flex-basis: auto
	}

	.navbar-expand-xxl .navbar-toggler {
		display: none
	}

	.navbar-expand-xxl .offcanvas {
		position: static;
		z-index: auto;
		flex-grow: 1;
		width: auto !important;
		height: auto !important;
		visibility: visible !important;
		background-color: transparent !important;
		border: 0 !important;
		transform: none !important;
		transition: none
	}

	.navbar-expand-xxl .offcanvas .offcanvas-header {
		display: none
	}

	.navbar-expand-xxl .offcanvas .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible
	}
}

.navbar-expand {
	flex-wrap: nowrap;
	justify-content: flex-start
}

.navbar-expand .navbar-nav {
	flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
	position: absolute
}

.navbar-expand .navbar-nav .nav-link {
	padding-right: var(--bs-navbar-nav-link-padding-x);
	padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
	overflow: visible
}

.navbar-expand .navbar-collapse {
	display: flex !important;
	flex-basis: auto
}

.navbar-expand .navbar-toggler {
	display: none
}

.navbar-expand .offcanvas {
	position: static;
	z-index: auto;
	flex-grow: 1;
	width: auto !important;
	height: auto !important;
	visibility: visible !important;
	background-color: transparent !important;
	border: 0 !important;
	transform: none !important;
	transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
	display: none
}

.navbar-expand .offcanvas .offcanvas-body {
	display: flex;
	flex-grow: 0;
	padding: 0;
	overflow-y: visible
}

.navbar-dark {
	--bs-navbar-color: rgba(255, 255, 255, 0.55);
	--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
	--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
	--bs-navbar-active-color: #fff;
	--bs-navbar-brand-color: #fff;
	--bs-navbar-brand-hover-color: #fff;
	--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .navbar {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.main-navbar {
	display: none;
}

.navbar-toggler .i {
	font-size: 25px;
	border: 1px solid #000;
	border-radius: 3px;
	padding: 6px 10px;
}

@media (min-width:992px) {

	.d-lg-inline {
		display: inline !important
	}

	.d-lg-inline-block {
		display: inline-block !important
	}

	.d-lg-block {
		display: block !important
	}

	.d-lg-grid {
		display: grid !important
	}

	.d-lg-table {
		display: table !important
	}

	.d-lg-table-row {
		display: table-row !important
	}

	.d-lg-table-cell {
		display: table-cell !important
	}

	.d-lg-flex {
		display: flex !important
	}

	.d-lg-inline-flex {
		display: inline-flex !important
	}

	.d-lg-none {
		display: none !important
	}

	.justify-content-lg-start {
		justify-content: flex-start !important
	}

	.justify-content-lg-end {
		justify-content: flex-end !important
	}

	.justify-content-lg-center {
		justify-content: center !important
	}

	.justify-content-lg-between {
		justify-content: space-between !important
	}

	.justify-content-lg-around {
		justify-content: space-around !important
	}

	.justify-content-lg-evenly {
		justify-content: space-evenly !important
	}

	.align-items-lg-start {
		align-items: flex-start !important
	}

	.align-items-lg-end {
		align-items: flex-end !important
	}

	.align-items-lg-center {
		align-items: center !important
	}

	.align-items-lg-baseline {
		align-items: baseline !important
	}

	.align-items-lg-stretch {
		align-items: stretch !important
	}

	.align-content-lg-start {
		align-content: flex-start !important
	}

	.align-content-lg-end {
		align-content: flex-end !important
	}

	.align-content-lg-center {
		align-content: center !important
	}

	.align-content-lg-between {
		align-content: space-between !important
	}

	.align-content-lg-around {
		align-content: space-around !important
	}

	.align-content-lg-stretch {
		align-content: stretch !important
	}

	.align-self-lg-auto {
		align-self: auto !important
	}

	.align-self-lg-start {
		align-self: flex-start !important
	}

	.align-self-lg-end {
		align-self: flex-end !important
	}

	.align-self-lg-center {
		align-self: center !important
	}

	.align-self-lg-baseline {
		align-self: baseline !important
	}

	.align-self-lg-stretch {
		align-self: stretch !important
	}


	.m-lg-0 {
		margin: 0 !important
	}

	.m-lg-1 {
		margin: .25rem !important
	}

	.m-lg-2 {
		margin: .5rem !important
	}

	.m-lg-3 {
		margin: 1rem !important
	}

	.m-lg-4 {
		margin: 1.5rem !important
	}

	.m-lg-5 {
		margin: 3rem !important
	}

	.m-lg-auto {
		margin: auto !important
	}

	.mx-lg-0 {
		margin-right: 0 !important;
		margin-left: 0 !important
	}

	.mx-lg-1 {
		margin-right: .25rem !important;
		margin-left: .25rem !important
	}

	.mx-lg-2 {
		margin-right: .5rem !important;
		margin-left: .5rem !important
	}

	.mx-lg-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important
	}

	.mx-lg-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important
	}

	.mx-lg-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important
	}

	.mx-lg-auto {
		margin-right: auto !important;
		margin-left: auto !important
	}

	.my-lg-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important
	}

	.my-lg-1 {
		margin-top: .25rem !important;
		margin-bottom: .25rem !important
	}

	.my-lg-2 {
		margin-top: .5rem !important;
		margin-bottom: .5rem !important
	}

	.my-lg-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important
	}

	.my-lg-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important
	}

	.my-lg-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important
	}

	.my-lg-auto {
		margin-top: auto !important;
		margin-bottom: auto !important
	}

	.mt-lg-0 {
		margin-top: 0 !important
	}

	.mt-lg-1 {
		margin-top: .25rem !important
	}

	.mt-lg-2 {
		margin-top: .5rem !important
	}

	.mt-lg-3 {
		margin-top: 1rem !important
	}

	.mt-lg-4 {
		margin-top: 1.5rem !important
	}

	.mt-lg-5 {
		margin-top: 3rem !important
	}

	.mt-lg-auto {
		margin-top: auto !important
	}

	.me-lg-0 {
		margin-right: 0 !important
	}

	.me-lg-1 {
		margin-right: .25rem !important
	}

	.me-lg-2 {
		margin-right: .5rem !important
	}

	.me-lg-3 {
		margin-right: 1rem !important
	}

	.me-lg-4 {
		margin-right: 1.5rem !important
	}

	.me-lg-5 {
		margin-right: 3rem !important
	}

	.me-lg-auto {
		margin-right: auto !important
	}

	.mb-lg-0 {
		margin-bottom: 0 !important
	}

	.mb-lg-1 {
		margin-bottom: .25rem !important
	}

	.mb-lg-2 {
		margin-bottom: .5rem !important
	}

	.mb-lg-3 {
		margin-bottom: 1rem !important
	}

	.mb-lg-4 {
		margin-bottom: 1.5rem !important
	}

	.mb-lg-5 {
		margin-bottom: 3rem !important
	}

	.mb-lg-auto {
		margin-bottom: auto !important
	}

	.ms-lg-0 {
		margin-left: 0 !important
	}

	.ms-lg-1 {
		margin-left: .25rem !important
	}

	.ms-lg-2 {
		margin-left: .5rem !important
	}

	.ms-lg-3 {
		margin-left: 1rem !important
	}

	.ms-lg-4 {
		margin-left: 1.5rem !important
	}

	.ms-lg-5 {
		margin-left: 3rem !important
	}

	.ms-lg-auto {
		margin-left: auto !important
	}

	.p-lg-0 {
		padding: 0 !important
	}

	.p-lg-1 {
		padding: .25rem !important
	}

	.p-lg-2 {
		padding: .5rem !important
	}

	.p-lg-3 {
		padding: 1rem !important
	}

	.p-lg-4 {
		padding: 1.5rem !important
	}

	.p-lg-5 {
		padding: 3rem !important
	}

	.px-lg-0 {
		padding-right: 0 !important;
		padding-left: 0 !important
	}

	.px-lg-1 {
		padding-right: .25rem !important;
		padding-left: .25rem !important
	}

	.px-lg-2 {
		padding-right: .5rem !important;
		padding-left: .5rem !important
	}

	.px-lg-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important
	}

	.px-lg-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important
	}

	.px-lg-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important
	}

	.py-lg-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important
	}

	.py-lg-1 {
		padding-top: .25rem !important;
		padding-bottom: .25rem !important
	}

	.py-lg-2 {
		padding-top: .5rem !important;
		padding-bottom: .5rem !important
	}

	.py-lg-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important
	}

	.py-lg-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important
	}

	.py-lg-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}

	.pt-lg-0 {
		padding-top: 0 !important
	}

	.pt-lg-1 {
		padding-top: .25rem !important
	}

	.pt-lg-2 {
		padding-top: .5rem !important
	}

	.pt-lg-3 {
		padding-top: 1rem !important
	}

	.pt-lg-4 {
		padding-top: 1.5rem !important
	}

	.pt-lg-5 {
		padding-top: 3rem !important
	}

	.pe-lg-0 {
		padding-right: 0 !important
	}

	.pe-lg-1 {
		padding-right: .25rem !important
	}

	.pe-lg-2 {
		padding-right: .5rem !important
	}

	.pe-lg-3 {
		padding-right: 1rem !important
	}

	.pe-lg-4 {
		padding-right: 1.5rem !important
	}

	.pe-lg-5 {
		padding-right: 3rem !important
	}

	.pb-lg-0 {
		padding-bottom: 0 !important
	}

	.pb-lg-1 {
		padding-bottom: .25rem !important
	}

	.pb-lg-2 {
		padding-bottom: .5rem !important
	}

	.pb-lg-3 {
		padding-bottom: 1rem !important
	}

	.pb-lg-4 {
		padding-bottom: 1.5rem !important
	}

	.pb-lg-5 {
		padding-bottom: 3rem !important
	}

	.ps-lg-0 {
		padding-left: 0 !important
	}

	.ps-lg-1 {
		padding-left: .25rem !important
	}

	.ps-lg-2 {
		padding-left: .5rem !important
	}

	.ps-lg-3 {
		padding-left: 1rem !important
	}

	.ps-lg-4 {
		padding-left: 1.5rem !important
	}

	.ps-lg-5 {
		padding-left: 3rem !important
	}


	.text-lg-start {
		text-align: left !important
	}

	.text-lg-end {
		text-align: right !important
	}

	.text-lg-center {
		text-align: center !important
	}
}

.bio {
	width: 35%;
	float: left;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 0 15px;
}

.bio p span {
	width: 100px;
	display: inline-block;
	font-size: 14px;
	color: #212529;
}

.bio-picture {
	width: 15%;
	float: left;
}

.bio p {
	margin-bottom: 0px;
	font-size: 14px;
	color: #6C757D;
}

.edit-icon:hover {
	color: #6C757D;
}

.circle-user {
	height: 132px;
	width: 132px;
	border-radius: 50%;
}

.icon-camera {
	position: absolute;
	top: 81%;
	right: 40%;
	color: #000000;
	font-size: 20px;
	background-color: white;
	height: 34px;
	border-radius: 50%;
	display: flex !important;
	width: 34px;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 8%) !important;
}

.nav-link.active {
  border-bottom: 2px solid #ffffff;
}
.nav-link.active:hover {
  border-bottom: 2px solid #ffffff;
  color:white;
  background-color: black;
}

.custom-nav-item:hover{
	background-color: white;
	color: black !important;
	border-radius: 3px;
}

.custom-nav-item:hover h5{
	color: black !important;
}

.landing-heading {
	font-family: 'Playfair Display', serif;
	font-size: 5rem;
	font-weight: 700;
	color: #000000;
}

.landing-heading-small {
	font-family: 'Playfair Display', serif;
	font-size: 3rem;
	font-weight: 700;
	color: #000000;
}
.landing-heading-small-head {
	font-family: 'Playfair Display', serif;
	font-size: 2.5rem;
	font-weight: 700;
	color: #000000;
}
.circle-img {
	width: 150px;
	height: 150px;
	border-radius: 50%;         /* Makes the image circular */
	float: right;                /* Makes text wrap around it */
	margin-right: 20px;         /* Space between image and text */
	object-fit: cover;          /* Keeps image aspect ratio */
  }

  .text-block {
	overflow: hidden;           /* Clears float inside container */
	font-family: Arial, sans-serif;
	font-size: 16px;
  }

  .hero-section {
  position: relative;
  z-index: 1;
}

.hero-section::after {
  content: "";
  display: block;
  height: 15px; /* Shadow height */
  width: 100%;
  margin: 0 auto;
  border-radius: 8px;
}

.problem-solution-wrapper {
  background-color: #f9f9f9; /* slightly different than white */
  position: relative;
  z-index: 0;
}

.problem-solution-wrapper::after {
  content: "";
  bottom: 0;
  left: 0;
  height: 20px;
  width: 100%; /* full screen width */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
}

.problem-solution-section {
  padding-bottom: 40px;
}
.join-wrapper-section {
  background-color: #f9f9f9;
  padding: 35px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

.join-movement-floating {
  background-color: #ffffff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1), 0 -4px 20px rgba(0, 0, 0, 0.06);
  padding: 60px 40px;
  border-radius: 10px;
  max-width: 700px;
  width: 100%;
  transition: transform 0.3s ease;
}

#main-font{
font-family: "Bebas Neue", sans-serif;
  font-weight: 700;
  font-style: normal;
}

#main-font:hover{
	color: #000 !important;
}

.custom-nav-item #main-font:hover{
	color: #000 !important;
}

.team-card {
  transition: all 0.3s ease;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.team-card:hover {
  background-color: #f9f9f9;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  border-radius: 12px; /* rounded box on hover */
}

.join-movement-floating:hover {
  transform: translateY(-5px);
}

.join-movement-floating h1 {
  font-size: 2.2rem;
  margin-bottom: 1rem;
}

.join-movement-floating .btn {
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}

.join-movement-floating .btn:hover {
  background-color: #000;
  color: #fff;
}
.shadow-bottom {
  box-shadow: 0 2px 8px -6px rgba(0, 0, 0, 0.15);
  z-index: 1;
  position: relative;
}
.mission-section {
  width: 100%;
  background-color: #f9f9f9; /* subtle light gray */
  padding: 160px 0px;
  margin-bottom: 40px;
  height: 16rem;
}

.team-section-offset {
  display: flex;
  justify-content: flex-end;
}


.team-section-offset .container {
  width: 60%;
  padding-left: 120px;
  padding-right: 40px;
}

.vision-section-offset {
  width: 100%;
  margin-bottom: 0px;
  padding: 60px 0px;
  background-color: #f9f9f9;
  display: flex;
  justify-content: flex-end;
}

.vision-section-offset .container {
  width: 60%;
  padding-left: 120px;
}
.hero-motion-section {
  width: 100%;
  margin-bottom: 40px;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08); /* subtle bottom shadow */
}

.hero-motion-container {
  padding: 40px 20px;
  margin: 0 auto;
}
.motion-section {
  width: 100%; /* ensures full width */
  background-color: #f9f9f9; /* subtle background */
  border-radius: 8px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.05);
  margin-bottom: 40px;
}
.lead-group {
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

.lead-group p {
  margin-bottom: 1rem; /* spacing between lines */
  font-size: 1.25rem;
  color: #333;
}

.lead-group p:last-child {
  color: #555;
  font-style: italic;
}
.pt-100 {
  padding-top: 100px !important;
}

.landing-heading {
  font-weight: 700;
  font-size: 3rem;
  margin-bottom: 0.5rem;
}

.landing-heading-small {
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
.shadow-border-below {
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px; /* optional for rounded corners */
  background-color: white; /* optional for better contrast */
  width: 100%;
}
.light-bg-section {
  background-color: #f8f9fa; /* very light gray, Bootstrap’s light bg */
  border-radius: 8px;        /* optional, for subtle rounded corners */
  /* padding already applied by py-5 */
}


.sidebar a svg{
    stroke: #343a40;
}


.sidebar a.active svg{
    stroke: #ffffff ;

}

@media(max-width: 768px) {
.team-section-offset .container{
padding-left: 40px;
	width: 100%;
}
}