html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
  padding-top: 56px;
  font-family: poppins,sans-serif;
	font-size: .99rem;
	font-weight: 400;
	line-height: 1.5;
	color: #505d69;
	color: #535353;
  position: relative;
  min-height: 100%;
}

@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-top { background-color: #6f42c2; }
.rounded-circle {
	border-radius: 50% !important;
}
	canvas{
		min-height: 350px;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
	.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius: .375rem;
  background-color: #fff;
  background-clip: border-box;
}

.card-body {
  padding: 1.5rem;
  flex: 1 1 auto;
}

.card-title {
  margin-bottom: 1.25rem;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.icon {
  width: 3rem;
  height: 3rem;
}

.icon svg {
  font-size: 2.25rem;
}

.icon-shape {
  display: inline-flex;
  padding: 12px;
  text-align: center;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.icon-shape svg {
  font-size: 1.25rem;
}
.total-acc {
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 11px;
	padding: 5px 10px;
	border-radius: 6px 0 0;
	color: #fff;
	font-weight: 400;
	background: rgba(0,0,0,.6);
}
.cookie-accept {
    max-width: 300px;
    width: 100%;
    right: 20px;
    height: auto;
    z-index: 9999;
    bottom: 0px;
}
/*****************/
/*    Header     */
/*****************/
.header {
	position: relative;
	overflow: hidden;
	padding-top: 6rem;
	padding-bottom: 17rem;
}

.header .text-container {
	margin-bottom: 4rem;
	text-align: center;
}

.header .h1-large {
	margin-bottom: 1.375rem;
	color: #ffffff;
}

.header .p-large {
	margin-bottom: 2rem;
	color: #ffffff;
}

.header .ocean { 
	height: 2%;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #ffffff;
}

.header .wave {
	background: url('/assets/img/wave.svg') repeat-x; 
	position: absolute;
	top: -190px;
	width: 6400px;
	height: 198px;
	animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
	transform: translate3d(0, 0, 0);
}

.header .wave:nth-of-type(2) {
	top: -170px;
	animation: wave 7s ease-in-out -.125s infinite, swell 7s cubic-bezier(.86,0,.07,1) -1.25s infinite;
	opacity: 1;
}
  
/* Wave Animation */
@keyframes wave {
	0% {
		margin-left: 0;
	}
	100% {
		margin-left: -1600px;
	}
}

@keyframes swell {
	0%, 100% {
		transform: translate3d(0,-25px,0);
	}
	50% {
		transform: translate3d(0,5px,0);
	}
}
/* end of wave animation */

.card {
	box-shadow: 0 0.15rem 1.75rem 0 rgba(31, 45, 65, 0.15);
	overflow: hidden;
	position: relative;
	box-shadow:rgba(35,46,60,.04) 0 2px 4px 0;
	border:1px solid rgba(101,109,119,.16);
}
@-webkit-keyframes status-pulsate-main {
 40% {
  transform:scale(1.25,1.25)
 }
 60% {
  transform:scale(1.25,1.25)
 }
}
@keyframes status-pulsate-main {
 40% {
  transform:scale(1.25,1.25)
 }
 60% {
  transform:scale(1.25,1.25)
 }
}
@-webkit-keyframes status-pulsate-secondary {
 10% {
  transform:scale(1,1)
 }
 30% {
  transform:scale(3,3)
 }
 80% {
  transform:scale(3,3)
 }
 100% {
  transform:scale(1,1)
 }
}
@keyframes status-pulsate-secondary {
 10% {
  transform:scale(1,1)
 }
 30% {
  transform:scale(3,3)
 }
 80% {
  transform:scale(3,3)
 }
 100% {
  transform:scale(1,1)
 }
}
@-webkit-keyframes status-pulsate-tertiary {
 25% {
  transform:scale(1,1)
 }
 80% {
  transform:scale(3,3);
  opacity:0
 }
 100% {
  transform:scale(3,3);
  opacity:0
 }
}
@keyframes status-pulsate-tertiary {
 25% {
  transform:scale(1,1)
 }
 80% {
  transform:scale(3,3);
  opacity:0
 }
 100% {
  transform:scale(3,3);
  opacity:0
 }
}
.status {
  --tblr-status-height: 1.5rem;
  --tblr-status-color: #616876;
  --tblr-status-color-rgb: 97, 104, 118;
  display: inline-flex;
  align-items: center;
  height: var(--tblr-status-height);
  padding: .25rem .75rem;
  gap: .5rem;
  color: var(--tblr-status-color);
  background: rgba(var(--tblr-status-color-rgb), 0.1);
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: normal;
  border-radius: 100rem;
  font-weight: var(--tblr-font-weight-medium);
  line-height: 1;
  margin: 0; }
  .status .status-dot {
    background: var(--tblr-status-color); }
  .status .icon {
    font-size: 1.25rem; }

.status-lite {
  border: var(--tblr-border-width) solid var(--tblr-border-color) !important;
  background: transparent !important;
  color: var(--tblr-body-text) !important; }

.status-primary {
  --tblr-status-color: #206bc4;
  --tblr-status-color-rgb: 32, 107, 196; }

.status-secondary {
  --tblr-status-color: #616876;
  --tblr-status-color-rgb: 97, 104, 118; }

.status-success {
  --tblr-status-color: #2fb344;
  --tblr-status-color-rgb: 47, 179, 68; }

.status-info {
  --tblr-status-color: #4299e1;
  --tblr-status-color-rgb: 66, 153, 225; }

.status-warning {
  --tblr-status-color: #f76707;
  --tblr-status-color-rgb: 247, 103, 7; }

.status-danger {
  --tblr-status-color: #d63939;
  --tblr-status-color-rgb: 214, 57, 57; }

.status-light {
  --tblr-status-color: #f8fafc;
  --tblr-status-color-rgb: 248, 250, 252; }

.status-dark {
  --tblr-status-color: #1d273b;
  --tblr-status-color-rgb: 29, 39, 59; }

.status-muted {
  --tblr-status-color: #616876;
  --tblr-status-color-rgb: 97, 104, 118; }

.status-blue {
  --tblr-status-color: #206bc4;
  --tblr-status-color-rgb: 32, 107, 196; }

.status-azure {
  --tblr-status-color: #4299e1;
  --tblr-status-color-rgb: 66, 153, 225; }

.status-indigo {
  --tblr-status-color: #4263eb;
  --tblr-status-color-rgb: 66, 99, 235; }

.status-purple {
  --tblr-status-color: #ae3ec9;
  --tblr-status-color-rgb: 174, 62, 201; }

.status-pink {
  --tblr-status-color: #d6336c;
  --tblr-status-color-rgb: 214, 51, 108; }

.status-red {
  --tblr-status-color: #d63939;
  --tblr-status-color-rgb: 214, 57, 57; }

.status-orange {
  --tblr-status-color: #f76707;
  --tblr-status-color-rgb: 247, 103, 7; }

.status-yellow {
  --tblr-status-color: #f59f00;
  --tblr-status-color-rgb: 245, 159, 0; }

.status-lime {
  --tblr-status-color: #74b816;
  --tblr-status-color-rgb: 116, 184, 22; }

.status-green {
  --tblr-status-color: #2fb344;
  --tblr-status-color-rgb: 47, 179, 68; }

.status-teal {
  --tblr-status-color: #0ca678;
  --tblr-status-color-rgb: 12, 166, 120; }

.status-cyan {
  --tblr-status-color: #17a2b8;
  --tblr-status-color-rgb: 23, 162, 184; }

.status-facebook {
  --tblr-status-color: #3b5998;
  --tblr-status-color-rgb: 59, 89, 152; }

.status-twitter {
  --tblr-status-color: #1da1f2;
  --tblr-status-color-rgb: 29, 161, 242; }

.status-linkedin {
  --tblr-status-color: #0a66c2;
  --tblr-status-color-rgb: 10, 102, 194; }

.status-google {
  --tblr-status-color: #dc4e41;
  --tblr-status-color-rgb: 220, 78, 65; }

.status-youtube {
  --tblr-status-color: #ff0000;
  --tblr-status-color-rgb: 255, 0, 0; }

.status-vimeo {
  --tblr-status-color: #1ab7ea;
  --tblr-status-color-rgb: 26, 183, 234; }

.status-dribbble {
  --tblr-status-color: #ea4c89;
  --tblr-status-color-rgb: 234, 76, 137; }

.status-github {
  --tblr-status-color: #181717;
  --tblr-status-color-rgb: 24, 23, 23; }

.status-instagram {
  --tblr-status-color: #e4405f;
  --tblr-status-color-rgb: 228, 64, 95; }

.status-pinterest {
  --tblr-status-color: #bd081c;
  --tblr-status-color-rgb: 189, 8, 28; }

.status-vk {
  --tblr-status-color: #6383a8;
  --tblr-status-color-rgb: 99, 131, 168; }

.status-rss {
  --tblr-status-color: #ffa500;
  --tblr-status-color-rgb: 255, 165, 0; }

.status-flickr {
  --tblr-status-color: #0063dc;
  --tblr-status-color-rgb: 0, 99, 220; }

.status-bitbucket {
  --tblr-status-color: #0052cc;
  --tblr-status-color-rgb: 0, 82, 204; }

.status-tabler {
  --tblr-status-color: #206bc4;
  --tblr-status-color-rgb: 32, 107, 196; }

.status-dot {
  --tblr-status-dot-color: var(--tblr-status-color, #616876);
  --tblr-status-size: 0.5rem;
  position: relative;
  display: inline-block;
  width: var(--tblr-status-size);
  height: var(--tblr-status-size);
  background: var(--tblr-status-dot-color);
  border-radius: 100rem; }

.status-dot-animated:before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: inherit;
  border-radius: inherit;
  opacity: .6;
  -webkit-animation: 1s linear 2s backwards infinite status-pulsate-tertiary;
          animation: 1s linear 2s backwards infinite status-pulsate-tertiary; }

.status-indicator {
  --tblr-status-indicator-size: 2.5rem;
  --tblr-status-indicator-color: var(--tblr-status-color, #616876);
  display: block;
  position: relative;
  width: var(--tblr-status-indicator-size);
  height: var(--tblr-status-indicator-size); }

.status-indicator-circle {
  --tblr-status-circle-size: .75rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: calc(var(--tblr-status-circle-size) / -2) 0 0 calc(var(--tblr-status-circle-size) / -2);
  width: var(--tblr-status-circle-size);
  height: var(--tblr-status-circle-size);
  border-radius: 100rem;
  background: var(--tblr-status-color); }
  .status-indicator-circle:nth-child(1) {
    z-index: 3; }
  .status-indicator-circle:nth-child(2) {
    z-index: 2;
    opacity: .1; }
  .status-indicator-circle:nth-child(3) {
    z-index: 1;
    opacity: .3; }

.status-indicator-animated .status-indicator-circle:nth-child(1) {
  -webkit-animation: 2s linear 1s infinite backwards status-pulsate-main;
          animation: 2s linear 1s infinite backwards status-pulsate-main; }

.status-indicator-animated .status-indicator-circle:nth-child(2) {
  -webkit-animation: 2s linear 1s infinite backwards status-pulsate-secondary;
          animation: 2s linear 1s infinite backwards status-pulsate-secondary; }

.status-indicator-animated .status-indicator-circle:nth-child(3) {
  -webkit-animation: 2s linear 1s infinite backwards status-pulsate-tertiary;
          animation: 2s linear 1s infinite backwards status-pulsate-tertiary; }

.p-card{border:none;border-radius:10px}.c-details span{font-weight:300;font-size:13px}.f-icon{width:50px;height:35px;background-color:#bdbdbd;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:39px}.badge span{background-color:#198754;width:60px;height:25px;padding-bottom:3px;border-radius:5px;display:flex;color:#fff;justify-content:center;align-items:center}.p-progress{height:10px;border-radius:10px}.p-progress div{background-color:red}.text1{font-size:14px;font-weight:600}.text2{color:#a5aec0}

.form-help:hover, .form-help[aria-describedby] {
	color: #ffffff;
	background: #206bc4;
}
.form-help {
	display: inline-flex;
	font-weight: 600;
	align-items: center;
	justify-content: center;
	width: 1.125rem;
	height: 1.125rem;
	font-size: .75rem;
	color: #656d77;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #dee2e6;
	border-radius: 100rem;
	transition: .3s background-color, .3s color;
	margin-left: .3rem;
}