body {
  font-feature-settings: "salt";
}

h1,
h2 {
  font-weight: 700;
}

section {
  padding: 30px 0;
}

.title {
  margin-bottom: 50px;
}
.title h2 {
  font-weight: 600;
}
.title h5 {
  font-weight: 500;
}

.landing-page {
  overflow-x: hidden;
  background: var(--bs-body-bg);
}
@media (min-width: 1600px) {
  .landing-page .container {
    max-width: 1200px;
  }
}


.header {
  overflow: hidden;
  position: relative;
  padding: 100px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10vh;
  background: url("../images/authentication/img-auth-bg.jpg");
  background-size: cover;
  flex-direction: column;
}
[data-pc-theme=dark] .header {
  overflow: hidden;
  position: relative;
  padding: 100px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10vh;
  background: url("../images/authentication/img-auth-bg-dark.jpg");
  background-size: cover;
  flex-direction: column;
}

.header-v2 {
  overflow: hidden;
  position: relative;
  padding: 40px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1vh;
  background-size: cover;
  flex-direction: column;
}
[data-pc-theme=dark] .header-v2 {
  overflow: hidden;
  position: relative;
  padding: 40px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1vh;
  background-size: cover;
  flex-direction: column;
}

.badge-custom {
 display: inline-flex;
 align-items: center;
 gap: 5px;
 background-color: #ffffff;
 border: 1px solid #dee2e6;
 padding: 5px 10px;
 font-size: 13px;
}
[data-pc-theme=dark] .badge-custom {
 background-color: #2C333B;
 border: 1px solid #444c56;
}
.badge-custom i {
 font-size: 20px;
}

.skeleton {
 position: relative;
 overflow: hidden;
 background-color: #dee2e6;
 --sk-color: #ffffff80;
}

[data-pc-theme="dark"] .skeleton {
 background-color: #495057;
 --sk-color: #5c6b8a;
}

.skeleton.animate-wave::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(90deg, transparent, var(--sk-color), transparent);
 animation: skeleton-wave 1.5s ease-in-out 0.5s infinite;
}

@keyframes skeleton-wave {
 0% {
 transform: translateX(-100%);
 }
 50%, 100% {
 transform: translateX(100%);
 }
}

.btn-animate {
 position: relative;
 overflow: hidden;
 --btna-color: #ffffff80;
}

.btn-animate::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(90deg, transparent, var(--btna-color), transparent);
 animation: btn-animate 1.5s ease-in-out 0.5s infinite;
}

@keyframes btn-animate {
 0% {
 transform: translateX(-100%);
 }
 50%, 100% {
 transform: translateX(100%);
 }
}

.alert-animate {
 position: relative;
 overflow: hidden;
 --alert-animate-color: #ffffff80;
}

.alert-animate::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(90deg, transparent, var(--alert-animate-color), transparent);
 animation: alert-animate 1.5s ease-in-out 0.5s infinite;
}

@keyframes alert-animate {
 0% {
 transform: translateX(-100%);
 }
 50%, 100% {
 transform: translateX(100%);
 }
}


.card-animate {
 position: relative;
 overflow: hidden;
 --card-animate-color: #ffffff80;
}

[data-pc-theme="dark"] .card-animate {;
 --card-animate-color: #5c6b8a;
}

.card-animate::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(90deg, transparent, var(--card-animate-color), transparent);
 animation: card-animate 1.5s ease-in-out 0.8s infinite;
}

@keyframes card-animate {
 0% {
 transform: translateX(-100%);
 }
 50%, 100% {
 transform: translateX(100%);
 }
}

[data-pc-theme="dark"] .ql-toolbar {
  background-color: #2C333B !important; 
  border-color: #333 !important; 
}

[data-pc-theme="dark"] .ql-container {
  border-color: #333 !important;
}

.ql-editor {
  min-height: 130px !important;
}

[data-pc-theme="dark"] .ql-editor {
  min-height: 130px !important;
  color: #fff !important;
}

[data-pc-theme="dark"] .ql-editor::before {
  color: #ffffff !important;
  opacity: 0.4 !important;
}

[data-pc-theme="dark"] .ql-picker {
  color: #ffffff !important;
}

[data-pc-theme="dark"] .ql-picker-label {
  background-color: #2C333B !important;
  color: #ffffff !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
  border: none !important;
}

[data-pc-theme="dark"] .ql-picker-options {
  background-color: #333 !important;
  border: 1px solid #444c56 !important;
}

[data-pc-theme="dark"] .ql-picker-item {
  color: #fff !important;
}

[data-pc-theme="dark"] .ql-picker-item:hover {
  background-color: #222 !important;
}

.ql-tooltip {
  margin-left: 8.8rem !important;
}

[data-pc-theme="dark"] .ql-tooltip {
  background-color: #121212 !important;
  color: #ffffff !important; 
  margin-left: 8.8rem !important;
  border: 1px solid #333 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8) !important;
}

[data-pc-theme="dark"] .ql-tooltip input[type="text"] {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border: 1px solid #444 !important;
  padding: 6px 8px !important;
}

[data-pc-theme="dark"] .ql-tooltip input::placeholder {
  color: #aaa !important;
  opacity: 0.6 !important;
}

[data-pc-theme="dark"] .ql-tooltip a {
  color: #4ea1ff !important;
  text-decoration: none !important;
}

[data-pc-theme="dark"] .ql-tooltip .ql-action::after,
[data-pc-theme="dark"] .ql-tooltip .ql-remove::after {
  color: #ffffff !important;
}

[data-pc-theme="dark"] .ql-tooltip .ql-action:hover,
[data-pc-theme="dark"] .ql-tooltip .ql-remove:hover {
  background-color: #222 !important;
  cursor: pointer !important;
}

.hero-text-gradient {
  --bg-size: 400%;
  --color-one: rgb(37, 161, 244);
  --color-two: rgb(249, 31, 169);
  background: linear-gradient(90deg, var(--color-one), var(--color-two), var(--color-one)) 0 0/var(--bg-size) 100%;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: move-bg 24s infinite linear;
}

@keyframes move-bg {
  to {
    background-position: var(--bg-size) 0;
  }
}

.bg-gradient-to-b {
background-image:linear-gradient(to bottom,var(--bg-primary)) !important;
}

.bg-gradient-to-br {
background-image:linear-gradient(to bottom right,var(--bg-primary)) !important;
}

.bg-gradient-to-l {
background-image:linear-gradient(to left,var(--bg-primary)) !important;
}

.bg-gradient-to-r {
background-image:linear-gradient(to right,var(--bg-primary)) !important;
}

.bg-gradient-to-t { 
background-image:linear-gradient(to top,var(--bg-primary)) !important;
}


.btn-mw-100 {
  min-width: 100px !important;
}

.btn-mw-110 {
  min-width: 110px !important;
}

.btn-mw-120 {
  min-width: 120px !important;
}

.btn-mw-130 {
  min-width: 130px !important;
}

.btn-mw-140 {
  min-width: 140px !important;
}

.btn-mw-150 {
  min-width: 150px !important;
}

.btn-mw-160 {
  min-width: 160px !important;
}

.btn-mw-170 {
  min-width: 170px !important;
}

.btn-mw-180 {
  min-width: 180px !important;
}

.btn-mw-190 {
  min-width: 190px !important;
}

.btn-mw-200 {
  min-width: 200px !important;
}

.logo-container {
  align-items: center;
  font-family: 'Poppins', sans-serif;
  font-size: 26px;
  color: #2D75FF;
  user-select: none;
}

.logo-container img {
  height: 34px;
  margin-right: 2px;
  margin-top: -10px;
}

.logo-text-regular {
  font-weight: 400;
}

.logo-text-bold {
  font-weight: 700;
}