/* Font-style */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
body {
  font-family: "Inter", sans-serif;
}

/* About me - text line clamping (expert page > about me) */
.line-clamp-10 {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* About me - text opacity (expert page > about me) */
.opacity-bottom,
opacity-bottom2 {
  position: relative;
}
.opacity-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25px;
  pointer-events: none;
}
.opacity-bottom2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 25px;
  width: 100%;
  height: 48px;
  pointer-events: none;
}
[data-theme="light"] .opacity-bottom::after {
  background: rgba(255, 255, 255, 0.8);
}
[data-theme="light"] .opacity-bottom2::before {
  background: rgba(255, 255, 255, 0.6);
}
[data-theme="dark"] .opacity-bottom::after {
  background: rgba(29, 35, 42, 0.9);
}
[data-theme="dark"] .opacity-bottom2::before {
  background: rgba(29, 35, 42, 0.7);
}
[data-theme="business"] .opacity-bottom::after {
  background: rgba(32, 32, 32, 0.9);
}
[data-theme="business"] .opacity-bottom2::before {
  background: rgba(32, 32, 32, 0.7);
}
[data-theme="dark"] .opacity-bottom::after {
  background: rgba(29, 35, 42, 0.9);
}
[data-theme="dark"] .opacity-bottom2::before {
  background: rgba(29, 35, 42, 0.7);
}

/* expert page > movile menu - handle modal scroll */
.no-scroll {
  overflow: hidden;
}

/* Sliders - SwiperJS Custom CSS */
.swiper-button-next,
.swiper-button-prev {
  color: #ffb000 !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 24px !important;
}
.swiper-pagination-bullet {
  width: 14px !important;
  height: 14px !important;
  background-color: rgb(152, 152, 152) !important;
}
.swiper-pagination-bullet-active {
  background-color: #ffb000 !important;
}

/* Change position of faqs list icon  */
.collapse-plus > .collapse-title,
.collapse-plus > .collapse-title:after {
  margin-bottom: -12px;
}

/* handle theme-based coloring */
.theme-icon {
  filter: invert(1);
}
/* Light theme */
[data-theme="light"] .theme-icon {
  filter: invert(0);
}
/* Dark theme */
[data-theme="business"] .theme-icon {
  filter: invert(1);
}

/* ScrollBar Customization */
#expert_main_sec_scroll_cont{
  scrollbar-color: #4d535c #1d232a !important; /* Thumb color, Track color */
}
#expert_main_sec_scroll_cont:hover {
  scrollbar-color: #6f7681 #1d232a !important; /* Thumb color, Track color */
}