/*------------------------------------------------------ Frontend ------------------------------------------------------*/

:root {
  --generic-color: #102335;
  --facebook-color: #0866FF;
  --instagram-color: #C13584;
  --tiktok-color: white;
  --tiktok-shadow-red: #FD3E3E;
  --tiktok-shadow-blue: #4DE8F4;
  --google-bg: #f1f1f1;
  --youtube-color: #FF0000;
  --threads-color: black;
  --x-twitter-color: black;
  --twitch-color: #6441A5;
  --discord-color: #5865F2;
  --linkedin-color: #0a66c2;
  --reddit-color: #ff4500;
  --snapchat-color: #f9f603;
  --telegram-color: #0088CC;
  --whatsapp-color: #25D366;
  --github-color: black;
  --bitbucket-color: #2684FF;
  --patreon-color: black;
  --deviantart-color: #05CC46;
}

/*fonts*/
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Light.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-LightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

body {
	--bs-body-font-family:"Open Sans", sans-serif;
}

/* global */

/*html {
	scroll-behavior: smooth;
}*/

h1, h2, h3, h4, h5, h6, span, p {
	color: #eee;
}

.h1, .h2, .h3, .h4, .h5, .h6, .form-label {
	color: #eee;
}


/* bootstrap icon vertical alignment  */
/*.bi::before, [class*=" bi-"]::before {
  	vertical-align: -.21em;
}*/

.bc-shadow-small {
	box-shadow: 0 .3rem 0.9rem rgba(22, 98, 115, 0.14);
}

a {
	color: var(--color-bc-highlight);
}

a:hover {
	color: var(--color-bc-text-muted);
}

.avatar:not(img) {
	background-color: transparent!important;
}

@media (max-width: 991.98px) {
  .navbar-expand-lg.navbar-dark .navbar-nav, .navbar-expand-lg.navbar-dark .navbar-topbar-collapse {
    background-color: #201f1f;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl.navbar-dark .navbar-nav, .navbar-expand-xl.navbar-dark .navbar-topbar-collapse {
    background-color: #201f1f;
  }
}

.navbar .dropdown-menu {
	border-top: .1875rem solid #23b0b961;
}

.dropdown-menu {
	box-shadow: 0 .36rem 1rem rgba(45, 151, 77, 0.23);
}

.breadcrumb-item.active {
	color: #9fa09f!important;
}

/*.nav-item > .nav-link > .rotate-180 {
	rotate: 180deg!important;
}*/

.rotate-180 {
	rotate: 180deg!important;
}

/*#offcanvasRight.accordion-button {
	color: var(--bs-light-rgb)!important;
}

#offcanvasRight.accordion-button:not(.collapsed) {
	color: var(--bs-primary-rgb)!important;
}

#offcanvasRight.accordion-button.collapsed:hover {
	opacity: 0.7!important;
}*/

.accordion-button {
	color: var(--color-bc-text);
}

.accordion-button.collapsed:hover {
	opacity: 0.7;
	color: var(--color-bc-text);
}

.accordion-button:not(.collapsed) {
	color: var(--color-bc-highlight);
}

.card-glass{
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.cg-active {
  background: rgba(0, 255, 76, 0.03);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.cg-inactive {
  background: rgba(255, 0, 0, 0.03);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.cg-inactive-border {
	border-left: 0.67rem solid rgba(255, 0, 0, 0.14);
}

.visits-card {
  padding: 2.75rem 2.75rem 0 2.75rem;
}

.dashboard>.dashboard-card{
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.input-group-text {
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.dropdown-menu {
	background-color: #1f222f;
}

.dropdown-divider {
	border-top: 1px solid #49534e;
}

.accordion {
/*  --bs-accordion-color: #fff;*/
  --bs-accordion-bg: transparent;
  --bs-accordion-transition: all 0.2s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color: rgba(33, 50, 91, 0.1);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3e%3cpath d='M19,11.5v1a.5.5,0,0,1-.5.5H13v5.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5V13H5.5a.5.5,0,0,1-.5-.5v-1a.5.5,0,0,1,.5-.5H11V5.5a.5.5,0,0,1,.5-.5h1a.5.5,0,0,1,.5.5V11h5.5A.5.5,0,0,1,19,11.5Z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 2rem;
  --bs-accordion-btn-icon-transform: rotate(0deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dedede'%3e%3cpath d='M5.5,13a.5.5,0,0,1-.5-.5v-1a.5.5,0,0,1,.5-.5h13a.5.5,0,0,1,.5.5v1a.5.5,0,0,1-.5.5Z'/%3e%3c/svg%3e");
/*  --bs-accordion-btn-color: #fff;*/
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  
/*  --bs-accordion-btn-focus-border-color: rgba(140, 152, 164, 0.25);*/
/*  --bs-accordion-btn-focus-box-shadow: 0 0 1rem 0 rgba(140, 152, 164, 0.25);*/

/*  --bs-accordion-active-color: #fff;*/
  --bs-accordion-active-bg: transparent;
}



/* button checks and radios  */

	/* Danger */

		.btn-danger{
			--bs-btn-bg: #f02424;
			--bs-btn-border-color: #f02424;
			--bs-btn-hover-color: #fff;
			--bs-btn-hover-bg: #d73636;
			--bs-btn-hover-border-color: #d73636;
		}

		.badge-soft-danger {
			color: #ec3636;
		  	background-color: rgba(255, 0, 0, 0.11);
		}

		.badge-danger {
			color: #fff;
		  	background-color: rgb(191, 6, 6);
		}
	
		.btn-soft-danger {
		  color: #ec3636;
		  background-color: rgba(251, 11, 11, 0.18);
		}
	
		.btn-check:active + .btn-soft-danger, .btn-check:checked + .btn-soft-danger, .btn-soft-danger.active, .btn-soft-danger:active, .show > .btn-soft-danger.dropdown-toggle {
			background-color: rgba(238, 7, 7, 0.15);
			border-bottom: 0.27rem solid #fff !important;
		}
	
		.btn-check:focus + .btn-danger, .btn-danger:focus, .btn-danger:hover {
			box-shadow: none;
		}
		
		.btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
			border-bottom: 0.27rem solid #fff !important;
		}
	
	/* Success */

		.badge-soft-success {
			color: #04b520; 
		  	background-color: rgba(6, 121, 23, 0.31);
		}

		.badge-success {
			color: #fff; 
		  	background-color: rgb(4, 126, 23);
		}

		.btn-soft-success {
			color: #04b520;
  			background-color: rgba(13, 172, 145, 0.29);
		}

		.btn-check:active + .btn-soft-success, .btn-check:checked + .btn-soft-success, .btn-soft-success.active, .btn-soft-success:active, .show > .btn-soft-success.dropdown-toggle {
			background-color: rgba(5, 196, 163, 0.17);
			border-bottom: 0.27rem solid #fff !important;
		}

		.btn-check:focus + .btn-success, .btn-success:focus, .btn-success:hover {
			box-shadow: none;
		}

		.btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
			border-bottom: 0.27rem solid #fff !important;
		}

		.btn-soft-success.disabled, .btn-soft-success:disabled {
			color: #00c9a7c7;
			background-color: #00c9a72e;
		}
	
	/* Warning */

		.badge-soft-warning {
			color: rgb(255, 164, 63);
			background-color: rgba(240, 149, 31, 0.24);
		}

		.badge-warning {
			color: rgb(0, 0, 0);
			background-color: rgb(225, 170, 36);
		}
		
		.btn-soft-warning {
		  color: rgb(255, 164, 63);
		  background-color: rgba(249, 183, 108, 0.18);
		}
	
		.btn-check:active + .btn-soft-warning, .btn-check:checked + .btn-soft-warning, .btn-soft-warning.active, .btn-soft-warning:active, .show > .btn-soft-warning.dropdown-toggle {
			color: #fff;
			background-color: rgba(245,202,153,.17);
			border-bottom: 0.27rem solid #fff !important;
		}
	
		.btn-check:focus + .btn-warning, .btn-warning:focus, .btn-warning:hover {
			box-shadow: none;
		}
	
		.btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
			border-bottom: 0.27rem solid #fff !important;
			background-color: #f7d5ade3 !important;
		}
	
		.btn-soft-warning.disabled, .btn-soft-warning:disabled {
			color: #f5ca99ba;
			background-color: #f5ca9924;
		}
	
	/* Info */

		.badge-soft-info {
			color: #07a1fd;
		  	background-color: rgba(5, 127, 255, 0.27);
		}

		.badge-info {
			color: #fff;
		  	background-color: rgb(18, 124, 234);
		}
	
		.btn-soft-info {
			color: #07a1fd;
		  	background-color: rgba(5, 128, 238, 0.27);
		}
	
		.btn-soft-info:disabled {
		  	color: #09a5be75;
		  	background-color: #09a5be1c;
		}
		
		.btn-check:focus + .btn-soft-info, .btn-soft-info:focus, .btn-soft-info:hover {
			color: #fff;
			background-color: #009dfb;
		}
		
		.btn-check:active + .btn-soft-info, .btn-check:checked + .btn-soft-info, .btn-soft-info.active, .btn-soft-info:active, .show > .btn-soft-info.dropdown-toggle {
			color: #fff;
			background-color: rgba(5, 128, 238, 0.27);
			border-bottom: 0.27rem solid #fff !important;
		}
		
		.btn-info {
			color: #fff;
		  	background-color: rgba(5, 128, 238, 1);
		}
	
		.btn-info:hover {
			color: #fff!important;
		  	background-color: rgba(5, 128, 238, 1)!important;
		}
	
		.btn-check:focus + .btn-info, .btn-info:focus, .btn-info:hover {
			box-shadow: none;
		}
		
		.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
			border-bottom: 0.27rem solid #fff !important;
		}
		
		.btn-check:focus + .btn-info, .btn-info:focus, .btn-info:hover {
			color: #fff;
			background-color: rgba(5, 128, 238, .45);
		}
		
		.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
			color: #fff;
			background-color: rgba(5, 128, 238, 1);
			border-bottom: 0.27rem solid #fff !important;
		}

	/* Light */

		.badge-soft-light {
			color: var(--color-bc-text);
		  	background-color: #ffffff2e;
			border-color: transparent;
		}
		
		.btn-soft-light:disabled {
		  color: #f7faff8c;
		  background-color: #ddfdfd0a;
		}

		.btn-check:focus + .btn-light, .btn-light:focus, .btn-light:hover {
			box-shadow: none;
		}
		
		.btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-dark.active, .btn-light:active, .show > .btn-light.dropdown-toggle {
			border-bottom: 0.27rem solid #fff !important;
		}

	/* Dark */

		.btn-check:focus + .btn-dark, .btn-dark:focus, .btn-dark:hover {
			box-shadow: none;
		}
		
		.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
			border-bottom: 0.27rem solid #fff !important;
		}

		.form-range::-moz-range-thumb {
			width: 2rem;
			height: 2rem;
			background-color: #ff9d35;
			border: 0;
			border-radius: .5rem;
			transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			appearance: none;
		}
		.form-range::-moz-range-track {
			width: 100%;
			height: .6rem;
			color: transparent;
			cursor: pointer;
			background-color: #ffffff36;
			border-color: transparent;
			border-radius: 1rem;
		}


/* BG  */

	.bg-success {
		background-color: rgba(1, 106, 17, 1) !important;
	}

	.bg-soft-success {
		background-color: rgba(1, 106, 17, 0.15) !important;
	}
	
	.bg-danger {
		background-color: rgba(177, 3, 3, 1) !important;
	}

	.bg-soft-danger {
		background-color: rgba(177, 3, 3, 0.16) !important;
	}
	
	.bg-warning {
		background-color: rgba(236, 185, 63, 1) !important;
	}

	.bg-soft-warning {
		background-color: rgba(240, 149, 31, 0.15) !important;
	}
	
	.bg-info {
		background-color: rgb(8, 105, 206) !important;
	}

	.bg-soft-info {
		background-color: rgba(5, 127, 255, 0.16) !important;
	}

/* Colors  */

	.text-success {
		/*color: rgba(1, 106, 17, 1) !important;*/
		color: rgb(4, 168, 29) !important;
	}

	.text-soft-success {
		color: rgba(1, 106, 17, 0.15) !important;
	}
	
	.text-danger {
		/*color: rgba(177, 3, 3, 1) !important;*/
		color: rgb(255, 26, 26) !important;
	}

	.text-soft-danger {
		color: rgba(177, 3, 3, 0.24) !important;
	}
	
	.text-warning {
		color: rgba(236, 185, 63, 1) !important;
	}

	.text-soft-warning {
		color: rgba(240, 149, 31, 0.1) !important;
	}
	
	.text-info {
		/*color: rgb(9, 122, 190) !important;*/
		color: rgb(1, 160, 255) !important;
	}

	.text-soft-info {
		color: rgba(9, 122, 190, 0.22) !important;
	}

/* Borders  */
	
	.border-bc-success {
		border: .1em solid rgb(1, 140, 23);
	}

	.border-bc-soft-success {
		border: .1em solid rgba(5, 128, 24, 0.31);
	}

	.border-bc-danger {
		border: .1em solid rgba(255, 26, 26, 1);
	}

	.border-bc-soft-danger {
		border: .1em solid rgba(177, 3, 3, 0.31);
	}

	.border-bc-warning {
		border: .1em solid rgb(219, 151, 20);
	}

	.border-bc-soft-warning {
		border: .1em solid rgba(240, 149, 31, 0.28);
	}

	.border-bc-info {
		border: .1em solid rgb(11, 130, 253);
	}

	.border-bc-soft-info {
		border: .1em solid rgba(4, 129, 204, 0.31);
	}

	.border-bc-bq-success {
		border-left: 0.48em groove rgba(1, 106, 17, 1);
	}

	.border-bc-bq-soft-success {
		border-left: 0.48em groove rgba(2, 138, 23, 0.31);
	}

	.border-bc-bq-danger {
		border-left: 0.48em groove rgba(255, 26, 26, 1);
	}

	.border-bc-bq-soft-danger {
		border-left: 0.48em groove rgba(177, 3, 3, 0.36);
	}

	.border-bc-bq-warning {
		border-left: 0.48em groove rgb(219, 151, 20);
	}

	.border-bc-bq-soft-warning {
		border-left: 0.48em groove rgba(240, 149, 31, 0.22);
	}

	.border-bc-bq-info {
		border-left: 0.48em groove rgba(1, 160, 255, 1);
	}

	.border-bc-bq-soft-info {
		border-left: 0.48em groove rgba(13, 150, 232, 0.32);
	}

	.border-bc-cf-success {
		border-top: .1em rgba(1, 106, 17, 1);
	}

	.border-bc-cf-soft-success {
		border-top: .1em solid rgba(1, 106, 17, 0.31);
	}

	.border-bc-cf-danger {
		border-top: .1em rgba(255, 26, 26, 1);
	}

	.border-bc-cf-soft-danger {
		border-top: .1em solid rgba(177, 3, 3, 0.31);
	}

	.border-bc-cf-warning {
		border-top: .1em rgba(236, 185, 63, 1);
	}

	.border-bc-cf-soft-warning {
		border-top: .1em solid rgba(240, 149, 31, 0.31);
	}

	.border-bc-cf-info {
		border-top: .1em rgba(1, 160, 255, 1);
	}

	.border-bc-cf-soft-info {
		border-top: .1em solid rgba(9, 122, 190, 0.31);
	}


/*.badge-soft-primary {
	color: #ed4c78;
	background-color: rgba(237,76,120,.1);
	border-color: transparent;
}*/

/*.btn-blue {
  color: #fff;
  background-color: rgba(21, 145, 255);
  border-color: transparent;
}

.btn-soft-blue {
  color: #3596ff;
  background-color: rgba(21, 145, 255, 0.31);
  border-color: transparent;
}*/


.services-holder {
  position: relative;
  width: 200px;
  height: 80px;
  overflow: hidden;
  background-color: #522d5b;
  clip-path: polygon(
    0 20%,
    10% 0,
    100% 0,
    100% 80%,
    90% 100%,
    0% 100%
  )
}

.form-switch .form-check-input {
	width: 3.6em;
	height: 1.8em;
	border-width: 0;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='5.1' fill='%2323b0b9bd'/%3e%3c/svg%3e")!important;
	border-radius: .45em;
	transition: background-position .33s ease-out;
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
	background: #9b08089e;
	border-color: #9b08089e;
}

.form-check-input[type=radio] {
	background-color: #ffffff3b;
	border: 1px solid rgba(242, 242, 242, 0.4);
}

.form-check-input:checked {
	background-color: #1ed98230;
	border-color: #1ed98230;
}

.form-check-input:checked[type=radio] {
	background-image:none;
	background-color: #1ed98266;
	border-color: #1ed98280;
}

.form-switch .form-check-input:not(:checked) {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='5.1' fill='%238c8c8c6b'/%3e%3c/svg%3e") !important;
/*	background-color: rgba(187, 108, 108, 0.16);*/
/*	background-color: rgba(128, 2, 2, 0.23);*/
	background-color: rgba(106, 4, 4, 0.24);
} 

.form-check-input {
	width: 2em;
	height: 2em;
}

/* custom dropzone  */

.file-attachment-input {
	position: relative;
	display: block;
	border: 0.125rem dashed #585c59;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	border-radius: 0.3125rem;
	margin-bottom: 0;
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  padding: 1rem;
}

.file-attachment-input:hover {
	background-color: #c6d0fb1c;
}

.file-attachment-input-label {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	min-width: 100%;
	min-height: 100%;
	cursor: inherit;
	opacity: 0;
}
.file-attachment-input.disabled {
	filter: brightness(0.5);
  pointer-events: none;
}

/*Sizings*/
/*.offcanvas{
  width: 100vw !important;
}*/

@media (min-width: 360px) { 
  .offcanvas{
    width: 100vw !important;
  }
}

@media (min-width: 768px) { 
  .offcanvas{
    width: 84vw !important;
  }
}

@media (min-width: 1024px) { 
  .offcanvas{
    width: 73vw !important;
  }
}

@media (min-width: 1400px) { 
  .offcanvas{
    width: 54vw !important;
  }
}

@media (min-width: 1921px) { 
  .offcanvas{
    width: 39vw !important;
  }
}


.paymentImages{
	width:5rem;
}

.vh-85{

}

.max-w-st-5{
	max-width:5rem;
}

.max-w-st-15{
	max-width:15rem;
}

.min-h-st-5{
	min-height:5rem;
}

.min-h-st-10{
	min-height:10.5rem;
}

.min-h-st-11{
	min-height:11.5rem;
}

.min-h-st-13{
	min-height:13.5rem;
}

.min-h-st-14{
	min-height:14rem;
}

.min-h-st-16{
  min-height:16rem;
}

.min-h-st-18{
  min-height:18rem;
}

.min-h-st-20{
	min-height:20rem;
}

.max-h-st-8{
  max-height: 8rem;
}

.mt-lg-n10 {
    margin-top: -7.5rem;
}

.w-2r{
  width: 2rem;
}

.w-3r{
  width: 3rem;
}

.w-4r{
  width: 4rem;
}

.w-5r{
  width: 5rem;
}

.w-6r{
  width: 6rem;
}

.w-7r{
  width: 7rem;
}

.w-8r{
  width: 8rem;
}

.w-5 {
  width:5%!important
}

.w-10 {
  width:10%!important
}

.w-15 {
  width:15%!important
}

.w-80{
  width: 98%!important;
}

.w-90{
  width: 90%!important;
}

.w-fit{
  width: fit-content !important;
}
.h-fit{
  height: fit-content !important;
}

.h-0{
  height: 0;
}

.h-2r{
  height: 2rem;
}

.h-4r{
  height: 4rem;
}

@media (min-width: 768px) { 
  .vh-md-85{
    height: 85vh !important;
  }
 }

@media (min-width: 992px) { 
  .min-h-st-lg-16{
    min-height:16rem;
  }

  .min-h-st-lg-20{
    min-height:20rem;
  }

  .w-lg-80{
    width: 80%!important;
  }

  .w-lg-85{
    width: 85%!important;
  }

  .w-lg-90{
    width: 90%!important;
  }
 }

.bg-glass{
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  padding: 1rem;
}

.bg-glass-light{
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  padding: 1rem;
}

.bg-glass-blur-0{
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  padding: 1rem;
}

.bg-glass:focus{
  background: rgba(255, 255, 255, 0.1);
}

.gradient-y-overlay-st-secondary-one::before {
  background-image: linear-gradient(to bottom,rgba(6, 26, 34,.12),rgba(6, 26, 34,.88));
}

.gradient-y-overlay-st-white-one::before {
	background-image: linear-gradient(to bottom,rgba(255, 255, 255,.12),rgba(255, 255, 255,.95));
}

.bg-st-lightgray{
  background-color: #f7f7f7;
}

.bg-st-lightblue{
  background-color:#E4ECF7;
}

.lines-background{
  background-image:url('/static/frontend/assets/images/lines-background.svg');
  background-size:cover;
}


/*Buttons*/

.btn-dark-primary{
  background-color: #0D1C30;
  color: white;
}
.btn-dark-primary:hover{
  background-color: #10233c;
  color: white;
}

.btn-outline-dark-primary{
  background: white;
  color: #0D1C30;
  border: 1px solid #0D1C30
}

.btn-outline-dark-primary:hover{
  border-color: transparent;
  background: #0D1C30 !important;
  color: white !important;
}

.btn-soft-primary {
/*  color: #2D8299;*/
  color: #10A9B1;
}

.btn-soft-primary:focus, .btn-soft-primary:hover {
  color: #fff;
  background-color: #16424E;
}

.btn-soft-primary.disabled, .btn-soft-primary:disabled {
  color: #16424E;
  background-color: #16424E36;
}

.btn-ghost-primary {
  color: #127970;
}

.btn-ghost-primary:focus, .btn-ghost-primary:hover {
  color: #127970;
}

.btn-st-secondary{
	background-color:#061A22 !important;
	color:#D7DD00;
}
.btn-outline-web-primary {
  --bs-btn-color: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-primary);
  --bs-btn-hover-border-color: var(--color-primary);
  --bs-btn-focus-shadow-rgb: 55,125,255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color-primary);
  --bs-btn-active-border-color: var(--color-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: aliceblue;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--color-primary);
  --bs-gradient: none;
}

@media (min-width: 768px) {
  .w-md-20 {
    width: 20% !important;
  }
}

/*Social Icons*/
.link-title{
  color: white;
}

/*.charts {
	 --highcharts-background-color: #1d1f2a;
}*/

/*.highcharts-menu, .highcharts-menu ul {
    -webkit-box-shadow: none!important; 
    box-shadow: none!important;
    border-radius: 0important;
    background-color: #1d1f2a !important;
}

.highcharts-menu-item {
	color: #fff;
	border-radius: 0important;
}*/

/*.highcharts-tooltip-box {
    fill: var(--highcharts-background-color);
    stroke-width: 1;
}*/

/*.highcharts-tooltip text {
    fill: white;
    text-shadow: 0 0 3px black;
}*/

/* Facebook */
.fa-facebook {
  color: var(--facebook-color);
}

.btn-soft-light.btn-soft-facebook,
.btn-soft-dark.btn-soft-facebook {
  background-color: var(--facebook-color);
}

.btn-soft-facebook:hover .fa-facebook,
.btn-soft-facebook:hover .link-title {
  color: var(--facebook-color);
}

.btn-soft-facebook:hover .fa-facebook {
  color: var(--facebook-color);
}

/* Instagram */
.fa-instagram {
  color: var(--instagram-color);
}

.btn-soft-light.btn-soft-instagram,
.btn-soft-dark.btn-soft-instagram {
  background-color: var(--instagram-color);
}

.btn-soft-instagram:hover .fa-instagram,
.btn-soft-instagram:hover .link-title {
  color: var(--instagram-color);
}

/* TikTok */
.fa-tiktok {
  color: var(--tiktok-color);
  filter: drop-shadow(2px 0px 0px var(--tiktok-shadow-red)) drop-shadow(-2px -2px 0px var(--tiktok-shadow-blue));
}

.btn-soft-light.btn-soft-tiktok,
.btn-soft-dark.btn-soft-tiktok {
  background-color: var(--threads-color);
}

.btn-soft-tiktok:hover .fa-tiktok {
  color: var(--threads-color);
}
.btn-soft-tiktok:hover .link-title{
  color: black;
}

/* Google */
.fa-google {
  background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55% / 150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.btn-soft-light.btn-soft-google .link-title,
.btn-soft-dark.btn-soft-google .link-title{
  color: black;
}

.btn-soft-light.btn-soft-google,
.btn-soft-dark.btn-soft-google {
  background-color: var(--google-bg);
}

.btn-soft-google:hover {
  background-color: white;
}

.btn-soft-google:hover .fa-google {
  background: conic-gradient(from 164deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55% / 150% 150% no-repeat;
}

.btn-soft-google:hover .link-title{
  color: black;
}
.btn-soft-google .link-title{
  color: black;
}

/* YouTube */
.fa-youtube {
  color: var(--youtube-color);
}

.btn-soft-light.btn-soft-youtube,
.btn-soft-dark.btn-soft-youtube {
  background-color: var(--youtube-color);
}

.btn-soft-youtube:hover .fa-youtube,
.btn-soft-youtube:hover .link-title {
  color: var(--youtube-color);
}

/* Threads */
.fa-threads {
  color: var(--threads-color);
}

.btn-soft-light.btn-soft-threads,
.btn-soft-dark.btn-soft-threads {
  background-color: var(--threads-color);
}

.btn-soft-threads:hover .fa-threads,
.btn-soft-threads:hover .link-title {
  color: var(--threads-color);
}

/* X (Twitter) */
.fa-x-twitter {
  color: var(--x-twitter-color);
}

.btn-soft-light.btn-soft-x,
.btn-soft-dark.btn-soft-x {
  background-color: var(--x-twitter-color);
}

.btn-soft-x:hover .fa-x-twitter,
.btn-soft-x:hover .link-title {
  color: var(--x-twitter-color);
}

/* Twitch */
.fa-twitch {
  color: var(--twitch-color);
}

.btn-soft-light.btn-soft-twitch,
.btn-soft-dark.btn-soft-twitch {
  background-color: var(--twitch-color);
}

.btn-soft-twitch:hover .fa-twitch,
.btn-soft-twitch:hover .link-title {
  color: var(--twitch-color);
}

/* Discord */
.fa-discord {
  color: var(--discord-color);
}

.btn-soft-light.btn-soft-discord,
.btn-soft-dark.btn-soft-discord {
  background-color: var(--discord-color);
}

.btn-soft-discord:hover .fa-discord,
.btn-soft-discord:hover .link-title {
  color: var(--discord-color);
}

/* LinkedIn */
.fa-linkedin {
  color: var(--linkedin-color);
}

.btn-soft-light.btn-soft-linkedin,
.btn-soft-dark.btn-soft-linkedin {
  background-color: var(--linkedin-color);
}

.btn-soft-linkedin:hover .fa-linkedin,
.btn-soft-linkedin:hover .link-title {
  color: var(--linkedin-color);
}

/* Reddit */
.fa-reddit {
  color: var(--reddit-color);
}

.btn-soft-light.btn-soft-reddit,
.btn-soft-dark.btn-soft-reddit {
  background-color: var(--reddit-color);
}

.btn-soft-reddit:hover .fa-reddit,
.btn-soft-reddit:hover .link-title {
  color: var(--reddit-color);
}

/* Snapchat */
.fa-snapchat {
  color: var(--snapchat-color);
}

.btn-soft-light.btn-soft-snapchat,
.btn-soft-dark.btn-soft-snapchat {
  background-color: var(--snapchat-color);
}

.btn-soft-snapchat:hover .fa-snapchat,
.btn-soft-snapchat:hover .link-title {
  color: var(--snapchat-color);
}

/* Telegram */
.fa-telegram {
  color: var(--telegram-color);
}

.btn-soft-light.btn-soft-telegram,
.btn-soft-dark.btn-soft-telegram {
  background-color: var(--telegram-color);
}

.btn-soft-telegram:hover .fa-telegram,
.btn-soft-telegram:hover .link-title {
  color: var(--telegram-color);
}

/* WhatsApp */
.fa-whatsapp {
  color: var(--whatsapp-color);
}

.btn-soft-light.btn-soft-whatsapp,
.btn-soft-dark.btn-soft-whatsapp {
  background-color: var(--whatsapp-color);
}

.btn-soft-whatsapp:hover .fa-whatsapp,
.btn-soft-whatsapp:hover .link-title {
  color: var(--whatsapp-color);
}

/* GitHub */
.fa-github {
  color: var(--github-color);
}

.btn-soft-light.btn-soft-github,
.btn-soft-dark.btn-soft-github {
  background-color: var(--github-color);
}

.btn-soft-github:hover .fa-github,
.btn-soft-github:hover .link-title {
  color: var(--github-color);
}

/* Bitbucket */
.fa-bitbucket {
  color: var(--bitbucket-color);
}

.btn-soft-light.btn-soft-bitbucket,
.btn-soft-dark.btn-soft-bitbucket {
  background-color: var(--bitbucket-color);
}

.btn-soft-bitbucket:hover .fa-bitbucket,
.btn-soft-bitbucket:hover .link-title {
  color: var(--bitbucket-color);
}

/* Patreon */
.fa-patreon {
  color: var(--patreon-color);
}

.btn-soft-light.btn-soft-patreon,
.btn-soft-dark.btn-soft-patreon {
  background-color: var(--patreon-color);
}

.btn-soft-patreon:hover .fa-patreon,
.btn-soft-patreon:hover .link-title {
  color: var(--patreon-color);
}

/* DeviantArt */
.fa-deviantart {
  color: var(--deviantart-color);
}

.btn-soft-light.btn-soft-deviantart,
.btn-soft-dark.btn-soft-deviantart {
  background-color: var(--deviantart-color);
}

.btn-soft-deviantart:hover .fa-deviantart,
.btn-soft-deviantart:hover .link-title {
  color: var(--deviantart-color);
}

/* Generic */
.fa-link{
  color: var(--color-bc-text);
}

.fa-house{
  color: var(--color-bc-text);
}

.fa-globe{
  color:var(--color-bc-text);
}

.btn-soft-light.btn-soft-generic,
.btn-soft-dark.btn-soft-generic {
  background: var(--bg-bc-highlight);
}

.btn-soft-generic:hover .fa-link, 
.btn-soft-generic:hover .fa-globe, 
.btn-soft-generic:hover .fa-house,
.btn-soft-generic:hover .link-title {
  color: var(--color-bc-text);
}

/*.btn-soft-generic:hover {
	background-color: #f1f1f1;
	opacity: 45%;
}*/

.btn-soft-facebook:hover, 
.btn-soft-instagram:hover, 
.btn-soft-tiktok:hover, 
.btn-soft-youtube:hover, 
.btn-soft-threads:hover, 
.btn-soft-x:hover, 
.btn-soft-twitch:hover, 
.btn-soft-discord:hover, 
.btn-soft-linkedin:hover, 
.btn-soft-reddit:hover, 
.btn-soft-snapchat:hover, 
.btn-soft-telegram:hover, 
.btn-soft-whatsapp:hover, 
.btn-soft-github:hover, 
.btn-soft-bitbucket:hover, 
.btn-soft-patreon:hover, 
.btn-soft-deviantart:hover,
.btn-soft-generic:hover {
/*  background-color: white;*/
	opacity: 45%; 
}

.btn .fa-facebook, 
.btn .fa-instagram, 
.btn .fa-tiktok, 
.btn .fa-youtube, 
.btn .fa-threads, 
.btn .fa-x-twitter, 
.btn .fa-twitch, 
.btn .fa-discord, 
.btn .fa-linkedin, 
.btn .fa-reddit, 
.btn .fa-snapchat, 
.btn .fa-telegram, 
.btn .fa-whatsapp, 
.btn .fa-github, 
.btn .fa-bitbucket, 
.btn .fa-patreon, 
.btn .fa-deviantart,
.btn .fa-link,
.btn .fa-house,
.btn .fa-globe {
  color: white;
}

/* Font Awesome Icons */
.color-fa-pdf {
  color: #ff2015;
}

.color-fa-doc {
  color: #2a7cd3;
}

.color-fa-xls {
  color: #1fa265;
}

.color-fa-ppt {
  color: #d3512f;
}

.color-fa-zip {
  color: #e2910e;
}

.devices-rotate-15 {
  transform: rotate(15deg);
}

.swiper-pagination-bullet-active {
  color: #061A22 !important;
  background: #16424E !important;
  border-color: #16424E !important;
}

.swiper-pagination-bullet-active::before, .swiper-pagination-bullet-active:hover::before {
  background-color: #061A22 !important;
}

.swiper-pagination-bullet {
  width: 1.85rem !important;
  height: 1.85rem !important;
}

.gradient-x-overlay-lg-dark-video::before {
	/* background-image: linear-gradient(to right,rgba(0, 0, 0, 0.935) 0,rgba(0, 0, 0, 0.975) 100%); */
	background-image: linear-gradient(to right,rgba(6, 26, 34, 0.905) 0,rgba(6, 26, 34, 0.985) 100%);
}

.form-control, .form-select{
  background-color: rgba(255, 255, 255, 0.02);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  color: white;
}

.form-control:focus, .form-select:focus{
  color: white;
}

.form-control:disabled {
	background-color: #1a0e0e3d;
	color: #ffffff7a;
}

.form-select > option{
  color: black;
}

.form-control:focus, .form-select:focus{
  background: rgba(255, 255, 255, 0.02);
}


.form-control-lg {
  font-size: 1.24rem;
}

.form-select-lg {
  font-size: 1.23rem;
}

.w-80 {
  width: 80% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.min-vh-cc-35 {
  min-height: 35vh;
}

.min-vh-cc-55 {
  min-height: 55vh;
}

.min-vh-cc-65 {
  min-height: 65vh;
}

.min-vh-cc-75 {
  min-height: 75vh;
}

.min-vh-cc-85 {
  min-height: 85vh;
}

.min-vh-cc-90 {
  min-height: 90vh;
}

.min-vh-cc-100 {
  min-height: 100vh;
}

.avatar-4xl {
	width: 12.3333333333rem!important;
/*	height:auto;*/
}

.avatar-showcase {
	width: 19rem !important;
	height:auto;
	
}

.start-30{
	left:30%;
}

.filepond--credits{
  display: none;
}

/*Navbar*/
.navbar-brand-logo{
  width:  11rem !important;
  max-width: 11rem !important;
}

/*Effects*/

.scale {
  transition: transform 0.3s ease-in-out; 
}

.scale:hover{
  scale:1.2;
}

.icon-option {
  cursor: pointer;
  padding: 10px;
  border-radius: 5px;
  margin: 5px;
  display: flex;
  align-items: center;
  transition: background-color 0.3s, transform 0.3s, border-color 0.3s;
  text-align: center;
}

.icon-option:hover {
  transform: scale(1.05);
  background-color: #f0f0f0;
}

.icon-option.selected {
  background-color: #ffffff1a;
  color: white;
  transform: scale(1.1);
}

.icon-option i {
  font-size: 1.5rem;
  transition: transform 0.3s;
}

.icon-option:hover i {
  transform: scale(1.2);
}

.icon-option:not(.selected) {
  transition: transform 0.3s, background-color 0.3s, border-color 0.3s;
}

/*Oneoffs*/

@media (min-width: 1600px) {
  .display-1 {
      font-size: 7rem;
  }
}

@media (min-width: 1800px) {
  .display-1 {
      font-size: 8rem;
  }
}

.elipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.handle:hover{
  cursor: grab;
}

#modalLogo .cropper-view-box,
#modalLogo .cropper-face {
  border-radius: 50%;
}

.rotate-180 {
  transform: rotate(180deg);
  transition: transform 0.3s;
}

.collapseBtn {
  transition: transform 0.3s;
}

.collapseButton {
  color: #4E79BC;
}

.collapseButton:hover {
  color: #4E79BC;
}

/*Temporary Website Theme*/
:root{
  --color-primary: #4E79BC;
  --color-secondary: #0d1929;
  --color-accent: #0D1B2A;
  --color-highlight: #23B0B957;
/*  --color-highlight: #34BDBE;*/
  --color-text: #fff;
/*  --bg-base: #0D1C30;*/
  --bg-base: #181b26;
  --bg-secondary: #181b26f7;
}

#web.dark {
  /* Dark theme */
  --color-primary: #4E79BC;
  --color-secondary: #0d1929;
  --color-accent: #0D1B2A;
/*  --color-highlight: #34BDBE;*/
  --color-highlight: #23B0B957;
  --color-text: #fff;
/*  --bg-base: #0D1C30;*/
  --bg-base: #181b26;
  --bg-secondary: #181b26f7;
}

#web.light {
  /* Light theme */
  --color-primary: #F5F6F6;
  --color-secondary: #102335;
  --color-accent: #0d1929;
  --color-highlight: #34BDBE;
  --color-text: #000;
  --bg-base: #fff;
  --bg-secondary: #eee;
}


.color-web-primary {
  color: var(--color-primary) !important;
}

.color-web-secondary {
  color: var(--color-secondary) !important;
}

.color-web-accent {
  color: var(--color-accent) !important;
}

.color-web-highlight {
  color: var(--color-highlight) !important;
}

.color-web-text {
  color: var(--color-text) !important;
}

/**** Background ****/
.bg-web-primary {
  background-color: var(--color-primary) !important;
}

.bg-web-secondary {
  background-color: var(--bg-secondary) !important;
}

.bg-web-accent {
  background-color: var(--color-accent) !important;
}

.bg-web-highlight {
  background-color: var(--color-highlight) !important;
}

.bg-web-base {
  background-color: var(--bg-base) !important;
}

.modal-header, .modal-body, .modal-footer {
/*  background-color: var(--bg-base) !important;*/
  background-color: #151515f2 !important;
  color: var(--color-text) !important;
}

/*Sass compiled*/
#web.dark {
  background-color: var(--bg-base);
}
#web.dark .dashboard .dashboard-card i, #web.dark .dashboard .dashboard-card p, #web.dark .dashboard .dashboard-card h3 {
  color: var(--color-text);
}
#web.dark .modal-dialog .modal-content {
  background: var( --bg-base);
}
#web.dark .modal-dialog .modal-header {
  background-color: var(--color-secondary);
}
#web.dark .modal-dialog .modal-header .card-header-title {
  color: var(--color-text);
}
#web.dark .modal-dialog .modal-body label,
#web.dark .modal-dialog .modal-body input:focus {
  color: var(--color-text);

}
#web.dark .modal-dialog .modal-body .file-attachment-input span {
  color: var(--color-text);
}
#web.dark .modal-dialog .modal-footer {
  background-color: var(--color-secondary);
}
#web.dark .card .card-header-title, #web.dark .card-glass .card-header-title {
  color: var(--color-text);
}
#web.dark .card label, #web.dark .card-glass label {
  color: var(--color-text);
}
#web.dark .table thead {
  background-color: var(--color-secondary);
}
#web.dark .table thead th {
  color: var(--color-text);
}
#web.dark .table tbody h5 {
  color: var(--color-text);
}
#web.dark .table tbody tr:nth-child(even) {
  background-color: var(--bg-base);
}
#web.dark .list-group .list-group-item {
  background-color: var(--bg-base);
}
#web.dark .list-group .list-group-item h6, #web.dark .list-group .list-group-item span {
  color: var(--color-text);
}
#web.dark #pricing .nav-link{
  color: white;
}
#web.dark #pricing .nav-link.active{
  background-color: var(--color-highlight);
  color: black;
}
#web.dark #tabs .nav-link{
  color: white;
  border-bottom: 1px solid gray;
}
#web.dark #tabs .nav-link.active{
  color: var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
  background-color: transparent;
  box-shadow: none;
}

.offcanvas {
  background-color: var(--bg-base);
  transition: transform .5s cubic-bezier(.45,.05,.55,.95);
}

.form-check-card .form-check-input {
  top: .35rem;
  right: 0rem;
}

@media (max-width: 575.98px) {
	.input-card-sm .input-card-form {
		padding-bottom: 0px!important;
	}
}

/* ************************************************************************************************** bizcard ************************************************************************************************** */

:root {
  /* Light theme */
  --color-bc-primary: #23b0b917;
  --color-bc-secondary: #102335;
  --color-bc-highlight: #222121;
  --color-bc-text: #000;
  --color-bc-text-secondary: #fff;
  --color-bc-text-muted: #8c98a4;
  --bg-bc-base: #fff;
  --bg-bc-highlight: #373737CC;
  --shadow-bc-color:#838485; 
  --border-bc-color:#626060ab;
  --border-bc-highlight:#3535353d;
  --border-bc-blockquote:#3535353d;
  --hr-bc-color:#102335;
}

#bizcard.dark, #edit-oc-preview.dark, #linkstackIconsHolder.dark, #linkstackCardheader.dark, #accPreviewBody.dark {
  /* Dark theme */
  --color-bc-primary: #ffffff14;
  /*--color-bc-primary: #8f8f8f1a;*/
/*  --color-bc-primary: #00000070;*/
  --color-bc-secondary: #F5F6F6;
  --color-bc-highlight: #A8A8A8CC;
  --color-bc-text: #fff;
  --color-bc-text-secondary: #000;
  --color-bc-text-muted: #8c98a4;
  --bg-bc-base: #181717;
  --bg-bc-base-rgba: rgba(24, 23, 23, 1);
  --bg-bc-base-hsl: hsl( 60 2.1% 9.2% );
  --bg-bc-highlight: #353535D6;
  --bg-bc-highlight-rgba: rgba(53, 53, 53, 0.8);
  --shadow-bc-color:#00000096;
  --border-bc-color: rgba(255, 255, 255, 0.07);
  --border-bc-highlight:rgba(255, 255, 255, 0.15);
  --border-bc-blockquote:rgba(255, 255, 255, 0.07);
  --hr-bc-color:rgba(245, 246, 246, 0.3);
  --github-color: #9032ac;
  --x-twitter-color: #fff;
  --threads-color: #fff;
  --patreon-color: #ff5900;
  /*--border-bc-color:#6f6f6f8f;*/
  /*--border-bc-highlight:#A8A8A821;*/
  /*--github-color: #fff;*/
}

#bizcard.light, #edit-oc-preview.light, #linkstackIconsHolder.light, #linkstackCardheader.light, #accPreviewBody.light {
  /* Light theme */
  --color-bc-primary: #F5F6F6;
  --color-bc-secondary: #102335;
  --color-bc-highlight: #353535;
  --color-bc-text: #000;
  --color-bc-text-secondary: #fff;
  --color-bc-text-muted: #414345;
  --bg-bc-base: #fff;
  --bg-bc-base-rgba: rgba(255, 255, 255, 1);
  --bg-bc-base-hsl:hsl( 0 0% 100% );
  --bg-bc-highlight: #d5d5d5;
  --bg-bc-highlight-rgba: rgba(213, 213, 213, 1);
  --shadow-bc-color:#838485;
  --border-bc-color:#a6a6a685;
  --border-bc-highlight:#3535353d;
  --border-bc-blockquote:#3535353d;
  --hr-bc-color:rgba(33,50,91,.1); 
}

.bg-bc-overlay-dark {
	border-image: fill 1 linear-gradient( rgba(0,0,0,0.84), rgba(0,0,0,0.54) );
	/*border-image: fill 1 linear-gradient( hsl(0 0% 0% / .81), hsl(0 0% 0% / .66) );*/

/*	border-image: fill 1 linear-gradient( hsl(0 0% 0% / .45), hsl(0 0% 0% / .24) );*/
}

.bg-bc-overlay-light {
	border-image: fill 1 linear-gradient( rgba(255,255,255,0.84), rgba(255,255,255,0.54) );
	/*border-image: fill 1 linear-gradient( hsl(0 0% 100% / .81), hsl(0 0% 100% / .66) );*/

/*	border-image: fill 1 linear-gradient( hsl(0 0% 100% / .45), hsl(0 0% 100% / .24) );*/
}


/*
	#bizcard.darkred, #edit-oc-preview.darkred, #linkstackIconsHolder.darkred, #linkstackCardheader.darkred {
	  --color-bc-primary: #a23e3e0a;
	  --color-bc-secondary: #F5F6F6;
	  --color-bc-highlight: #a80b0b;
	  --color-bc-text: #fff;
	  --color-bc-text-secondary: #000;
	  --color-bc-text-muted: #8c98a4;
	  --bg-bc-base: #130202;
	  --bg-bc-highlight: #2d0d0dc7;
	  --bg-bc-highlight-rgba: rgba(45, 13, 13, 0.8);
	  --shadow-bc-color:#00000096;
	  --border-bc-color:#9026267d;
	  --border-bc-highlight:#a80b0b59;
	  --border-bc-blockquote:#a80b0b59;
	  --hr-bc-color:rgba(245, 246, 246, 0.3);
	  --github-color: #fff;
	  --x-twitter-color: #fff;
	  --threads-color: #fff;
	  --patreon-color: #ff5900;
	}

	#bizcard.darkgreen, #edit-oc-preview.darkgreen, #linkstackIconsHolder.darkgreen, #linkstackCardheader.darkgreen {
	  --color-bc-primary: #23b0b90a;
	  --color-bc-secondary: #F5F6F6;
	  --color-bc-highlight: #249D0BD6;
	  --color-bc-text: #fff;
	  --color-bc-text-secondary: #000;
	  --color-bc-text-muted: #8c98a4;
	  --bg-bc-base: #021101;
	  --bg-bc-highlight: #0E3706E5;
	  --bg-bc-highlight-rgba: rgba(14, 55, 6, 0.9);
	  --shadow-bc-color:#00000096;
	  --border-bc-color:#267a9091;
	  --border-bc-highlight:#249D0B40;
	  --border-bc-blockquote:#249D0B40;
	  --hr-bc-color:rgba(245, 246, 246, 0.3);
	  --github-color: #9032ac;
	  --x-twitter-color: #fff;
	  --threads-color: #fff;
	  --patreon-color: #ff5900;
	}
*/

.btn-bc-dark {
	color: #f7faff;
	background-color: #00000070;
/*	background-color: var(--color-bc-primary);*/
	border-color: transparent;
}

/******************************** loader ****************************************/

	.loader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(--bg-bc-base);
		transition: opacity 0.75s, visibility 0.75s;
		z-index: 999999;
	}
	
	.loader-hidden {
		opacity: 0;
		visibility: hidden;
	}
	
	.loader::after {
		content: "";
		width: 6rem;
		height: 6rem;
		border: .3rem solid var(--border-bc-color);
		border-top-color: var(--color-bc-highlight);
		border-radius: 50%;
		animation: loading 0.75s linear infinite;
	}
	
	@keyframes loading {
		from {
			transform: rotate(0turn);
		}
		to {
			transform: rotate(1turn);
		}
	}

/******************************** pulse ****************************************/

	.pulse-bc {
	  -webkit-animation: pulse 2.1s infinite;
	}
	.pulse-bc:hover {
	  -webkit-animation: none;
	}
	
	@keyframes pulse {
	  0% {
	    opacity: 1;
	    transform: scale(1);
	  }
	  50% {
	    opacity: 0;
	    transform: scale(1.5);
	  }
	  100% {
	    opacity: 0;
	    transform: scale(1.5);
	  }
	}
	
	/*@-webkit-keyframes pulse {
	  0% {
	    @include transform(scale(.9));
	    opacity: 1;
	  }
	  70% {
	    @include transform(scale(1));
	    box-shadow: 0 0 0 50px rgba(#5a99d4, 0);
	    opacity: .75;
	  }
	    100% {
	    @include transform(scale(.9));
	    box-shadow: 0 0 0 0 rgba(#5a99d4, 0);
	    opacity: .95;
	  }
	}*/
	
	
	
	/*.pulse {
		overflow: visible;
		position: relative;
	}
	
	.pulse:before {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: inherit;
		border-radius: inherit;
		transition: opacity .3s, transform .3s;
		animation: pulse-animation 3s cubic-bezier(0.24, 0, 0.38, 1) infinite;
		z-index: -1;
	}
	
	@keyframes pulse {
	  0% {
	    opacity: 1;
	    transform: scale(1);
	  }
	  50% {
	    opacity: 0;
	    transform: scale(1.5);
	  }
	  100% {
	    opacity: 0;
	    transform: scale(1.5);
	  }
	}*/

/******************************** border ****************************************/

.svc-notch {
	clip-path: polygon(0px 20%, 0% 0px, 90% 0px, 100% 0%, 100% 80%, 90% 100%, 10% 100%, 0% 100%);
}

.border-faq {
	border-color: var(--border-bc-highlight)!important;
}

.border-bc-primary {
	border: .1em solid var(--border-bc-color);
}

.border-bc-card-footer {
	border-top: .1em solid var(--border-bc-color);
}

.border-bc-highlight {
	border-left: 0.15em solid var(--border-bc-highlight);
}

.border-bc-blockquote {
	border-left: 0.48em groove var(--border-bc-blockquote);
}

.color-bc-primary {
  color: var(--color-bc-primary)!important;
}

.color-bc-secondary {
  color: var(--color-bc-secondary)!important;
}

.color-bc-highlight {
  color: var(--color-bc-highlight)!important;
}

.color-bc-text {
  color: var(--color-bc-text)!important;
}

.color-bc-text-secondary {
  color: var(--color-bc-text-secondary) !important;
}

.color-bc-text-muted {
  color: var(--color-bc-text-muted) !important;
}

.color-bc-hr{
  color: var(--hr-bc-color) !important;
}

.color-bc-icon {
  color: var(--color-bc-text)!important;
}

.color-fa-pdf {
color: #ff2015;
}

.color-fa-doc {
color: #2a7cd3;
}

.color-fa-xls {
color: #1fa265;
}

.color-fa-ppt {
color: #d3512f;
}

.color-fa-zip {
color: #e2910e;
}

.color-fa-mp3 {
	color: #4F9904;
}

.color-fa-images {
	color: #7a47ec;
}

.color-fa-txt {
	color: #469cf9;
}

/**** Background ****/
.bg-bc-primary {
  background-color: var(--color-bc-primary)!important;
}

.bg-bc-secondary {
  background-color: var(--color-bc-secondary)!important;
}

.bg-bc-highlight {
  background-color: var(--bg-bc-highlight)!important;
}

.bg-bc-highlight-op {
  background-color: rgba(var(--bg-bc-highlight-rgba), 0.7);
}

.bg-bc-base {
  background-color: var(--bg-bc-base)!important;
}

/* Buttons */
.primary-button-mw {
  color: var(--color-bc-primary);
  background-color: var(--color-bc-secondary);
}

.secondary-button-mw {
  color: var(--color-bc-secondary);
  background-color: var(--color-bc-primary);
}

/* Cards */
.card-secondary-mw {
  background-color: var(--color-bc-secondary);
  color: var(--color-bc-primary);
}

/* Accordion */
.accordion-button-bc {
  color: var(--color-bc-primary);
}

/*Contact Buttons*/
.contact-button {
  /*border: .3rem solid var(--bg-bc-base);
  background-color: var(--color-bc-primary);
  border-radius: 50%;*/
  padding: 1rem;
}

.shadow-sm {
  box-shadow: -1px 0rem 1rem 0px var(--shadow-bc-color) !important;
}

.shadow-lg {
  box-shadow: 0 0.125rem 1.5rem 0.1125rem var(--shadow-bc-color) !important;
}

@media (min-width: 768px) { 
  .bizcard-container{
      scrollbar-width: none;
  }
  .bizcard-container::-webkit-scrollbar {
      display: none;
  }
}

.mw-title{
  border-bottom: 1px dotted var(--color-bc-highlight);
  padding-bottom: .4rem;
  padding-left: .5rem;
  padding-right: .5rem;
}


/* Animations */

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(9%);
	}
	100% {
		transform: translatey(0px);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.floatEffect1{
  animation: float 7s ease-in-out infinite;
}
.floatEffect2{
  animation: float 6s ease-in-out infinite;
}
.floatEffect3{
  animation: float 5s ease-in-out infinite;
}
.floatEffect4{
  animation: float 4s ease-in-out infinite;
}

/* YT */
.play-button-overlay {
  position: relative;
  display: inline-block;
}

.play-button-overlay img {
  display: block;
}

.play-button-overlay::before {
  content: '\25B6'; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 3em; 
  pointer-events: none;
  z-index: 1;
}

.avatar-video {
  width: 5.43rem;
  height: auto;
}

.mw-cover{
  mask-image: linear-gradient(black, transparent);
}

.mw-logo-img-center{
  top: -4rem;
  overflow: hidden;
/*  border: 2px solid var(--color-bc-primary);*/
}

.mw-logo-img-left{
  top: -2rem;
  overflow: hidden;
/*  border: 2px solid var(--color-bc-primary);*/
}

.mw-logo-img-no-cover{
  margin-top: 3rem;
  overflow: hidden;
/*  border: 2px solid var(--color-bc-primary);*/
}

.videoGallery .media-viewer {
  position: relative;
  display: block;
  flex: 1 1 calc(50% - 10px);
  max-width: calc(50% - 10px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 9.9rem;
/*  aspect-ratio: 1;*/
}

.popover-body {
  color: #212529;
  font-weight: semibold;
}

.color-bc-hr-blue {
  color: #5a90c4 !important;
}

.color-bc-hr-green {
  color: #23b0b9 !important;
}

.dash-link:hover {
  opacity: 0.8;
}

.link-toast {
	color: #0b898f !important;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-style: dashed;
}

.link-toast:hover {
	opacity: 0.8;
}

.pagination-dark {
	--bs-pagination-bg: #0d1929;
	--bs-pagination-active-bg: #2a3749;
	--bs-pagination-active-border-color: #2a3749;
	--bs-pagination-disabled-color: #383f46;
  	--bs-pagination-disabled-bg: #172231;
}

.profile-stats{
  display: flex;
  justify-content: start;
}

.alert-soft-helpers {
  color: #a4d5ff;
  background-color: rgba(126, 159, 221, 0.15);
}

@media (min-width: 1550px) { 
  .profile-stats{
    justify-content: space-between;
  }
}

/* Mosaic Grid Container */
.mosaic-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 3px;
}

/* Mosaic Grid Items */
.mosaic-item {
  position: relative;
  overflow: hidden;
  border-radius: 0rem;
}

/* Image Styling */
.mosaic-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover; /* Ensure images cover the area */
}

/* Caption Container */
.caption-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  color: white;
  padding: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Caption Text */
.caption-text {
  flex-grow: 1;
  text-align: left;
}

/* Link Icon */
.caption-container a {
  color: white;
  text-decoration: none;
}

.card-img-top {
	border-top-left-radius: 0!important;
	border-top-right-radius: 0!important;
}