@import url(./font.css);
:root {
  --primary-color: #44bda7;  /* # ff657e */
  --secondary-color: #34877c;
  --third-color: 2, 14, 30;  /*83bbe5;*/
  --light-green-color: #3AC78B55;
  --dark-color: #181515;
  --yellow-color: #FC910F;
  --orange-color: #bd6801;
  --green-color: #22C045;
  --red-color: #ff3737;
  --blue-color: #0E45D2;
  --light-blue-color: #c9d7f3;

  --white: #ffffff;
  --red: #D71212;
  --gray: #333333;
  --gray-semi-color: #b8b8b8;
  --black: #221d1d;

  --dark-bg-color: #112B4E;
  --dark-hover-color: #2b5996;
  --boomer-yellow: #FACF5D;
}

:root {
  --kt-dark: #000000;
  --kt-dark-active: #151515;
  
  --kt-primary: #E0B869;
  --kt-text-primary: #E0B869;
  --kt-scrolltop-bg-color: #E0B869;
  --kt-scrolltop-bg-color-hover: #E0B869;
  --kt-primary-active: #e7c67b;
  --kt-primary-light: #fae7c2;
}

body {
  font-family: 'Satoshi-Regular';
}
.hidden {
  display: none!important;
}

.btn.btn-icon i {
  font-size: 1.5rem;
}
.div-between {
  display: flex;
  justify-content: space-between;
}
.show-on-mobile {
  display: none!important;
}
.full-width {
  width: 100%!important;
}
.color-palette {
  width: 64px;
  height: 64px;
  border-radius: 5px;
  text-align: center;
  font-family: monospace;
  font-weight: 700;
  color: white;
  font-size: 3.3rem;
}
.deep-blue {
  background-color: #0057B8;
}
.bright-red {
  background-color: #E60012;
}
.off-white {
  background-color: #e9e9e9;
  color: #333333;
}
.neon-purple {
  background-color: #8A2BE2;
}
.cyber-yellow {
  background-color: #FFD700;
}
.dark-gray {
  background-color: #333333;
}
.neopurple {
  background-color: #8A2BE2;
}
[data-kt-app-layout="dark-header"] .app-header {
  background-color: var(--dark-bg-color);
}
[data-kt-app-layout="dark-header"] .app-header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), [data-kt-app-layout="dark-header"] .app-header-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) {
  background-color: var(--dark-hover-color);
}
[data-kt-app-layout="dark-header"] .app-header-menu .menu > .menu-item.here > .menu-link {
  background-color: var(--dark-bg-color);
  color: var(--boomer-yellow);
}
.app-header.boomer-header {
  /* background-color: var(--kt-light);
  box-shadow: none; */
  /* border-bottom: 1px solid var(--kt-gray-300); */
  /* border-bottom-color: var(--kt-gray-200); */
}
html:not([data-theme="dark"]) {
  --kt-app-bg-color: #ffffff;
}
.app-default, body {
  background-color: var(--kt-app-bg-color);
  /* background-color: var(--white); */
}
.app-header {

}
[data-kt-sticky-landing-header="on"] .landing-header .menu .menu-link.active {
  color: #000000;
  background-color: rgba(239, 242, 245, 0);
}
/* body:not([data-kt-app-toolbar-fixed="true"]) .app-toolbar.boomer-toolbar {
  background-color: var(--kt-light);
  box-shadow: none;
  border-bottom: 1px solid var(--kt-gray-300);
} */
.hero {
  min-height: calc(100vh - 100px);
}
.bg-hero {
  background-image: url(../images/frontend/hero.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.hero-img-avatar {
  height: 60px;
  height: 60px;
  object-fit: cover;
}
.account-label {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ucfirst:first-letter {
  text-transform: uppercase;
}
.fit {
  width: 100%;
  height: 100%;
}
.text-underline {
  text-decoration: underline;
}
.bg-img-center {
  background-position: center;
  background-repeat: no-repeat;
}
.no-resize {
  resize: none;
}
.px-0 {
  padding-left: 0!important;
  padding-right: 0!important;
}
.fs-xs {
  font-size: 0.75rem!important;;
}
.landing-header {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  height: auto;
}
.landing-header .menu .menu-link.active {
  color: var(--black);
  font-weight: bold;
}
.btn.btn-primary {
  color: var(--kt-dark);
  border-color: var(--kt-primary);
  background-color: var(--kt-primary);
}
.bg-blend-primary {
  background: #ffffff12;
  border: 1px solid var(--kt-primary);
  color: var(--kt-primary);
  display: inline-block;
}
.hero .title1 {
  font-family: 'PlusJakartaSans-Bold';
}
.btn-custom:hover svg path {
  fill: var(--white);
}
.ft-satoshi-regular {
  font-family: 'Satoshi-Regular';
}
.ft-plusjakarta {
  font-family: 'PlusJakartaSans-Regular';
}
.ft-plusjakarta-semibold {
  font-family: 'PlusJakartaSans-SemiBold';
}
.ft-plusjakarta-bold {
  font-family: 'PlusJakartaSans-Bold';
}
.section-carousel {
  background-image: url(../images/frontend/rectangle.png);
  background-position: left;
  background-repeat: no-repeat;
}
.bg-testimonials {
  background-image: url(../images/frontend/testimonials.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonial-content {
  background-image: url(../images/frontend/comma.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: 60px;
}
.min-w-33 {
  min-width: 33%!important;
}
.min-w-40 {
  min-width: 40%!important;
}
.footer-letstalk {
  background-image: url(../images/frontend/letstalk.svg);
  background-position-x: left;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.card-unit {
  cursor: pointer;
}
.card-unit:hover {
  background-color: var(--kt-scrolltop-bg-color-hover);
}
.card-unit:hover * {
  color: var(--white)!important;
}
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-title {
  color: var(--kt-gray-900);
  font-weight: 600;
}
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon, [data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon, [data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
  color: var(--kt-gray-900);
}
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link.active {
  transition: color 0.2s ease;
  background-color: transparent;
  color: var(--kt-primary);
}

[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link.active path {
  fill: var(--kt-primary);
}

.fill-dark {
  /* fill: var(--dark-color); */
}
table.dataTable.transaction-grid {
  border-spacing: 0 5px;;
  font-family: 'PlusJakartaSans-Regular';
}
.transaction-grid .table.table-row-gray-300 tr {
  border-bottom-color: var(--kt-gray-300);
}
.table.transaction-grid tbody tr {
  background-color: #F1F8F7;
}
.table.transaction-grid tr td:first-child, .table.transaction-grid tr th:first-child {
  padding-left: 20px;
}
.table.transaction-grid tbody tr td:first-child {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.table.transaction-grid tbody tr td:last-child {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

.active > .page-link, .page-link.active {
  color: var(--bs-pagination-active-color);
  background-color: var(--dark-color);
  border-color: var(--bs-pagination-active-border-color);
}

.boat-accordion .accordion-button:not(.collapsed) {
  color: var(--dark-color);
  /* background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(var(--bs-accordion-border-width)* -1) 0 var(--bs-accordion-border-color); */
}
.border-primary {
  border-color: var(--kt-primary) !important;
}
.text-left {
  text-align: left!important;
}

@media screen and (max-width: 990px) {
  .app-sidebar {
    /* display: flex; */
  }
  .hidden-mobile {
    display: none!important;
  }
  .show-on-mobile {
    display: block;
  }
  #kt_sign_in_form {
    min-width: 70vw;
  }
}

@media screen and (max-width: 767px) {
  .show-on-mobile {
    display: block!important;
  }
  .hero {
    height: 70vh;
  }
  .hero-img-avatar {
    height: 40px;
    height: 40px; 
  }
  .sm-hidden {
    display: none!important;
  }
}
