body {
	background-color: #131310;
}

.main {
	min-height: 100vh;
}

.main-passport {
	min-height: calc(100vh - 240px);
}

.logo {
	margin-top: 24px;
}



form hr {
	    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

hr {
	    border-top: 1px solid #242424;
	        opacity: 1;
}

.passports-help-text {
	color: #6D6D6D;
}


@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1320px;
}
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: white !important;
	-webkit-box-shadow: 0 0 0 30px #1a1a1a inset !important;
}

.form-label {
	margin-bottom: 1rem;
}

.form-radio-group {
	margin-bottom: 40px;
}

.group-radio {
	background-color: #1A1A1A !important;
}

.group-radio-items {
	margin-top: -2.25rem;
}

.group-radio-items label,
.form-check-input {
	cursor: pointer;
}

form label {
	color: #6D6D6D;
	font-weight: 600;
}

.form-floating label {
	color: #808080;
}

.form-select {
	color: #6D6D6D;
	background-color: #1A1A1A;
	border-color: #3D3D3D;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
	height: calc(3rem + 2px);
	line-height: 1.25;
	font-size: 16px;
	line-height: 20px;
	color: white;
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
	transform: scale(.7) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>label {
	color: #808080;
	    font-weight: 500;
}

.form-floating>label {
	padding: 0.8rem 0.75rem;
}

.form-floating>.form-select {
	padding-top: 1.375rem;
	padding-bottom: 0.625rem;
}

.form-check-label {
	cursor: pointer;
}

.form-control.group-radio{
	border: none;
}

.file-caption-name.form-control.kv-fileinput-caption{
	border-radius: 10px !important;
	margin-right: 8px;
}

.btn-file {
	border-radius: 25px !important;
   height: 50px;
   font-size: 16px !important;
}


.btn-file .hidden-xs {
	line-height: 30px;
}

.form-check-input {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9996 20.0021C16.5233 20.0021 21.0011 15.5242 21.0011 10.0005C21.0011 4.47681 16.5233 -0.0010376 10.9996 -0.0010376C5.47589 -0.0010376 0.998047 4.47681 0.998047 10.0005C0.998047 15.5242 5.47589 20.0021 10.9996 20.0021ZM10.9996 18.5021C6.30432 18.5021 2.49805 14.6958 2.49805 10.0005C2.49805 5.30524 6.30432 1.49896 10.9996 1.49896C15.6949 1.49896 19.5011 5.30524 19.5011 10.0005C19.5011 14.6958 15.6949 18.5021 10.9996 18.5021Z' fill='%236D6D6D'/%3E%3C/svg%3E%0A");
	background-color: inherit;
	    border: none;
    box-shadow: none !important;
    width: 20px;
    /* line-height: 20px; */
    height: 20px;
}

.form-check-input:checked[type=radio] {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9996 -0.0010376C16.5233 -0.0010376 21.0011 4.47681 21.0011 10.0005C21.0011 15.5242 16.5233 20.0021 10.9996 20.0021C5.47589 20.0021 0.998047 15.5242 0.998047 10.0005C0.998047 4.47681 5.47589 -0.0010376 10.9996 -0.0010376ZM10.9996 1.49896C6.30432 1.49896 2.49805 5.30524 2.49805 10.0005C2.49805 14.6958 6.30432 18.5021 10.9996 18.5021C15.6949 18.5021 19.5011 14.6958 19.5011 10.0005C19.5011 5.30524 15.6949 1.49896 10.9996 1.49896ZM10.9962 3.99896C14.3088 3.99896 16.9943 6.68441 16.9943 9.99708C16.9943 13.3097 14.3088 15.9952 10.9962 15.9952C7.68349 15.9952 4.99805 13.3097 4.99805 9.99708C4.99805 6.68441 7.68349 3.99896 10.9962 3.99896Z' fill='%2383FF57'/%3E%3C/svg%3E%0A");
 background-color: inherit;
    border: none;
    box-shadow: none !important;
}


.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9996 20.0021C16.5233 20.0021 21.0011 15.5242 21.0011 10.0005C21.0011 4.47681 16.5233 -0.0010376 10.9996 -0.0010376C5.47589 -0.0010376 0.998047 4.47681 0.998047 10.0005C0.998047 15.5242 5.47589 20.0021 10.9996 20.0021ZM10.9996 18.5021C6.30432 18.5021 2.49805 14.6958 2.49805 10.0005C2.49805 5.30524 6.30432 1.49896 10.9996 1.49896C15.6949 1.49896 19.5011 5.30524 19.5011 10.0005C19.5011 14.6958 15.6949 18.5021 10.9996 18.5021Z' fill='%23D62432'/%3E%3C/svg%3E%0A");
	
}

.back-link {
	color: #83FF57;
	font-size: 16px;
	font-weight: 600;
}

.back-link:hover {
	color: #B5FF9A !important;
}

.back-link> svg {
	margin-top: -2px;
}



.barand-logo {
	height: 26px;
	margin-right: 6px;
	margin-top: -2px;
}

.navbar {
	border-bottom: 1px solid #1A1A1A;
}

.barand-text {
	height: 22px;
	margin-top: -2px;
}

.full-width {
	width: 100%;
}

.btn {
	font-weight: 600;
}

.btn:focus-visible,
.btn:active {
	background: #83FF57;
	color: black !important;
}

.buttons-group .btn {
	margin: 0 8px;
}

.btn-link {
	text-decoration: none !important;
}

.btn-link:active,
.btn-link:focus,
.btn-link:hover {
	color: #B5FF9A !important;
	background: inherit;
}

.btn-link.btn-logout:active,
.btn-link.btn-logout:focus,
.btn-link.btn-logout:hover {
	color: #961923 !important;
	background: inherit;
}

.bg-warning {
	background: #1F1806 !important;
	color: #FFBE0B !important;
}

.bg-success {
	background: #102309 !important;
	color: #83FF57 !important;
}

.passport-status {
	border-radius: 8px;
	font-size: 13px;
	padding: 4px 8px;
	line-height: 20px;
}

.passport-item {
	margin: 16px 0;
	padding: 8px;
	margin-bottom: 16px !important;
}

.passport-details {
	margin: 8px 16px;
}

.passport-details .property-item {
	font-size: 13px;
	font-weight: 600;
	min-width: 100px;
}

.property-item p {
	margin-bottom: 0;
}

.passport-details .property {
	color: #6D6D6D;
}

.passport {
	width: 450px;
	height: 628px;

    background-color: #202020;
	border-right: 1px solid #4d4d4da8;
	border-bottom: 1px solid #4d4d4da8;
	position: relative;
	border-radius: 1% 5% 5% 1%;
	box-shadow: 47px 47px 47px #00000050;
}

.passport-icon {
	width: 84px;
	height: 118px;
	margin: 16px 30px;
}

.passport-shadow {
	position: absolute;
	width: 800px;
	height: 800px;
	left: 663px;
	left: -120px;
	top: -85px;
	z-index: -1;/* Gray/4 */
	background: #555555;
	filter: blur(250px);
}

.passport-shadow1 {
	width: 450px;
	height: 628px;/*	left: 904.43px;
																	top: 137.51px; */
	background: rgba(0, 0, 0, 0.5);
	filter: blur(46px);
	transform: rotate(-0.01deg);	/*position: fixed;*/
	position: static;
}

.jumbotron h3 {
	color: #6D6D6D;
	margin: 14px 0px;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	margin-top: 0px;
}

.jumbotron h4 {
	padding: 16px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	margin-bottom: 0px;
}

.jumbotron .lead a {
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
}

.jumbotron .photo {
	margin: 16px;
	border-radius: 50%;
}

.jumbotron .item {
	border-radius: 16px;
	margin: 8px 0;
}

a.question-item {
	color: #fff;
}

a.question-item:hover {
	color: #83FF57;
	text-decoration: none;
}

.offcanvas-close {
	font-size: 1.5rem;
	line-height: 1;
}

.offcanvas {
	background-color: #131310 !important;
}

.offcanvas h4 {

	/* font-size: 1rem; */
}

.offcanvas p {
	color: #6D6D6D !important;	/* font-size: 13px; */
}

.btn-lg {
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
}

.bg-dark {
	background-color: #131310 !important;
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
	background-color: #131310 !important;
}

.navbar .container {
	padding: 0 30px;
	text-align: center;
}

.navbar-dark .navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 1rem;
}

.navbar-dark .navbar-text {
	color: #6D6D6D;
}

.navbar-dark .navbar-nav .nav-link {
	color: #6D6D6D;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: #83FF57;
}

.jumbotron .question-item {
	cursor: pointer;
	margin: 8px 0 0 0 !important;
}

.jumbotron .question-item h4>i {
	float: right;
	color: #6D6D6D;
}

.jumbotron .question-item:hover,
.jumbotron .question-item:hover h4>i {
	color: #83FF57;
}

.jumbotron .info h4 {
	padding: 0px !important;
}

.jumbotron .info a.contact {
	color: #6D6D6D;
}

.jumbotron .info a:hover.contact {
	color: #83FF57;
	text-decoration: none;
}

.policy-content {
	color: #6D6D6D;
	font-size: 16px;
}

.policy-content h3 {
	color: white;
	font-size: 20px;
	margin-top: 42px;
}

.user-icon {
	height: 30px;
	width: 30px;
	background-color: #242424;
	border-radius: 15px;
	text-align: center;
	padding-top: 1px;
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
}

.user-icon svg,
.user-icon img {
	margin-top: 3px;
}

.fixed-topnavbar-expand-lg .nav-link {
	line-height: 20px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 2rem;
	padding-left: 0.5rem;/*	padding-right: 0; */
}

.fixed-topnavbar-expand-lg .nav-link:hover {
	background-color: #1A1A1A;
	color: #83FF57;
}

.head-passports {
	margin: 32px 14px;
}

.head-form {
	margin: 32px 14px;
	text-align: center;
}

.head-form>p {
	max-width: 484px;
	text-align: center;
	font-size: 16px;
	color: #6D6D6D;
	margin: 0 auto;
}

.swal-freeland .swal2-loader {
	width: 3em;
    height: 3em;
    margin: 0.75em 2em;
    border-color: #83FF57 rgba(0,0,0,0) #83FF57 rgba(0,0,0,0);
}

.swal-freeland .swal2-timer-progress-bar {
	background: #B5FF9A;
}

.swal-freeland .swal2-popup {
	width: 24em;
	border: 1px solid #242424;
	border-radius: 16px;
}

.swal-freeland .swal2-show { 
  	-webkit-transition: width 300ms cubic-bezier(0.2,0,0,1) 0s;
	transition: width 300ms cubic-bezier(0.2,0,0,1) 0s;
}

.swal-freeland .swal2-input {
	height: 0px;
	width: 0px
	position:fixed;
	opacity: 0;
}

.swal-freeland .swal2-input:focus {
	outline: none;
	box-shadow: none;
}

.swal-freeland .swal2-input::-moz-focus-inner {
	border: 0;
}

.animate__faster {
	--animate-duration: 0.2s !important;
}

.animate__fadeOutDown,
.animate__fadeInUp {
	--animate-duration: 0.2s !important;
	-webkit-transition: width 300ms cubic-bezier(0.2,0,0,1) 0s !important;
    transition: width 300ms cubic-bezier(0.2,0,0,1) 0s !important;
}

.swal2-footer {
	border: none !important;
}

.popup-logout {
	margin-top: 60px;/*52px; */
	grid-column: 3;
	align-self: start;
	justify-self: end;
	padding: 0 !important;
	border-radius: 16px !important;
	border: 1px solid #242424 !important;
}

.popup-logout .swal2-html-container {
	margin: 8px !important;
}

.swal-freeland .swal2-title {
	font-size: 20px;
	padding: 0.8em 1.2em 0;
}

.swal2-image {
	animation: swal2-animate-i-mark .8s;
}

.swal-freeland .btn {
	margin: 4px;
}

.swal2-icon.swal2-success {
	scale: 1.363;
	margin-bottom: 30px;
    margin-top: 60px;
}

.swal2-icon.swal2-success .swal2-success-ring {
	border: 0.25em solid #83FF57 !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line]{
	background-color: #83FF57 !important;
}

.swal2-icon.swal2-warning {
	border: 0.22em solid rgba(0,0,0,0);
	border-color: #FFBE0B !important;
    color: #FFBE0B !important;
	scale: 1.363;
	margin-bottom: 30px;
    margin-top: 60px;
}


.swal2-icon.swal2-error {
	scale: 1.363;
	margin-bottom: 30px;
    margin-top: 60px;
	border-color: #D62432 !important;
    color: #D62432 !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line]{
    background-color: #D62432 !important;

}


.swal-freeland .swal2-html-container {
	font-size: 13px;
    color: #6D6D6D;
}

.swal-freeland .swal2-actions {
	margin: 0em auto 0;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
	   background: rgb(0 0 0 / 60%) !important;
}

.btn-logout {
	color: #D62432 !important;
	background: black !important;
	border-radius: 8px;
	padding: 8px 10px;	/* margin: 0px !important; */
	border-color: black !important;
}

.btn-logout .exit-icon {
	margin-top: -3px;
}

.help-block {
	background-color: black;
	border-radius: 9px;
	padding: 12px;
	margin: 4px;
}

.help-block>h4 {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #6D6D6D;
	margin-bottom: 0px;
}

.help-block .info {
	font-size: 13px;
	line-height: 20px;
}

.help-block .info h4 {
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	margin-bottom: 0px;
}

.help-block .info a.contact {
	color: #6D6D6D;
}

.help-block .info a:hover.contact {
	color: #83FF57;
	text-decoration: none;
}

.help-block .photo {
	margin: 8px;
	min-height: 90px;
}


	.contact-block {
		border-radius: 16px;
		margin-top: 48px !important;
	}

form {
	max-width: 370px;
}

@media only screen and (max-device-width:540px) {
	h1 {

		/* Desktop/H1 */

		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 600;
		font-size: 54px;
		line-height: 66px;/* or 122% */
		text-align: center;
		text-transform: uppercase;/* White/Primary */
		margin-bottom: 24px;
	}

	/* Mobile */
	.logo {
		margin-top: 16px;
		margin-bottom: 52px;
		height: 40px;
	}

	.barand-logo {
		height: 18px;
		margin-right: 2px;
	}

	.barand-text {
		height: 15px;
	}

	.passport {
		margin-bottom: 56px;
		width: 205px;
		height: 287px;
		position: relative;
		border-radius: 1% 5% 5% 1%;
		box-shadow: 22px 22px 47px #00000050;
	}

	.passport-shadow {
		position: absolute;
		width: 375px;
		max-width: 100vw;
		overflow: hidden;
		height: 375px;
		left: 0px;
		top: -44px;
		z-index: -1;/* Gray/4 */
		background: #555555;
		filter: blur(250px);
	}

	h1 {

		/* Mobile/H1 */

		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 600;
		font-size: 34px;
		line-height: 40px;/* or 118% */
		text-align: center;
		text-transform: uppercase;
	}

	.head-passports {
		margin: 32px 14px 16px 14px;
	}

	.head-passports h2 {
		font-size: 24px;
		line-height: 28px;
	}

	.head-passports .btn-lg {
		font-weight: 600;
		font-size: 14px;
		border: none;
		line-height: 28px;
		padding: 0;
		margin-bottom: 0.5rem;
	}

	.buttons-group {
		margin-top: 19px;
		text-align: center;
	}

	.buttons-group .btn-lg {
		font-size: 14px;
	    line-height: 18px;    
	    padding: 10px 13px;
	        margin: 8px auto;
	}

	/*
		.fixed-topnavbar-expand-lg .nav-link {
	padding-right: 0;
		}
	*/
	.navbar-footer .container-fluid,
	.navbar-footer .container {
		text-align: center;
	}

	.user-icon {
		height: 24px;
		width: 24px;
		border-radius: 12px;
	}

	.user-icon svg,
	.user-icon img {
		margin-top: -1px;
		height: 15px;
	}

	.passport-details .property-item {
		font-size: 10px;
		min-width: 70px;
	}

	.passport-details .btn-lg {
		font-size: 14px;
		line-height: 18px;
	}

	.passport-icon {
		height: 64px;
		width: auto;
		margin: 2px 12px;
	}

	.jumbotron h4 {
		padding: 16px;
	}

	.swal-freeland>.swal2-popup {
		grid-column: 2 !important;
		grid-row: 3 !important;
		justify-self: center !important;
		align-self: end !important;
	}

	.policy-content {
		color: #6D6D6D;
		font-size: 13px;
	}

	.policy-content h3 {
		color: white;
		font-size: 16px;
		margin-top: 24px;
	}

}

/* default styles here for older browsers. 
   I tend to go for a 600px - 960px width max but using percentages
*/
@media only screen and (min-width:960px) {

	/* styles for browsers larger than 960px; */
}

@media only screen and (min-width:1440px) {

	/* styles for browsers larger than 1440px; */
}

@media only screen and (min-width:2000px) {

	/* for sumo sized (mac) screens */
}

@media only screen and (max-device-width:480px) {

	/* styles for mobile browsers smaller than 480px; (iPhone) */
	.passport-details {
		margin: 8px;
	}

	.passport-details .property-item {
		font-size: 10px;
		min-width: 70px;
		line-height: 14px;
	}

}

@media only screen and (device-width:768px) {

	/* default iPad screens */
}

/* different techniques for iPad screening */
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {

	/* For portrait layouts only */
}

@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape) {

	/* For landscape layouts only */
}

.jumbotron {
	margin: 14px;
	border-radius: 16px;
	padding: 24px;
}

.jumbotron .info {
	text-align: center;
	padding: 16px;
}

.jumbotron .info  h4 {
	margin-bottom: 4px;
}

.jumbotron .info a.contact {
	line-height: 32px;
}

@media only screen and (min-device-width:540px) {
	.flex-xs-column {
		flex-direction: column !important;
	}

	/* Mobile */
	.logo {
		margin-top: 16px;
		margin-bottom: 52px;
		height: 40px;
	}

	.passport {
		margin-bottom: 56px;
		width: 206px;
		height: 287px;
		position: relative;
		border-radius: 1% 5% 5% 1%;
		box-shadow: 22px 22px 47px #00000050;
	}

	.passport-shadow {
		position: absolute;
		width: 375px;
		max-width: 100vw;
		overflow: hidden;
		height: 375px;
		left: 0px;
		top: -44px;
		z-index: -1;/* Gray/4 */
		background: #555555;
		filter: blur(250px);
	}

	h1 {

		/* Mobile/H1 */

		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 600;
		font-size: 34px;
		line-height: 40px;/* or 118% */
		text-align: center;
		text-transform: uppercase;
	}

	.fixed-topnavbar-expand-lg .nav-link {

		/* padding-right: 0; */
	}

	.jumbotron {
		margin: 14px;
		border-radius: 16px;
	}

	.jumbotron .info {
		text-align: center;
		padding: 16px;
	}

	.jumbotron .info  h4 {
		margin-bottom: 4px;
	}

	.jumbotron .info a.contact {
		line-height: 32px;
	}

	.navbar-nav {
		text-align: center;
	}

	.buttons-group .btn-lg {
		font-size: 16px;
	    line-height: 18px;    
	    padding: 10px 13px;
	}




}

@media only screen and (min-width:768px) {

	/* default iPad screens */
	.logo {
		margin-top: 24px;
		margin-bottom: 69px;
		height: 66px;
	}

	.passport {
		margin-bottom: 67px;
		width: 345.44px;
		height: 482.09px;	/* 	background1: url(pass-tablet.png) no-repeat; */
		position: relative;
		border-radius: 1% 5% 5% 1%;
		box-shadow: 37px 37px 47px #00000050;
	}

	.passport-shadow {
		position: absolute;
		width: 563px;
		height: 563px;
		left: 80px;
		top: -40px;
		z-index: -1;/* Gray/4 */
		background: #555555;
		filter: blur(250px);
	}

	.buttons-group {
		margin-bottom: 55px;
	}

	h1 {

		/* Desktop/H1 */

		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 600;
		font-size: 54px;
		line-height: 66px;/* or 122% */
		text-align: center;
		text-transform: uppercase;/* White/Primary */
		margin-bottom: 24px;
	}


	.jumbotron {
		margin: 0 0 32px 0;
    	padding: 24px;
	}

	.jumbotron h3 {
		margin-top: 0px;
		font-size: 20px;
	   line-height: 28px;
	}

	.jumbotron h4 {
		padding: 16px;
		font-size: 16px;
		line-height: 24px;
		font-weight: 600;
		margin-bottom: 0px;
	}

	.jumbotron .item {
		border-radius: 16px;
		margin: 8px 0;
	}

	.jumbotron .info {
		text-align: left;
		padding: 16px;
	}

	.contact-block {
		border-radius: 16px;
		margin-top: 48px !important;
	}


	.jumbotron .info a.contact {
		line-height: 24px;
		margin-top: 2px;
	}

	.jumbotron .info h4 {
		margin-bottom: 0px;
	}

	.navbar-nav {
		text-align: center;
	}

	.buttons-group .btn-lg {
		font-size: 16px;
	    line-height: 20px;
	    padding: 14px 19px;
	}


}

@media only screen and  (min-width:992px) {
	.logo {
		margin-top: 24px;
		height: 66px;
		margin-bottom: 0px;
	}

	.passport {

		/*	margin: 56px; */
		margin-bottom: 0px;
		width: 449.62px;
		height: 627.49px;/*	left: 857.78px;
				top: 89.51px;
				*/

		/*	 background: url(pass.png) no-repeat; */
		position: relative;
		border-radius: 1% 5% 5% 1%;
		box-shadow: 47px 47px 47px #00000050;
	}

	.passport-shadow {
		position: absolute;
		width: 800px;
		height: 800px;
		left: 663px;
		left: -120px;
		top: -85px;
		z-index: -1;/* Gray/4 */
		background: #555555;
		filter: blur(250px);
	}

	h1 {

		/* Desktop/H1 */

		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 600;
		font-size: 54px;
		line-height: 66px;/* or 122% */
		text-align: center;
		text-transform: uppercase;/* White/Primary */
	}

	.jumbotron {
		margin: 0;
    	padding: 24px;
	}

	.jumbotron h3 {
		margin-top: 0px;
		font-size: 20px;
	    line-height: 28px;
	}

	.jumbotron h4 {
		padding: 16px;
		font-size: 16px;
		line-height: 24px;
		font-weight: 600;
		margin-bottom: 0px;
	}

	.jumbotron .item {
		border-radius: 16px;
		margin: 8px 0;
	}

	.jumbotron .info {
		text-align: left;
		padding: 16px 8px;
	}

	.navbar-nav {
		text-align: left;
	}

	.jumbotron .info a.contact {
		line-height: 24px;
		margin-top: 2px;
	}

	.jumbotron .info h4 {
		margin-bottom: 0px;
	}

	.contact-block {
		border-radius: 16px;
		margin-top: 48px !important;
	}

	.buttons-group .btn-lg {
		font-size: 16px;
	    line-height: 20px;
	    padding: 14px 19px;
	}

	.navbar-footer {
		margin-top: 16px;
	}

}




.icon-plus {
	height: 14px;
    width: 14px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.91253 0.255046L7 0.25C7.38463 0.25 7.70163 0.53953 7.74495 0.912534L7.75 1V6.25H13C13.3846 6.25 13.7016 6.53953 13.745 6.91253L13.75 7C13.75 7.38463 13.4605 7.70163 13.0875 7.74495L13 7.75H7.75V13C7.75 13.3846 7.46047 13.7016 7.08747 13.745L7 13.75C6.61537 13.75 6.29837 13.4605 6.25505 13.0875L6.25 13V7.75H1C0.615373 7.75 0.29837 7.46047 0.255046 7.08747L0.25 7C0.25 6.61537 0.53953 6.29837 0.912534 6.25505L1 6.25H6.25V1C6.25 0.615373 6.53953 0.29837 6.91253 0.255046L7 0.25L6.91253 0.255046Z' fill='%236D6D6D'/%3E%3C/svg%3E%0A");    
}

a:hover .icon-plus {
	background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.91253 0.255046L7 0.25C7.38463 0.25 7.70163 0.53953 7.74495 0.912534L7.75 1V6.25H13C13.3846 6.25 13.7016 6.53953 13.745 6.91253L13.75 7C13.75 7.38463 13.4605 7.70163 13.0875 7.74495L13 7.75H7.75V13C7.75 13.3846 7.46047 13.7016 7.08747 13.745L7 13.75C6.61537 13.75 6.29837 13.4605 6.25505 13.0875L6.25 13V7.75H1C0.615373 7.75 0.29837 7.46047 0.255046 7.08747L0.25 7C0.25 6.61537 0.53953 6.29837 0.912534 6.25505L1 6.25H6.25V1C6.25 0.615373 6.53953 0.29837 6.91253 0.255046L7 0.25L6.91253 0.255046Z' fill='%2383FF57'/%3E%3C/svg%3E");
}


.icon-arrow-right {
	height: 14px;
    width: 16px;
    margin: -1px 0 -1px 10px;
    display: inline-block;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.42045 0.56993C9.09261 0.246912 8.56499 0.25082 8.24197 0.578658C7.91895 0.906496 7.92286 1.43412 8.2507 1.75714L12.726 6.16664H1.33333C0.873096 6.16664 0.5 6.53973 0.5 6.99997C0.5 7.46021 0.873096 7.8333 1.33333 7.8333H12.7205L8.2507 12.2374C7.92286 12.5604 7.91895 13.088 8.24197 13.4159C8.56499 13.7437 9.09261 13.7476 9.42045 13.4246L15.1906 7.73926C15.6047 7.33125 15.6047 6.66326 15.1906 6.25525L9.42045 0.56993Z' fill='%2383FF57'/%3E%3C/svg%3E%0A");
}

a:hover .icon-arrow-right {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.42045 0.56993C9.09261 0.246912 8.56499 0.25082 8.24197 0.578658C7.91895 0.906496 7.92286 1.43412 8.2507 1.75714L12.726 6.16664H1.33333C0.873096 6.16664 0.5 6.53973 0.5 6.99997C0.5 7.46021 0.873096 7.8333 1.33333 7.8333H12.7205L8.2507 12.2374C7.92286 12.5604 7.91895 13.088 8.24197 13.4159C8.56499 13.7437 9.09261 13.7476 9.42045 13.4246L15.1906 7.73926C15.6047 7.33125 15.6047 6.66326 15.1906 6.25525L9.42045 0.56993Z' fill='%234bff0b'/%3E%3C/svg%3E%0A");
}




.alert-danger {
	color: #D62432;
    background-color: #2B0B0E;
    border-color: #D62432;
    font-weight: 500;
}



.datepicker-dropdown {
	background: #131310;
    border: 1px solid #242424;
    border-radius: 16px;
}


.datepicker-dropdown .dow {
	color: #808080;
}

.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover,
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
	background-color: #83FF57;
    border-color: #83FF57;
    border-radius: 10px;
    text-shadow: none;
    color: #000000;
}


.datepicker table tr td.day:hover, .datepicker table tr td.focused {
	color: #83FF57;
	background: #102309;
	border-radius: 10px;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background: #102309;	
    color: #83FF57;
	border-radius: 10px;
}

.datepicker .prev {
	padding: 10px;
   content: url('left-arrow.svg');
}


.datepicker .prev:hover {
   content: url('left-arrow-active.svg');
}

.datepicker .next {
	padding: 10px;
   content: url('right-arrow.svg');
}


.datepicker .next:hover {
   content: url('right-arrow-active.svg');
} 



.datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover
{
	background-color: #83FF57;
    border-color: #83FF57;
    border-radius: 10px;
    text-shadow: none;
    color: #000000;
}


.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
    border: 5px solid #131310;
    border-radius: 10px;
    height: 40px;
    box-shadow: inset 0px 0px 0px 25px #202020;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    border: 5px solid #131310;
    border-radius: 10px;
    color: #83FF57;
    background: #131310;
    box-shadow: inset 0px 0px 0px 25px #102309;
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
	display: none;
}







/* Override Select2 styles for Bootstrap 5 */
.select2-container--bootstrap .select2-selection {
    border-radius: 0.25rem;
    height: calc(3.5rem + 2px);
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    padding-top: 0;
    line-height: 1.7;
}

.form-floating .select2-container--bootstrap .select2-selection {
    padding-top: 1rem;
}



.form-floating .select2-container--bootstrap .select2-selection {
	background: #1A1A1A;
    border: 1px solid #3D3D3D;
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    height: 50px;
}

.select2-dropdown {
    background-color: #131310;
    border: 1px solid #3D3D3D;
    border-radius: 16px;
}

.select2-container--bootstrap .select2-dropdown {
    border: 1px solid #3D3D3D;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
	background: #1A1A1A;
    border: 1px solid #3D3D3D;
    border-radius: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33366 0.291656C9.67038 0.291656 12.3753 2.9966 12.3753 6.33332C12.3753 7.77655 11.8693 9.10158 11.0249 10.1407L15.1089 14.2247C15.353 14.4688 15.353 14.8645 15.1089 15.1086C14.887 15.3305 14.5398 15.3507 14.2951 15.1691L14.225 15.1086L10.141 11.0246C9.10192 11.8689 7.77689 12.375 6.33366 12.375C2.99694 12.375 0.291992 9.67004 0.291992 6.33332C0.291992 2.9966 2.99694 0.291656 6.33366 0.291656ZM6.33366 1.54166C3.68729 1.54166 1.54199 3.68696 1.54199 6.33332C1.54199 8.97969 3.68729 11.125 6.33366 11.125C8.98002 11.125 11.1253 8.97969 11.1253 6.33332C11.1253 3.68696 8.98002 1.54166 6.33366 1.54166Z' fill='%236D6D6D'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 35px;
}

.select2-container--bootstrap .select2-results>.select2-results__options {
	padding-bottom: 8px;
	max-height: 300px;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
	font-size: 16px;
    line-height: 20px;
    color: white;
    padding-top: 5px;
}


.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{
    background: #000000 !important;
    border-radius: 10px !important;
    color: #83FF57 !important;
    margin: 0 16px;
    font-size: 16px;
    line-height: 24px;
    padding: 12px;
    font-weight: 500;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background: inherit;
    border-radius: inherit;
    color: inherit;
}


.select2-container--bootstrap .select2-selection--single .select2-selection__rendered
.select2-search--dropdown {
	margin: 6px 16px;
}

.select2-search--dropdown {
	    padding: 8px 16px;
}

.select2-results__option {
	margin: 0 16px;
	font-size: 16px;
    line-height: 24px;
    padding: 12px;
    font-weight: 500;
}



/* Стилі для віджета Select2 та заміни іконки стрілки */
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
   background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.577085 0.910765C0.902522 0.585328 1.43016 0.585328 1.7556 0.910765L6.99967 6.15484L12.2438 0.910765C12.5692 0.585328 13.0968 0.585328 13.4223 0.910765C13.7477 1.2362 13.7477 1.76384 13.4223 2.08928L7.58893 7.92261C7.26349 8.24805 6.73586 8.24805 6.41042 7.92261L0.577085 2.08928C0.251649 1.76384 0.251649 1.2362 0.577085 0.910765Z' fill='%236D6D6D'/%3E%3C/svg%3E%0A");
   background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 14px;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-width: 0; /* Видаляємо стандартну стрілку */
}

.select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0; /* Видаляємо стандартну стрілку */
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered
/* Зеркальне обертання стрілки при розкритті віджета */
.select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: scaleY(-1);
}




.select2-selection.select2-selection--single[aria-expanded="false"].custom-border-color {
	border-color: #83ff57;
}


/* [aria-expanded="false"]
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #83ff57;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2383FF57' 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(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

*/



.file-caption-name.form-control.kv-fileinput-caption {
	height: 50px;
		/* Gray/1 */

	background: #1A1A1A;
	/* Gray/3 */

	border: 1px solid #3D3D3D;
	border-radius: 10px;
	color: white;
}

.file-caption-name.form-control.kv-fileinput-caption.is-valid {

}