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

h1,
h2 {
  font-weight: 700;
}

section {
  padding: 30px 0;
}

[data-pc-theme=dark] .section.bg-light-light {
  background: rgba(68, 76, 86, 0.2);
  border-color: rgba(68, 76, 86, 0.2);
}

[data-pc-theme=dark] .hero-section.bg-light-light {
  background: rgba(68, 76, 86, 0.2);
  border-color: rgba(68, 76, 86, 0.2);
}

.ads {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e6e6e6'/%3E%3Cstop offset='1' stop-color='%23eaf1ff'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%234361ee' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%234361ee' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.5'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

[data-pc-theme=dark] .ads {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23333333'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%234361ee' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%234361ee' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.5'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

.bg-cover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e6e6e6'/%3E%3Cstop offset='1' stop-color='%23eaf1ff'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%234361ee' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%234361ee' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.5'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

[data-pc-theme=dark] .bg-cover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23333333'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%234361ee' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%234361ee' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.5'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

.bg-cover-v2 {
  background: url("../images/authentication/background_2.jpg") !important;
  background-size: cover !important;
}

[data-pc-theme=dark] .bg-cover-v2 {
  background: url("../images/authentication/background_2.jpg") !important;
  background-size: cover !important;
}

.bg-cover-v3 {
  background: url("../images/authentication/background_3.jpg") !important;
  background-size: cover !important;
}

[data-pc-theme=dark] .bg-cover-v3 {
  background: url("../images/authentication/background_3.jpg") !important;
  background-size: cover !important;
}

.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: #ffffff;
  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: #1A222D;
  flex-direction: column;
}

.header-v2 {
  overflow: hidden;
  position: relative;
  padding: 40px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1vh;
  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;
  flex-direction: column;
}

.badge-custom {
 display: inline-flex;
 align-items: center;
 gap: 5px;
 background-color: #e9e9ea;
 border: 1px solid #e9e9ea;
 color: #5B6B79;
 padding: 5px 10px;
 font-size: 13px;
}
[data-pc-theme=dark] .badge-custom {
 background-color: rgba(68, 76, 86, 0.2) !important;
 border: 1px solid rgba(68, 76, 86, 0.2);
 color: var(--bs-body-color);
}
  
.badge-custom i {
 font-size: 20px;
}

.bg-custom {
 background-color: #e9e9ea;
 border: 1px solid #e9e9ea;
 color: #5B6B79;
}

[data-pc-theme=dark] .bg-custom {
 background-color: rgba(68, 76, 86, 0.2) !important;
 border: 1px solid rgba(68, 76, 86, 0.2);
 color: var(--bs-body-color);
}

.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-165 {
  min-width: 165px !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;
}

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

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

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

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

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

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

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

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

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

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

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

.logo-container img {
  height: 30px !important;
  margin-right: 3px !important;
  margin-top: -5px !important;
}

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

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

.support-team-block {
  overflow: hidden;
  background-size: cover;
}
.support-team-block .support-card {
  width: 420px;
  margin-bottom: 0;
}
.support-team-block .support-card p {
  white-space: pre-wrap;
  height: 62px;
  overflow: hidden;
}

.marquee-list {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  margin-bottom: 20px;
}
.marquee-list li {
  margin: 0 10px;
  cursor: pointer;
}
.marquee-list li:hover {
  opacity: 1;
}

.marquee-text {
  position: relative;
  height: 150px;
  display: inline-flex;
}
.marquee-text .js-marquee {
  margin-right: 0 !important;
}

.img-suggest-moke {
  max-width: 1110px;
  float: right;
}

.client-block img {
  transition: all 0.08s cubic-bezier(0.37, 0.24, 0.53, 0.99);
  filter: grayscale(1);
  opacity: 0.4;
  cursor: pointer;
}
.client-block img:hover {
  filter: grayscale(0);
  opacity: 1;
}

@media (max-width: 767.98px) {
  .img-suggest-moke {
    max-width: 100%;
    float: none;
    margin-bottom: 30px;
  }
  .workspace-card-block .card .card-body {
    display: flex;
    align-items: flex-start;
  }
  .workspace-card-block .card .card-body .avtar {
    margin-right: 24px;
    flex-shrink: 0;
  }

[data-pc-direction=rtl] .marquee-1,
[data-pc-direction=rtl] .marquee {
  direction: ltr;
  float: left;
}
[data-pc-direction=rtl] .marquee-1 .d-flex,
[data-pc-direction=rtl] .marquee .d-flex {
  flex-direction: row-reverse;
}

.absolute {
    position: absolute !important;
}

.fixed {
    position: fixed !important;
}

.relative {
    position: relative;
}

.static {
    position: static;
}

.sticky {
    position: sticky;
}

.z-999 {
  z-index: 999 !important;
}

.z-9999 {
  z-index: 9999 !important;
}

.z-99999 {
  z-index: 99999 !important;
}

.z-999999 {
  z-index: 999999 !important;
}

.z-9999999 {
  z-index: 9999999 !important;
}

.bottom-20 {
  bottom: 20% !important;
}

.bottom-10 {
  bottom: 10% !important;
}

.bottom-5 {
  bottom: 10% !important;
}

.offerwall-card {
  position: relative;
  overflow: hidden;
}

.offer-badge {
  margin-top: -1.5px !important;
  margin-right: 0.1px !important;
}

.ptc-badge {
  margin-top: 0.2px !important;
  margin-right: 0.2px !important;
}

.fixed-badge {
  margin-top: -1.5px !important;
  margin-right: 0.1px !important;
}

.locked-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Background image with blur overlay */
  /*background: url("../images/authentication/img-auth-bg.jpg") center/cover no-repeat;. */
  backdrop-filter: blur(1px); /* content blur */
  display: flex;
  justify-content: center;
  align-items: center;
  /* font-weight: bold;
  font-size: 1.2rem;
  color: #ff0000; */
  z-index: 2;
  pointer-events: none;
  transition: all 0.3s ease;
}

/* [data-pc-theme="dark"] .locked-overlay {
   background: url("../images/authentication/img-auth-bg-dark.jpg"); 
  color: #ffd700;
} */

.input-icon {
  z-index: 1;
  padding: 20px 28px;
  color: #0212529;
  margin-right: -20px;
  background: #e9e9ea;
  border-radius: 5px;
}


.statistics-card-1 .card-body {
  position: relative;
  overflow: hidden;
}
.statistics-card-1 .card-body > * {
  position: relative;
  z-index: 5;
}
.statistics-card-1 .card-body .img-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.btn-bg-gradient-primary {
  background: linear-gradient(to left, var(--gr-primary));
  border: none !important;
}

notyf {
  z-index: 1000000!important;
}

.notyf__toast.my-success {
  background: linear-gradient(-135deg, var(--gr-green));
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.notyf__toast.my-danger {
  background: linear-gradient(-135deg, var(--gr-maroon));
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.notyf__toast.my-warning {
  background: linear-gradient(135deg, var(--gr-secondary));
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.notyf__toast.my-primary {
  background: linear-gradient(-135deg, var(--gr-primary));
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.notyf__icon i {
  font-size: 20px;
  color: white;
  margin-top: -2px;
}