@charset "UTF-8";
/* super-markdown-style */
/*
Theme Name: Super Markdown Theme
Theme URI: https://example.com/
Author: Antigravity Dev
Author URI: https://example.com/
Description: Theme biến WordPress thành Flat-file CMS siêu nhanh, đọc trực tiếp từ Markdown files.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: super-markdown-theme
*/

:root {
  --font-primary: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --bg-primary: #0b0f19;
  --bg-secondary: #151d30;
  
  --accent-primary: #005eff;
  --accent-secondary: #beff01;

  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #64748b;

  --border-color: rgba(255, 255, 255, 0.08);
  --radius-md: 16px;
  
  /* Typography Fallbacks */
  --text-base: 1.1rem;
  --h1-size: 2.5rem;
  --h2-size: 1.8rem;
  --h3-size: 1.4rem;
}

html, body {
  overflow-x: clip;
}

body {
  margin: 0;
  font-family: var(--font-primary);
  background-color: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.6;
  display: flow-root; /* Prevents margin collapsing of child elements which pushed the header down */
}

/* Adjust sticky header position when WordPress Admin Bar is showing */
body.admin-bar header.sticky {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  body.admin-bar header.sticky {
    top: 46px !important;
  }
}

.container {
  max-width: 1240px; /* Expanded from 800px for a spacious modern desktop layout */
  margin: 0 auto;
  padding: 0 2rem;
}

.main-content-wrapper {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* Comment out global header style to avoid conflicts with X-DMAIC template styling
header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--bg-header, rgba(11, 15, 25, 0.75));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border-color);
  padding: 1rem 0;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}
*/



.glass-panel {
  background: var(--bg-glass, rgba(21, 29, 48, 0.7));
  backdrop-filter: blur(12px);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  padding: 2rem;
  margin-bottom: 2rem;
}



/* Markdown Prose - Optimized Typography System */
.prose {
  font-family: var(--font-body), sans-serif;
  color: var(--text-secondary);
  font-size: var(--text-base);
  line-height: 1.5;
}

.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
  font-family: var(--font-display), sans-serif;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary);
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.prose h1 { font-size: 2.25rem; margin-top: 0; }
.prose h2 { font-size: 1.75rem; border-bottom: 1px solid var(--border-color); padding-bottom: 0.5rem; }
.prose h3 { font-size: 1.4rem; }
.prose h4 { font-size: 1.2rem; }
.prose h5 { font-size: 1.1rem; }
.prose h6 { font-size: 1rem; }

.prose p {
  color: var(--text-secondary);
  margin-top: 0;
  margin-bottom: 1.8rem;
}

.prose strong, .prose b {
  color: var(--text-primary);
  font-weight: 700;
}

.prose em, .prose i {
  font-style: italic;
}

.prose del {
  text-decoration: line-through;
  opacity: 0.7;
}

/* Bullet list (Unordered) */
.prose ul {
  list-style: disc inside !important;
  padding-left: 1.5rem !important;
  margin-top: 0.5rem !important;
  margin-bottom: 1.5rem !important;
}

.prose ul li {
  list-style: disc inside !important;
  display: list-item !important;
}

/* Numbered list (Ordered) */
.prose ol {
  list-style: decimal inside !important;
  padding-left: 1.5rem !important;
  margin-top: 0.5rem !important;
  margin-bottom: 1.5rem !important;
}

.prose ol li {
  list-style: decimal inside !important;
  display: list-item !important;
}

.prose li {
  line-height: 1.6 !important;
  margin-bottom: 0.5rem !important;
  color: var(--text-secondary);
}

.prose li > p {
  margin-top: 0 !important;
  margin-bottom: 0.25rem !important;
  display: inline;
}

/* Support nested lists */
.prose ul ul, .prose ol ul {
  list-style: circle inside !important;
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  padding-left: 1.5rem !important;
}

.prose ul ul li, .prose ol ul li {
  list-style: circle inside !important;
}

.prose ol ol, .prose ul ol {
  list-style: lower-alpha inside !important;
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  padding-left: 1.5rem !important;
}

.prose ol ol li, .prose ul ol li {
  list-style: lower-alpha inside !important;
}

/* Blockquotes styling (Premium standard) */
.prose blockquote {
  border-left: 4px solid var(--accent-primary);
  background: var(--bg-secondary);
  padding: 1.25rem 1.75rem;
  margin: 1.8rem 0;
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: var(--text-primary);
}

.prose blockquote p {
  margin: 0 !important;
  color: var(--text-secondary) !important;
  line-height: 1.7 !important;
}

/* Code block container */
.prose pre {
  background: #0f172a; /* Premium Slate 900 background */
  padding: 1.25rem 1.5rem;
  border-radius: 8px;
  overflow-x: auto;
  margin: 1.8rem 0;
  border: 1px solid var(--border-color);
}

/* Code blocks code */
.prose pre code {
  color: #e2e8f0;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 0.9em !important;
  border: none !important;
  box-shadow: none !important;
  font-family: var(--font-mono, monospace) !important;
  line-height: 1.6;
}

/* Inline code highlight */
.prose :not(pre) > code {
  background-color: var(--bg-secondary) !important;
  color: var(--accent-secondary) !important;
  padding: 0.2rem 0.4rem !important;
  border-radius: 4px !important;
  font-size: 0.85em !important;
  font-family: var(--font-mono, monospace) !important;
  border: 1px solid var(--border-color) !important;
}

/* Keyboard keys */
.prose kbd {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-bottom: 2px solid var(--border-color);
  border-radius: 4px;
  padding: 0.15rem 0.35rem;
  font-size: 0.8em;
  font-family: monospace;
  color: var(--text-primary);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

/* Links */
.prose a {
  color: var(--accent-primary);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px dashed transparent;
  transition: all 0.2s ease;
}

.prose a:hover {
  color: var(--accent-secondary);
  border-bottom-color: var(--accent-secondary);
}

/* Premium Responsive Markdown Table Styling */
.prose table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 2.2rem 0;
  font-size: 0.92rem;
  color: var(--text-secondary);
  display: table; /* Reset back to standard table layout on desktop */
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.005);
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

/* Make tables responsive via scroll-x on block for mobile */
@media (max-width: 767px) {
  .prose table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.prose th {
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-weight: 700;
  text-align: left;
  padding: 14px 18px;
  border-bottom: 2px solid var(--border-color);
  font-family: var(--font-display), sans-serif;
  font-size: 0.95rem;
}

.prose td {
  padding: 14px 18px;
  border-bottom: 1px solid var(--border-color);
  transition: background 0.2s ease;
}

.prose tr:last-child td {
  border-bottom: none;
}

.prose tr:hover td {
  background: rgba(255, 255, 255, 0.02);
}

/* Chế độ Sáng (Light Mode): Nền bảng màu trắng nổi bật, viền & chữ sắc nét */
html[data-theme="light"] .prose table {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .prose th {
  background: #f8fafc;
  color: #0f172a;
  border-bottom: 2px solid #e2e8f0;
}

html[data-theme="light"] .prose td {
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
}

html[data-theme="light"] .prose tr:last-child td {
  border-bottom: none;
}

html[data-theme="light"] .prose tr:hover td {
  background: #f8fafc;
}

/* Horizontal Rules */
.prose hr {
  border: 0;
  border-top: 1px solid var(--border-color);
  margin: 2.5rem 0;
}

/* Markdown Image & Video Styling inside prose content */
.prose img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  margin: 2.5rem auto !important;
  display: block !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid var(--border-color) !important;
}

/* Prevent WordPress inline emojis from being styled as large block images */
.prose img.emoji {
  display: inline !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 1.2em !important;
  width: 1.2em !important;
  margin: 0 0.15em !important;
  vertical-align: -0.2em !important;
  padding: 0 !important;
}

/* Single post background pattern */
body.single,
body.single-post {
  background-image: url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/images/vertical-line-bg-small-medium-gray.svg");
  background-position: center top;
}


.prose iframe {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 8px !important;
  margin: 2.5rem 0 !important;
  border: none !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.post-list {
  list-style: none;
  padding: 0;
}

.post-item {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--border-color);
}

.post-item h2 a {
  color: var(--text-primary);
  text-decoration: none;
  font-family: var(--font-display);
}

.btn {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: var(--accent-primary);
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  margin-top: 1rem;
}

/* Pagination Styling */
.pagination-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.pagination-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border-color);
  color: var(--text-secondary);
  border-radius: 8px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-display);
  margin-top: 0; /* Override generic .btn margin */
}

.pagination-btn:hover {
  background: var(--border-color);
  border-color: var(--accent-secondary);
  color: var(--text-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(6, 182, 212, 0.15);
}

.pagination-btn.active {
  background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
  border-color: transparent;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);
  pointer-events: none;
}

.pagination-dots {
  color: var(--text-muted);
  font-family: var(--font-display);
  font-size: 1.1rem;
  padding: 0 6px;
  display: inline-block;
  user-select: none;
}

/* Custom Header & Navigation */




.rss-link {
  background: rgba(245, 158, 11, 0.08);
  color: #f59e0b;
  padding: 6px 14px;
  border-radius: 20px;
  border: 1px solid rgba(245, 158, 11, 0.2);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.rss-link:hover {
  background: rgba(245, 158, 11, 0.18);
  color: #f59e0b; /* Keeps it readable orange in both light and dark modes */
  border-color: #f59e0b;
  box-shadow: 0 4px 15px rgba(245, 158, 11, 0.15);
  transform: translateY(-1px);
}

.rss-link::after {
  display: none !important;
}

/* Dynamic Dark/Light Mode Theme Toggle Button */



/* Icon visibility controls depending on HTML data-theme attribute */


@keyframes theme-icon-scale {
  from { transform: scale(0.3); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

/* ==========================================================================
   Flat-File Navigation System (Desktop & Mobile Drawer - Taste Skill)
   ========================================================================== */

/* Desktop Menu Layout */
.nav-menu {
  display: flex;
  align-items: center;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-menu .menu-item {
  position: relative;
}

/* Dropdown Arrow Indicator */
.dropdown-arrow {
  display: inline-block;
  font-size: 0.65rem;
  margin-left: 4px;
  vertical-align: middle;
  color: var(--text-muted);
  transition: transform 0.25s ease;
}

.menu-item:hover .dropdown-arrow {
  transform: rotate(180deg);
  color: var(--accent-secondary);
}

/* Sub-menu Dropdown List (Desktop Absolute Panel) */
.nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  z-index: 1000;
  min-width: 210px;
  list-style: none;
  margin: 0;
  padding: 8px !important;
  opacity: 0;
  background: var(--bg-glass, rgba(21, 29, 48, 0.95)) !important;
  backdrop-filter: blur(16px);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.nav-menu .menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(5px);
}

.nav-menu .sub-menu li {
  width: 100%;
}

.nav-menu .sub-menu li a {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  color: var(--text-secondary);
  font-size: 0.9rem;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s ease;
}

.nav-menu .sub-menu li a:hover {
  background: var(--border-color);
  color: var(--text-primary);
  padding-left: 16px;
}

/* Active Menu Item Markers */
.nav-menu .current-menu-item > .nav-link {
  color: var(--text-primary);
}

.nav-menu .current-menu-item > .nav-link::after {
  transform: scaleX(1);
}

/* Mobile Toggle Hamburger Button Styles */
.mobile-toggle-btn {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 38px;
  height: 38px;
  padding: 11.5px 10px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border-color);
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 10001;
}

.mobile-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: #BEFF01;
  box-shadow: 0 4px 12px rgba(190, 255, 1, 0.25);
}

.hamburger-line {
  display: block;
  width: 100%;
  height: 2px;
  background: var(--text-secondary);
  border-radius: 2px;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, background 0.3s ease;
}

/* Hamburger Morphing Animations (Active/X state) */
.mobile-toggle-btn.active .hamburger-line:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
  background: #fff;
}

.mobile-toggle-btn.active .hamburger-line:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}

.mobile-toggle-btn.active .hamburger-line:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
  background: #fff;
}

/* Mobile Drawer Sidebar styling (Optimized to prevent horizontal scroll breakout) */
.mobile-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 290px;
  height: 100vh;
  z-index: 10000;
  background: rgba(11, 15, 25, 0.96) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-left: 1px solid var(--border-color);
  border-radius: 0 !important; /* Overriding glass-panel standard radius */
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.5);
  padding: 2.5rem 1.8rem;
  transform: translateX(100%);
  visibility: hidden;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.4s ease;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
html[data-theme="light"] .mobile-drawer {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.08);
}

.mobile-drawer.open {
  transform: translateX(0);
  visibility: visible;
}

/* Hide mobile navigation drawer components completely on desktop viewports */
@media (min-width: 1024px) {
  .mobile-drawer, .drawer-overlay {
    display: none !important;
  }
}

.drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 1.2rem;
}

.drawer-close-btn {
  background: transparent;
  border: none;
  color: var(--text-secondary);
  font-size: 1.3rem; /* adjusted for icon */
  cursor: pointer;
  line-height: 1;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.drawer-close-btn:hover {
  color: var(--accent-secondary);
  transform: scale(1.1) rotate(90deg);
}

.drawer-content {
  overflow-y: auto;
  flex: 1;
}

/* Mobile Menu Lists */
.mobile-nav-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mobile-nav-menu .menu-item {
  opacity: 0;
  transform: translateX(15px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Staggered entry animation when drawer is open */
.mobile-drawer.open .mobile-nav-menu > .menu-item {
  animation: mobileNavFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.mobile-drawer.open .mobile-nav-menu > .menu-item:nth-child(1) { animation-delay: 0.04s; }
.mobile-drawer.open .mobile-nav-menu > .menu-item:nth-child(2) { animation-delay: 0.08s; }
.mobile-drawer.open .mobile-nav-menu > .menu-item:nth-child(3) { animation-delay: 0.12s; }
.mobile-drawer.open .mobile-nav-menu > .menu-item:nth-child(4) { animation-delay: 0.16s; }
.mobile-drawer.open .mobile-nav-menu > .menu-item:nth-child(5) { animation-delay: 0.2s; }
.mobile-drawer.open .mobile-nav-menu > .menu-item:nth-child(6) { animation-delay: 0.24s; }
.mobile-drawer.open .mobile-nav-menu > .menu-item:nth-child(7) { animation-delay: 0.28s; }
.mobile-drawer.open .mobile-nav-menu > .menu-item:nth-child(8) { animation-delay: 0.32s; }

@keyframes mobileNavFadeIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.mobile-nav-menu .menu-item a {
  display: block;
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--text-secondary);
  text-decoration: none;
  padding: 10px 16px;
  border-radius: 8px;
  background: transparent;
  margin-bottom: 2px;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.mobile-nav-menu .menu-item a:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--text-primary) !important;
}

html[data-theme="light"] .mobile-nav-menu .menu-item a:hover {
  background: rgba(0, 0, 0, 0.03) !important;
  color: var(--text-primary) !important;
}

.mobile-nav-menu .current-menu-item > a {
  background: rgba(190, 255, 1, 0.1) !important;
  color: #BEFF01 !important;
}

html[data-theme="light"] .mobile-nav-menu .current-menu-item > a {
  background: rgba(123, 164, 0, 0.1) !important;
  color: #7ba400 !important;
}

/* Nested level indenting on mobile */
.mobile-sub-menu {
  list-style: none;
  padding-left: 16px;
  margin: 4px 0 8px 0;
  border-left: 1.5px solid var(--border-color);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mobile-sub-menu a {
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: var(--text-secondary) !important;
  padding: 8px 12px !important;
  background: transparent !important;
  border-left: none !important;
}

.mobile-sub-menu a:hover {
  color: var(--accent-secondary) !important;
  padding-left: 16px !important;
}

/* Mobile Backdrop Overlay */
.drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.drawer-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* Responsive Rules for Breakpoint (Up to Tablet portrait: 1023px) */
@media (max-width: 1023px) {
  
  .mobile-toggle-btn {
    display: flex; /* Show mobile toggle */
  }
}

/* Glassmorphism Live Search - Premium Expandable Design */


/* Clear default search styling overrides */


/* Expand on focus or if it contains user input */





/* Mobile Responsive Optimization for Search Bar */








/* Tag Pills */
.tag-pill {
  font-size: 0.75rem;
  background: rgba(0, 94, 255, 0.03);
  padding: 4px 10px;
  border-radius: 20px;
  color: #005eff !important;
  border: 1px solid rgba(0, 94, 255, 0.15);
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

.tag-pill:hover {
  background: rgba(0, 94, 255, 0.08);
  border-color: #005eff;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 94, 255, 0.15);
}

/* Auto internal link trong bài (XD_Content_Pipeline): link văn bản thường, không phá nhịp đọc */
.auto-internal-link {
  color: #005eff;
  text-decoration: underline;
  text-decoration-color: rgba(0, 94, 255, 0.35);
  text-underline-offset: 3px;
}

.auto-internal-link:hover {
  text-decoration-color: currentColor;
}

/* Two-Column Sticky TOC Grid Layout */



/* Sticky TOC Sidebar (Desktop) */


.sticky-toc-box {
  padding: 1.1rem 1.25rem !important;
  margin-bottom: 0 !important;
  border-radius: var(--radius-md, 12px);
}

.toc-sidebar-title {
  margin-top: 0;
  margin-bottom: 0.85rem;
  font-family: var(--font-display);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--text-muted);
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 6px;
}

.toc-sidebar-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.toc-sidebar-list li.toc-level-2 {
  padding-left: 0;
}

.toc-sidebar-list li.toc-level-3 {
  padding-left: 10px;
  border-left: 1px solid var(--border-color);
}

.toc-link {
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 0.9rem;
  transition: all 0.2s ease;
  display: block;
  line-height: 1.4;
}

.toc-link:hover {
  color: var(--accent-primary);
  transform: translateX(4px);
}

.toc-link.active {
  color: var(--accent-primary);
  font-weight: 600;
}

/* Mobile TOC Accordion */
.mobile-toc-wrapper {
  margin-bottom: 2rem !important;
}

@media (min-width: 1024px) {
  .mobile-toc-wrapper {
    display: none !important; /* Hide mobile TOC on desktop to prevent visual clutter */
  }
}

.mobile-toc-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mobile-toc-list li {
  line-height: 1.4;
}

.mobile-toc-list li.toc-level-2 {
  padding-left: 0;
}

.mobile-toc-list li.toc-level-3 {
  padding-left: 15px;
}

.mobile-toc-list a {
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 0.9rem;
}

.mobile-toc-list a:hover {
  color: var(--accent-secondary);
}

/* Accordion FAQ (Details/Summary) Styling */
.faq-item {
  padding: 0 !important;
  overflow: hidden;
  margin-bottom: 1.25rem !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background: var(--bg-secondary);
}

.faq-question {
  display: block; /* Force block override to bypass WebKit summary layout bugs */
  padding: 1.2rem;
  padding-right: 3rem;
  font-weight: 600;
  font-family: var(--font-display);
  cursor: pointer;
  user-select: none;
  outline: none;
  position: relative;
  list-style: none; /* Hide default browser arrow */
  color: var(--text-primary);
  transition: background-color 0.2s ease, color 0.2s ease;
}

.faq-title {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  width: 100%;
}

.faq-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.15rem;
}

.faq-text {
  display: inline;
  line-height: 1.4;
}

.faq-question::-webkit-details-marker {
  display: none; /* Hide Chrome default marker */
}

.faq-question::after {
  content: '▼';
  position: absolute;
  right: 1.2rem;
  font-size: 0.8rem;
  color: var(--text-muted);
  transition: transform 0.3s ease;
}

.faq-item[open] .faq-question::after {
  transform: rotate(-180deg);
  color: var(--accent-secondary);
}

.faq-item[open] {
  border-color: rgba(6, 182, 212, 0.4);
  box-shadow: 0 4px 20px rgba(6, 182, 212, 0.08);
}

.faq-answer {
  padding: 0.2rem 1.2rem 1.2rem 1.2rem;
  border-top: 1px solid var(--border-color);
  background: rgba(255, 255, 255, 0.01);
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.7;
}

.faq-answer p:first-child {
  margin-top: 0.8rem;
}

.faq-answer p:last-child {
  margin-bottom: 0;
}

/* Alert Blocks Styling */
.alert-block {
  display: flex;
  gap: 12px;
  padding: 1rem 1.2rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  border: 1px solid transparent;
  align-items: start;
  line-height: 1.6;
}

.alert-icon {
  font-size: 1.2rem;
  line-height: 1;
  margin-top: 2px;
}

.alert-content {
  font-size: 0.95rem;
  color: var(--text-secondary);
  width: 100%;
}

.alert-content p {
  margin-top: 0;
  margin-bottom: 0.75rem;
  color: inherit;
}

.alert-content p:last-child {
  margin-bottom: 0;
}

.alert-block strong,
.alert-block b {
  color: var(--text-primary) !important;
  font-weight: 700;
}

.alert-info {
  background: rgba(99, 102, 241, 0.08);
  border-color: rgba(99, 102, 241, 0.2);
  color: #a5b4fc;
}

.alert-success {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.2);
  color: #6ee7b7;
}

.alert-warning {
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.2);
  color: #fde047;
}

.alert-danger {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

/* Reading Progress Bar (Giai doan 5 - Tinh hoa Taste Skill CSS-only) */
@keyframes grow-progress {
  from { width: 0%; }
  to { width: 100%; }
}

.reading-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  width: 0%;
  background: linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));
  z-index: 99999;
  animation: grow-progress auto linear;
  animation-timeline: scroll();
  box-shadow: 0 2px 10px rgba(6, 182, 212, 0.4);
}

/* Optimized Prose Image (Giai doan 5) */
.optimized-prose-img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  margin: 1.5rem 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  display: block;
}

.optimized-prose-img:hover {
  transform: scale(1.01);
  box-shadow: 0 8px 30px rgba(6, 182, 212, 0.25);
  border-color: var(--accent-secondary);
}

/* ==========================================================================
   Asymmetric Homepage Editorial Grid & Typography Redesign (Taste Skill)
   ========================================================================== */

.index-asymmetric-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  margin-bottom: 4rem;
  align-items: start;
}

@media (min-width: 1024px) {
  .index-asymmetric-grid {
    grid-template-columns: 1.4fr 1fr; /* 60% / 40% asymmetrical visual grid */
  }
}

.featured-post-col {
  min-width: 0;
}

.featured-post-card {
  position: relative;
  background: var(--bg-glass, rgba(21, 29, 48, 0.5));
  backdrop-filter: blur(12px);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  padding: 2.5rem;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05); /* Premium edge refraction */
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
}

.featured-post-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));
  opacity: 0.85;
}

.featured-post-card:hover {
  transform: translateY(-4px);
  border-color: rgba(6, 182, 212, 0.25);
  box-shadow: 0 20px 40px -15px rgba(6, 182, 212, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.featured-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--accent-secondary);
  background: rgba(6, 182, 212, 0.08);
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid rgba(6, 182, 212, 0.15);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

.featured-title a {
  color: var(--text-primary);
  text-decoration: none;
  transition: color 0.2s ease;
}

.featured-title a:hover {
  color: var(--accent-secondary) !important;
}

.recent-posts-col {
  min-width: 0;
  padding: 0 0.5rem;
}

.recent-section-title {
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-top: 0;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 0.75rem;
}

.recent-text-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.recent-text-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  padding-bottom: 1.5rem;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.recent-text-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.recent-item-title {
  margin: 0.5rem 0 0 0;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.4;
  font-family: var(--font-display);
}

.recent-item-title a {
  color: var(--text-primary);
  text-decoration: none;
  transition: all 0.25s ease;
}

.recent-item-title a:hover {
  color: var(--accent-secondary);
}

.recent-text-item:hover {
  transform: translateX(4px);
}

/* ==========================================================================
   Premium Site Footer Redesign (Taste Skill)
   ========================================================================== */





.footer-logo {
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--text-primary);
  text-decoration: none;
  letter-spacing: -0.01em;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}




@keyframes pulse-animation {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
  }
}










.footer-bottom {
  border-top: 1px solid var(--border-color);
  padding-top: 2rem;
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.copyright {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.8rem;
  width: 100%;
  text-align: center;
}

/* Remove border of standard page containers and reduce padding */
.glass-panel.standard-page-container {
  border: none !important;
  padding: 2rem 1.5rem !important;
}

/* Z-Index Utility Classes */
.z-index-9 {
  z-index: 9 !important;
}
.z-index-12 {
  z-index: 12 !important;
}

/* ==========================================================================
   Smart Search Modal (X-DMAIC Marketing Engine)
   ========================================================================== */
.sm-search-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 23, 42, 0.7); /* Deep slate backdrop */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    padding: 20px;
}

.sm-search-modal-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.sm-search-modal-box {
    width: 100%;
    max-width: 580px;
    background: rgba(11, 15, 25, 0.9) !important;
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 30px 26px;
    position: relative;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.7), 0 0 1px 1px rgba(255, 255, 255, 0.05) !important;
    transform: scale(0.96) translateY(-8px);
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
    color: var(--text-primary, #f8fafc) !important;
    line-height: 1.4 !important;
}

html[data-theme="light"] .sm-search-modal-box {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.12), 0 0 1px 1px rgba(0, 0, 0, 0.04) !important;
}

.sm-search-modal-overlay.active .sm-search-modal-box {
    transform: scale(1) translateY(0);
}

.sm-search-modal-close-btn {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
    color: var(--text-muted, #94a3b8);
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

html[data-theme="light"] .sm-search-modal-close-btn {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.06);
    color: #64748b;
}

.sm-search-modal-close-btn:hover {
    color: var(--text-primary, #f8fafc);
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg);
}

html[data-theme="light"] .sm-search-modal-close-btn:hover {
    color: #0f172a;
    background: rgba(0, 0, 0, 0.08);
}

.sm-search-modal-close-btn svg {
    width: 16px;
    height: 16px;
}

.sm-search-modal-header {
    margin-bottom: 20px;
    padding-right: 36px;
}

.sm-search-header-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Geist Mono', 'SF Mono', monospace;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--accent-secondary, #beff01);
    margin-bottom: 8px;
}

html[data-theme="light"] .sm-search-header-badge {
    color: #16a34a;
}

.sm-badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--accent-secondary, #beff01);
    box-shadow: 0 0 8px var(--accent-secondary, #beff01);
}

html[data-theme="light"] .sm-badge-dot {
    background-color: #16a34a;
    box-shadow: 0 0 6px rgba(22, 163, 74, 0.5);
}

.sm-search-modal-title {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin: 0 0 6px 0;
    color: var(--text-primary, #f8fafc);
}

html[data-theme="light"] .sm-search-modal-title {
    color: #0f172a;
}

.sm-search-modal-subtitle {
    font-size: 13.5px;
    color: var(--text-muted, #94a3b8);
    margin: 0;
    line-height: 1.45;
}

html[data-theme="light"] .sm-search-modal-subtitle {
    color: #64748b;
}

.sm-search-input-wrapper {
    position: relative;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
}

.sm-search-icon {
    position: absolute;
    left: 14px;
    width: 18px;
    height: 18px;
    color: var(--text-muted, #94a3b8);
    pointer-events: none;
}

#sm-modal-search-input {
    width: 100%;
    padding: 13px 75px 13px 44px;
    font-size: 15px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(21, 29, 48, 0.6) !important;
    color: var(--text-primary, #f8fafc) !important;
    transition: all 0.2s ease;
    font-family: inherit;
    box-sizing: border-box;
}

html[data-theme="light"] #sm-modal-search-input {
    background-color: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.1);
    color: #0f172a !important;
}

#sm-modal-search-input:focus {
    border-color: #005eff !important;
    background-color: rgba(21, 29, 48, 0.9) !important;
    box-shadow: 0 0 0 3px rgba(0, 94, 255, 0.18) !important;
    outline: none;
}

html[data-theme="light"] #sm-modal-search-input:focus {
    background-color: #ffffff !important;
    border-color: #005eff !important;
    box-shadow: 0 0 0 3px rgba(0, 94, 255, 0.15) !important;
}

.sm-search-clear-btn {
    position: absolute;
    right: 42px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--text-muted, #94a3b8);
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.sm-search-clear-btn:hover {
    color: var(--text-primary, #f8fafc);
}

.sm-search-clear-btn svg {
    width: 14px;
    height: 14px;
}

.sm-search-kbd {
    position: absolute;
    right: 12px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 11px;
    font-family: 'Geist Mono', monospace;
    color: var(--text-muted, #94a3b8);
    pointer-events: none;
}

html[data-theme="light"] .sm-search-kbd {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.08);
    color: #64748b;
}

.sm-suggest-chips-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.sm-suggest-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted, #94a3b8);
}

.sm-suggest-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sm-chip {
    font-size: 12.5px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    color: var(--text-secondary, #cbd5e1);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    user-select: none;
}

html[data-theme="light"] .sm-chip {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.07);
    color: #334155;
}

.sm-chip-icon {
    font-size: 13px;
}

.sm-chip-focal {
    border-color: rgba(0, 94, 255, 0.3);
    background: rgba(0, 94, 255, 0.06);
}

.sm-chip:hover {
    border-color: #005eff !important;
    background: rgba(0, 94, 255, 0.12) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

html[data-theme="light"] .sm-chip:hover {
    color: #005eff !important;
    background: rgba(0, 94, 255, 0.08) !important;
}

.sm-chip.active {
    background: #005eff !important;
    border-color: #005eff !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 94, 255, 0.3) !important;
}

/* Results list styling */
.sm-modal-search-results-list {
    max-height: 240px;
    overflow-y: auto;
    margin-bottom: 16px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(11, 15, 25, 0.4);
    box-sizing: border-box;
}

html[data-theme="light"] .sm-modal-search-results-list {
    background: #f8fafc;
    border-color: rgba(0, 0, 0, 0.08);
}

.sm-modal-search-item {
    display: block;
    padding: 11px 15px;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    transition: background 0.15s ease;
}

html[data-theme="light"] .sm-modal-search-item {
    border-bottom-color: rgba(0, 0, 0, 0.05);
}

.sm-modal-search-item:last-child {
    border-bottom: none;
}

.sm-modal-search-item:hover, .sm-modal-search-item.active {
    background: rgba(0, 94, 255, 0.1);
}

html[data-theme="light"] .sm-modal-search-item:hover,
html[data-theme="light"] .sm-modal-search-item.active {
    background: rgba(0, 94, 255, 0.06);
}

.sm-modal-search-title {
    font-size: 14.5px;
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
    margin-bottom: 2px;
}

html[data-theme="light"] .sm-modal-search-title {
    color: #0f172a;
}

.sm-modal-search-desc {
    font-size: 12px;
    color: var(--text-muted, #94a3b8);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sm-modal-no-results {
    padding: 20px;
    text-align: center;
    color: var(--text-muted, #94a3b8);
    font-size: 13.5px;
}

/* Ô tìm kiếm type="search": ẩn nút X của trình duyệt (đã có nút xóa riêng #sm-modal-search-clear) */
#sm-modal-search-input::-webkit-search-cancel-button,
#sm-modal-search-input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }
#sm-modal-search-input::-ms-clear { display: none; width: 0; height: 0; }

/* Smart Search: nhãn loại nội dung, chữ khớp, mascot khi không có kết quả, khối "Bắt đầu từ đây" */
.sm-search-type {
    display: inline-block;
    margin-right: 8px;
    padding: 1px 7px;
    border-radius: 6px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    vertical-align: 1px;
    background: rgba(148, 163, 184, 0.16);
    color: #94a3b8;
}
html[data-theme="light"] .sm-search-type { color: #475569; }
.sm-modal-search-title mark {
    background: none;
    padding: 0;
    color: #005eff;
    -webkit-text-fill-color: #005eff;
    font-weight: 700;
}
html[data-theme="dark"] .sm-modal-search-title mark { color: #beff01; -webkit-text-fill-color: #beff01; }
.sm-modal-no-results { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.sm-modal-no-results p { margin: 0; max-width: 420px; line-height: 1.5; }
#sm-search-popular { margin-top: 14px; }
.sm-suggest-chips a.sm-chip, .sm-suggest-chips button.sm-chip { text-decoration: none; font-family: inherit; }
.sm-modal-search-results-list { max-height: min(340px, 45vh); }

/* Smart Search: mascot ló lên mép trên hộp, đổi biểu cảm theo kết quả */
.sm-search-mascot {
    position: absolute;
    top: -58px;
    right: 64px;
    width: auto;
    height: 72px;
    pointer-events: none;
    filter: drop-shadow(0 8px 12px rgba(0, 20, 70, 0.35));
    transform-origin: 50% 100%;
}
.sm-search-mascot.is-pop { animation: sm-search-mascot-pop 0.45s cubic-bezier(.3, 1.5, .5, 1); }
@keyframes sm-search-mascot-pop {
    0% { transform: translateY(10px) scale(0.85, 0.75); opacity: 0.4; }
    60% { transform: translateY(-4px) scale(0.96, 1.06); opacity: 1; }
    100% { transform: none; }
}
@media (prefers-reduced-motion: reduce) { .sm-search-mascot.is-pop { animation: none; } }
@media (max-width: 576px) { .sm-search-mascot { top: -52px; right: 70px; height: 64px; } }

/* Smart Search: thẻ "Có vẻ phễu đang rò ở…" */
#sm-search-intent[hidden] { display: none; }
.sm-intent-card {
    margin-bottom: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid rgba(190, 255, 1, 0.35);
    background: linear-gradient(135deg, rgba(190, 255, 1, 0.08), rgba(0, 94, 255, 0.08));
    max-height: min(320px, 40vh);
    overflow-y: auto;
}
html[data-theme="light"] .sm-intent-card { border-color: rgba(0, 94, 255, 0.25); background: linear-gradient(135deg, #f4ffd6, #eef4ff); }
.sm-intent-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; color: #9bc400; }
html[data-theme="light"] .sm-intent-eyebrow { color: #4d6400; }
.sm-intent-stage { margin: 2px 0 6px; font-size: 16px; font-weight: 700; color: var(--text-primary, #f8fafc); }
html[data-theme="light"] .sm-intent-stage { color: #0b1a3a; }
.sm-intent-text, .sm-intent-tip { margin: 0 0 6px; font-size: 13.5px; line-height: 1.5; color: var(--text-secondary, #cbd5e1); }
html[data-theme="light"] .sm-intent-text, html[data-theme="light"] .sm-intent-tip { color: #334155; }
.sm-intent-tip strong { color: inherit; }
.sm-intent-links { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 10px; }
.sm-intent-link {
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 12.5px;
    color: var(--text-secondary, #cbd5e1) !important;
    text-decoration: none !important;
}
.sm-intent-link:hover { border-color: #005eff; color: #ffffff !important; }
html[data-theme="light"] .sm-intent-link { border-color: rgba(11, 26, 58, 0.15); color: #0b1a3a !important; background: #ffffff; }
html[data-theme="light"] .sm-intent-link:hover { border-color: #005eff; color: #005eff !important; }
.sm-intent-cta {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    background: #005eff;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}
.sm-intent-cta:hover { background: #1a78ff; }

/* Lead Consultation Panel */
.sm-modal-consult-box-panel {
    background: rgba(0, 94, 255, 0.05) !important;
    border: 1px solid rgba(0, 94, 255, 0.25) !important;
    border-radius: 12px !important;
    padding: 16px;
    margin-top: 12px;
    box-sizing: border-box;
    transition: all 0.25s ease !important;
}

.sm-consult-text {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
    margin-bottom: 10px;
}

html[data-theme="light"] .sm-consult-text {
    color: #0f172a;
}



.sm-consult-form {
    display: flex;
    gap: 8px;
}

#sm-modal-phone-input {
    flex: 1;
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #0b0f19 !important;
    color: #f8fafc !important;
    box-sizing: border-box;
}

html[data-theme="light"] #sm-modal-phone-input {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1);
    color: #0f172a !important;
}

#sm-modal-phone-input:focus {
    border-color: #005eff !important;
    outline: none;
}

.sm-consult-form button {
    padding: 10px 18px;
    font-size: 13.5px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
    border: none !important;
    background-color: #005eff !important;
    color: #ffffff !important;
    transition: all 0.2s ease;
}

.sm-consult-form button:hover {
    background-color: #0047cc !important;
    box-shadow: 0 4px 12px rgba(0, 94, 255, 0.4);
}

.sm-consult-msg {
    margin-top: 8px;
    font-size: 12.5px;
    font-weight: 600;
}

.sm-consult-msg.success { color: #4ade80; }
.sm-consult-msg.error { color: #f87171; }

/* Progressive Profiling Step 2 & Button Styling */
.sm-consult-success-title {
    font-size: 13.5px;
    font-weight: 600;
    color: #4ade80;
    margin-bottom: 4px;
}

html[data-theme="light"] .sm-consult-success-title {
    color: #16a34a;
}

.sm-consult-subtext {
    font-size: 12px;
    color: var(--text-muted, #94a3b8);
    margin-bottom: 8px;
}

.sm-consult-inputs-row {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.sm-consult-inputs-row input {
    flex: 1;
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #0b0f19;
    color: #f8fafc;
}

html[data-theme="light"] .sm-consult-inputs-row input {
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
    color: #0f172a;
}

.sm-consult-buttons-row {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.sm-btn-skip {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: var(--text-muted, #94a3b8);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
}

.sm-btn-complete {
    background: #005eff;
    border: none;
    color: #ffffff;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

/* ==========================================================================
   Mobile Responsive Optimization for Smart Search Modal
   ========================================================================== */
@media (max-width: 576px) {
    .sm-search-modal-overlay {
        padding: 0;
        align-items: flex-end;
    }
    
    .sm-search-modal-box {
        max-width: 100% !important;
        border-radius: 20px 20px 0 0 !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
        padding: 22px 18px 28px 18px;
        transform: translateY(100%);
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        box-shadow: 0 -10px 35px rgba(0, 0, 0, 0.5) !important;
    }
    
    .sm-search-modal-overlay.active .sm-search-modal-box {
        transform: translateY(0);
    }
    
    .sm-search-modal-title {
        font-size: 18px;
    }
    
    .sm-suggest-chips {
        gap: 6px;
    }
    
    .sm-chip {
        font-size: 12px;
        padding: 6px 10px;
    }
    
    .sm-consult-form {
        flex-direction: column;
    }
    
    .sm-consult-form button {
        width: 100%;
        padding: 12px;
    }
    
    .sm-modal-search-results-list {
        max-height: min(300px, 42vh);
    }
    
    .sm-consult-inputs-row {
        flex-direction: column;
    }
}

/* ==========================================================================
   Blog Card Image Hover Effect (Grayscale to Color & Smooth Zoom)
   ========================================================================== */
body .blog-classic .card .blog-image img {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    transition: filter 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                -webkit-filter 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body .blog-classic .card:hover .blog-image img {
    filter: grayscale(0%) !important;
    -webkit-filter: grayscale(0%) !important;
    -moz-filter: grayscale(0%) !important;
    transform: scale(1.05) !important;
}

/* Reduce mobile logo size in navbar header */
@media (max-width: 991px) {
  header .navbar-brand img,
  .navbar-brand img {
    max-height: 45px !important;
  }
}

/* ==========================================================================
   Fallback Grid Layout for Related Posts on Single Blog Detail Page
   ========================================================================== */
.single-post .blog-wrapper.grid {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.single-post .blog-wrapper.grid .grid-sizer {
    display: none !important;
}

.single-post .blog-wrapper.grid .grid-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: none !important;
    flex: 0 0 auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 30px !important;
    box-sizing: border-box !important;
}

/* 4 Columns for Desktop / Wide screens */
@media (min-width: 1200px) {
    .single-post .blog-wrapper.grid .grid-item {
        width: 25% !important;
    }
}

/* 3 Columns for Medium-Large screens */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-post .blog-wrapper.grid .grid-item {
        width: 33.333% !important;
    }
}

/* 2 Columns for Mobile-Medium screens */
@media (min-width: 576px) and (max-width: 991.98px) {
    .single-post .blog-wrapper.grid .grid-item {
        width: 50% !important;
    }
}

/* 1 Column for Small Mobile screens */
@media (max-width: 575.98px) {
    .single-post .blog-wrapper.grid .grid-item {
        width: 100% !important;
    }
}

/* ==========================================================================
   Premium Pagination Contrast and Alignment Adjustments
   ========================================================================== */
/* Common pagination styles override */
.pagination-style-01 .page-item .page-link {
    transition: all 0.3s ease !important;
}

/* Light Mode Pagination Styling (High Contrast) */
html[data-theme="light"] .pagination-style-01 .page-item .page-link {
    color: #4b5563 !important; /* Darker gray for inactive items to improve readability */
    background: rgba(0, 0, 0, 0.03) !important; /* Soft circular background for inactive items */
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] .pagination-style-01 .page-item.active .page-link {
    background: #005eff !important; /* Neon/Accent blue for active page */
    color: #ffffff !important;
    border-color: #005eff !important;
    box-shadow: 0 4px 12px rgba(0, 94, 255, 0.25) !important;
}

html[data-theme="light"] .pagination-style-01 .page-item .page-link:hover {
    background: #ffffff !important;
    color: #005eff !important;
    border-color: #005eff !important;
    box-shadow: 0 4px 12px rgba(0, 94, 255, 0.15) !important;
}

html[data-theme="light"] .pagination-style-01 .page-item.disabled .page-link {
    color: #9ca3af !important;
    background: rgba(0, 0, 0, 0.01) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
    opacity: 0.5;
}

/* Dark Mode Pagination Styling (Premium Contrast) */
html[data-theme="dark"] .pagination-style-01 .page-item .page-link {
    color: #cbd5e1 !important; /* slate-300 */
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .pagination-style-01 .page-item.active .page-link {
    background: #beff01 !important; /* Lime green for active page in dark mode */
    color: #0b0f19 !important; /* Dark text on lime green */
    border-color: #beff01 !important;
    box-shadow: 0 4px 15px rgba(190, 255, 1, 0.3) !important;
}

html[data-theme="dark"] .pagination-style-01 .page-item .page-link:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #beff01 !important;
    border-color: #beff01 !important;
    box-shadow: 0 4px 15px rgba(190, 255, 1, 0.15) !important;
}

html[data-theme="dark"] .pagination-style-01 .page-item.disabled .page-link {
    color: #475569 !important;
    background: rgba(255, 255, 255, 0.01) !important;
    border-color: rgba(255, 255, 255, 0.02) !important;
    opacity: 0.4;
}

/* Fix disabled wrapper background overlay styles */
.pagination-style-01 .page-item:first-child .page-link,
.pagination-style-01 .page-item:last-child .page-link {
    border-radius: 50% !important;
}

/* ==========================================================================
   Premium Portfolio / Blog Filter Navigation Styling (High Contrast)
   ========================================================================== */
/* Common transitions */
.portfolio-filter li a {
    transition: all 0.3s ease !important;
    border-bottom: 2px solid transparent !important;
    padding-bottom: 6px !important;
    font-weight: 600 !important;
}

/* Light Mode Filter Colors */
html[data-theme="light"] .portfolio-filter li a {
    color: #4b5563 !important; /* Dark slate gray for inactive items */
}

html[data-theme="light"] .portfolio-filter li.active a,
html[data-theme="light"] .portfolio-filter li a:hover,
html[data-theme="light"] .portfolio-filter li a:focus {
    color: #005eff !important; /* Accent blue for hover/active */
    border-color: #005eff !important;
}

/* Dark Mode Filter Colors */
html[data-theme="dark"] .portfolio-filter li a {
    color: #94a3b8 !important; /* Slate-400 for inactive items */
}

html[data-theme="dark"] .portfolio-filter li.active a,
html[data-theme="dark"] .portfolio-filter li a:hover,
html[data-theme="dark"] .portfolio-filter li a:focus {
    color: #beff01 !important; /* Accent lime green for hover/active */
    border-color: #beff01 !important;
}

/* Smart Search Mascot empty state styling */


/* ==========================================================================
   Premium Interactive Rotating Circle Click Boost & Neon Glow
   ========================================================================== */

/* Theme Variables for Rotating Glow Color */
:root {
  --rotating-glow-color: #005eff; /* Accent blue for light theme */
  --rotating-glow-fill: rgba(0, 94, 255, 0.1);
}
html[data-theme="dark"] {
  --rotating-glow-color: #beff01; /* Neon lime green for dark theme */
  --rotating-glow-fill: rgba(190, 255, 1, 0.12);
}

/* Wrapper parent container settings */
.sm-interactive-rotation-wrap {
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: transform;
}

/* Scale up the widget slightly on hover to invite interaction */
.sm-interactive-rotation-wrap:hover {
  transform: scale(1.03);
}

/* Override for centered rotating circles to preserve translation on hover */
.absolute-middle-center.sm-interactive-rotation-wrap:hover {
  transform: translate(-50%, -50%) scale(1.03);
}

/* 1. Spin boost rotation for wrapper container */
.sm-interactive-rotation-wrap.active-spin-boost {
  animation: sm-parent-spin-boost 2s cubic-bezier(0.1, 0.8, 0.2, 1) forwards;
}

/* Override for centered rotating circles spin boost */
.absolute-middle-center.sm-interactive-rotation-wrap.active-spin-boost {
  animation: sm-parent-spin-boost-centered 2s cubic-bezier(0.1, 0.8, 0.2, 1) forwards;
}

/* Keyframes for 3 full rotations (1080deg) to return seamlessly to 0deg */
@keyframes sm-parent-spin-boost {
  0% {
    transform: rotate(0deg) scale(1);
  }
  15% {
    transform: rotate(180deg) scale(1.06);
  }
  100% {
    transform: rotate(1080deg) scale(1);
  }
}

/* Keyframes for centered 3 full rotations */
@keyframes sm-parent-spin-boost-centered {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  15% {
    transform: translate(-50%, -50%) rotate(180deg) scale(1.06);
  }
  100% {
    transform: translate(-50%, -50%) rotate(1080deg) scale(1);
  }
}

/* 2. Neon glow transition for the rotating circle text SVG */
.sm-interactive-rotation-wrap .animation-rotation {
  transition: filter 0.4s ease, color 0.4s ease;
  will-change: filter, color;
}

.sm-interactive-rotation-wrap.active-spin-boost .animation-rotation {
  color: var(--rotating-glow-color) !important;
  filter: drop-shadow(0 0 5px var(--rotating-glow-color)) 
          drop-shadow(0 0 12px var(--rotating-glow-color)) 
          drop-shadow(0 0 25px var(--rotating-glow-color));
}

/* 3. Center static icon scale up & glow */
.sm-interactive-rotation-wrap .absolute-middle-center svg {
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.4s ease, color 0.4s ease;
  will-change: transform, filter, color;
}

.sm-interactive-rotation-wrap.active-spin-boost .absolute-middle-center svg {
  transform: scale(1.3);
  color: var(--rotating-glow-color) !important;
  filter: drop-shadow(0 0 5px var(--rotating-glow-color)) 
          drop-shadow(0 0 15px var(--rotating-glow-color));
}

.sm-interactive-rotation-wrap .absolute-middle-center svg circle {
  transition: stroke 0.4s ease, fill 0.4s ease;
}

.sm-interactive-rotation-wrap.active-spin-boost .absolute-middle-center svg circle {
  stroke: var(--rotating-glow-color) !important;
  fill: var(--rotating-glow-fill) !important;
}

/* 4. Neon ripple circle waves expansion */
.sm-interactive-rotation-wrap::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 90px;
  margin-top: -45px;
  margin-left: -45px;
  border: 2px solid var(--rotating-glow-color);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.6);
  pointer-events: none;
  z-index: 5;
  transition: border-color 0.3s ease;
}

.sm-interactive-rotation-wrap.active-spin-boost::after {
  animation: sm-ripple-animation 1.2s cubic-bezier(0.1, 0.8, 0.2, 1) forwards;
}

@keyframes sm-ripple-animation {
  0% {
    transform: scale(0.5);
    opacity: 0.9;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}

/* ==========================================================================
   Premium Gamification Templates Styling (Mobile Mockups & KPIs Grid)
   ========================================================================== */

/* 1. Phone Mockup styling */
.sm-phone-mockup-wrapper {
  max-width: 320px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sm-phone-mockup {
  width: 100%;
  border: 12px solid #1c1d1f !important; /* Slick black phone shell */
  border-radius: 40px;
  position: relative;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  overflow: hidden;
  background: #000; /* Pitch black bezel fallback */
  padding: 0 !important;
  margin-bottom: 0 !important;
}

html[data-theme="dark"] .sm-phone-mockup {
  border-color: #2e2f33 !important; /* Gunmetal grey phone shell for dark theme */
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
}

/* Phone notch (Camera speaker overlay) */
.sm-phone-notch {
  display: none; /* Hidden to match 9:16 screen and prevent blocking game controls */
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 110px;
  height: 22px;
  background: #1c1d1f;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 10;
}

html[data-theme="dark"] .sm-phone-notch {
  background: #2e2f33;
}

/* Screen container for iframe */
.sm-phone-screen {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16; /* Apply exact 9:16 directly to the inner screen */
  background: #000;
  border-radius: 28px;
  overflow: hidden;
}

.sm-phone-screen iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* Nút "Bấm để chơi thử": game chỉ tải khi khách bấm */
.sm-phone-play-facade {
  position: absolute;
  inset: 0;
  border: 0;
  background: radial-gradient(circle at 50% 40%, #2e2f33 0%, #000 75%);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  cursor: pointer;
}
.sm-phone-play-icon {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: #beff01;
  color: #000;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 10px rgba(190, 255, 1, 0.18);
  transition: transform 0.2s;
}
.sm-phone-play-facade:hover .sm-phone-play-icon { transform: scale(1.08); }
.sm-phone-play-text { font-weight: 600; font-size: 15px; }
.sm-phone-screen-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 28px;
  text-align: center;
  color: #fff;
  background: radial-gradient(circle at 50% 35%, #2e2f33 0%, #000 75%);
}
.sm-phone-screen-cta strong { font-size: 20px; line-height: 1.3; color: #fff; }
.sm-phone-screen-cta span:not(.sm-phone-play-icon) { font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.8); }
.sm-phone-screen-cta .sm-phone-play-icon { font-size: 34px; }
.sm-phone-screen-cta .sm-phone-cta-btn { background: #005eff !important; color: #fff !important; border-color: #005eff !important; font-weight: 700; }
.sm-phone-screen-cta .sm-phone-cta-btn:hover { background: #2f86ff !important; border-color: #2f86ff !important; }

/* 1.5. Title overrides */
.sm-gamification-title {
  font-size: 2.25rem !important;
  line-height: 1.25 !important;
}

@media screen and (max-width: 767px) {
  .sm-gamification-title {
    font-size: 1.75rem !important;
  }
}

/* 2. Marketing KPI Cards */
.sm-kpi-card {
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  margin-bottom: 0 !important; /* Overrides glass-panel default margin */
}

html[data-theme="dark"] .sm-kpi-card {
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02) !important;
}

.sm-kpi-value {
  line-height: 1.2 !important;
}

.sm-kpi-label {
  line-height: 1.4 !important;
}

/* 3. Badges & Labels */
.sm-badge-tag {
  font-size: 12px;
  font-weight: 700;
  font-family: var(--font-display, inherit);
  color: #005eff;
  background: rgba(0, 94, 255, 0.06);
  border: 1px solid rgba(0, 94, 255, 0.15);
  padding: 4px 12px;
  border-radius: 30px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

html[data-theme="dark"] .sm-badge-tag {
  color: #9cc2ff;
  background: rgba(0, 94, 255, 0.14);
  border-color: rgba(0, 94, 255, 0.35);
}

.sm-badge-platform {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  background: rgba(0, 0, 0, 0.03);
  padding: 5px 12px;
  border-radius: 4px;
}

html[data-theme="dark"] .sm-badge-platform {
  background: rgba(255, 255, 255, 0.03);
}

/* 4. Glowing B2B CTA Panel & Button */
.sm-gamification-cta-panel {
  border: 1px solid rgba(0, 94, 255, 0.12) !important;
  background: rgba(0, 94, 255, 0.02) !important;
  transition: all 0.3s ease;
  margin-bottom: 0 !important; /* Overrides glass-panel default margin */
}

.sm-gamification-cta-panel h6 {
  line-height: 1.35 !important;
}

.sm-gamification-cta-panel p {
  line-height: 1.55 !important;
}

html[data-theme="dark"] .sm-gamification-cta-panel {
  border: 1px solid rgba(0, 94, 255, 0.3) !important;
  background: rgba(0, 94, 255, 0.05) !important;
}

.sm-gamification-cta-panel:hover {
  box-shadow: 0 10px 30px rgba(0, 94, 255, 0.06);
}

html[data-theme="dark"] .sm-gamification-cta-panel:hover {
  box-shadow: 0 10px 30px rgba(0, 94, 255, 0.15);
}

/* CTA glowing button */
.sm-consult-btn-glowing {
  background-color: #005eff !important;
  color: #ffffff !important;
  box-shadow: 0 0 15px rgba(0, 94, 255, 0.35);
  border: none !important;
}

.sm-consult-btn-glowing:hover {
  background-color: #1a78ff !important;
  box-shadow: 0 0 25px rgba(0, 94, 255, 0.65) !important;
}

/* Nút chính dùng xanh thương hiệu ở cả hai chế độ (xanh chanh chỉ là màu nhấn) */
html[data-theme="dark"] .sm-consult-btn-glowing {
  background-color: #005eff !important;
  color: #ffffff !important;
  box-shadow: 0 0 15px rgba(0, 94, 255, 0.45);
}

html[data-theme="dark"] .sm-consult-btn-glowing:hover {
  background-color: #2f86ff !important;
  box-shadow: 0 0 25px rgba(0, 94, 255, 0.7) !important;
}



/* 6. SEO Takeaway Callout Box */
.sm-seo-takeaway-box {
  padding: 30px !important;
  background: rgba(255, 255, 255, 0.4) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.sm-seo-takeaway-box h5 {
  line-height: 1.35 !important;
}

.sm-seo-takeaway-box p {
  line-height: 1.55 !important;
}

html[data-theme="dark"] .sm-seo-takeaway-box {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.sm-seo-takeaway-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 40px rgba(0, 94, 255, 0.06);
}

html[data-theme="dark"] .sm-seo-takeaway-box:hover {
  box-shadow: 0 15px 40px rgba(190, 255, 1, 0.06);
}

/* Mascot avatar neon glow */
.sm-mascot-avatar {
  border-radius: 50% !important;
  aspect-ratio: 1 / 1 !important;
  border: 2px solid var(--accent-primary) !important;
  box-shadow: 0 0 12px rgba(0, 94, 255, 0.4), 0 0 4px rgba(0, 94, 255, 0.2);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

html[data-theme="dark"] .sm-mascot-avatar {
  border: 2px solid var(--accent-secondary) !important;
  box-shadow: 0 0 12px rgba(190, 255, 1, 0.4), 0 0 4px rgba(190, 255, 1, 0.2);
}

.sm-seo-takeaway-box:hover .sm-mascot-avatar {
  transform: scale(1.08) rotate(3deg);
  box-shadow: 0 0 20px rgba(0, 94, 255, 0.6), 0 0 8px rgba(0, 94, 255, 0.3);
}

html[data-theme="dark"] .sm-seo-takeaway-box:hover .sm-mascot-avatar {
  box-shadow: 0 0 20px rgba(190, 255, 1, 0.7), 0 0 8px rgba(190, 255, 1, 0.4);
}

/* 7. Game Lightbox Modal (Full Screen play overlay) */
.sm-game-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.sm-game-modal-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.sm-game-modal-container {
  position: relative;
  width: 100%;
  max-width: 420px;
  height: calc(100vh - 40px);
  max-height: 740px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

@media screen and (max-width: 575px) {
  .sm-game-modal-container {
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    padding: 0;
  }
}

.sm-game-modal-phone {
  width: 100%;
  background: #000;
  border-radius: 32px;
  overflow: hidden;
  border: 12px solid #1c1d1f;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.5);
  position: relative;
}

html[data-theme="dark"] .sm-game-modal-phone {
  border-color: #2e2f33;
}

.sm-game-modal-iframe-wrap {
  width: 100%;
  aspect-ratio: 9 / 16; /* Perfect 9:16 aspect ratio directly on the iframe container */
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 575px) {
  .sm-game-modal-phone {
    border-radius: 0;
    border: none;
    box-shadow: none;
  }
  .sm-game-modal-iframe-wrap {
    aspect-ratio: auto;
    height: 100vh;
  }
}

.sm-game-modal-iframe-wrap iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.sm-game-modal-close-btn {
  position: absolute;
  top: -45px;
  right: -45px;
  background: none;
  border: none;
  color: #ffffff;
  font-size: 36px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 10000;
}

.sm-game-modal-close-btn:hover {
  opacity: 1;
  transform: scale(1.1);
}

@media screen and (max-width: 767px) {
  .sm-game-modal-close-btn {
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}

/* ==========================================================================
   Premium Gamification Poster Cards (Cyberpunk / B2B Gaming HUD Layout)
   ========================================================================== */
:root {
  --cyber-violet: #8b5cf6;
  --cyber-lime: #beff01;
  --cyber-cyan: #00f0ff;
  --cyber-dark-bg: #0a0b10;
  --cyber-glow-violet: rgba(139, 92, 246, 0.45);
  --cyber-glow-lime: rgba(190, 255, 1, 0.35);
}

/* Base Card structure */

/* Symmetrical panels positioning and box-sizing overrides */




/* Hover glow & scale effects */

/* Background image & vignette */




/* HUD Top Header styles */


/* Mini HUD stat boxes */








/* Dashboard Floating Widgets */



/* Sparkline Widget specific */






@keyframes drawSparkline {
  0% {
    stroke-dashoffset: 100;
  }
  40% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

/* Activity Widget specific */




@keyframes pulseLime {
  0% {
    transform: scale(0.9);
    opacity: 0.6;
    box-shadow: 0 0 4px var(--cyber-lime);
  }
  100% {
    transform: scale(1.2);
    opacity: 1;
    box-shadow: 0 0 10px var(--cyber-lime);
  }
}


/* Bottom panel styles */







/* Button styles */





/* Light Theme Adjustments for Grid Page */

/* Force high contrast text inside poster cards on both light and dark themes */







/* Custom grid margin reset to prevent right-edge clipping */



/* Trang chi tiết game: liên kết các dạng minigame khác */
.sm-game-related { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.sm-game-related-item { display: flex; flex-direction: column; gap: 6px; padding: 18px 20px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.08); background: #fff; color: #232323; transition: border-color .2s, transform .2s; }
.sm-game-related-item strong { font-size: 16px; line-height: 1.35; }
.sm-game-related-item span { font-size: 14px; line-height: 1.5; color: #62646c; }
.sm-game-related-item:hover { border-color: #005eff; transform: translateY(-2px); }
.sm-game-related-all { background: rgba(0, 94, 255, 0.06); border-color: rgba(0, 94, 255, 0.2); }
.sm-game-related-all strong { color: #005eff; }
html[data-theme="dark"] .sm-game-related-item { background: var(--bg-secondary, #151d30); border-color: rgba(255, 255, 255, 0.08); color: var(--text-primary, #f8fafc); }
html[data-theme="dark"] .sm-game-related-item span { color: #cbd5e1; }
html[data-theme="dark"] .sm-game-related-all { background: rgba(0, 94, 255, 0.14); border-color: rgba(0, 94, 255, 0.35); }
html[data-theme="dark"] .sm-game-related-all strong { color: #9cc2ff; }
/* xdmaic-libraries */
/* GENERATED by tools/build-slim-css.py from xdmaic-libraries.css — không sửa tay. Glyph giữ lại: 131, đã bỏ: 4659 */
/*!
    Bootstrap
    Version: 5.3.2
    Plugin URL: https://getbootstrap.com/
    License: Copyright 2011-2023 The Bootstrap Authors | Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
!*/*,.mfp-container,::after,::before,img.mfp-img{box-sizing:border-box}.mfp-arrow,body{-webkit-tap-highlight-color:transparent}.vr,hr{opacity:.25}.popover,.tooltip,address{font-style:normal}.popover,.tooltip,pre code{word-break:normal}::file-selector-button,[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}label,output{display:inline-block}progress,sub,sup{vertical-align:baseline}:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}address,dl,ol,p,pre,ul{margin-bottom:1rem}blockquote,figure{margin:0 0 1rem}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}dl,ol,p,ul{margin-top:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{line-height:inherit}ol,ul{padding-left:2rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit}code,kbd{font-size:.875em}code{color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}button{border-radius:0}fieldset,iframe{border:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button],[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit}summary{display:list-item;cursor:pointer}[hidden]{display:none!important}.btn,.figure{display:inline-block}.lead{font-size:1.25rem;font-weight:300}.list-unstyled{padding-left:0;list-style:none}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.container,.container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px;--swiper-theme-color:#007aff;--swiper-navigation-size:44px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex:0 0 auto}.col-2{width:16.66666667%}.col-4{flex:0 0 auto}.col-4{width:33.33333333%}.col-8{flex:0 0 auto}.col-8{width:66.66666667%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.g-0{--bs-gutter-x:0}.g-0{--bs-gutter-y:0}.g-2{--bs-gutter-x:0.5rem}.g-2{--bs-gutter-y:0.5rem}.g-3{--bs-gutter-x:1rem}.g-3{--bs-gutter-y:1rem}.g-4{--bs-gutter-x:1.5rem}.g-4{--bs-gutter-y:1.5rem}.g-5{--bs-gutter-x:3rem}.g-5{--bs-gutter-y:3rem}@media (min-width:576px){.row-cols-sm-2>*{flex:0 0 auto;width:50%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}}@media (min-width:1200px){.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.offset-xl-1{margin-left:8.33333333%}}@media (min-width:1400px){.col-xxl-6{flex:0 0 auto;width:50%}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.form-check-input:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.25);outline:0}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.form-check-input{-webkit-appearance:none;-moz-appearance:none}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.popover,.tooltip{font-weight:400;line-height:1.5}.card{color:var(--bs-body-color)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.form-check-input.is-valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.dropdown-item,.dropdown-menu.show{display:block}.form-check-input.is-invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.dropdown-toggle::after,.dropup .dropdown-toggle::after{vertical-align:.255em;content:""}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{border-color:var(--bs-btn-hover-border-color);box-shadow:var(--bs-btn-focus-box-shadow);outline:0}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg)}.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropend .dropdown-toggle::after,.dropstart .dropdown-toggle::before{border-top:.3em solid transparent;content:""}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid;vertical-align:0}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{margin-left:.255em;vertical-align:.255em;content:"";display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;border-right:.3em solid;border-bottom:.3em solid transparent;vertical-align:0}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropdown-item{width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.card>hr{margin-left:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}}.card,.progress-bar{flex-direction:column}.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.alert,.btn .badge,.page-link{position:relative}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.breadcrumb,.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider,"/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(var(--bs-border-width) * -1)}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty,.toast:not(.show){display:none}.btn .badge{top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.modal-content,.popover,.toast{background-clip:padding-box}.modal-backdrop.fade,.toast.showing{opacity:0}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.carousel,.carousel-item,.ratio{position:relative}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel.pointer-event{touch-action:pan-y}.carousel-item{display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}.offcanvas-backdrop,[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}.carousel-indicators .active{opacity:1}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.offcanvas{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}.offcanvas,.swiper-vertical>.swiper-wrapper{flex-direction:column}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh}.placeholder,.vr{min-height:1em;background-color:currentcolor}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.placeholder{display:inline-block;vertical-align:middle;cursor:wait;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.ratio{width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.fixed-bottom,.fixed-top{position:fixed;z-index:1030;left:0;right:0}.fixed-top{top:0}.fixed-bottom{bottom:0}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width)}.align-middle{vertical-align:middle!important}.float-start{float:left!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-y-auto{overflow-y:auto!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.start-50{left:50%!important}.mfp-bg,.mfp-container,.mfp-wrap{left:0;height:100%}.translate-middle{transform:translate(-50%,-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.w-100{width:100%!important}.h-100{height:100%!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.order-1{order:1!important}.order-2{order:2!important}.m-0{margin:0!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-2{padding-right:.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-2{padding-left:.5rem!important}.ps-5{padding-left:3rem!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.fst-italic{font-style:italic!important}.lh-1{line-height:1!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-opacity-50{--bs-text-opacity:0.5}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.z-0{z-index:0!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-flex{display:flex!important}.flex-sm-row{flex-direction:row!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}}@media (min-width:768px){.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-row{flex-direction:row!important}.justify-content-md-end{justify-content:flex-end!important}.align-items-md-center{align-items:center!important}.m-md-0{margin:0!important}.mt-md-0{margin-top:0!important}.mb-md-0{margin-bottom:0!important}.p-md-0{padding:0!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}}@media (min-width:992px){.d-lg-inline-block{display:inline-block!important}.d-lg-flex{display:flex!important}.justify-content-lg-end{justify-content:flex-end!important}.align-items-lg-end{align-items:flex-end!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.mt-lg-0{margin-top:0!important}.me-lg-0{margin-right:0!important}.mb-lg-0{margin-bottom:0!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}}@media (min-width:1200px){.d-xl-inline-block{display:inline-block!important}.d-xl-inline-flex{display:inline-flex!important}}@media (min-width:1400px){.d-xxl-block{display:block!important}}@media print{.d-print-none{display:none!important}}/*!
    Magnific popup
    Version: 1.1.0 - 2016-02-20
    Plugin URL: http://dimsemenov.com/plugins/magnific-popup/
    License: Copyright (c) 2016 Dmitry Semenov
!*/.mfp-container *{transition-timing-function:none;-moz-transition-timing-function:none;-webkit-transition-timing-function:none;-o-transition-timing-function:none;transition-duration:0s;-moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s}.mfp-bg{top:0;width:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;width:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;top:0;padding:0 8px}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-arrow,.mfp-close,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-close{color:#FFF}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:-30px 0 0;top:50%;padding:0;width:60px;height:60px}.mfp-arrow:active{margin-top:-30px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{max-width:100%;line-height:0;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.swiper,.swiper-wrapper{z-index:1;position:relative}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.swiper-slide,.swiper-wrapper{width:100%;height:100%;transition-property:transform}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-container{padding-left:6px;padding-right:6px}}/*!
    Swiper
    Version: 11.0.5
    Plugin URL: https://swiperjs.com
    License: Copyright 2014-2023 Vladimir Kharlampidi | Released under the MIT License 
!*/@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;overflow:hidden;list-style:none;padding:0;display:block}.swiper-wrapper{display:flex;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;position:relative;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d{perspective:1200px}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid;border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-cube,.swiper-flip{overflow:visible}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-fade.swiper-free-mode .swiper-slide,.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide,.swiper-cube .swiper-slide .swiper-slide,.swiper-flip .swiper-slide,.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{visibility:visible;pointer-events:auto}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}/*!
    Splitting
    Version: 1.0.5
    Plugin URL: https://splitting.js.org/
    License: Copyright © 2018-present Stephen Shaw | Licensed under the MIT license
!*//*! Recommended styles for Splitting */.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative;--char-percent:calc(var(--char-index) / var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc(
      (var(--char-offset) * var(--char-offset)) / var(--char-center)
      );--distance-sine:calc(var(--char-offset) / var(--char-center));--distance-percent:calc((var(--distance) / var(--char-center)))}.splitting .char::after,.splitting .char::before{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;user-select:none}.splitting{--word-center:calc((var(--word-total) - 1) / 2);--char-center:calc((var(--char-total) - 1) / 2);--line-center:calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent:calc(var(--word-index) / var(--word-total));--line-percent:calc(var(--line-index) / var(--line-total))}/*!
    Font Awesome
    Version: 6.5.1
    Plugin URL: https://fontawesome.com
    License: Copyright 2023 Fonticons, Inc. | https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
!*/.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa-brands,.fa-regular,.fab,.far{font-weight:400}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-regular,.fa-solid,.far{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-circle-check::before{content:"\f058"}.fa-arrow-right::before{content:"\f061"}.fa-heart::before{content:"\f004"}.fa-volume-high::before{content:"\f028"}.fa-phone::before{content:"\f095"}.fa-arrow-left::before{content:"\f060"}.fa-sun::before{content:"\f185"}.fa-magnifying-glass::before{content:"\f002"}.fa-volume-xmark::before{content:"\f6a9"}.fa-xmark::before{content:"\f00d"}.fa-chevron-right::before{content:"\f054"}.fa-moon::before{content:"\f186"}.fa-paper-plane::before{content:"\f1d8"}:host,:root{--fa-style-family-brands:'Font Awesome 6 Brands';--fa-font-brands:normal 400 1em/1 'Font Awesome 6 Brands';--fa-font-regular:normal 400 1em/1 'Font Awesome 6 Free';--fa-style-family-classic:'Font Awesome 6 Free';--fa-font-solid:normal 900 1em/1 'Font Awesome 6 Free'}@font-face{src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/fa-brands-400.subset.woff2?v=283d1373") format("woff2");font-display:fallback;font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;}.fa-linkedin-in:before{content:"\f0e1"}.fa-facebook-f:before{content:"\f39e"}.fa-x-twitter:before{content:"\e61b"}.fa-youtube:before{content:"\f167"}@font-face{src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/fa-regular-400.subset.woff2?v=bf76cb49") format("woff2");font-display:fallback;font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;}@font-face{src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/fa-solid-900.subset.woff2?v=6a1c3153") format("woff2");font-display:fallback;font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;}.fa-solid{font-weight:900}.feather,[class*=" ti-"],[class*=" line-icon-"],[class^=line-icon-],[class^=ti-]{speak:none;font-weight:400;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/fa-brands-400.subset.woff2?v=283d1373") format("woff2");font-display:fallback;font-family:"Font Awesome 5 Brands";font-weight:400;}@font-face{src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/fa-solid-900.subset.woff2?v=6a1c3153") format("woff2");font-display:fallback;font-family:"Font Awesome 5 Free";font-weight:900;}@font-face{src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/fa-regular-400.subset.woff2?v=bf76cb49") format("woff2");font-display:fallback;font-family:"Font Awesome 5 Free";font-weight:400;}@font-face{src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/fa-solid-900.subset.woff2?v=6a1c3153") format("woff2");font-display:fallback;font-family:FontAwesome;}@font-face{src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/fa-brands-400.subset.woff2?v=283d1373") format("woff2");font-display:fallback;font-family:FontAwesome;}@font-face{src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/fa-regular-400.subset.woff2?v=bf76cb49") format("woff2");font-display:fallback;font-family:FontAwesome;unicode-range:U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC}@font-face{src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/fa-v4compatibility.subset.woff2?v=f1b25802") format("woff2");font-display:fallback;font-family:FontAwesome;unicode-range:U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A}@font-face{font-family:themify;src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/themify.eot?-fvbane");src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/themify.eot?#iefix-fvbane") format("embedded-opentype"),url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/themify.woff?-fvbane") format("woff"),url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/themify.ttf?-fvbane") format("truetype"),url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/themify.svg?-fvbane#themify") format("svg");font-weight:400;font-style:normal}/*!
    Feather
    Plugin URL: https://feathericons.com/
!*/@font-face{src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/feather.subset.woff2?v=abcd77fb") format("woff2");font-display:fallback;font-family:feather;}.feather{font-family:feather!important}.icon-feather-alert-circle:before{content:"\e81c"}.icon-feather-alert-triangle:before{content:"\e81e"}.icon-feather-arrow-left:before{content:"\e828"}.icon-feather-arrow-right:before{content:"\e829"}.icon-feather-award:before{content:"\e82e"}.icon-feather-calendar:before{content:"\e83a"}.icon-feather-check-circle:before{content:"\e83e"}.icon-feather-check:before{content:"\e83f"}.icon-feather-check-square:before{content:"\e840"}.icon-feather-clipboard:before{content:"\e84b"}.icon-feather-clock:before{content:"\e84d"}.icon-feather-compass:before{content:"\e854"}.icon-feather-copy:before{content:"\e855"}.icon-feather-cpu:before{content:"\e85e"}.icon-feather-crosshair:before{content:"\e860"}.icon-feather-download:before{content:"\e864"}.icon-feather-edit-2:before{content:"\e866"}.icon-feather-eye-off:before{content:"\e86e"}.icon-feather-file-text:before{content:"\e870"}.icon-feather-layers:before{content:"\e87e"}.icon-feather-info:before{content:"\e87f"}.icon-feather-list:before{content:"\e886"}.icon-feather-lock:before{content:"\e887"}.icon-feather-message-circle:before{content:"\e890"}.icon-feather-message-square:before{content:"\e891"}.icon-feather-play:before{content:"\e8ae"}.icon-feather-printer:before{content:"\e8b3"}.icon-feather-rotate-ccw:before{content:"\e8b9"}.icon-feather-refresh-cw:before{content:"\e8ba"}.icon-feather-shield:before{content:"\e8c2"}.icon-feather-target:before{content:"\e8d4"}.icon-feather-trash-2:before{content:"\e8da"}.icon-feather-user-check:before{content:"\e8e5"}.icon-feather-zap:before{content:"\e8f8"}.icon-feather-help-circle:before{content:"\e903"}.icon-feather-shopping-cart:before{content:"\e905"}.icon-feather-arrow-right-circle:before{content:"\e911"}.icon-feather-book-open:before{content:"\e914"}/*!
    Bootstrap Icons
    Version: 1.11.3
    Plugin URL: (https://icons.getbootstrap.com/)
    License: Copyright 2019-2024 The Bootstrap Authors | Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
!*/@font-face{src:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/fonts/bootstrap-icons.subset.woff2?v=37f2fc6d") format("woff2");font-display:fallback;font-family:bootstrap-icons;}.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-arrow-clockwise::before{content:"\f116"}.bi-arrow-left-right::before{content:"\f12b"}.bi-arrow-left::before{content:"\f12f"}.bi-arrow-right-circle::before{content:"\f134"}.bi-arrow-right::before{content:"\f138"}.bi-arrow-up-circle::before{content:"\f13a"}.bi-bag::before{content:"\f179"}.bi-bar-chart-line::before{content:"\f17c"}.bi-basket::before{content:"\f180"}.bi-bookshelf::before{content:"\f1a5"}.bi-box-arrow-up-right::before{content:"\f1c5"}.bi-box-seam::before{content:"\f1c7"}.bi-building::before{content:"\f1dd"}.bi-bullseye::before{content:"\f1de"}.bi-calendar3::before{content:"\f214"}.bi-cart::before{content:"\f242"}.bi-chat-dots-fill::before{content:"\f249"}.bi-chat-dots::before{content:"\f24a"}.bi-chat-square-text::before{content:"\f264"}.bi-check-circle-fill::before{content:"\f26a"}.bi-chevron-right::before{content:"\f285"}.bi-circle::before{content:"\f28a"}.bi-controller::before{content:"\f2d4"}.bi-cpu::before{content:"\f2d6"}.bi-diagram-3::before{content:"\f2ee"}.bi-envelope-open::before{content:"\f32e"}.bi-envelope::before{content:"\f32f"}.bi-exclamation-triangle-fill::before{content:"\f33a"}.bi-eye::before{content:"\f341"}.bi-file-earmark-check::before{content:"\f360"}.bi-gem::before{content:"\f3e6"}.bi-geo-alt-fill::before{content:"\f3e7"}.bi-geo-alt::before{content:"\f3e8"}.bi-grid-3x3-gap::before{content:"\f3f9"}.bi-grid::before{content:"\f3fc"}.bi-hand-index-thumb::before{content:"\f402"}.bi-heart-fill::before{content:"\f415"}.bi-heart::before{content:"\f417"}.bi-joystick::before{content:"\f448"}.bi-laptop::before{content:"\f456"}.bi-layers::before{content:"\f45b"}.bi-lightning-charge-fill::before{content:"\f46c"}.bi-list-check::before{content:"\f473"}.bi-patch-check-fill::before{content:"\f4b5"}.bi-pencil-square::before{content:"\f4ca"}.bi-play-fill::before{content:"\f4f4"}.bi-puzzle::before{content:"\f503"}.bi-question-circle-fill::before{content:"\f504"}.bi-scissors::before{content:"\f528"}.bi-search::before{content:"\f52a"}.bi-shield-check::before{content:"\f52f"}.bi-speedometer2::before{content:"\f580"}.bi-star-fill::before{content:"\f586"}.bi-stars::before{content:"\f589"}.bi-telegram::before{content:"\f5b3"}.bi-telephone::before{content:"\f5c1"}.bi-x::before{content:"\f62a"}.bi-check-lg::before{content:"\f633"}.bi-coin::before{content:"\f634"}.bi-translate::before{content:"\f658"}.bi-x-lg::before{content:"\f659"}.bi-dribbble::before{content:"\f65f"}.bi-magic::before{content:"\f675"}.bi-send-fill::before{content:"\f6b9"}.bi-ticket-perforated::before{content:"\f6ca"}.bi-plugin::before{content:"\f77d"}.bi-airplane::before{content:"\f7cd"}.bi-rocket-takeoff::before{content:"\f845"}.bi-database-check::before{content:"\f8b0"}.bi-crosshair::before{content:"\f769"}.bi-person-walking::before{content:"\f8fa"}body,html{font-size:16px}a,body{color:var(--medium-gray)}.btn.btn-link,.theme-demos .all-demo a,.theme-demos .buy-theme a,a,a:hover{text-decoration:none}.container,.container-fluid,.row>*{padding-right:15px;padding-left:15px}.text-outline,.text-outline-width-1px{-webkit-text-stroke-width:1px}:root{--alt-font:'Plus Jakarta Sans',sans-serif;--primary-font:'Inter',sans-serif;--base-color:#2946f3;--white:#ffffff;--black:#000000;--red:#dc3131;--light-red:#feedec;--green:#2ebb79;--crusoe-green:#d39121;--yellow:#ffea23;--dark-gray:#232323;--medium-gray:#717580;--extra-medium-gray:#e4e4e4;--light-gray:#a8a8a8;--very-light-gray:#f7f7f7;--light-medium-gray:#eaeaeb;--charcoal-blue:#202329;--slate-blue:#262b35;--medium-slate-blue:#374162;--extra-medium-slate-blue:#23262d;--dark-slate-blue:#1f232c;--extra-dark-slate-blue:#121418;--extra-very-slate-blue:#161620;--tussock-yellow:#BC8947;--aluminium-grey:#80858F;--solitude-blue:#f0f4fd;--golden-yellow:#fd961e;--selago:#eaedff;--white-ice:#d8f5ef;--cornflower-blue:#445fed;--jade:#00AF6B;--orange:#ef991f;--majorelle-blue:#724ade;--light-majorelle-blue:#f2edfe;--spring-wood:#f9f6f3;--tropical-blue:#1ea3b1;--camarone:#20642b;--seal-brown:#0e0708;--Wasabi:#8ea63a}.alt-font{font-family:var(--alt-font)}body{font-family:var(--primary-font);line-height:30px;font-weight:400;-moz-osx-font-smoothing:grayscale;word-break:break-word;-webkit-font-smoothing:antialiased}section{padding-top:110px;padding-bottom:110px}section.half-section{padding-top:70px;padding-bottom:70px}img{max-width:100%;height:auto}ul li{list-style:none}a{-webkit-transition:.3s;transition:.3s}a:hover{color:var(--base-color)}p{margin-bottom:25px}.last-paragraph-no-margin p:last-of-type{margin-bottom:0}video{background-size:cover;display:table-cell;vertical-align:middle;width:100%}:focus-visible{outline:0}[class*=" line-icon"],[class*=bi-],[class*=feather],[class*=line-icon],[class*=ti-]{display:inline-block}.g-recaptcha.is-invalid iframe{border:1px solid #dc3545!important}.row{margin-right:-15px;margin-left:-15px}.row.g-0{margin-right:0;margin-left:0}.row.g-0>*{padding-right:0;padding-left:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:30px;letter-spacing:-.5px;font-weight:inherit}.h1,h1{font-size:4.375rem;line-height:4.375rem}.h2,h2{font-size:3.438rem;line-height:3.438rem}.h3,h3{font-size:2.813rem;line-height:3.125rem}h4{font-size:2.375rem;line-height:2.7rem}h5{font-size:2rem;line-height:2.2rem}h6{font-size:1.75rem;line-height:1.95rem}.hover-text{display:none}b,strong{font-weight:700}.text-transform-none{text-transform:none!important}.word-break-normal{word-break:normal}.fs-10{font-size:10px}.fs-11{font-size:11px}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-15{font-size:15px}.fs-16{font-size:16px}.fs-17{font-size:17px}.fs-18{font-size:18px}.fs-19{font-size:19px}.fs-20{font-size:20px}.fs-22{font-size:22px}.fs-24{font-size:24px;line-height:32px}.fs-26{font-size:26px;line-height:38px}.fs-28{font-size:1.75rem;line-height:2.6rem}.fs-32{line-height:2.5rem}.fs-32{font-size:2rem}.fs-70{font-size:4.375rem;line-height:4.375rem}.fs-80{font-size:5rem;line-height:5rem}.fs-85{font-size:5.313rem;line-height:5.313rem}.fs-90{font-size:5.625rem;line-height:5.625rem}.fs-170{font-size:10.625rem;line-height:10.625rem}.fs-300{font-size:18.75rem;line-height:18.75rem}.fs-350{font-size:21.875rem;line-height:21.875rem}.lh-12{line-height:12px}.lh-16{line-height:16px}.lh-18{line-height:18px}.lh-20{line-height:20px}.lh-22{line-height:22px}.lh-24{line-height:24px}.lh-26{line-height:26px}.lh-28{line-height:28px}.lh-30{line-height:30px}.lh-32{line-height:2rem}.lh-34{line-height:2.125rem}.lh-38{line-height:2.375rem}.lh-42{line-height:2.625rem}.btn-link.text-white,.text-white,a.text-white-hover:hover{color:var(--white)}.btn-link.text-base-color,.text-base-color{color:var(--base-color)}.btn-link.text-black,.text-black{color:var(--black)}.btn-link.text-dark-gray,.text-dark-gray,a.text-dark-gray-hover:hover{color:var(--dark-gray)}.btn-link.text-medium-gray,.text-medium-gray,a.text-medium-gray-hover:hover{color:var(--medium-gray)}.text-decoration-line-bottom{border-bottom:1px solid}.text-decoration-line-bottom-medium{border-bottom:2px solid}.text-outline{-webkit-text-fill-color:transparent;-webkit-text-stroke-color:var(--white)}.text-outline-color-base-color{-webkit-text-stroke-color:var(--base-color)}.text-outline-color-dark-gray{-webkit-text-stroke-color:var(--dark-gray)}.text-outline-color-extra-medium-gray{-webkit-text-stroke-color:var(--extra-medium-gray)}.ls-0px{letter-spacing:0!important}.ls-05px{letter-spacing:.5px!important}.ls-1px{letter-spacing:1px!important}.ls-2px{letter-spacing:2px!important}.ls-minus-05px{letter-spacing:-.5px!important}.ls-minus-1px{letter-spacing:-1px!important}.ls-minus-2px{letter-spacing:-2px!important}.ls-minus-3px{letter-spacing:-3px!important}.ls-minus-8px{letter-spacing:-8px!important}.icon-small{font-size:18px}.separator-line-1px{height:1px}.separator-line-2px{height:2px}.absolute-middle-center{left:50%;top:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.transition,.transition-inner-all *{-webkit-transition:all .4s cubic-bezier(.37,0,.63,1);transition:all .4s cubic-bezier(.37,0,.63,1)}.sticky-wrap{position:fixed;top:50%;left:0;opacity:0;z-index:1;-webkit-transform:rotate(-90deg) translate(-50%,50%);transform:rotate(-90deg) translate(-50%,50%);transform-origin:0 50%;transition:1s cubic-bezier(.7,0,.3,1)!important}.sticky-wrap.shadow-in{left:50px;opacity:1;box-shadow:none!important}.sticky-wrap.sticky-hidden{left:0;opacity:0}.sticky-wrap .social-icon-style-10 ul li a:hover,.sticky-wrap a,.sticky-wrap a:hover,.sticky-wrap div,.sticky-wrap p,.sticky-wrap span{color:var(--dark-gray)!important}.sticky-wrap.sticky-highlight .social-icon-style-10 ul li a:hover,.sticky-wrap.sticky-highlight a,.sticky-wrap.sticky-highlight a:hover,.sticky-wrap.sticky-highlight div,.sticky-wrap.sticky-highlight p,.sticky-wrap.sticky-highlight span{color:var(--white)!important}.sticky-wrap.sticky-highlight .separator-line-1px{background-color:var(--white)!important}.overlap-section,.select{position:relative}.overflow-visible{overflow:visible!important}.overlap-height{transition:.3s height}.outside-box-left-15{margin-left:-15vw}.outside-box-left-20{margin-left:-20vw}.outside-box-left-25{margin-left:-25vw}.outside-box-left-35{margin-left:-35vw}.outside-box-left-40{margin-left:-40vw}.outside-box-right-5{margin-right:-5vw}.outside-box-right-10{margin-right:-10vw}.outside-box-right-25{margin-right:-25vw}.outside-box-right-30{margin-right:-30vw}.show-search-popup>section{filter:grayscale(100%)}.box-shadow{-webkit-box-shadow:0 0 10px rgba(0,0,0,.08);box-shadow:0 0 10px rgba(0,0,0,.08);-webkit-transition:350ms ease-in-out;transition:350ms ease-in-out}.box-shadow-medium{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);-webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);transition:all 350ms cubic-bezier(.37,0,.63,1)}.box-shadow-double-large{-webkit-box-shadow:0 0 45px rgba(0,0,0,.09);box-shadow:0 0 45px rgba(0,0,0,.09);-webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);transition:all 350ms cubic-bezier(.37,0,.63,1)}.box-shadow-quadruple-large-hover:hover{-webkit-box-shadow:0 20px 60px rgba(0,0,0,.08);box-shadow:0 20px 60px rgba(0,0,0,.08);-webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);transition:all 350ms cubic-bezier(.37,0,.63,1)}.box-shadow-quadruple-large-hover:hover{-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0)}input,select,textarea{padding:12px 25px;width:100%;max-width:100%;resize:none;outline:0;font-size:16px;border:1px solid #e4e4e4;color:var(--medium-gray);line-height:inherit;word-break:normal;-webkit-transition:.3s;transition:.3s}input:focus,select:focus,textarea:focus{border:1px solid #c2c2c2;box-shadow:none!important;color:var(--medium-gray)}::-webkit-input-placeholder{color:var(--medium-gray)!important;text-overflow:ellipsis}::-moz-placeholder{color:var(--medium-gray)!important;text-overflow:ellipsis;opacity:1}:-ms-input-placeholder{color:var(--medium-gray)!important;text-overflow:ellipsis;opacity:1}.search-error{border-color:var(--red)!important}.select:after{content:"\e842";font-family:feather!important;right:20px;top:50%;height:34px;position:absolute;pointer-events:none;font-size:22px;margin-top:-15px}@-moz-document url-prefix(){.date-icon:after{display:none}}.hover-box{z-index:1}.hover-box *{-webkit-transition:all .5s cubic-bezier(.5,1,.89,1);transition:all .5s cubic-bezier(.5,1,.89,1);will-change:transform}.hover-box.dark-hover:hover [class*=separator-line]{background-color:var(--white)}.hover-box.dark-hover:hover [class*=btn-link-gradient] span{background:var(--white);background-image:none}.hover-box.dark-hover:hover [class*=btn-transparent]{background-color:var(--white);border-color:var(--white);color:var(--dark-gray)!important}.hover-box.dark-hover:hover [class*=text-gradient-]{color:var(--white);background-image:none;-webkit-background-clip:inherit;-webkit-text-fill-color:var(--white)}.hover-box.light-hover:hover [class*=separator-line]{background-color:var(--dark-gray)}.hover-box.light-hover:hover [class*=text-gradient-]{color:var(--dark-gray);background-image:none;-webkit-background-clip:var(--dark-gray);-webkit-text-fill-color:var(--dark-gray)}.swiper-horizontal>.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{bottom:45px;left:50%;width:auto;cursor:default;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.swiper-horizontal>.swiper-pagination-bullets-right,.swiper-vertical>.swiper-pagination-bullets-right{bottom:auto;top:50%;right:60px;left:auto;width:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:right}.swiper-horizontal>.swiper-pagination-bullets-right .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets-right .swiper-pagination-bullet{display:block;margin:25px 0!important}.swiper-dark-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 15px!important;opacity:1;background-color:var(--light-gray);-webkit-transition:.3s;transition:.3s;outline:0}.swiper-dark-pagination .swiper-pagination-bullet:before{content:"";width:30px;height:30px;border:1px solid var(--dark-gray);background:0 0;display:inline-block;border-radius:50%;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s;transition:.3s;opacity:0}.swiper-dark-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-dark-pagination .swiper-pagination-bullet:hover{background-color:var(--dark-gray)}.swiper-dark-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,.swiper-dark-pagination .swiper-pagination-bullet:hover:before{opacity:1}.swiper-light-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 15px!important;display:inline-block;vertical-align:middle;background-color:var(--white);-webkit-transition:.3s;transition:.3s;outline:0;opacity:.5}.swiper-light-pagination .swiper-pagination-bullet:before{content:"";width:30px;height:30px;border:2px solid rgba(255,255,255,.2);background:0 0;display:inline-block;border-radius:50%;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s;transition:.3s;opacity:0}.swiper-pagination-style-2 .swiper-pagination-bullet:before,.swiper-pagination-style-3 .swiper-pagination-bullet:before{display:none}.swiper-light-pagination .swiper-pagination-bullet:hover{background-color:var(--white);opacity:1}.swiper-light-pagination .swiper-pagination-bullet:hover:before{opacity:1}.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--white);opacity:1}.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{opacity:1}.swiper-pagination-style-2 .swiper-pagination-bullet{width:8px;height:8px;margin:0 6px!important}.swiper-pagination-style-3 .swiper-pagination-bullet{width:14px;height:14px;background:0 0;opacity:.4;margin:0 7px!important;border:2px solid var(--white)}.swiper-pagination-style-3 .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-style-3 .swiper-pagination-bullet:hover{background-color:var(--white);opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3)}.swiper-pagination-style-3.dark .swiper-pagination-bullet{border:2px solid var(--dark-gray)}.swiper-pagination-style-3.dark .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--dark-gray)}.swiper-pagination-style-4 .swiper-pagination-bullet{width:8px;height:8px;background:var(--white);opacity:1;position:relative;margin:0 25px!important;border:0}.swiper-pagination-style-4 .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-style-4 .swiper-pagination-bullet:hover{background-color:var(--base-color);opacity:1;border:0}.swiper-pagination-style-4.dark .swiper-pagination-bullet{background:var(--dark-gray)}.swiper-pagination-style-4.dark .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-style-4.dark .swiper-pagination-bullet:hover{background-color:var(--base-color)}.swiper-number-pagination-style-01 .swiper-number{text-align:left;bottom:70px}.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet{position:relative;padding-right:10px;padding-left:8px;margin:0;color:var(--white);opacity:.7;width:auto;-webkit-transition:.5s;transition:.5s;height:auto;background:0 0;border-radius:0;outline:0}.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width:70px}.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet:after{width:0;height:1px;content:"";margin-left:15px;display:inline-block;background:var(--white);vertical-align:middle;-webkit-transition:.5s;transition:.5s}.swiper-number-pagination-style-02 .swiper-number{width:auto;left:inherit;right:60px;padding:0}.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet{position:relative;font-family:var(--alt-font);font-size:15px;display:block;color:var(--white);margin:10px 0!important;opacity:.7;width:56px;-webkit-transition:.4s;transition:.4s;height:56px;background:0 0;border-radius:100%;text-align:center;line-height:56px;outline:0}.magic-drag-cursor #ball-cursor:after,.magic-round-cursor #ball-cursor:after,.magic-round-cursor #ball-cursor:before,.magic-view-cursor #ball-cursor:after,.swiper-h-pagination:after,.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet:before{display:none}.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:before{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.4s;transition:.4s;background:rgba(0,0,0,.45);z-index:-1}.swiper-button-next:hover,.swiper-button-prev:hover{opacity:.8}.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet:before{width:56px;height:56px;border-radius:100%;content:"";position:absolute;top:0;left:0;-webkit-transform:scale(.7);transform:scale(.7)}.swiper-line-pagination-style-01 .swiper-line-pagination{text-align:center;bottom:0;width:100%;left:0}.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet{width:100px;height:2px;margin:0!important;border-radius:0}.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--base-color)}.swiper-number-pagination-progress .swiper-pagination-wrapper .number-next,.swiper-number-pagination-progress .swiper-pagination-wrapper .number-prev{width:50px;text-align:center}.swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination{position:inherit;width:auto}.swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet{width:60px;height:1px;vertical-align:middle;margin:0;background-color:var(--medium-gray)}.swiper-number-navigation-style .swiper-button-next,.swiper-number-navigation-style .swiper-button-prev{top:inherit;bottom:0;position:inherit;display:inline-block;vertical-align:middle;transform:none;width:auto;height:auto}.swiper-number-navigation-style .swiper-button-next .number-next,.swiper-number-navigation-style .swiper-button-next .number-prev,.swiper-number-navigation-style .swiper-button-next i,.swiper-number-navigation-style .swiper-button-prev .number-next,.swiper-number-navigation-style .swiper-button-prev .number-prev,.swiper-number-navigation-style .swiper-button-prev i{display:inline-block;vertical-align:middle}.swiper-number-navigation-style .swiper-button-next .number-next,.swiper-number-navigation-style .swiper-button-next .number-prev,.swiper-number-navigation-style .swiper-button-prev .number-next,.swiper-number-navigation-style .swiper-button-prev .number-prev{width:50px;text-align:center}.swiper-pagination-progress{width:220px;height:1px;position:relative}.swiper-pagination-progress .swiper-progress{position:absolute;top:0;left:0;height:100%;width:var(--swiper-progress,0);background-color:var(--base-color);-webkit-transition:.4s;transition:.4s}.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper{position:absolute;right:40px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:99}.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-progress{position:absolute;top:0;left:0;width:2px;height:var(--swiper-progress,0);background-color:var(--dark-gray);-webkit-transition:.4s;transition:.4s}.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-pagination-progress{width:2px;height:100px;background-color:var(--extra-medium-gray)}.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-next{margin-top:15px;width:auto}.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-prev{margin-bottom:15px;width:auto}.swiper-pagination-bottom .swiper-button-next,.swiper-pagination-bottom .swiper-button-prev{top:inherit;bottom:0}.swiper-button-next,.swiper-button-prev{outline:0;cursor:pointer;height:45px;width:45px;margin-top:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.3s;transition:.3s}.swiper-button-next{left:inherit}.slider-navigation-style-04{height:56px;width:56px;border-radius:100%;position:relative;bottom:inherit;left:0;top:inherit;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:.3s;transition:.3s}.slider-navigation-style-04 i{-webkit-transition:.3s;transition:.3s;display:-webkit-box;display:-ms-flexbox;display:flex}.slider-navigation-style-04:hover i{opacity:.5}.slider-navigation-style-04.swiper-button-prev{margin-right:5px}.slider-navigation-style-04.swiper-button-next{margin-left:5px}.swiper-width-auto .swiper-slide{width:auto}.full-screen{height:100vh}.full-screen.top-space-margin{height:calc(100vh - 96px)}.video-play-icon{z-index:1!important}.video-play-icon.remove-play-icon+.html-video-play{opacity:0!important}.video-play-icon.remove-play-icon+.html-video-play:hover,.video-play-icon.remove-play-icon:hover+.html-video-play{opacity:1!important}.animation-rotation,.page-loader::after{-webkit-animation:rotation 8s infinite linear}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(5px)}100%{transform:translateY(10px)}}[data-shadow-animation]{box-shadow:0 0 0 rgba(0,0,0,.1);transition:box-shadow .5s cubic-bezier(.7,0,.3,1)}[data-shadow-animation].shadow-in{box-shadow:0 20px 100px rgba(0,0,0,.1)}[data-shadow-animation].shadow-in img{opacity:1;transition-delay:.35s}[data-shadow-animation] img{opacity:0;transition:opacity .65s cubic-bezier(.5,1,.5,1)}[data-parallax-liquid]{transition:transform .8s cubic-bezier(.23,1,.32,1);will-change:transform}[data-parallax-liquid]{overflow:hidden;-webkit-transform:translateY(0);transform:translateY(0)}.magic-cursor{cursor:none}#ball-cursor{position:fixed;width:70px;height:70px;border:0!important;background-color:var(--dark-gray);box-shadow:0 0 50px rgba(0,0,0,.25);border-radius:100%;opacity:0!important;overflow:hidden;transition:opacity .3s ease-in-out .1s;text-align:center}.magic-cursor-light #ball-cursor,.scroll-progress .scroll-point,.theme-demos{background-color:var(--white)}#ball-cursor:after,#ball-cursor:before{content:"\e843";font-family:feather!important;color:var(--white);font-size:20px;line-height:70px;position:absolute;left:12px;top:0}#ball-cursor:after{content:"\e844";right:12px;left:auto}.magic-cursor-wrapper{position:absolute;left:0;top:0;width:30px;height:30px;pointer-events:none;z-index:10000;transition:opacity .2s ease-in-out .2s}[data-anime],[data-anime].btn{transition:none}.magic-cursor-wrapper.sliderhover #ball-cursor{opacity:1!important}.magic-cursor-wrapper.vertical #ball-cursor:after,.magic-cursor-wrapper.vertical #ball-cursor:before{content:"\e845";left:50%;top:10px;line-height:normal;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.magic-cursor-wrapper.vertical #ball-cursor:after{content:"\e842";right:auto;bottom:10px;top:auto}@media (hover:none){.magic-cursor-wrapper{display:none}}.magic-cursor-light #ball-cursor:after,.magic-cursor-light #ball-cursor:before{color:var(--dark-gray)}.magic-cursor-base-color #ball-cursor{background-color:var(--base-color)}.magic-cursor-base-color #ball-cursor:after,.magic-cursor-base-color #ball-cursor:before{color:var(--white)}.magic-drag-cursor #ball-cursor:before,.magic-view-cursor #ball-cursor:before{color:var(--white)!important;font-family:var(--alt-font)!important;text-shadow:0 0 20px rgba(0,0,0,.9);top:50%;left:50%;transform:translate(-50%,-50%)}.magic-view-cursor #ball-cursor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.2);width:180px;height:180px;box-shadow:none}.magic-view-cursor #ball-cursor:before{content:"Explore";font-size:16px;font-weight:400}.magic-drag-cursor #ball-cursor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.2);width:140px;height:140px;box-shadow:none}.magic-drag-cursor #ball-cursor:before{content:"< DRAG >";font-size:14px;font-weight:600;word-spacing:4px;width:inherit}.magic-drag-cursor.magic-cursor-light #ball-cursor{background-color:rgba(255,255,255,.2)}.magic-drag-cursor.magic-cursor-light #ball-cursor:after,.magic-drag-cursor.magic-cursor-light #ball-cursor:before{color:var(--dark-gray)}.magic-round-cursor #ball-cursor{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:rgba(0,0,0,.2);width:220px;height:220px;box-shadow:none}[data-anime]{opacity:0}[data-anime].appear{opacity:1}[data-anime].btn.anime-complete{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.atropos-shadow{background-color:transparent!important;filter:inherit}.atropos-highlight{background-image:inherit!important}@media not all and (min-resolution:0.001dpcm){[data-anime] [class*=text-shadow-],[data-anime][class*=text-shadow-],[data-fancy-text] [class*=text-shadow-],[data-fancy-text][class*=text-shadow-]{text-shadow:none}}@media screen and (-webkit-min-device-pixel-ratio:0){.text-white a[href^=tel]{color:var(--white)}.text-dark-gray a[href^=tel]{color:var(--text-dark-gray)}}.swiper-slide [data-fancy-text]{opacity:0}.swiper-slide [data-fancy-text].appear,.swiper-slide.swiper-slide-active [data-anime],.swiper-slide.swiper-slide-active [data-fancy-text]{opacity:1}.swiper-slide [data-anime]{opacity:0;transition:.3s ease-in-out}.no-animation .anime-text .whitespace{display:inline-block}.no-animation .anime-text .whitespace::after{content:"r";opacity:0;font-size:70%}.no-animation [data-anime],.no-animation [data-fancy-text]{opacity:1;transition:none}[data-top-bottom]{transition:transform .65s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.custom-cursor .circle-cursor-inner{margin-left:-3px;margin-top:-3px;width:6px;height:6px;z-index:10000001;background-color:var(--base-color)}.custom-cursor .circle-cursor-inner.cursor-link-hover{margin-left:-10px;margin-top:-10px;width:20px;height:20px;background-color:var(--base-color);opacity:.8}.custom-cursor .circle-cursor-outer{margin-left:-15px;margin-top:-15px;width:30px;height:30px;border:1px solid var(--base-color);z-index:10000000;opacity:.8;-webkit-transition:.1s;transition:.1s}}.is-touchable .cursor-page-inner{display:none!important}.stack-box{position:relative;z-index:1;height:300vh}.stack-box .stack-item{height:100vh;width:100%;position:absolute;overflow:hidden;z-index:999;display:flex;align-items:center}.marquee-slide{-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important;position:relative}.page-loader{position:absolute;width:100%;height:100%;left:0;top:0;background-color:var(--white)!important;opacity:1!important;z-index:99999}.page-loader::after{background:0 0;content:""!important;position:absolute;left:calc(50% - 25px)!important;top:calc(50% - 25px)!important;width:50px!important;height:50px!important;opacity:1!important;right:inherit!important;z-index:9;text-align:center;border:2px solid rgba(23,23,23,.2);border-top-color:rgba(23,23,23,.7);border-radius:50%;animation:rotation 1.5s infinite linear}.scroll-progress{position:fixed;right:20px;z-index:111;top:50%;-webkit-transition:all .3s linear;transition:all .3s linear;opacity:0;visibility:hidden;-webkit-transform:translateY(-50%);transform:translateY(-50%);mix-blend-mode:difference}.scroll-progress.visible{opacity:1;visibility:visible}.scroll-progress .scroll-top{display:flex;flex-direction:column;justify-content:center;align-items:center}.scroll-progress .scroll-line{width:2px;height:60px;position:relative;background-color:rgba(255,255,255,.15);color:inherit;display:block}.scroll-progress .scroll-point{display:inline-block;width:2px;position:absolute;top:0;left:0}.scroll-progress .scroll-text{-webkit-transform:rotate(180deg);transform:rotate(180deg);writing-mode:vertical-lr;margin-bottom:15px;color:var(--white);font-size:11px;text-transform:uppercase}.theme-demos{display:none;width:100%;height:100%;min-height:100%;position:fixed;right:-100%;top:0;z-index:1050;-webkit-transition:all .5s cubic-bezier(.77,0,.175,1);transition:all .5s cubic-bezier(.77,0,.175,1)}.theme-demos section{height:100%;min-height:100%;position:relative;z-index:11;padding:0;width:100%;overflow-y:scroll;background-color:var(--very-light-gray)}.theme-demos .demos-wrapper{width:100%}.theme-demos .demos-wrapper .demos-wrapper-inner{padding:60px 50px}.theme-demos.active{-webkit-transform:translateX(-100%);transform:translateX(-100%);box-shadow:0 0 45px 0 rgba(0,0,0,.25)}.theme-demos .grid{padding:0 20px;display:flex;flex-wrap:wrap}.theme-demos .demo-button-wrapper{width:auto;white-space:nowrap;position:absolute;right:100%;bottom:250px;cursor:pointer;z-index:10;-webkit-transform:rotate(-90deg) translateY(-100%);-ms-transform:rotate(-90deg) translateY(-100%);transform:rotate(-90deg) translateY(-100%);-webkit-transform-origin:100% 0 0;-ms-transform-origin:100% 0 0;transform-origin:100% 0 0;margin-right:-1px;display:flex}.theme-demos .all-demo a,.theme-demos .buy-theme a{color:var(--dark-gray);font-size:11px;padding:15px;display:block;font-weight:500}.theme-demos .all-demo a>i,.theme-demos .buy-theme a>i{position:absolute;left:0;top:0;height:100%;width:59px;line-height:55px;text-align:center;opacity:0;font-size:24px;transition-delay:.3s}.theme-demos .all-demo{background-color:#1f242e}.theme-demos .all-demo .theme-wrapper{padding:0 9px;position:relative;top:0;opacity:1;transition-delay:.3s;line-height:0}.theme-demos .all-demo .theme-wrapper>div{display:inline-block;vertical-align:middle;color:var(--white);font-size:14px;text-transform:uppercase;line-height:21px}.theme-demos .buy-theme{text-align:center;background-color:#48a133;position:relative;z-index:1}.bg-base-color{background-color:var(--base-color)}.theme-demos .buy-theme .theme-wrapper{padding:0;position:relative;top:0;opacity:1;transition-delay:.3s;line-height:0}.theme-demos .buy-theme .theme-wrapper span{font-size:15px;font-weight:600;margin-right:0}.theme-demos .buy-theme .theme-wrapper i{margin-right:10px;font-size:21px}.theme-demos .buy-theme .theme-wrapper>div svg{margin:0}.theme-demos .portfolio-wrapper .grid-item{flex:0 0 auto}.theme-demos .close-popup{position:absolute;top:10px;right:10px;z-index:99;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;-ms-transition:-ms-transform .3s ease;transition:transform .3s ease;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.theme-demos .close-popup:hover{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.show-search-popup .show-menu .theme-demos,.show-search-popup .theme-demos .theme-demos{z-index:1}@-moz-keyframes example1{0%{-moz-transform:translateX(100%)}100%{-moz-transform:translateX(-100%)}}.bg-dark-gray,.bg-dark-gray:focus{background-color:var(--dark-gray)}.bg-medium-gray{background-color:var(--medium-gray)}.bg-extra-medium-gray{background-color:var(--extra-medium-gray)}.bg-light-gray{background-color:var(--light-gray)}.bg-very-light-gray{background-color:var(--very-light-gray)}.bg-transparent{background-color:transparent}.bg-gradient-gray-light-dark-transparent{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(32,35,41,.8)),to(transparent));background-image:linear-gradient(to top,rgba(32,35,41,.8) 0,transparent 100%)}.background-repeat{background-repeat:repeat}.parallax,[data-parallax-background-ratio]{background-size:cover!important;background-attachment:fixed!important}.border-color-dark-gray{border-color:var(--dark-gray)!important}.border-color-extra-medium-gray{border-color:var(--extra-medium-gray)!important}.border-color-transparent{border-color:transparent!important}.border-radius-4px{border-radius:4px!important}.border-radius-6px{border-radius:6px!important}.border-radius-8px{border-radius:8px!important}.border-radius-10px{border-radius:10px!important}.border-radius-20px{border-radius:20px!important}.border-radius-30px{border-radius:30px!important}.border-radius-100px{border-radius:100px!important}.parallax{position:relative!important;overflow:hidden;transition-timing-function:none;-webkit-transition-timing-function:none;transition-duration:0s;-webkit-transition-duration:0s}.w-10px{width:10px!important}.w-30px{width:30px!important}.w-40px{width:40px!important}.w-45px{width:45px!important}.w-50px{width:50px!important}.w-60px{width:60px!important}.w-100px{width:100px!important}.w-15{width:15%!important}.w-30{width:30%!important}.w-55{width:55%!important}.w-70{width:70%!important}.w-80{width:80%!important}.w-85{width:85%!important}.w-90{width:90%!important}.w-95{width:95%!important}.w-100{width:100%!important}.h-1px{height:1px!important}.h-3px{height:3px!important}.h-40px{height:40px!important}.h-45px{height:45px!important}.grid-loading::after,.h-50px{height:50px!important}.h-60px{height:60px!important}.h-700px{height:700px!important}.h-750px{height:750px!important}.extra-very-small-screen{height:250px!important}.small-screen{height:400px!important}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:auto}}.p-10px{padding:10px!important}.p-15px{padding:15px!important}.infowindow,.p-25px{padding:25px!important}.p-30px{padding:30px!important}.p-35px{padding:35px!important}.p-40px{padding:40px!important}.p-50px{padding:50px!important}.p-3{padding:3%!important}.p-4{padding:4%!important}.p-6{padding:6%!important}.p-13{padding:13%!important}.p-20{padding:20%!important}.pt-5px{padding-top:5px!important}.pt-10px{padding-top:10px!important}.pt-15px{padding-top:15px!important}.pt-20px{padding-top:20px!important}.pt-25px{padding-top:25px!important}.pt-30px{padding-top:30px!important}.pt-35px{padding-top:35px!important}.pt-40px{padding-top:40px!important}.pt-50px{padding-top:50px!important}.pt-2{padding-top:2%!important}.pt-3{padding-top:3%!important}.pt-4{padding-top:4%!important}.pt-5{padding-top:5%!important}.pt-25{padding-top:25%!important}.pt-30{padding-top:30%!important}.pe-15px{padding-right:15px!important}.pe-20px{padding-right:20px!important}.pe-25px{padding-right:25px!important}.pe-30px{padding-right:30px!important}.pe-40px{padding-right:40px!important}.pe-2{padding-right:2%!important}.pe-5{padding-right:5%!important}.pe-8{padding-right:8%!important}.pe-20{padding-right:20%!important}.pb-5px{padding-bottom:5px!important}.pb-10px{padding-bottom:10px!important}.pb-15px{padding-bottom:15px!important}.pb-20px{padding-bottom:20px!important}.pb-25px{padding-bottom:25px!important}.pb-30px{padding-bottom:30px!important}.pb-35px{padding-bottom:35px!important}.pb-40px{padding-bottom:40px!important}.pb-50px{padding-bottom:50px!important}.pb-60px{padding-bottom:60px!important}.pb-2{padding-bottom:2%!important}.pb-3{padding-bottom:3%!important}.pb-4{padding-bottom:4%!important}.pb-5{padding-bottom:5%!important}.pb-6{padding-bottom:6%!important}.pb-20{padding-bottom:20%!important}.pb-30{padding-bottom:30%!important}.ps-15px{padding-left:15px!important}.ps-20px{padding-left:20px!important}.ps-25px{padding-left:25px!important}.ps-30px{padding-left:30px!important}.ps-40px{padding-left:40px!important}.ps-2{padding-left:2%!important}.ps-5{padding-left:5%!important}.ps-8{padding-left:8%!important}.ps-20{padding-left:20%!important}.m-7{margin:7%!important}.infowindow .mb-3,.mb-5px{margin-bottom:5px!important}.mt-5px{margin-top:5px!important}.mt-10px{margin-top:10px!important}.mt-15px{margin-top:15px!important}.mt-20px{margin-top:20px!important}.mt-25px{margin-top:25px!important}.mt-30px{margin-top:30px!important}.mt-35px{margin-top:35px!important}.mt-40px{margin-top:40px!important}.mt-50px{margin-top:50px!important}.mt-60px{margin-top:60px!important}.mt-1{margin-top:1%!important}.mt-2{margin-top:2%!important}.mt-3{margin-top:3%!important}.mt-4{margin-top:4%!important}.mt-5{margin-top:5%!important}.mt-6{margin-top:6%!important}.mt-7{margin-top:7%!important}.mt-10{margin-top:10%!important}.mt-20{margin-top:20%!important}.me-5px{margin-right:5px!important}.me-10px{margin-right:10px!important}.me-15px{margin-right:15px!important}.me-20px{margin-right:20px!important}.me-50px{margin-right:50px!important}.me-1{margin-right:1%!important}.me-2{margin-right:2%!important}.mb-10px{margin-bottom:10px!important}.mb-15px{margin-bottom:15px!important}.mb-20px{margin-bottom:20px!important}.mb-25px{margin-bottom:25px!important}.mb-30px{margin-bottom:30px!important}.mb-35px{margin-bottom:35px!important}.mb-40px{margin-bottom:40px!important}.mb-50px{margin-bottom:50px!important}.mb-1{margin-bottom:1%!important}.mb-2{margin-bottom:2%!important}.mb-3{margin-bottom:3%!important}.mb-4{margin-bottom:4%!important}.mb-5{margin-bottom:5%!important}.mb-6{margin-bottom:6%!important}.mb-7{margin-bottom:7%!important}.mb-8{margin-bottom:8%!important}.mb-9{margin-bottom:9%!important}.mb-10{margin-bottom:10%!important}.mb-12{margin-bottom:12%!important}.mb-15{margin-bottom:15%!important}.ms-5px{margin-left:5px!important}.ms-10px{margin-left:10px!important}.ms-15px{margin-left:15px!important}.ms-1{margin-left:1%!important}.ms-2{margin-left:2%!important}.top-10px{top:10px}.right-0px{right:0}.left-0px{left:0}.left-25px{left:25px}.left-40px{left:40px}.top-minus-15px{top:-15px}.top-minus-40px{top:-40px}.top-minus-80px{top:-80px}.top-minus-120px{top:-120px}.top-minus-140px{top:-140px}.right-minus-100px{right:-100px}header .header-top-bar,header .navbar{position:fixed;top:0;right:0;-webkit-transition:.3s}.bottom-minus-40px{bottom:-40px}.bottom-minus-50px{bottom:-50px}.left-minus-100px{left:-100px}.left-minus-140px{left:-140px}.fw-400{font-weight:400!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.fw-700{font-weight:700!important}.fw-800{font-weight:800!important}.opacity-1{opacity:.1}.opacity-2{opacity:.2}.opacity-5{opacity:.5}.opacity-7{opacity:.7}.opacity-8{opacity:.8}.z-index-1{z-index:1}.z-index-2{z-index:2}.z-index-9{z-index:9}.z-index-minus-1{z-index:-1}header .header-top-bar [class*=col-]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .header-top-bar [class*=col-].text-end{justify-content:flex-end!important}header .header-top-bar [class*=col-] .header-icon,header .navbar [class*=col-],header .navbar [class*=col-] .navbar-nav{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}header .navbar{left:0;z-index:99;transition:.3s}header .navbar [class*=col-]{padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex}header .navbar [class*=col-].text-end{justify-content:flex-end!important}header .navbar [class*=col-] .navbar-nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .navbar [class*=col-] .navbar-nav .nav-item,header .navbar [class*=col-] .navbar-nav .nav-item a{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .container-fluid{padding-left:45px;padding-right:45px}header.sticky .navbar-brand{padding:20px 0}header.sticky .navbar{-webkit-transform:translateY(-100%);transform:translateY(-100%)}header.sticky .header-light:not(.disable-fixed){box-shadow:0 10px 35px 0 rgba(0,0,0,.1)}header.sticky.sticky-appear .header-reverse-back-scroll{-webkit-transform:translateY(0);transform:translateY(0)}header.sticky.sticky-active .header-reverse{-webkit-transform:translateY(0);transform:translateY(0);border-color:transparent!important}header.sticky.sticky-active .navbar-brand .alt-logo{visibility:visible;opacity:1;width:auto}header.sticky.sticky-active .navbar-brand .default-logo{visibility:hidden;opacity:0;width:0}header.sticky.sticky-active [data-header-hover=dark] .icon>a:hover,header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-item:hover .nav-link{opacity:.6;color:var(--white)}header.sticky.sticky-active [data-header-hover=dark]{background-color:var(--dark-gray)!important}header.sticky.sticky-active [data-header-hover=dark] .icon>a,header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-link{color:var(--white)}header.sticky.sticky-active [data-header-hover=dark] .icon .push-button span{background-color:var(--white)}header.sticky.sticky-active [data-header-hover=dark] .icon .header-cart>a,header.sticky.sticky-active [data-header-hover=dark] .icon .header-cart>a:hover,header.sticky.sticky-active [data-header-hover=dark] .icon .header-language>a,header.sticky.sticky-active [data-header-hover=dark] .icon .header-language>a:hover{color:var(--white)}header.sticky.sticky-active [data-header-hover=light]{background-color:var(--white)!important;box-shadow:0 0 50px 0 rgba(0,0,0,.1)}[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu,header.sticky.sticky-active [data-header-hover=light] .icon .push-button span{background-color:var(--dark-gray)}header.sticky.sticky-active [data-header-hover=light] .icon>a,header.sticky.sticky-active [data-header-hover=light] .navbar-nav .nav-link{color:var(--dark-gray)}header.sticky.sticky-active [data-header-hover=light] .icon>a:hover{color:var(--medium-gray);opacity:1}header.sticky.sticky-active [data-header-hover=light] .icon .header-cart>a,header.sticky.sticky-active [data-header-hover=light] .icon .header-language>a{color:var(--dark-gray)}header.sticky.sticky-active [data-header-hover=light] .icon .header-cart>a:hover,header.sticky.sticky-active [data-header-hover=light] .icon .header-language>a:hover{color:var(--medium-gray);opacity:1}header.sticky .header-icon .push-button{padding:0}header.sticky .disable-fixed .navbar-brand{padding:30px 0}header .navbar-brand{margin-right:0;vertical-align:middle;padding:30px 0;display:inline-block;font-size:0}header .navbar-brand .default-logo{visibility:visible;opacity:1;width:auto}header .navbar-brand .alt-logo,header .navbar-brand .mobile-logo{visibility:hidden;opacity:0;width:0}header .navbar-brand img{max-height:46px}header .header-top-bar{width:100%;left:0;z-index:100;transition:.3s}header .header-top-bar+.navbar{-webkit-transition:.3s;transition:.3s;top:40px}header .header-top-bar+.navbar.disable-fixed{top:0}header .header-top-bar .widget{display:inline-block}header .header-top-bar .widget i{padding-right:5px}header .disable-fixed{position:absolute}header.sticky .navbar.disable-fixed{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:none}.navbar{padding:0}.navbar .navbar-nav .nav-item>i{display:none}.navbar .navbar-nav .nav-item .nav-link.active,.navbar .navbar-nav .nav-item.active .nav-link,.navbar .navbar-nav .nav-item:hover .nav-link{opacity:.6}.navbar .navbar-nav .nav-link{font-size:16px;line-height:20px;padding:10px 20px;position:relative;font-weight:500;opacity:1;word-break:normal;-webkit-transition:.3s;transition:.3s;color:var(--white)}.navbar .navbar-nav .nav-link .label{display:inline-block;padding:1px 11px;font-size:12px;margin-left:8px;margin-top:0;vertical-align:middle}.navbar .navbar-nav .dropdown.submenu{position:inherit}.navbar .navbar-nav .dropdown .dropdown-menu{margin:0;padding:60px 0 65px;border:0;top:100%;background-color:var(--white);box-shadow:0 45px 45px 0 rgba(0,0,0,.05);-webkit-animation:hide-animation .5s;animation:hide-animation .5s;-webkit-border-radius:0;border-radius:0}.navbar .navbar-nav .dropdown .dropdown-menu li:last-child>a{padding-bottom:0}.navbar .navbar-nav .dropdown .dropdown-menu li.active>a{color:var(--dark-gray)}.navbar .navbar-nav .dropdown .dropdown-menu li a:hover{padding-left:3px}.navbar .navbar-nav .dropdown .dropdown-menu a{color:var(--medium-gray);font-size:15px;line-height:24px;font-weight:400;padding-bottom:10px;display:block}.menu-item-list .sub-menu a .label,.navbar .navbar-nav .dropdown .dropdown-menu a .label{margin-top:0;font-weight:700;vertical-align:middle;text-transform:uppercase;white-space:nowrap}.navbar .navbar-nav .dropdown .dropdown-menu a:hover{color:var(--dark-gray)}.navbar .navbar-nav .dropdown .dropdown-menu a i{width:25px;display:inline-block;vertical-align:middle;margin-right:7px;text-align:center}.navbar .navbar-nav .dropdown .dropdown-menu a .label{display:inline-block;padding:5px 10px;font-size:10px;line-height:initial;margin-left:8px}.navbar .navbar-nav .dropdown.open .dropdown-menu{display:block;-webkit-animation:show-animation .5s;animation:show-animation .5s}.navbar .navbar-nav .simple-dropdown .dropdown-menu{display:none;width:245px;padding:35px 0;-webkit-border-radius:0;border-radius:0;box-shadow:0 0 35px 0 rgba(0,0,0,.1)}.navbar .navbar-nav .simple-dropdown .dropdown-menu li{padding:0 45px 0 40px}.navbar .navbar-nav .simple-dropdown .dropdown-menu li a{padding-bottom:12px}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown{position:relative}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown i{position:absolute;right:35px;top:6px;width:auto;font-size:13px}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open>a{color:var(--dark-gray)}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open>.dropdown-menu{display:block}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.menu-left .dropdown-menu{left:calc(-100% - 1px)}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown .dropdown-menu{-webkit-animation:none;animation:none}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu{display:none;position:absolute;left:calc(100% + 1px);top:-35px}[data-header-hover=dark] .navbar-nav .dropdown .dropdown-menu li.active>a{color:var(--white)}[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu a{color:var(--light-gray)}[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover>a,[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu a:hover{color:var(--white)}.submenu-dark{background-color:var(--dark-gray)!important}.submenu-dark .navbar-brand .alt-logo{visibility:visible;opacity:1;width:auto}.submenu-dark .navbar-brand .default-logo{visibility:hidden;opacity:0;width:0}.submenu-dark .navbar-nav .dropdown .dropdown-menu{background-color:var(--dark-gray)}.submenu-dark .navbar-nav .dropdown .dropdown-menu a{color:var(--light-gray)}.submenu-dark .navbar-nav .dropdown .dropdown-menu a:hover,.submenu-dark .navbar-nav .dropdown .dropdown-menu li.active>a{color:var(--white)}.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu{background-color:var(--dark-gray)}.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a{color:var(--light-gray)}.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover>a,.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a:hover{color:var(--white)}.submenu-light{background-color:var(--white)!important}.submenu-light .header-icon .icon .push-button span{background-color:var(--dark-gray)}.submenu-light .navbar-brand .alt-logo{visibility:visible;opacity:1;width:auto}.submenu-light .navbar-brand .default-logo{visibility:hidden;opacity:0;width:0}.submenu-light .header-icon .icon>a,.submenu-light .navbar-nav .nav-link{color:var(--dark-gray)}.submenu-light .header-icon .icon>a:hover{color:var(--medium-gray)}.submenu-light .header-icon .icon .header-cart>a,.submenu-light .header-icon .icon .header-language>a{color:var(--dark-gray)}.submenu-light .header-icon .icon .header-cart>a:hover,.submenu-light .header-icon .icon .header-language>a:hover{color:var(--medium-gray)}.submenu-light .menu-item-list .nav-link{color:var(--dark-gray)}.submenu-light .menu-item-list .nav-link:hover,.submenu-light .menu-item-list .sub-menu a{color:var(--dark-gray);opacity:.6}.submenu-light .menu-item-list .menu-item .toggle{color:var(--dark-gray)}.header-light .header-icon .icon .push-button span,.header-light .menu-item-list .menu-item .menu-toggle:after,.header-light .menu-item-list .menu-item .menu-toggle:before{background-color:var(--dark-gray)}.header-light .header-icon .icon .header-cart>a:hover,.header-light .header-icon .icon .header-language>a:hover,.header-light .header-icon .icon>a:hover,.header-light .menu-item-list .nav-link:hover{color:var(--dark-gray);opacity:.6}.header-light .header-icon .icon>a,.header-light .navbar-nav .nav-link{color:var(--dark-gray)}.header-light .header-icon .icon .header-cart>a,.header-light .header-icon .icon .header-language>a{color:var(--dark-gray)}.header-light .menu-item-list .nav-link{color:var(--dark-gray)}.header-light .menu-item-list .sub-menu a{color:var(--medium-gray);opacity:1}.header-light .menu-item-list .sub-menu .active>a,.header-light .menu-item-list .sub-menu a:hover{color:var(--dark-gray)}.header-icon{display:flex;align-items:center}.header-icon .icon{position:relative;line-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-icon .icon>a{padding-left:16px;font-size:17px;color:var(--white)}.header-icon .icon>a:hover{color:var(--white);opacity:.6}.header-icon .icon:first-child a:first-child{padding-left:0}.header-icon .icon .header-cart,.header-icon .icon .header-language{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-icon .icon .header-cart>a,.header-icon .icon .header-language>a{padding-left:14px;color:var(--white);font-size:17px}.header-icon .icon .header-cart>a:hover,.header-icon .icon .header-language>a:hover{color:var(--white);opacity:.6}.header-push-button .push-button:hover{opacity:.6}.header-push-button{padding-left:16px}.header-push-button .push-button{position:relative;display:block;width:22px;height:14px;padding:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.header-push-button .push-button span{background:var(--white);height:2px;width:22px;content:"";display:block;border-radius:0;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s;transition:.25s}.header-push-button .push-button span:nth-child(2),.header-push-button .push-button span:nth-child(3){top:6px}.header-push-button .push-button span:nth-child(4){top:12px;width:14px;left:-8px}.show-menu .header-push-button .push-button span:nth-child(1),.show-menu .header-push-button .push-button span:nth-child(4){top:7px;width:0%}.show-menu .header-push-button .push-button span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.show-menu .header-push-button .push-button span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.show-menu{overflow:hidden}.show-menu .push-menu{right:0;-webkit-box-shadow:0 0 60px rgba(0,0,0,.3);box-shadow:0 0 60px rgba(0,0,0,.3)}.show-menu .push-menu .close-menu{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .4s cubic-bezier(.37,0,.63,1);transition:all .4s cubic-bezier(.37,0,.63,1);-webkit-transition-delay:.5s;transition-delay:.5s;visibility:visible;cursor:pointer}.push-menu{position:fixed;top:0;right:-100%;width:400px;height:100%;z-index:1031;overflow-y:auto;-webkit-transition:.5s;transition:.5s}.push-menu .close-menu{height:40px;width:40px;text-align:center;position:absolute;right:50px;top:50px;z-index:9;display:flex;border-radius:100%;align-items:center;justify-content:center;opacity:0;visibility:hidden;-webkit-transform:scale(.8);transform:scale(.8)}.left-sidebar-wrapper{padding-left:300px;position:relative;min-height:300px;width:100%}.left-sidebar-wrapper .collapse:not(.show){display:block!important}header.sticky .left-sidebar-nav .navbar-nav .nav-link{padding:0}.left-sidebar-header{position:absolute;left:0;width:301px;top:-100%;bottom:0;z-index:999;display:block}.left-sidebar-header .menu-item-list .menu-item .nav-link{font-size:16px;line-height:20px}.left-sidebar-header .menu-item-list .menu-item .menu-toggle{top:10px}.left-sidebar-header .menu-item-list .menu-item .sub-menu .menu-toggle{top:0}.left-sidebar-nav{width:300px;padding:80px 50px;left:0;position:fixed;overflow:hidden;display:block;height:inherit;-webkit-transition:.3s;transition:.3s}.left-sidebar-nav .navbar-brand{padding:0!important}.left-sidebar-nav .navbar-toggler{display:none}.menu-item-list{display:block;width:100%;list-style:none;padding:0;margin-bottom:0}.menu-item-list .menu-item{position:relative;margin:0}.menu-item-list .menu-item ul{list-style:none;padding:0}.menu-item-list .menu-item .menu-toggle{display:block;position:absolute;right:0;top:14px;cursor:pointer;z-index:1;width:30px;height:30px;line-height:30px}.menu-item-list .menu-item .menu-toggle:after,.menu-item-list .menu-item .menu-toggle:before{content:"";display:block;position:absolute;right:10px;top:15px;height:1px;width:11px;background-color:var(--white)}.menu-item-list .menu-item .menu-toggle:after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.menu-item-list .menu-item .menu-toggle.show:after{-webkit-transform:rotate(0);transform:rotate(0)}.menu-item-list .menu-item .sub-menu .menu-toggle{top:0}.menu-item-list .menu-item .sub-menu .menu-toggle:after,.menu-item-list .menu-item .sub-menu .menu-toggle:before{width:7px}.menu-item-list .menu-item .sub-menu .active>a{opacity:1}.menu-item-list .active .nav-link{opacity:.6}.menu-item-list .nav-link{padding:5px 20px 5px 0;font-size:20px;line-height:28px;display:inline-block;width:100%;margin:9px 0;color:var(--white);-webkit-transition:.3s;transition:.3s}.menu-item-list .nav-link:hover{color:var(--white);opacity:.6}.menu-item-list .sub-menu{padding:0;display:block;height:0;overflow:hidden;list-style:none;margin:0;position:relative!important;transform:none!important;background-color:transparent;border:0}.menu-item-list .sub-menu li{position:relative;margin:0;padding:5px 0}.menu-item-list .sub-menu li .sub-menu{margin:0;padding-left:15px}.menu-item-list .sub-menu li .sub-menu li{padding:10px 0 0}.menu-item-list .sub-menu li .sub-menu li a{padding:0}.menu-item-list .sub-menu li .sub-menu li a i{margin-right:10px}.menu-item-list .sub-menu li .sub-menu li:first-child{margin-top:10px}.menu-item-list .sub-menu li .sub-menu li:last-child{margin-bottom:10px}.menu-item-list .sub-menu li:last-child,.menu-item-list .sub-menu li:last-child .sub-menu li:last-child{margin-bottom:0}.menu-item-list .sub-menu a{font-size:15px;line-height:22px;display:block;color:var(--light-gray);margin:0;padding-right:20px}.menu-item-list .sub-menu a:hover{color:var(--white)}.menu-item-list .sub-menu a .label{display:inline-block;padding:5px 10px;font-size:10px;line-height:initial;margin-left:8px}.left-modern-menu .collapse:not(.show){display:block!important}.menu-item-list .sub-menu.show{height:auto;overflow:visible}.left-modern-menu{padding-left:75px}.left-modern-menu .left-modern-header .navbar-brand{position:relative;z-index:9;width:100%;padding:0!important;text-align:center}.left-modern-menu .left-modern-header .navbar-brand img{max-height:45px}.left-modern-menu .left-modern-header .modern-side-menu{padding:75px 40px;height:100%;overflow-y:hidden}.left-modern-sidebar{position:fixed;top:0;left:0;z-index:999;height:100%;width:75px;padding:35px 0}.hamburger-menu .header-icon{position:absolute;left:0;bottom:-50px}.show-search-popup{overflow:hidden}.show-search-popup header .navbar{z-index:110}@-webkit-keyframes hide-animation{0%{opacity:1}to{opacity:0}}@-webkit-keyframes show-animation{0%{opacity:0}to{opacity:1}}button:focus{outline:0}.navbar-toggler{font-size:24px;width:22px;height:14px;display:inline-block;position:relative;padding:0;margin:0;border:none;vertical-align:middle;border-radius:0;-webkit-transition:.3s;transition:.3s}.navbar-toggler:focus{box-shadow:none}.navbar-modern-inner,.navbar-modern-inner .navbar-toggler{display:none}.navbar-full-screen-menu-inner,.navbar-modern-inner{display:none}.btn,.tag-cloud a{display:inline-block}.top-space-margin{margin-top:96px}.top-space-padding{padding-top:96px}.btn{font-weight:500}.breadcrumb{margin:0}.breadcrumb ul{margin:0;padding:0}.page-title-extra-large h1{font-size:3.3rem;line-height:3.3rem}.page-title-extra-large h2{font-size:18px;line-height:26px}.popular-post-sidebar{list-style:none;padding:0;margin:0}.popular-post-sidebar li{margin-bottom:25px}.popular-post-sidebar li figure{height:100px;width:100px;margin:0}.popular-post-sidebar li .media-body{line-height:normal;padding-left:30px;position:relative}.popular-post-sidebar li:last-child{margin-bottom:0}.tag-cloud a{text-align:center;font-size:14px;line-height:20px;margin:0 6px 10px 0;padding:7px 18px;border-radius:4px;border:1px solid var(--extra-medium-gray)}.tag-cloud a.active,.tag-cloud a:hover{box-shadow:0 0 10px rgba(23,23,23,.1);color:var(--dark-gray);background-color:var(--white)}.grid{list-style:none;padding:0;margin:0}.grid li img{width:100%}.grid .grid-sizer{padding:0!important;margin:0!important}.grid.gutter-extra-large li{padding:15px}.grid.grid-4col li{width:25%}.btn-box-shadow{-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1);-webkit-transition:all .3s cubic-bezier(.2,0,.3,1);transition:all .3s cubic-bezier(.2,0,.3,1)}.btn-box-shadow:hover{-webkit-box-shadow:0 8px 30px 0 rgba(0,0,0,.15);box-shadow:0 8px 30px 0 rgba(0,0,0,.15);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{border-color:initial;color:initial}.btn{border:2px solid transparent;border-radius:0;text-transform:uppercase;letter-spacing:.5px;width:auto;font-family:var(--alt-font);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn:focus{-webkit-box-shadow:none;box-shadow:none}.btn:hover{background-color:inherit}.btn i{position:relative;margin-left:6px}.btn.btn-large{font-size:14px;padding:18px 34px}.btn.btn-medium{font-size:13px;padding:16px 30px}.btn.btn-small{font-size:12px;padding:13px 26px}.btn.btn-rounded.btn-large{padding:14px 36px}.btn.btn-rounded.btn-medium{padding:12px 32px}.btn.btn-rounded.btn-small{padding:10px 26px}.btn.btn-rounded.btn-rounded{-webkit-border-radius:50px;border-radius:50px}.btn.btn-round-edge{-webkit-border-radius:4px;border-radius:4px}.btn.btn-link{padding:0 0 2px;position:relative;border:0;border-bottom:2px solid;letter-spacing:0;background-color:transparent}.btn.btn-link.thin{border-bottom:1px solid}.btn.btn-link:hover{opacity:.7}.btn.btn-link:focus-visible{box-shadow:none}.btn.btn-link-gradient{padding:0 0 3px!important;position:relative;border:0;background-color:transparent}.btn.btn-link-gradient>span{position:absolute;bottom:0;left:0;height:2px;width:100%}.btn.btn-link-gradient.thin span{height:1px}.btn.btn-link-gradient.expand span{width:50%;-webkit-transition:all .3s ease;transition:all .3s ease}.btn.btn-link-gradient:hover{opacity:.7}.btn.btn-link-gradient:hover.expand:hover span{width:100%}.btn.btn-expand-ltr,.btn.btn-expand-ltr:active{background-color:transparent;border:0;color:initial}.btn.btn-expand-ltr{position:relative;z-index:1}.btn.btn-expand-ltr span{border-radius:50px;position:absolute;top:50%;left:0;z-index:-1;-webkit-transition:.3s;transition:.3s;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.btn.btn-expand-ltr:hover span{width:100%!important}.btn.btn-expand-ltr.btn-large{padding:14px 26px}.btn.btn-expand-ltr.btn-large span{width:50px;height:50px}.btn.btn-expand-ltr.btn-medium{padding:12px 24px}.btn.btn-expand-ltr.btn-medium span{width:44px;height:44px}.btn.btn-expand-ltr.btn-small{padding:10px 22px}.btn.btn-expand-ltr.btn-small span{width:40px;height:40px}.btn.btn-base-color{background-color:var(--base-color);color:var(--white)}.btn.btn-base-color:active,.btn.btn-base-color:hover{background-color:transparent;border-color:var(--base-color);color:var(--base-color)}.btn.btn-dark-gray{background-color:var(--dark-gray);color:var(--white)}.btn.btn-dark-gray:active,.btn.btn-dark-gray:hover{background-color:transparent;border-color:var(--dark-gray);color:var(--dark-gray)}.btn.btn-transparent-dark-gray{background-color:transparent;border-color:var(--dark-gray);color:var(--dark-gray)}.btn.btn-transparent-dark-gray:active,.btn.btn-transparent-dark-gray:hover{background-color:var(--dark-gray);border-color:var(--dark-gray);color:var(--white)}[class*=btn-gradient-]:active{border-color:transparent!important}.btn.btn-switch-text.btn-large{padding:0}.btn.btn-switch-text.btn-large>span{padding:18px 34px}.btn.btn-switch-text.btn-medium{padding:0}.btn.btn-switch-text.btn-medium>span{padding:16px 30px}.btn.btn-switch-text.btn-small{padding:0}.btn.btn-switch-text.btn-small>span{padding:13px 24px}.btn.btn-switch-text>span{display:inline-flex;align-items:center;position:relative;overflow:hidden}.btn.btn-switch-text .btn-double-text{transition:opacity .65s,transform .85s;transition-timing-function:cubic-bezier(.15,.85,.31,1)}.btn.btn-switch-text .btn-double-text:before{content:attr(data-text);display:inline-block;position:absolute;white-space:nowrap;top:50%;opacity:0;left:50%;transform:translate(-50%,100%);transition:opacity .5s,transform .8s;transition-timing-function:cubic-bezier(.15,.85,.31,1)}.btn.btn-switch-text:active .btn-double-text,.btn.btn-switch-text:hover .btn-double-text{transform:translateY(-200%)}.btn.btn-switch-text:active .btn-double-text:before,.btn.btn-switch-text:hover .btn-double-text:before{transform:translate(-50%,150%);opacity:1}.btn.btn-box-shadow.btn-dark-gray:active,.btn.btn-box-shadow.btn-dark-gray:hover{background:var(--dark-gray);color:var(--white)}.btn.btn-box-shadow.btn-base-color:active,.btn.btn-box-shadow.btn-base-color:hover{background:var(--base-color);color:var(--white)}[class*=" btn-transparent"],[class*=btn-transparent]{font-weight:600}[class*=btn-gradient-]{background-color:transparent;border-color:transparent}[class*=btn-gradient-]:active{background-color:transparent;color:var(--white)!important}[class*=btn-gradient-]:hover{background-position:right center;color:var(--white)}.clients-style-06 .client-box{-webkit-transition:all .3s cubic-bezier(.12,0,.39,0);transition:all .3s cubic-bezier(.12,0,.39,0)}.clients-style-06 .client-box img{max-width:inherit}.clients-style-06:hover .client-box{opacity:.4}.clients-style-06:hover .client-box:hover{opacity:1}.show-grid [class^=col-]{background-color:#f5f5f5;border:1px solid rgba(0,0,0,.2);margin-bottom:15px;padding-top:10px;padding-bottom:10px;text-align:center}.contact-form-style-03 input,.contact-form-style-03 textarea{outline:0;border:none;border-bottom:1px solid;background:0 0}.contact-form-style-03 select{outline:0;border:none;border-bottom:1px solid}.contact-form-style-03 input:focus,.contact-form-style-03 select:focus,.contact-form-style-03 textarea:focus{border:0;border-bottom:1px solid #c2c2c2}.contact-form-style-03 textarea{resize:none}#map{height:550px}.arrow_box{width:22px;height:22px;border-radius:100%;-webkit-border-top-left-radius:100%;-webkit-border-top-right-radius:100%;-webkit-border-bottom-right-radius:100%;-webkit-border-bottom-left-radius:100%;position:relative;opacity:.8;cursor:pointer}.arrow_box span{width:100%;height:100%;border:1px solid;opacity:.2;display:inline-block;border-radius:100%;-webkit-border-top-left-radius:100%;-webkit-border-top-right-radius:100%;-webkit-border-bottom-right-radius:100%;-webkit-border-bottom-left-radius:100%;position:absolute;top:0;left:0}.arrow_box span:first-child{animation:markerWave 1.5s .45s cubic-bezier(.4,0,.2,1) infinite forwards;-webkit-animation:markerWave 1.5s .45s cubic-bezier(.4,0,.2,1) infinite forwards}.arrow_box span:first-child+span{animation:markerWave 1.5s .45s cubic-bezier(0,0,.2,1) infinite forwards;-webkit-animation:markerWave 1.5s .45s cubic-bezier(0,0,.2,1) infinite forwards}.arrow_box span:last-child{opacity:.1}@keyframes markerWave{0%{transform:scale(1);opacity:.8}20%{opacity:.8}100%{transform:scale(5.5);opacity:0}}@-webkit-keyframes markerWave{0%{-webkit-transform:scale(1);opacity:.8}20%{opacity:.8}100%{-webkit-transform:scale(5.5);opacity:0}}.infowindow{color:var(--dark-gray);font-weight:400;line-height:26px;font-size:15px;letter-spacing:-.5px;text-align:center}.infowindow .mb-3{font-weight:600;font-size:16px;letter-spacing:-.25px}.infowindow p,footer ul li{margin-bottom:5px}.infowindow p{color:var(--medium-gray);font-size:15px;letter-spacing:-.25px;line-height:24px}.infowindow :last-child{margin-bottom:0}.feature-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;position:relative;z-index:1}.feature-box .feature-box-icon i:not([class*=text-gradient-]){display:-webkit-box;display:-ms-flexbox;display:flex}.feature-box.feature-box-left-icon-middle{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}.feature-box.feature-box-left-icon-middle .feature-box-icon{margin-right:30px}.feature-box.feature-box-left-icon-middle .feature-box-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.feature-box.feature-box-left-icon-middle{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-ms-flex-pack:center;justify-content:flex-start;text-align:left}.feature-box.text-start{-webkit-box-align:start;-ms-flex-align:start;align-items:start}.feature-box.text-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.feature-box .feature-box-icon-rounded{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden;-webkit-transition:.3s;transition:.3s}.feature-box .feature-box-icon-rounded i{position:relative;z-index:1;-webkit-transition:.4s cubic-bezier(.12,0,.39,0);transition:.4s cubic-bezier(.12,0,.39,0)}.feature-box:hover .dark-hover [class*=text-gradient-]{color:var(--white);background-image:none;-webkit-background-clip:inherit;-webkit-text-fill-color:var(--white)}.icon-with-text-style-11{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s linear;transition:all .3s linear}.icon-with-text-style-11 .text-box{opacity:1}.icon-with-text-style-11 .text-box-hover{position:absolute;top:0;left:0;opacity:0;-webkit-transition:all .3s linear;transition:all .3s linear}.icon-with-text-style-11:hover{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.icon-with-text-style-11:hover .text-box-hover{opacity:1}.icon-with-text-style-11:hover .text-box{opacity:0}.mfp-close,.mfp-close:active{opacity:1;background-color:transparent;right:20px;top:20px;height:30px;width:30px;font-size:13px;line-height:31px;position:absolute;color:var(--dark-gray)}.mfp-arrow{opacity:1}.mfp-wrap{cursor:url("/wp-content/themes/super-MD-XDMAIC/page-html/assets/images/mfg-close.png"),auto}.mfp-wrap .mfp-container{cursor:auto}.show-search-popup .mfp-close,.show-search-popup .mfp-close:active{color:var(--dark-gray)}.show-search-popup .search-form .search-button{color:var(--dark-gray)}.show-search-popup .mfp-container{position:fixed;height:300px;background-color:var(--white);-webkit-animation-name:ani-mfp;animation-name:ani-mfp;-webkit-animation-duration:.2s;-moz-animation-duration:.2s;-o-animation-duration:.2s;animation-duration:.2s}.show-search-popup .mfp-removing .mfp-container{-webkit-animation-name:ani-mfp-close;animation-name:ani-mfp-close;-webkit-animation-duration:.2s;-moz-animation-duration:.2s;-o-animation-duration:.2s;animation-duration:.2s}.mfp-bottom-bar{margin-top:-24px;font-size:12px}.mfp-close{font-size:28px;font-family:var(--alt-font)}.mfp-figure{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;-ms-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-ms-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.my-mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.my-mfp-slide-bottom.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-slide-bottom.mfp-ready.mfp-bg{opacity:.8}.my-mfp-slide-bottom.mfp-removing.mfp-bg{opacity:0}.my-mfp-slide-up.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-slide-up.mfp-ready.mfp-bg{opacity:.8}.my-mfp-slide-up.mfp-removing.mfp-bg{opacity:0}.mfp-bg{background:var(--dark-gray);opacity:.9}.mfp-bg,.mfp-wrap{z-index:10007}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.93}.mfp-fade.mfp-bg.mfp-removing{opacity:0}button.mfp-close,button.mfp-close:active{height:40px;width:40px;position:absolute;right:20px;top:20px;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:0}button.mfp-close:active:before,button.mfp-close:before{content:"\f00d";color:var(--black);font-family:"Font Awesome 6 Free";font-size:20px;font-weight:900}.mfp-gallery button.mfp-close:before,.subscribe-popup .mfp-close:before{color:var(--dark-gray)}.mfp-gallery button.mfp-close{right:40px;top:40px;background-color:var(--white)}.subscribe-popup .mfp-close,.subscribe-popup .mfp-close:active{background-color:transparent;font-size:13px;line-height:30px;top:20px;right:20px}[data-parallax-background-ratio]{position:relative!important;overflow:hidden;transition-duration:0s;-webkit-transition-duration:0s}canvas{display:block;vertical-align:bottom}.process-step-style-10 .process-step-icon-box{-webkit-transition:all 650ms cubic-bezier(.23,1,.32,1);transition:all 650ms cubic-bezier(.23,1,.32,1)}.process-step-style-10:hover .process-step-icon-box{-webkit-transform:translateX(20px) scale(1.1);transform:translateX(20px) scale(1.1)}.process-step-style-10.hover-box .hover-content{opacity:0;position:absolute;left:0;bottom:-15px}.progress{position:relative}.process-step-style-10.hover-box:hover .hover-content{opacity:1;bottom:-5px}.progress{overflow:visible}.progress .progress-bar{width:0;position:absolute;top:0;left:0;overflow:visible;-webkit-transition:all 1s cubic-bezier(.5,1,.5,1);transition:all 1s cubic-bezier(.5,1,.5,1)}.progress .progress-bar.appear .progress-bar-percent{opacity:1}.progress-bar-percent{opacity:0}.progress-bar-style-01 .progress{height:4px;border-radius:0}.progress-bar-style-01 .progress .progress-bar-title{position:absolute;bottom:10px}.progress-bar-style-01 .progress .progress-bar-percent{position:absolute;bottom:17px;right:-20px;padding:7px;min-width:40px;min-height:26px;border-radius:3px}.progress-bar-style-01 .progress .progress-bar-percent:after{content:"";top:100%;left:50%;height:0;width:0;z-index:9;margin-left:-4px;position:absolute;pointer-events:none;border:solid transparent;border-top-color:#232323}.blog-classic .card .card-body .categories-text:after{content:"\f309";font-family:bootstrap-icons;font-size:22px;vertical-align:middle}.progress-bar-style-01 .progress .progress-bar{height:100%}.elements-social .blogger:hover{color:#ff8000}.elements-social .email:hover{color:#7d7d7d}.elements-social .facebook:hover{color:#3b5998}.elements-social .github:hover{color:#4078c0}.elements-social .google:hover{color:#dc4a38}.elements-social .instagram:hover{color:#FE1F49}.elements-social .linkedin:hover{color:#0077b5}.elements-social .medium:hover{color:#00ab6c}.elements-social .pinterest:hover{color:#CB2027}.elements-social .print:hover{color:#222}.elements-social .reddit:hover{color:#ff4500}.elements-social .rss:hover{color:#f2890a}.elements-social .telegram:hover{color:#08c}.elements-social .twitter:hover{color:#00aced}.elements-social .vimeo:hover{color:#1ab7ea}.elements-social .wordpress:hover{color:#21759b}.elements-social .youtube:hover{color:red}.elements-social ul{margin-bottom:0;list-style:none;padding:0}.elements-social ul li{display:inline-block}.elements-social ul li:first-child{margin-left:0!important}.elements-social ul li:last-child{margin-right:0!important}.elements-social ul li a{text-align:center;display:flex;align-items:center;justify-content:center;-webkit-transition:.3s cubic-bezier(.12,0,.39,0);transition:.3s cubic-bezier(.12,0,.39,0)}.small-icon li{margin:0 5px}.small-icon a{font-size:18px;width:40px;height:40px}.extra-large-icon li{margin:0 12px}.extra-large-icon a{font-size:30px;width:70px;height:70px}.social-icon a{margin:0 15px}.social-icon a:first-child{margin-left:0}.social-icon a:last-child{margin-right:0}[class*=" social-icon-"] ul,[class^=social-icon-] ul{list-style:none}.elements-social .light li a{color:var(--white)}.elements-social .dark li a{color:var(--dark-gray)}.social-icon-style-06 ul li a{display:inline-block;height:auto;width:auto;padding:0 24px;position:relative;vertical-align:middle;overflow:hidden}.social-icon-style-06 ul li a .brand-icon{position:absolute;height:100%;width:100%;left:0;top:100%;transition-duration:.3s}.social-icon-style-06 ul li a>span{line-height:inherit;top:0;position:relative;transition:350ms cubic-bezier(.175,.885,.32,1.275) all}.social-icon-style-06 ul li a:hover .brand-label{top:-50px;transition:350ms cubic-bezier(.175,.885,.32,1.275) all}.social-icon-style-06 ul li a:hover .brand-icon{top:0;transition-duration:.3s}.social-icon-style-06 ul li a.blogger{color:#ff8000}.social-icon-style-06 ul li a.email{color:#7d7d7d}.social-icon-style-06 ul li a.facebook{color:#3b5998}.social-icon-style-06 ul li a.github{color:#4078c0}.social-icon-style-06 ul li a.google{color:#dc4a38}.social-icon-style-06 ul li a.instagram{color:#FE1F49}.social-icon-style-06 ul li a.linkedin{color:#0077b5}.social-icon-style-06 ul li a.medium{color:#00ab6c}.social-icon-style-06 ul li a.pinterest{color:#CB2027}.social-icon-style-06 ul li a.print{color:#222}.social-icon-style-06 ul li a.reddit{color:#ff4500}.social-icon-style-06 ul li a.rss{color:#f2890a}.social-icon-style-06 ul li a.telegram{color:#08c}.social-icon-style-06 ul li a.twitter{color:#00aced}.social-icon-style-06 ul li a.vimeo{color:#1ab7ea}.social-icon-style-06 ul li a.wordpress{color:#21759b}.social-icon-style-06 ul li a.youtube{color:red}.social-icon-style-10 ul li a{color:var(--dark-gray)}.social-icon-style-10 ul li a:hover{color:var(--base-color)!important}.nav-tabs>li.nav-item{display:inline-block;float:none;margin:0;padding:0 17px}.tab-style-04 .nav-tabs .nav-item{padding:0 35px}.tab-style-04 .nav-tabs .nav-item .nav-link{padding:0;border:none;background:0 0;position:relative;color:var(--medium-gray)}.tab-style-04 .nav-tabs .nav-item .nav-link.active,.tab-style-04 .nav-tabs .nav-item .nav-link.show,.tab-style-04 .nav-tabs .nav-item .nav-link:hover{color:var(--dark-gray)}.team-style-01 figure figcaption{position:absolute;bottom:-1px}.team-style-01 figure figcaption .social-icon{display:block!important;height:auto!important;margin-bottom:-50px!important;overflow:visible!important;-webkit-transition:.4s;transition:.4s}.team-style-01 figure figcaption .social-icon a{margin:0 10px}.team-style-01 figure figcaption .social-icon a:last-child{margin-right:0}.team-style-01 figure figcaption .social-icon a:first-child{margin-left:0}.team-style-01 figure:hover figcaption .social-icon{margin-bottom:0!important}.team-style-08 figure{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .5s cubic-bezier(.2,0,.3,1);transition:all .5s cubic-bezier(.2,0,.3,1)}.team-style-08 figure figcaption{position:absolute;opacity:0;bottom:0;-webkit-transition:all .5s;transition:all .5s}.team-style-08 figure figcaption .social-icon a{margin:0 0 10px;opacity:0;background-color:var(--dark-gray);height:50px;width:50px;border-radius:100%;display:flex;align-items:center;justify-content:center;-webkit-transform:translate3d(0,15px,0);transform:translate3d(0,15px,0);-webkit-transition:all .3s cubic-bezier(.2,0,.3,1);transition:all .3s cubic-bezier(.2,0,.3,1);-webkit-transform:scale(1);transform:scale(1)}.team-style-08 figure figcaption .social-icon a:last-child{margin-bottom:0}.team-style-08 figure figcaption .team-member-name{opacity:0;-webkit-transform:translate3d(0,15px,0);transform:translate3d(0,15px,0);-webkit-transition:all .5s cubic-bezier(.2,0,.3,1);transition:all .5s cubic-bezier(.2,0,.3,1)}.team-style-08 figure figcaption .member-designation{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);-webkit-transition:all .7s cubic-bezier(.2,0,.3,1);transition:all .7s cubic-bezier(.2,0,.3,1)}.team-style-08:hover figure{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}.team-style-08:hover figure figcaption{opacity:1}.team-style-08:hover figure figcaption .social-icon a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.team-style-08:hover figure figcaption .team-member-name{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.team-style-08:hover figure figcaption .member-designation{opacity:.6;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.team-style-08:hover figure figcaption a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.blog-classic .card{color:inherit}.blog-classic .card .blog-image img{-webkit-transition:all .6s cubic-bezier(.37,0,.63,1);transition:all .6s cubic-bezier(.37,0,.63,1);will-change:transform}.blog-classic .card .card-body{color:inherit}.blog-classic .card .card-body .categories-text:after{display:inline-block;margin:-2px 1px 0;color:var(--medium-gray);opacity:.7}.blog-classic .card:hover .blog-image img{-webkit-transform:scale(1.07);transform:scale(1.07)}.blog-date .feature-box{-webkit-transform:translateY(0);transform:translateY(0)}.blog-date .feature-box .feature-box-icon{margin-right:40px!important}.blog-date .feature-box .post-date{min-width:75px;padding:20px 0 17px;-webkit-transition:all .3s linear;transition:all .3s linear}.blog-date .feature-box .post-date span{-webkit-transition:all .3s linear;transition:all .3s linear}.blog-date .feature-box:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.pagination-style-01 .page-item .page-link{border:0;padding:0 2px;margin:0 7px;background:0 0;color:var(--medium-gray);min-width:45px;font-size:inherit;text-align:center;-webkit-border-radius:100%;border-radius:100%;line-height:45px;min-height:45px}.pagination-style-01 .page-item .page-link i{line-height:40px}.pagination-style-01 .page-item .page-link:hover{background:var(--white);color:var(--dark-gray);box-shadow:0 0 10px rgba(23,23,23,.15)!important}.pagination-style-01 .page-item .page-link:focus{box-shadow:none}.pagination-style-01 .page-item.active .page-link{background:var(--dark-gray);color:var(--white);box-shadow:0 0 10px rgba(23,23,23,.15)!important}.pagination-style-01 .page-item:first-child .page-link,.pagination-style-01 .page-item:last-child .page-link,.pagination-style-01.light .page-item:first-child .page-link,.pagination-style-01.light .page-item:last-child .page-link{background:0 0;box-shadow:none!important}.pagination-style-01.light .page-item:first-child .page-link:hover,.pagination-style-01.light .page-item:last-child .page-link:hover{color:var(--white)}.grid-item .portfolio-image img{width:100%}.portfolio-filter li{padding:0 25px}.portfolio-filter li:first-child{padding-left:0}.portfolio-filter li:last-child{padding-right:0}.portfolio-filter li a{color:var(--medium-gray);border-bottom:2px solid transparent}.portfolio-filter li.active a,.portfolio-filter li:focus a,.portfolio-filter li:hover a{color:var(--dark-gray);border-color:var(--dark-gray)}.mousetip-wrapper .caption{opacity:0;visibility:hidden;position:absolute;top:20px;left:20px;z-index:9}.mousetip-wrapper:hover .caption{opacity:1;visibility:visible;display:block}.portfolio-simple .portfolio-box:hover .portfolio-image img{opacity:.5;-webkit-transform:scale(1.1);transform:scale(1.1)}.gallery-box,.portfolio-box{overflow:hidden;will-change:transform}.gallery-box .portfolio-image,.portfolio-box .portfolio-image{position:relative;overflow:hidden}.grid-loading,.grid-loading::after{opacity:1!important}@keyframes spin{to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.grid-loading{overflow:hidden;position:relative;transition:all 0s ease-in-out!important;-webkit-transition:all 0s ease-in-out!important;z-index:99}.grid-loading::after{background:0 0;content:""!important;position:absolute;top:100px!important;left:calc(50% - 25px)!important;width:50px!important;right:inherit!important;z-index:9;text-align:center;border:3px solid rgba(23,23,23,.2);border-top-color:rgba(23,23,23,.7);border-radius:50%;animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite}.grid-loading:before{content:"";position:absolute;right:2px;top:1px;width:calc(100% - 4px);height:calc(100% - 2px);border-radius:inherit;z-index:1}.grid-loading .grid-item{visibility:hidden}.grid-loading li .grid-item{overflow:hidden;opacity:0}.sticky-image-distortion-wrapper{position:static;display:flex;height:100%;overflow:hidden;width:100%}.sticky-image-distortion-wrapper .svg-wrapper{position:fixed;right:55px;height:100%;top:0;width:50%;z-index:-1}.sticky-image-distortion-wrapper .menu{width:50%;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll;overflow-x:hidden;padding:100px 0 100px 100px}.sticky-image-distortion-wrapper .menu::-webkit-scrollbar{display:none}.sticky-image-distortion-wrapper .menu .menu__link{display:flex;align-items:center;width:100%}.sticky-image-distortion-wrapper .menu .menu__link svg{opacity:0;visibility:hidden;-webkit-transition:.3s;transition:.3s;width:100%;height:100%}.sticky-image-distortion-wrapper .menu .menu__link.active svg{opacity:1;visibility:visible}.threeD-letter-menu{position:relative;min-height:100vh}.threeD-letter-menu .menu-item .hover-reveal{position:fixed;z-index:1;width:420px;height:420px;top:0;left:0;pointer-events:none;opacity:0;transform-origin:100% 0;will-change:transform,filter;border-radius:100%}.threeD-letter-menu .menu-item .hover-reveal .hover-reveal__inner{width:100%;height:100%;position:relative;overflow:hidden;border-radius:100%}.threeD-letter-menu .menu-item .hover-reveal .hover-reveal__img{height:100%;width:100%;background-size:cover;background-position:50% 50%;will-change:transform;border-radius:100%}.threeD-letter-menu .menu-item .menu-item-text{position:relative;display:inline-block}.threeD-letter-menu .menu-item .menu-item-text .word{overflow:hidden;line-height:120%}.threeD-letter-menu .menu-item .menu-item-text .words .char{transition:.8s cubic-bezier(.075,.82,.165,1)}.threeD-letter-menu .menu-item .menu-item-text .clone{position:absolute;top:0;left:0}.threeD-letter-menu .menu-item .menu-item-text .clone .char{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}.threeD-letter-menu .menu-item .menu-item-text:hover .clone .char{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.threeD-letter-menu .menu-item .menu-item-text:hover .words:not(.clone) .char{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}footer{padding-top:110px;padding-bottom:110px}footer .footer-logo img{max-height:30px}footer ul{padding:0;list-style:none;margin:0}footer .nav-link{color:var(--medium-gray);padding:.5rem 1rem}.footer-navbar li:last-child a,footer .footer-navbar .nav-item:last-child a{padding-right:0}.footer-navbar li a:hover{color:var(--base-color)}.footer-navbar li{display:inline-block;margin-bottom:0}.footer-navbar li:first-child a{padding-left:0}.footer-navbar .nav-link:focus{color:inherit}@media (min-width:1400px){.container{max-width:1220px}}@media (max-width:1600px){section{padding-top:90px;padding-bottom:90px}}@media (max-width:991px){html{font-size:14px}section{padding-top:75px;padding-bottom:75px}section.half-section{padding-top:50px;padding-bottom:50px}}@media (max-width:767px){html{font-size:12px}section{padding-top:50px;padding-bottom:50px}section.half-section{padding-top:40px;padding-bottom:40px}}@media (max-width:1399px){.xl-fs-250{font-size:15.625rem;line-height:15.625rem}.xl-fs-300{font-size:18.75rem;line-height:18.75rem}.xl-w-230px{width:230px!important}.xl-w-100{width:100%!important}.xl-outside-box-left-10{margin-left:-10vw}.xl-outside-box-right-10{margin-right:-10vw}.xl-outside-box-right-25{margin-right:-25vw}.theme-demos .demos-wrapper .demos-wrapper-inner{padding-left:0;padding-right:0}}@media (max-width:1199px){.lg-fs-200{font-size:12.5rem;line-height:12.5rem}.lg-fs-250{font-size:15.625rem;line-height:15.625rem}}@media (max-width:991px){.md-fs-16{font-size:16px}.md-fs-170{font-size:10.625rem;line-height:10.625rem}.md-fs-180{font-size:11.25rem;line-height:11.25rem}.md-lh-42{line-height:2.625rem}}@media (max-width:767px){h1,h2,h3,h4,h5,h6{margin-bottom:25px}.sm-fs-14{font-size:14px}.sm-fs-20{font-size:20px}.sm-fs-22{font-size:22px}.sm-fs-24{font-size:24px;line-height:32px}.sm-fs-28{font-size:1.75rem;line-height:2.6rem}.sm-fs-100{font-size:6.25rem;line-height:6.25rem}.sm-fs-150{font-size:9.375rem;line-height:9.375rem}.sm-fs-200{font-size:12.5rem;line-height:12.5rem}.sm-lh-24{line-height:24px}.sm-lh-34{line-height:2.125rem}}@media (max-width:575px){.xs-fs-120{font-size:7.5rem;line-height:7.5rem}}@media (max-width:1199px){.lg-w-70px{width:70px!important}.lg-w-90{width:90%!important}.lg-w-100{width:100%!important}.lg-outside-box-left-30{margin-left:-30vw}.lg-outside-box-left-50{margin-left:-50vw}.swiper-number-pagination-style-02 .swiper-number{right:0;left:0;width:100%;text-align:center;top:inherit;transform:translate3d(0,0,0);bottom:50px}.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet{margin:0 10px!important;display:inline-block}.stack-box{height:auto}.stack-box .stack-item{height:auto;position:relative;display:block}.theme-demos{display:none!important}}@media (max-width:991px){.md-w-200px{width:200px!important}.md-w-100{width:100%!important}.md-h-300px{height:300px!important}.md-h-500px{height:500px!important}.md-h-600px{height:600px!important}.md-outside-box-left-50{margin-left:-50vw}.md-outside-box-right-0{margin-right:0}.md-outside-box-left-0{margin-left:0}.swiper-number-pagination-style-01 .swiper-number{bottom:30px}.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper{right:0;top:inherit;transform:none;z-index:99;bottom:20px;left:0}.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-progress{height:2px;width:var(--swiper-progress,0)}.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-prev{margin:0 15px 0 0}.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-next{margin:0 0 0 15px}.swiper-horizontal>.swiper-pagination-bullets{bottom:28px}.swiper-number-pagination-style-02 .swiper-number{right:30px}}@media (max-width:767px){.small-screen{height:300px!important}.sm-w-100{width:100%!important}.sm-h-200px{height:200px!important}.sm-h-350px{height:350px!important}.sm-h-auto{height:auto!important}.sm-outside-box-right-0{margin-right:0}.sm-outside-box-left-0{margin-left:0}.swiper-number-pagination-style-02 .swiper-number{right:15px}}@media (max-width:575px){.swiper-number-pagination-style-02 .swiper-number{bottom:25px}.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet{margin:0 5px!important}}@media (max-width:1399px){.xl-pt-5{padding-top:5%!important}.xl-mb-5{margin-bottom:5%!important}.xl-top-minus-100px{top:-100px!important}.xl-left-minus-50px{left:-50px!important}.xl-left-minus-110px{left:-110px!important}}@media (max-width:1199px){.lg-p-8{padding:8%!important}.lg-pt-65px{padding-top:65px!important}.lg-pt-3{padding-top:3%!important}.lg-pt-8{padding-top:8%!important}.lg-pe-25px{padding-right:25px!important}.lg-pb-20px{padding-bottom:20px!important}.lg-pb-4{padding-bottom:4%!important}.lg-pb-6{padding-bottom:6%!important}.lg-ps-25px{padding-left:25px!important}.lg-mb-30px{margin-bottom:30px!important}.lg-mb-3{margin-bottom:3%!important}.lg-mb-5{margin-bottom:5%!important}.lg-left-25px{left:25px!important}}@media (max-width:991px){.md-p-5{padding:5%!important}.md-p-13{padding:13%!important}.md-pt-25px{padding-top:25px!important}.md-pt-7{padding-top:7%!important}.md-pt-11{padding-top:11%!important}.md-pt-17{padding-top:17%!important}.md-pb-25px{padding-bottom:25px!important}.md-pb-30px{padding-bottom:30px!important}.md-pb-5{padding-bottom:5%!important}.md-mt-35px{margin-top:35px!important}.md-me-35px{margin-right:35px!important}.md-mb-10px{margin-bottom:10px!important}.md-mb-15px{margin-bottom:15px!important}.md-mb-20px{margin-bottom:20px!important}.md-mb-25px{margin-bottom:25px!important}.md-mb-30px{margin-bottom:30px!important}.md-mb-35px{margin-bottom:35px!important}.md-mb-50px{margin-bottom:50px!important}.md-mb-6{margin-bottom:6%!important}.md-mb-7{margin-bottom:7%!important}.md-left-0px{left:0!important}.md-top-minus-90px{top:-90px!important}}@media (max-width:767px){.sm-p-20px{padding:20px!important}.sm-p-25px{padding:25px!important}.sm-p-30px{padding:30px!important}.sm-p-10{padding:10%!important}.sm-pt-10px{padding-top:10px!important}.sm-pt-15px{padding-top:15px!important}.sm-pt-20px{padding-top:20px!important}.sm-pt-30px{padding-top:30px!important}.sm-pt-35px{padding-top:35px!important}.sm-pt-40px{padding-top:40px!important}.sm-pb-15px{padding-bottom:15px!important}.sm-pb-20px{padding-bottom:20px!important}.sm-pb-25px{padding-bottom:25px!important}.sm-pb-30px{padding-bottom:30px!important}.sm-pb-35px{padding-bottom:35px!important}.sm-pb-40px{padding-bottom:40px!important}.sm-pb-50px{padding-bottom:50px!important}.sm-pb-60px{padding-bottom:60px!important}.sm-mt-25px{margin-top:25px!important}.sm-mb-10px{margin-bottom:10px!important}.sm-mb-15px{margin-bottom:15px!important}.sm-mb-20px{margin-bottom:20px!important}.sm-mb-25px{margin-bottom:25px!important}.sm-mb-30px{margin-bottom:30px!important}.sm-mb-35px{margin-bottom:35px!important}.sm-mb-40px{margin-bottom:40px!important}.sm-mb-60px{margin-bottom:60px!important}.sm-mb-6{margin-bottom:6%!important}}@media (max-width:575px){.xs-pb-15px{padding-bottom:15px!important}.xs-mt-15px{margin-top:15px!important}.xs-mt-6{margin-top:6%!important}.xs-mb-25px{margin-bottom:25px!important}.xs-mb-30px{margin-bottom:30px!important}.xs-mb-40px{margin-bottom:40px!important}}@media (max-width:1199px){.lg-mb-0{margin-bottom:0!important}}@media (max-width:991px){.md-mt-0{margin-top:0!important}.md-mb-0{margin-bottom:0!important}}@media (max-width:767px){.sm-mb-0{margin-bottom:0!important}.sm-p-0{padding:0!important}}@media (max-width:575px){.xs-mt-0{margin-top:0!important}}@media (max-width:1199px){header .container-fluid{padding-left:35px;padding-right:35px}.navbar>.container-fluid{padding-left:35px;padding-right:35px}.navbar .navbar-nav .nav-link{padding:10px 15px}.navbar .navbar-nav .dropdown .dropdown-menu{padding:35px 0}.navbar .navbar-nav .dropdown .dropdown-menu a{padding-bottom:8px}.navbar .navbar-nav .simple-dropdown .dropdown-menu li a{padding-bottom:10px}}@media (max-width:991px){[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:first-child .dropdown-menu{background-image:none!important}[data-mobile-nav-style=classic] .navbar-nav,[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown-menu ul li{display:block}[data-mobile-nav-style=full-screen-menu] header .navbar-collapse{display:none!important}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner{background-image:linear-gradient(to right top,#0039e3,#4132e0,#5e28dd,#741bd9,#8600d4);visibility:hidden;overflow:hidden!important;width:100vw;height:100vh!important;position:fixed;top:-100vh;left:0;z-index:9999;display:flex!important;transition:all .4s ease-out;transition-delay:.6s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse{position:inherit;left:0;top:0;width:100%;height:100%;padding:100px 0;max-height:100%;box-shadow:none;background:0 0;display:flex!important;justify-content:center!important}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child,[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child{margin-bottom:20px}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link{display:inline-block;line-height:25px;font-size:17px;font-weight:500;color:var(--white);padding-left:0!important;padding-right:0!important}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item.active .nav-link{opacity:.6;color:var(--white)}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item.active .dropdown-toggle,[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item.active:hover .nav-link{color:var(--white)}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item>.dropdown-menu{padding-left:0!important;padding-right:0!important}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-toggle{color:var(--white);top:10px;right:0}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu a{color:var(--white);opacity:.6}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu a .label{display:none}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu .dropdown>a,[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu li.active>a{color:var(--white);opacity:1}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item:hover .nav-link{color:var(--white)}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item{border-bottom:1px solid rgba(255,255,255,.1);padding:5px 0;transform:scale(1.15) translateY(-30px);opacity:0;transition:transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99)}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(1){transition-delay:.49s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(2){transition-delay:.42s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(3){transition-delay:.35s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(4){transition-delay:.28s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(5){transition-delay:.21s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(6){transition-delay:.14s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(7){transition-delay:70ms}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(8){transition-delay:0s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(9){transition-delay:-70ms}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(10){transition-delay:-.14s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(11){transition-delay:-.21s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(12){transition-delay:-.28s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(13){transition-delay:-.35s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(14){transition-delay:-.42s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:nth-child(15){transition-delay:-.49s}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav>.nav-item:last-child{border-bottom:0}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown-menu{position:static!important;transform:translate3d(0,0,0)!important;-webkit-transform:translate3d(0,0,0)!important;padding:0!important;border-radius:0!important;border:0!important}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown-menu ul li a i{width:25px;display:inline-block;vertical-align:middle}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown>a{display:block}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler{position:absolute;right:30px;top:35px;margin:0}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner{top:0;visibility:visible!important;transition:all .2s ease-in;transition-delay:.2s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler{transition:all .5s ease-in;transition-delay:.8s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item{transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0);opacity:1}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(1){transition-delay:.27s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(2){transition-delay:.34s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(3){transition-delay:.41s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(4){transition-delay:.48s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(5){transition-delay:.55s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(6){transition-delay:.62s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(7){transition-delay:.69s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(8){transition-delay:.76s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(9){transition-delay:.83s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(10){transition-delay:.9s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(11){transition-delay:.97s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(12){transition-delay:1.04s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(13){transition-delay:1.11s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(14){transition-delay:1.18s}.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav>.nav-item:nth-child(15){transition-delay:1.25s}[data-mobile-nav-style=modern] header .navbar-collapse{display:none!important}[data-mobile-nav-style=modern] .navbar-modern-inner{opacity:0;visibility:hidden;overflow:visible!important;width:70vw;height:100vh!important;position:fixed;top:0;right:-70vw;z-index:90;display:flex!important;justify-content:center;transition-duration:.75s;transform:translate3d(30vw,0,0);-webkit-transform:translate3d(30vw,0,0)}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse{position:static;left:0;top:0;width:100%;height:100%;background:0 0;padding:100px 50px;box-shadow:none;max-height:100%;display:flex!important;justify-content:center!important}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .nav-link{display:inline-block;font-size:17px;line-height:24px;font-weight:500;color:var(--white);padding:10px 0!important}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item.active .nav-link{opacity:.6;color:var(--white)}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item.active .dropdown-toggle,[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item.active:hover .nav-link{color:var(--white)}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-toggle{color:var(--white);top:10px;right:0}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-menu a{color:var(--white);opacity:.6;font-size:13.5px;display:block}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-menu .dropdown>a,[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-menu li.active>a{color:var(--white);opacity:1}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item:hover .nav-link{color:var(--white)}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav>.nav-item{border-bottom:1px solid rgba(255,255,255,.1);padding:10px 0}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav>.nav-item:last-child{border-bottom:0}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav>.nav-item:first-child .dropdown-menu{background-image:none!important}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown-menu{position:static!important;transform:translate3d(0,0,0)!important;-webkit-transform:translate3d(0,0,0)!important;padding:0!important;border-radius:0!important;border:0!important}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown-menu ul li{display:block}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown-menu ul li a i{width:25px;display:inline-block;vertical-align:middle}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown-menu ul li a .label{display:none}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown>a{display:block}[data-mobile-nav-style=modern] .navbar{transition:transform .75s}[data-mobile-nav-style=modern] .page-layout{transition:transform .75s;background-color:var(--white)}[data-mobile-nav-style=modern] .navbar-show-modern-bg{display:inline-block;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1;opacity:0;background-image:linear-gradient(to right top,#0039e3,#4132e0,#5e28dd,#741bd9,#8600d4);transform:scale(1.75);-webkit-transform:scale(1.75);transition:opacity .3s,transform .3s;-webkit-transition:opacity .3s,transform .3s;transition-delay:.75s;-webkit-transition-delay:.75s}[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner{transform:translate3d(-30vw,0,0);-webkit-transform:translate3d(-30vw,0,0);left:-70vw;right:auto}[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler{display:block;position:absolute;right:30px;top:35px;margin:0}.navbar-collapse-show[data-mobile-nav-style=modern]{overflow:hidden}.navbar-collapse-show[data-mobile-nav-style=modern] .navbar,.navbar-collapse-show[data-mobile-nav-style=modern] .page-layout{transform:translate3d(-70vw,0,0)!important;-webkit-transform:translate3d(-70vw,0,0)!important}.navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner{right:0;opacity:1;visibility:visible!important;transition-delay:.1s;transform:translate3d(0,0,0)}.navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner .collapse{overflow-y:auto!important;-webkit-overflow-scrolling:touch;height:100%}.navbar-collapse-show[data-mobile-nav-style=modern] .navbar-show-modern-bg{transform:scale(1);opacity:1;transition-delay:0s}.navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);left:0;right:auto}.navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar,.navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .page-layout{transform:translate3d(70vw,0,0)!important;-webkit-transform:translate3d(70vw,0,0)!important}.navbar-expand-lg .navbar-toggler{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.navbar-expand-lg .navbar-toggler:focus{box-shadow:none}.navbar-expand-lg .navbar-collapse{display:block!important}.navbar-expand-lg .navbar-nav .dropdown-menu{position:static}.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}header .container-fluid,header .navbar-expand-lg{padding-left:15px;padding-right:15px}.collapse:not(.show){display:none!important}header .navbar [class*=col-] .navbar-nav .nav-item,header .navbar [class*=col-] .navbar-nav .nav-item a{display:block}header .header-push-button.icon,header .push-menu{display:none}header .navbar-brand,header.sticky .disable-fixed .navbar-brand,header.sticky .navbar-brand{padding:22px 0}header .navbar-brand .alt-logo,header .navbar-brand .default-logo{visibility:hidden!important;opacity:0!important;width:0!important}header .navbar-brand .mobile-logo{visibility:visible!important;opacity:1!important;width:auto!important}header .navbar-brand .mobile-logo:focus,header .navbar-brand:focus{outline:0}header.sticky .navbar-nav .nav-link{color:var(--dark-gray)}header.sticky.sticky-active .navbar-brand .alt-logo,header.sticky.sticky-active .navbar-brand .default-logo{visibility:hidden;opacity:0;width:0}header.sticky .header-icon .header-language a{padding-top:0;padding-bottom:0}header .header-top-bar .row{margin:0}.navbar-full-screen-menu-inner.bg-transparent,.navbar-modern-inner.bg-transparent,.navbar.bg-transparent{background-color:var(--white)!important}.navbar .navbar-collapse.show,.navbar-full-screen-menu-inner .navbar-collapse.show,.navbar-modern-inner .navbar-collapse.show{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.navbar .navbar-nav,.navbar-full-screen-menu-inner .navbar-nav,.navbar-modern-inner .navbar-nav{padding:15px 15px 28px}.navbar .navbar-nav .nav-link,.navbar-full-screen-menu-inner .navbar-nav .nav-link,.navbar-modern-inner .navbar-nav .nav-link{padding:10px 15px!important;color:var(--dark-gray)}.navbar .navbar-nav .nav-link .label,.navbar-full-screen-menu-inner .navbar-nav .nav-link .label,.navbar-modern-inner .navbar-nav .nav-link .label{margin-top:-3px;display:inline-block;padding:1px 11px;font-size:12px;margin-left:8px;vertical-align:middle;line-height:21px}.navbar .navbar-nav .nav-item.active .nav-link,.navbar-full-screen-menu-inner .navbar-nav .nav-item.active .nav-link,.navbar-modern-inner .navbar-nav .nav-item.active .nav-link{color:var(--dark-gray);opacity:.6}.navbar .navbar-nav .nav-item.active .dropdown-toggle,.navbar-full-screen-menu-inner .navbar-nav .nav-item.active .dropdown-toggle,.navbar-modern-inner .navbar-nav .nav-item.active .dropdown-toggle{color:var(--dark-gray)}.navbar .navbar-nav .nav-item.active:hover .nav-link,.navbar-full-screen-menu-inner .navbar-nav .nav-item.active:hover .nav-link,.navbar-modern-inner .navbar-nav .nav-item.active:hover .nav-link{color:var(--dark-gray);opacity:.6}.navbar .navbar-nav .nav-item .dropdown-toggle,.navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-toggle,.navbar-modern-inner .navbar-nav .nav-item .dropdown-toggle{display:flex;justify-content:center;align-items:center;width:40px;height:40px;right:0;position:absolute;top:0;text-align:center;color:var(--dark-gray)}.navbar .navbar-nav .dropdown.open .dropdown-menu,.navbar .navbar-nav .nav-item .dropdown-toggle:after,.navbar-full-screen-menu-inner .navbar-nav .dropdown.open .dropdown-menu,.navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-toggle:after,.navbar-modern-inner .navbar-nav .dropdown.open .dropdown-menu,.navbar-modern-inner .navbar-nav .nav-item .dropdown-toggle:after{display:none}.navbar .navbar-nav .nav-item:hover .nav-link,.navbar-full-screen-menu-inner .navbar-nav .nav-item:hover .nav-link,.navbar-modern-inner .navbar-nav .nav-item:hover .nav-link{color:var(--dark-gray);opacity:1}.navbar .navbar-nav .dropdown.submenu,.navbar-full-screen-menu-inner .navbar-nav .dropdown.submenu,.navbar-modern-inner .navbar-nav .dropdown.submenu{position:relative}.navbar .navbar-nav .dropdown .dropdown-menu.show,.navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu.show,.navbar-modern-inner .navbar-nav .dropdown .dropdown-menu.show{display:block}.navbar .navbar-nav .dropdown .dropdown-toggle.show,.navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-toggle.show,.navbar-modern-inner .navbar-nav .dropdown .dropdown-toggle.show{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.navbar .navbar-nav .dropdown .dropdown-menu,.navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu,.navbar-modern-inner .navbar-nav .dropdown .dropdown-menu{top:0;animation:none!important;background-color:transparent;box-shadow:none;border-top:0!important;padding:0 15px 15px;width:100%;display:none;border-radius:0!important}.navbar .navbar-nav .dropdown .dropdown-menu li,.navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu li,.navbar-modern-inner .navbar-nav .dropdown .dropdown-menu li{padding:0 15px}.navbar .navbar-nav .dropdown .dropdown-menu li:last-child a,.navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu li:last-child a,.navbar-modern-inner .navbar-nav .dropdown .dropdown-menu li:last-child a{padding-bottom:5px}.navbar .navbar-nav .dropdown .dropdown-menu li.active>a,.navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu li.active>a,.navbar-modern-inner .navbar-nav .dropdown .dropdown-menu li.active>a{color:var(--dark-gray)}.navbar .navbar-nav .dropdown .dropdown-menu a,.navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu a,.navbar-modern-inner .navbar-nav .dropdown .dropdown-menu a{color:var(--medium-gray);padding:6px 0;line-height:16px}.navbar .navbar-nav .simple-dropdown .dropdown-menu li,.navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu li,.navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu li{padding:0 15px}.navbar .navbar-nav .simple-dropdown .dropdown-menu li a,.navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu li a,.navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu li a{color:var(--medium-gray);padding:6px 0;margin-bottom:0}.navbar .navbar-nav .simple-dropdown .dropdown-menu>.dropdown,.navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu>.dropdown,.navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu>.dropdown{margin-bottom:25px}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child,.navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child,.navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child{margin-bottom:0}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown i,.navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown i,.navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown i{display:none}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown>a,.navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown>a,.navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown>a{color:var(--dark-gray);padding:0!important;margin-top:15px;font-weight:500;margin-bottom:6px}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu,.navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu,.navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu{display:block;position:relative;left:0!important;padding:0;top:0!important}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu li,.navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu li,.navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu li{padding:0}.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu>.dropdown>a,.navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu>.dropdown>a,.navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu>.dropdown>a{margin-top:25px}.navbar-collapse{background:var(--white)}.menu-order{order:5}.navbar-collapse{position:absolute;top:100%;left:0;width:100%;overflow:hidden;box-shadow:0 20px 15px 0 rgba(23,23,23,.05);max-height:calc(100vh - 72px)}.header-icon .icon>a{color:var(--dark-gray);padding-left:12px}.header-icon .icon>a:hover{color:var(--dark-gray);opacity:1}.header-icon .icon .header-cart>a,.header-icon .icon .header-language>a{color:var(--dark-gray);padding-left:12px}.header-icon .icon .header-cart>a:hover,.header-icon .icon .header-language>a:hover{color:var(--dark-gray);opacity:1}.header-transparent[data-header-hover=dark]{background-color:var(--dark-gray)!important}.header-transparent[data-header-hover=dark] .header-icon .icon .header-cart>a,.header-transparent[data-header-hover=dark] .header-icon .icon .header-language>a,.header-transparent[data-header-hover=dark] .header-icon .icon>a{color:var(--white)}.header-transparent[data-header-hover=dark] .navbar-collapse{background-color:var(--dark-gray)}.header-transparent[data-header-hover=dark] .navbar-nav .nav-item .dropdown-toggle,.header-transparent[data-header-hover=dark] .navbar-nav .nav-link{color:var(--white)}.header-transparent[data-header-hover=dark] .navbar-nav .nav-item.active .dropdown-toggle,.header-transparent[data-header-hover=dark] .navbar-nav .nav-item.active .nav-link,.header-transparent[data-header-hover=dark] .navbar-nav .nav-item.active:hover .nav-link{color:var(--medium-gray)}.header-transparent[data-header-hover=dark] .navbar-nav .nav-item:hover .nav-link{opacity:1;color:var(--white)}.header-transparent[data-header-hover=dark] .navbar-nav .dropdown .dropdown-menu li.active>a,.header-transparent[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu .dropdown>a{color:var(--white)}.left-sidebar-wrapper{padding-left:0}.left-sidebar-wrapper .left-sidebar-header.collapsing{overflow:visible!important}.left-sidebar-wrapper .left-sidebar-nav .navbar-brand{padding:22px 0!important}.left-sidebar-header{left:-300px;transition-duration:.3s;height:100%!important}.left-sidebar-header.show{left:0;transition-duration:.3s}.left-sidebar-header.show .left-sidebar-nav{left:0}.left-sidebar-header .left-sidebar-nav{left:-300px;transition-duration:.3s;overflow:visible;height:100%;top:0!important;position:fixed!important;padding:72px 15px}.left-sidebar-header .left-sidebar-nav .navbar-toggler{display:inline-block;position:absolute;top:50%;right:30px;margin:0;transform:translate(0,-50%);-webkit-transform:translate(0,-50%)}.left-modern-menu{padding-left:0}.left-modern-sidebar{height:auto;width:100%;padding:0 30px;display:flex;flex-flow:row;align-items:center;justify-content:space-between}.left-modern-menu .left-modern-header .navbar-brand{width:auto;padding:22px 0!important}.left-modern-menu .left-modern-header .modern-side-menu{padding:50px 20px}header .push-menu .close-menu{top:30px;right:30px}.navbar-modern-inner .navbar-nav{padding:15px}.ipad-top-space-margin,.top-space-margin{margin-top:76px}.full-screen.ipad-top-space-margin,.full-screen.top-space-margin{height:calc(100vh - 76px)}.navbar .navbar-nav .nav-link[href="javascript:void(0);"]{z-index:1!important}}@media (max-width:767px){header .navbar-expand-lg{padding-left:0;padding-right:0}header .header-top-bar{display:none;height:0}header .header-top-bar+.navbar{top:0}header .push-menu .close-menu{top:15px;right:15px}.navbar .navbar-nav{padding:15px 0}[data-mobile-nav-style=modern] .navbar-modern-inner{width:85vw;right:-80vw;transform:translate3d(15vw,0,0);-webkit-transform:translate3d(15vw,0,0)}[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse{padding:70px 0}.navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner{width:85vw;right:0;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}.navbar-collapse-show[data-mobile-nav-style=modern] .navbar,.navbar-collapse-show[data-mobile-nav-style=modern] .page-layout{transform:translate3d(-85vw,0,0)!important;-webkit-transform:translate3d(-85vw,0,0)!important}.navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar,.navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .page-layout{transform:translate3d(85vw,0,0)!important;-webkit-transform:translate3d(85vw,0,0)!important}[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse{padding:60px 0}.left-modern-sidebar{padding:0 15px}.left-sidebar-header .left-sidebar-nav .navbar-toggler{right:15px}.left-modern-menu .left-modern-header .modern-side-menu{padding:50px 0}}@media (max-width:575px){[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav>.nav-item{padding:7px 0}}@media (max-width:575px){.breadcrumb ul li:after{padding:0 6px 0 8px}}@media (max-width:1600px){.grid.xxl-grid-4col li{width:25%}}@media (max-width:1399px){.grid.xl-grid-4col li{width:25%}.grid.xl-grid-3col li{width:33.33%}}@media (max-width:1199px){.grid.lg-grid-3col li{width:33.33%}.grid.lg-grid-2col li{width:50%}}@media (max-width:991px){.grid.md-grid-2col li{width:50%}}@media (max-width:767px){.page-title-extra-large h1{font-size:36px;line-height:44px}.grid.sm-grid-2col li{width:50%}.grid.sm-grid-1col li{width:100%}.grid.gutter-extra-large li{padding:15px}.grid.gutter-extra-large{margin:0 -15px}.btn.btn-large{padding:16px 36px}.btn.btn-large{font-size:13px}.btn.btn-rounded.btn-large{padding:12px 30px}.btn.btn-link{padding:0 0 2px}.btn.btn-link-gradient{padding:0 0 3px}.btn.btn-switch-text.btn-large,.btn.btn-switch-text.btn-medium,.btn.btn-switch-text.btn-small{padding:0}}@media (max-width:575px){.grid.xs-grid-1col li{width:100%}}@media (max-width:991px){#map{height:450px}}@media (max-width:575px){#map{height:420px}.infowindow{padding:20px!important}}@media (max-width:1199px){.mfp-gallery button.mfp-close,.subscribe-popup .mfp-close,.subscribe-popup .mfp-close:active,button.mfp-close,button.mfp-close:active{right:10px;top:10px}[data-parallax-background-ratio]{background-attachment:inherit!important;background-position:center!important}}.is-touchable [data-parallax-background-ratio]{background-attachment:inherit!important;background-position:center!important;background-repeat:no-repeat!important}@media (max-width:991px){.mfp-container{padding-left:25px;padding-right:25px}}@media (max-width:767px){.feature-box.feature-box-left-icon-middle .feature-box-icon{margin-right:20px}.mfp-container{padding-left:15px;padding-right:15px}.elements-social ul li{margin-bottom:20px}}@media (max-width:991px){.social-icon-style-06 ul li a{padding:0 20px}}@media (max-width:575px){.extra-large-icon li{margin:0 6px}}@media (max-width:991px){.tab-style-04 .nav-tabs .nav-item{padding:0 20px}}@media (max-width:767px){.tab-style-04 .nav-tabs{display:inline-block;width:100%}.tab-style-04 .nav-tabs .nav-item{width:auto;display:table;margin:0 auto 10px}}@media (max-width:991px){.blog-date .feature-box .feature-box-icon{margin-right:35px!important}}@media (max-width:575px){.blog-date .feature-box .feature-box-icon{margin-right:25px!important}.blog-date .feature-box .post-date{min-width:65px;padding:15px 0}.pagination-style-01 .page-item .page-link{margin:0 5px}}@media (max-width:1600px){.sticky-image-distortion-wrapper .menu{padding-left:30px}}@media (max-width:1399px){.threeD-letter-menu .menu-item .hover-reveal{width:320px;height:320px}}@media (max-width:1199px){.threeD-letter-menu .menu-item .hover-reveal{width:320px;height:320px}.sticky-image-distortion-wrapper .menu{padding-top:160px}}@media (max-width:991px){.mousetip-wrapper .caption{display:none!important}.sticky-image-distortion-wrapper .menu .menu__link.active .svg-wrapper{margin-top:50px}}@media (max-width:767px){.nav-tabs li{display:block}.nav-tabs li{padding:0;margin-bottom:5px;width:100%}.sticky-image-distortion-wrapper .menu{padding:130px 30px 30px;width:100%}.sticky-image-distortion-wrapper .menu .menu__link{flex-direction:column}.sticky-image-distortion-wrapper .menu .menu__link.active .svg-wrapper{height:auto;margin-top:0}.sticky-image-distortion-wrapper .menu .svg-wrapper{position:relative;right:22px;width:100%;height:0}}@media (max-width:575px){.sticky-image-distortion-wrapper .menu{padding:130px 0 0}.sticky-image-distortion-wrapper .menu .svg-wrapper{right:20px}}@media (max-width:1600px){footer{padding-top:90px;padding-bottom:90px}}@media (max-width:991px){footer{padding-top:75px;padding-bottom:75px}}@media (max-width:767px){footer{padding-top:50px;padding-bottom:50px}footer .elements-social li{margin-bottom:0}.footer-navbar li .nav-link{padding-left:.8rem;padding-right:.8rem}}:root{     
    --base-color: #BEFF01;
    --medium-gray:#6F7071;
    --dark-gray:#1C1D1F; 
    --alt-font: 'Inter', sans-serif;
    --primary-font: 'Inter', sans-serif;
}body{
    font-size: 17px;
    line-height: 32px;
}.top-space-margin{
    margin-top: 120px;
}.navbar .navbar-nav .nav-link{
    font-weight: 500;
    font-size: 18px;
}header .navbar-brand img{
    max-height:56px;
}header .btn.btn-switch-text.btn-medium > span{
    padding: 11px 30px;
}.btn.btn-base-color{
    color: var(--dark-gray);
}.btn.btn-box-shadow.btn-base-color:hover,.btn.btn-box-shadow.btn-base-color:active{
    color: var(--dark-gray);   
}.bg-base-color-transparent{
    background-color: rgba(204, 255, 0,0.9);
}.ls-minus-20px{
    letter-spacing: -20px;
}.mt-minus-12{
    margin-top: -12%;
}.word-break-normal{
    word-break: normal;
}.bg-sherpa-blue{
    background-color: #333436;
}.page-title-extra-large h1{
    font-size: 5rem;
    line-height: 5rem;
}.team-style-08 figure img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}.team-style-08:hover figure img{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
}.team-style-08 figure figcaption .social-icon a{
    background-color: var(--base-color);
}.team-style-08 figure figcaption .social-icon a:hover{
    color: var(--dark-gray);
}.blog-classic .card .blog-image img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}.tag-cloud a{
    background-color: var(--white);
}.portfolio-simple .grid-item .portfolio-image img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}.portfolio-simple .portfolio-box:hover .portfolio-image img{
    opacity: 1;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
}.popular-post-sidebar li figure{
    width: 190px;
    height: auto;
}.popular-post-sidebar li .media-body{
    padding-left: 40px;
}.social-icon-style-06 li{
    position: relative;
}.social-icon-style-06 li:before{
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: var(--medium-gray);
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
    opacity: .5;
}.social-icon-style-06 li:last-child:before{
    display: none;
}footer .footer-logo img{
    max-height: 56px;
}footer .nav-link{
    color:  var(--dark-gray);
}.footer-navbar li a:hover{
    color: var(--dark-gray);
}@media (min-width: 768px){h1{
        font-size: 5rem;
        line-height: 5rem;
    }h2{
        font-size: 3.75rem;
        line-height: 3.75rem;
    }h3{
        font-size: 3.125rem;
        line-height: 3.125rem;
    }}@media (max-width: 1399px){header .btn.btn-switch-text.btn-medium > span{
        padding: 11px 22px;
    }}@media (max-width: 1199px){.ls-minus-20px{
        letter-spacing: -15px;
    }header .btn.btn-switch-text.btn-medium > span{
        padding: 6px 11px;
    }.navbar .navbar-nav .nav-link{
        padding: 10px 12px;
    }footer .nav-link{
        padding: 2px 8px;
    }}@media (max-width: 991px){.ls-minus-20px{
        letter-spacing: -10px;
    }.top-space-margin{
        margin-top: 100px;
    }header .btn.btn-switch-text.btn-medium > span{
        padding: 9px 24px;
    }}@media (max-width: 767px){.process-step-style-10.hover-box:hover .hover-content{
        bottom: 0;
    }.ls-minus-20px{
        letter-spacing: -4px;
    }}@media (max-width: 575px){.popular-post-sidebar li figure{
        width: 100%;
    }.popular-post-sidebar li .media-body{
        padding-left: 0;
        padding-top: 25px;
    }}
/* xdmaic-bridge */
/**
 * Bridge file to map X-DMAIC template variables to dynamic WordPress Customizer Brandkit variables.
 */
:root {
    --base-color: var(--accent-primary) !important;
    --dark-gray: var(--bg-primary) !important;
    --medium-gray: var(--text-secondary) !important;
}

/* Nav Menu Alignment for dynamic WP Menu */
.navbar .navbar-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.navbar .navbar-nav .nav-item {
    position: relative;
}
.navbar .navbar-nav .nav-item a.nav-link {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2 !important; /* Shrink line height to eliminate extra vertical box space */
    padding-top: 14px !important; /* Balance vertical centering */
    padding-bottom: 6px !important; /* Keep bottom edge close to text baseline */
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Scoped Underline Hover Effect */
.navbar .navbar-nav .nav-item a.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0px; /* Sits tightly right below the text baseline now */
    left: 12px;
    right: 12px;
    height: 2px;
    background-color: var(--accent-secondary) !important;
    transform: scaleX(0);
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    transform-origin: right;
}
.navbar .navbar-nav .nav-item a.nav-link:hover::after,
.navbar .navbar-nav .current-menu-item > a.nav-link::after {
    transform: scaleX(1) !important;
    transform-origin: left !important;
}

/* Live Search Overrides inside X-DMAIC Navbar */
.navbar .search-form {
    margin: 0;
}

/* Header adjust */
/* Comment out to avoid overriding template's native navbar padding
header .navbar {
    padding: 15px 0;
}
*/
.navbar-brand {
    padding: 0;
}

/* Theme Toggle Button custom styling inside navbar */


/* ==========================================================================
   Light / Dark Mode Overrides (Professional Tech Standard Bridge)
   ========================================================================== */

/* 1. Global Dark Mode Body & Headings Overrides */
html[data-theme="dark"] body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='151' height='1' viewBox='0 0 151 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M76 -5H75V5H76V-5Z' fill='rgba(255, 255, 255, 0.03)'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"] .text-dark-gray,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .accordion-header button,
html[data-theme="dark"] .nav-link,
html[data-theme="dark"] .dropdown-menu a {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .text-dark-gray-hover:hover,
html[data-theme="dark"] .nav-link:hover,
html[data-theme="dark"] .dropdown-menu a:hover {
    color: var(--accent-secondary) !important;
}

/* 2. Paragraphs & Secondary texts */
html[data-theme="dark"] p,
html[data-theme="dark"] .text-medium-gray,
html[data-theme="dark"] .prose p,
html[data-theme="dark"] .prose li,
html[data-theme="dark"] .portfolio-caption div,
html[data-theme="dark"] .fs-14:not(.text-base-color):not(.text-dark-gray) {
    color: #e2e8f0 !important;
}

/* 2.1. Table Dark Mode Overrides for High Contrast readability */
html[data-theme="dark"] .prose table {
    color: #cbd5e1 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme="dark"] .prose th {
    color: #ffffff !important;
    background-color: var(--bg-secondary) !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.18) !important;
}
html[data-theme="dark"] .prose td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .prose tr:hover td {
    background: rgba(255, 255, 255, 0.02) !important;
}

/* 3. Backgrounds & Containers */
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-very-light-gray,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .accordion-item {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="dark"] .bg-dark-gray {
    background-color: #0c101d !important; /* Extremely premium deep gray/blue */
}

html[data-theme="dark"] .glass-panel {
    background: rgba(21, 29, 48, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* 4. Borders & Lines */
html[data-theme="dark"] .border-color-dark-gray,
html[data-theme="dark"] .separator-line-1px,
html[data-theme="dark"] hr {
    border-color: var(--border-color) !important;
}

/* 5. Logo Inversion & Header Text */
html[data-theme="dark"] .navbar-brand img.logo-needs-inversion,
html[data-theme="dark"] .footer-logo img.logo-needs-inversion {
    filter: invert(1) brightness(2) !important; /* Dynamic white logo inversion */
}

/* 6. Buttons & Interactive Elements */
html[data-theme="dark"] .btn-dark-gray {
    background-color: var(--text-primary) !important;
    color: var(--bg-primary) !important;
    border-color: var(--text-primary) !important;
}
html[data-theme="dark"] .btn-dark-gray:hover {
    background-color: var(--accent-secondary) !important;
    color: #ffffff !important;
    border-color: var(--accent-secondary) !important;
}

html[data-theme="dark"] .swiper-pagination-bullet {
    background: #ffffff !important;
    opacity: 0.3;
}
html[data-theme="dark"] .swiper-pagination-bullet-active {
    background: var(--accent-secondary) !important;
    opacity: 1;
}

/* 7. Forms Controls */
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] textarea {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus {
    border-color: var(--accent-secondary) !important;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.15) !important;
}

/* 8. Large Backdrops / Decorative Elements Subtlety */
html[data-theme="dark"] .fs-170 {
    color: rgba(255, 255, 255, 0.02) !important; /* Lower contrast for dark theme readability */
}

/* ==========================================================================
   Light Mode Overrides (Professional Tech Standard Bridge)
   ========================================================================== */

/* 1. Global Light Mode Body & Headings Overrides */
html[data-theme="light"] body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='151' height='1' viewBox='0 0 151 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M76 -5H75V5H76V-5Z' fill='%23E7E7E7'/%3E%3C/svg%3E") !important;
}

html[data-theme="light"] .text-dark-gray,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] .accordion-header button,
html[data-theme="light"] .nav-link,
html[data-theme="light"] .dropdown-menu a {
    color: var(--text-primary) !important;
}

html[data-theme="light"] .text-dark-gray-hover:hover,
html[data-theme="light"] .nav-link:hover,
html[data-theme="light"] .dropdown-menu a:hover {
    color: var(--accent-secondary) !important;
}

/* 2. Paragraphs & Secondary texts */
html[data-theme="light"] p,
html[data-theme="light"] .text-medium-gray,
html[data-theme="light"] .prose p,
html[data-theme="light"] .prose li,
html[data-theme="light"] .portfolio-caption div,
html[data-theme="light"] .fs-14:not(.text-base-color):not(.text-dark-gray) {
    color: var(--text-secondary) !important;
}

/* 3. Backgrounds & Containers */
html[data-theme="light"] .bg-white {
    background-color: var(--bg-primary) !important;
}

html[data-theme="light"] .bg-very-light-gray,
html[data-theme="light"] .dropdown-menu,
html[data-theme="light"] .accordion-item {
    background-color: var(--bg-secondary) !important;
}

/* Override all dark sections to light gray in light mode to keep design unified */
html[data-theme="light"] .section-dark,
html[data-theme="light"] .bg-dark-gray {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="light"] .glass-panel {
    background: var(--bg-glass) !important;
    border-color: var(--border-color) !important;
}

/* 4. Borders & Lines */
html[data-theme="light"] .border-color-dark-gray,
html[data-theme="light"] hr {
    border-color: var(--border-color) !important;
}

/* Ensure separator lines match the border color in both modes */
html[data-theme="light"] .separator-line-1px.bg-white,
html[data-theme="light"] .separator-line-1px.bg-dark-gray,
html[data-theme="light"] .separator-line-1px {
    background-color: var(--border-color) !important;
}

html[data-theme="dark"] .separator-line-1px.bg-white,
html[data-theme="dark"] .separator-line-1px.bg-dark-gray,
html[data-theme="dark"] .separator-line-1px {
    background-color: var(--border-color) !important;
}

/* 5. Logo & Header Text */
html[data-theme="light"] .navbar-brand img.is-default-logo,
html[data-theme="light"] .footer-logo img.is-default-logo {
    filter: none !important; /* Keep original black logo on white bg */
}

/* 6. Buttons & Interactive Elements */
html[data-theme="light"] .btn-dark-gray {
    background-color: var(--text-primary) !important;
    color: var(--bg-primary) !important;
    border-color: var(--text-primary) !important;
}
html[data-theme="light"] .btn-dark-gray:hover {
    background-color: var(--accent-primary) !important;
    color: #ffffff !important;
    border-color: var(--accent-primary) !important;
}

html[data-theme="light"] .swiper-pagination-bullet {
    background: #000000 !important;
    opacity: 0.3;
}
html[data-theme="light"] .swiper-pagination-bullet-active {
    background: var(--accent-primary) !important;
    opacity: 1;
}

/* 7. Forms Controls */
html[data-theme="light"] input[type="text"],
html[data-theme="light"] input[type="email"],
html[data-theme="light"] input[type="tel"],
html[data-theme="light"] textarea {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}
html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus {
    border-color: var(--accent-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 94, 255, 0.15) !important;
}

/* 8. Large Backdrops / Decorative Elements Subtlety */
html[data-theme="light"] .fs-170 {
    color: rgba(0, 0, 0, 0.02) !important; /* Very low contrast for light theme readability */
}

/* 9. Special override for text-white utility classes on backgrounds that become light */
html[data-theme="light"] .text-white:not(.team-member-name):not(.member-designation):not(.progress-bar-percent):not(.swiper-button-prev):not(.swiper-button-next) {
    color: var(--text-primary) !important;
}

/* 10. Automatically invert white partner SVG logos in light mode to dark gray */
html[data-theme="light"] img[src*="-white."] {
    filter: invert(0.85) opacity(0.7) !important;
}

/* ==========================================================================
   Global Footer Overrides (Ensures correct background in both modes)
   ========================================================================== */
footer {
    background-color: transparent !important;
}

html[data-theme="light"] .footer-bottom {
    border-color: var(--border-color) !important;
}

/* ==========================================================================
   Global Sticky Elements Overrides (Ensures visual consistency across pages)
   ========================================================================== */
html[data-theme="dark"] .elements-social ul li,
html[data-theme="dark"] .elements-social ul li a {
    color: var(--text-primary) !important;
}
html[data-theme="dark"] .elements-social ul li a:hover {
    color: var(--accent-secondary) !important;
}

html[data-theme="light"] .elements-social ul li,
html[data-theme="light"] .elements-social ul li a {
    color: var(--text-primary) !important;
}
html[data-theme="light"] .elements-social ul li a:hover {
    color: var(--accent-secondary) !important;
}

/* Unified style for separator line in sticky social bar */
.elements-social ul li span.bg-dark-gray {
    background-color: var(--border-color) !important;
}

/* ==========================================================================
   Likes Box Custom Styling (Clapping Style, Dark Mode optimized)
   ========================================================================== */
.likes-box {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 25px !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    background: var(--bg-glass) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    min-width: 120px !important;
    cursor: pointer !important;
    user-select: none !important;
}

.likes-box:hover {
    transform: translateY(-2px) !important;
    border-color: var(--accent-secondary) !important;
    box-shadow: 0 8px 20px rgba(6, 182, 212, 0.15) !important;
}

.likes-box-top {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    font-family: var(--font-display) !important;
}

.likes-box-top i {
    color: #ff3e6c !important;
    transition: transform 0.2s ease !important;
}

.likes-box:active .likes-box-top i {
    transform: scale(1.3) !important;
}

.likes-box-label {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: var(--text-secondary) !important;
    margin-top: 5px !important;
}

/* Max Liked state visual hint */
.likes-box.max-liked {
    border-color: #ff3e6c !important;
    background: rgba(255, 62, 108, 0.05) !important;
}
.likes-box.max-liked .likes-box-label {
    color: #ff3e6c !important;
}

/* ==========================================================================
   Premium Table of Contents (TOC) Styling (Desktop & Mobile)
   ========================================================================== */
.toc-link {
    font-size: 0.84rem !important;
    line-height: 1.38 !important;
    color: var(--text-secondary) !important;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    white-space: normal !important;
    padding: 2px 0 !important;
    letter-spacing: -0.01em !important;
}

.toc-link:hover {
    color: var(--accent-primary) !important;
    transform: translateX(3px) !important;
}

/* Active heading scroll-spy highlight styling */
.toc-link.active {
    color: var(--accent-primary) !important;
    font-weight: 600 !important;
}

html[data-theme="dark"] .toc-link {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .toc-link:hover,
html[data-theme="dark"] .toc-link.active {
    color: var(--accent-secondary) !important;
}

/* ==========================================================================
   SEO Jump-Links / Sitelinks Instant Offset (Google 2026 Ready)
   Ensures headings are never hidden behind fixed header when arriving via deep links
   ========================================================================== */
.prose h1[id],
.prose h2[id],
.prose h3[id],
.prose h4[id],
.prose h5[id],
.prose h6[id],
:target {
    scroll-margin-top: 105px !important;
}

/* Back to blog button styling & micro-interaction */
.btn-back-to-blog {
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-back-to-blog:hover {
    color: var(--accent-primary) !important;
}
.btn-back-to-blog:hover i {
    transform: translateX(-4px);
    color: var(--accent-primary) !important;
}
html[data-theme="dark"] .btn-back-to-blog {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .btn-back-to-blog:hover {
    color: var(--accent-secondary) !important;
}

/* Custom slim scrollbar for sticky sidebar container */
.sticky-sidebar-wrapper::-webkit-scrollbar {
    width: 4px;
}
.sticky-sidebar-wrapper::-webkit-scrollbar-track {
    background: transparent;
}
.sticky-sidebar-wrapper::-webkit-scrollbar-thumb {
    background: transparent; /* Invisible by default */
    border-radius: 10px;
    transition: background 0.3s ease;
}
.sticky-sidebar-wrapper:hover::-webkit-scrollbar-thumb {
    background: var(--border-color); /* Show on hover */
}
.sticky-sidebar-wrapper::-webkit-scrollbar-thumb:hover {
    background: var(--accent-secondary) !important;
}

/* Optimize FAQ/TOC Dropdown Card on Mobile */
.mobile-toc-details {
    border-radius: 8px !important;
    margin-bottom: 1.5rem !important;
}

.mobile-toc-details .faq-question {
    padding: 1rem 1.2rem !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    border: none !important;
}

.mobile-toc-details .faq-answer {
    padding: 1rem 1.2rem !important;
    border-top: 1px solid var(--border-color) !important;
}

.mobile-toc-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.mobile-toc-list li.toc-level-3 {
    padding-left: 15px !important;
    position: relative !important;
}

.mobile-toc-list li.toc-level-3::before {
    content: "•" !important;
    position: absolute !important;
    left: 4px !important;
    color: var(--text-muted) !important;
    font-size: 0.8rem !important;
}

/* ==========================================================================
   Breadcrumbs Styling
   ========================================================================== */
.breadcrumb-container {
    opacity: 0.8;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "/" !important;
    color: var(--text-secondary) !important;
}
.breadcrumb-item.active {
    color: var(--text-secondary) !important;
}

/* ==========================================================================
   Key Takeaways Box (SGE Optimization)
   ========================================================================== */
.key-takeaways-box {
    padding: 1.8rem 2rem !important;
    border-radius: var(--radius-md) !important;
    background: var(--bg-glass) !important;
    border: 1px solid var(--border-color) !important;
}
.takeaways-title {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin-bottom: 1rem !important;
    display: flex !important;
    align-items: center !important;
}
.takeaways-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}
.takeaways-list li {
    position: relative !important;
    padding-left: 24px !important;
    margin-bottom: 8px !important;
    color: var(--text-secondary) !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
}
.takeaways-list li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    color: var(--accent-secondary) !important;
    font-weight: bold !important;
}

html[data-theme="dark"] .takeaways-list li {
    color: #e2e8f0 !important;
}

/* ==========================================================================
   Social Share Buttons
   ========================================================================== */
.post-social-share .social-share-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: var(--bg-glass) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    margin-right: 10px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}
.post-social-share .social-share-btn:hover {
    transform: translateY(-3px) !important;
    color: #fff !important;
    border-color: transparent !important;
}
.post-social-share .social-share-btn.facebook:hover {
    background-color: #1877F2 !important;
}
.post-social-share .social-share-btn.linkedin:hover {
    background-color: #0A66C2 !important;
}
.post-social-share .social-share-btn.twitter:hover {
    background-color: #000000 !important;
}
.post-social-share .social-share-btn.copy-link:hover {
    background-color: var(--accent-secondary) !important;
}

/* ==========================================================================
   Dedicated CRM Registration Page Styles
   ========================================================================== */
.crm-registration-wrapper .wa-crm-form-container {
  margin: 0 auto !important;
  box-shadow: 0 20px 50px rgba(0, 94, 255, 0.08) !important;
}
html[data-theme="dark"] .crm-registration-wrapper .wa-crm-form-container {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
}
.crm-registration-wrapper .wa-crm-form-header {
  display: none !important;
}

/* CRM Process Timeline Row Styles */
.crm-process-timeline-row {
  border-top: 1px dashed var(--border-color) !important;
  margin-top: 5rem !important;
}

.crm-process-timeline-row h5 {
  font-family: var(--font-display), sans-serif !important;
  font-size: 20px !important;
  letter-spacing: -0.5px !important;
}

.timeline-step {
  position: relative !important;
  transition: transform 0.3s ease !important;
}

.timeline-step:hover {
  transform: translateY(-5px) !important;
}

.step-icon-box {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 70px !important;
  height: 70px !important;
  background: var(--bg-glass, rgba(255, 255, 255, 0.05)) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 50% !important;
  margin-bottom: 20px !important;
  box-shadow: 0 10px 25px rgba(0, 94, 255, 0.03) !important;
  transition: all 0.3s ease !important;
}

.timeline-step:hover .step-icon-box {
  background: var(--bg-secondary) !important;
  border-color: var(--accent-primary, #005eff) !important;
  box-shadow: 0 10px 25px rgba(0, 94, 255, 0.1) !important;
}

.timeline-step i {
  color: var(--accent-primary, #005eff) !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.timeline-step:hover i {
  color: var(--accent-secondary, #06b6d4) !important;
}

.step-number-badge {
  position: absolute !important;
  top: -5px !important;
  right: -5px !important;
  width: 24px !important;
  height: 24px !important;
  background: linear-gradient(135deg, var(--accent-secondary, #06b6d4), var(--accent-primary, #005eff)) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 10px rgba(0, 94, 255, 0.2) !important;
}

.timeline-step h6 {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
  font-family: var(--font-display), sans-serif !important;
}

.timeline-step p {
  color: var(--text-secondary) !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  max-width: 280px !important;
  margin: 0 auto !important;
}

html[data-theme="dark"] .step-icon-box {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .timeline-step:hover .step-icon-box {
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Prevent Swiper double arrows icon bug by hiding Swiper's native arrow icons */
.swiper-button-prev::after,
.swiper-button-next::after {
  content: none !important;
}

/* Custom styling for SVG rotating circle text */
.animation-rotation {
  color: #1c1d1f !important; /* Dark charcoal in light theme */
  transition: color 0.3s ease;
}
html[data-theme="dark"] .animation-rotation {
  color: rgba(255, 255, 255, 0.7) !important; /* White in dark theme */
}

/* Show/hide correct logo based on active theme mode */
html[data-theme="light"] .logo-dark-theme {
  display: none !important;
}
html[data-theme="dark"] .logo-light-theme {
  display: none !important;
}
@media (max-width: 991px) {
  html[data-theme="dark"] .navbar-brand img.logo-dark-theme.mobile-logo {
    display: inline-block !important;
  }
  html[data-theme="dark"] .navbar-brand img.logo-dark-theme.default-logo,
  html[data-theme="dark"] .navbar-brand img.logo-dark-theme.alt-logo {
    display: none !important;
  }
  /* Dark Mode Mobile Header Bar Background */
  html[data-theme="dark"] header,
  html[data-theme="dark"] nav.navbar {
    background-color: var(--bg-primary) !important;
    border-bottom: 1px solid var(--border-color) !important;
  }
}

/* ==========================================================================
   Alert Blocks Light Mode Color Optimization
   ========================================================================== */
html[data-theme="light"] .alert-info {
  background: rgba(99, 102, 241, 0.06) !important;
  border-color: rgba(99, 102, 241, 0.25) !important;
  color: #4f46e5 !important;
}

html[data-theme="light"] .alert-success {
  background: rgba(16, 185, 129, 0.06) !important;
  border-color: rgba(16, 185, 129, 0.25) !important;
  color: #15803d !important;
}

html[data-theme="light"] .alert-warning {
  background: rgba(245, 158, 11, 0.06) !important;
  border-color: rgba(245, 158, 11, 0.25) !important;
  color: #b45309 !important;
}

html[data-theme="light"] .alert-danger {
  background: rgba(239, 68, 68, 0.06) !important;
  border-color: rgba(239, 68, 68, 0.25) !important;
  color: #b91c1c !important;
}

/* ==========================================================================
   B2B Lead Registration Form Mobile Optimization Overrides
   ========================================================================== */
@media (max-width: 767px) {
    .wa-crm-form-grid {
        grid-template-columns: 1fr !important;
    }
    .wa-crm-form-group {
        grid-column: span 1 !important;
    }
    .wa-crm-privacy-group {
        grid-column: span 1 !important;
    }
}

/* ==========================================================================
   Testimonials Section — Light Mode Contrast Fix
   ========================================================================== */
/* In light mode, .bg-dark-gray becomes bg-secondary (light), so white texts
   inside testimonials need to be corrected to dark for proper contrast */

/* ── Rating score "4.8" ── */
html[data-theme="light"] .section-dark .text-white {
    color: var(--text-primary) !important;
}

/* ── Star rating badge: bg-base-color box với text-dark-gray ── */
html[data-theme="light"] .section-dark .bg-base-color {
    background-color: var(--accent-primary) !important;
    color: #ffffff !important;
}
html[data-theme="light"] .section-dark .bg-base-color i {
    color: #ffffff !important;
}

/* ── Testimonial quote text ── */
html[data-theme="light"] .section-dark .swiper-slide h5 {
    color: var(--text-primary) !important;
}
html[data-theme="light"] .section-dark .swiper-slide .text-decoration-line-bottom-medium {
    color: var(--accent-primary) !important;
}

/* ── Author / source label: text-base-color ── */
html[data-theme="light"] .section-dark .swiper-slide .text-base-color {
    color: var(--accent-primary) !important;
}

/* ── Separator line ── */
html[data-theme="light"] .section-dark .separator-line-1px.bg-white {
    background-color: var(--border-color) !important;
}

/* ── Slider navigation buttons ── */
html[data-theme="light"] .section-dark .slider-one-slide-prev-1,
html[data-theme="light"] .section-dark .slider-one-slide-next-1 {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}
html[data-theme="light"] .section-dark .slider-one-slide-prev-1:hover,
html[data-theme="light"] .section-dark .slider-one-slide-next-1:hover {
    background-color: var(--accent-primary) !important;
    color: #ffffff !important;
    border-color: var(--accent-primary) !important;
}

/* ==========================================================================
   Partner Logos — Display & Hover Styles Fix
   ========================================================================== */
.client-box img {
    filter: opacity(0.7) !important;
    transition: filter 0.3s ease, opacity 0.3s ease;
}
.client-box img:hover {
    filter: opacity(1) !important;
}
html[data-theme="light"] .client-box img[src*="-white."] {
    filter: invert(0.85) opacity(0.7) !important;
}
html[data-theme="light"] .client-box img[src*="-white."]:hover {
    filter: invert(0.85) opacity(1) !important;
}

/* ==========================================================================
   Header Language Switcher & Floating Dock Styles (Extracted from header.php)
   ========================================================================== */
body {
    top: 0 !important;
}

.sm-lang-switcher {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.sm-lang-btn {
    color: rgba(130, 130, 130, 0.7);
    cursor: pointer;
    transition: all 0.25s ease;
    text-transform: uppercase;
    user-select: none;
}
.sm-lang-btn:hover {
    color: var(--text-primary, #111111);
}
[data-theme="dark"] .sm-lang-btn:hover {
    color: #ffffff;
}
.sm-lang-btn.active {
    color: #005eff !important;
    text-shadow: 0 0 1px rgba(0, 94, 255, 0.2);
}
.sm-lang-divider {
    color: rgba(200, 200, 200, 0.4);
    font-weight: 400;
}
.mobile-lang-switcher-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
[data-theme="light"] .mobile-lang-switcher-wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.navbar .container-fluid {
    align-items: center !important;
}
.navbar .container-fluid > [class*="col-"] {
    align-self: center !important;
}
.header-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
}
.header-icon > * {
    margin: 0 !important;
    align-self: center !important;
    flex-shrink: 0 !important;
}
.sm-lang-switcher {
    display: inline-flex !important;
    align-items: center !important;
    height: auto !important;
    line-height: 1 !important;
    transform: translateY(8px);
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.header-button {
    display: inline-flex !important;
    align-items: center !important;
    height: auto !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* Nút sáng/tối: header (>= 1200px) và menu kéo ra (màn nhỏ hơn) */
.sm-theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: transparent;
    color: inherit;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}
[data-theme="light"] .sm-theme-toggle-btn { border-color: rgba(11, 26, 58, 0.14); color: #0b1a3a; }
[data-theme="dark"] .sm-theme-toggle-btn { border-color: rgba(255, 255, 255, 0.2); color: #ffffff; }
.sm-theme-toggle-btn:hover { border-color: #005eff; }
/* margin-top 16px như .btn trong .header-button (theme) để thẳng hàng với EN/VI và nút Liên hệ */
.sm-theme-toggle-header { width: 36px; height: 36px; border-radius: 50%; margin-top: 16px !important; }
.sm-theme-toggle-drawer { height: 36px; padding: 0 14px; border-radius: 999px; font-size: 13px; font-weight: 600; white-space: nowrap; }
@media (max-width: 1199px) {
    .sm-theme-toggle-header { display: none !important; }
}
/* Nút tìm kiếm (header): cùng kiểu nút sáng/tối, margin-top 16px để thẳng hàng như .sm-theme-toggle-header */
.sm-search-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
    color: inherit;
    font-size: 15px;
    cursor: pointer;
    margin-top: 16px !important;
    transition: border-color 0.2s ease, color 0.2s ease;
}
[data-theme="light"] .sm-search-btn { border-color: rgba(11, 26, 58, 0.14); color: #0b1a3a; }
[data-theme="dark"] .sm-search-btn { color: #ffffff; }
.sm-search-btn:hover, .sm-search-btn:focus-visible { border-color: #005eff; color: #005eff; outline: none; }
/* < 1200px: header chỉ còn logo + nút tìm kiếm + ☰ (không cần margin bù của .btn theme) */
/* < 576px: thẳng hàng với nút ☰; 576–1199px: thẳng hàng với nút Liên hệ (giữ margin-top 16px) */
@media (max-width: 575px) {
    .sm-search-btn { margin-top: 0 !important; width: 40px; height: 40px; }
}
/* Header: 992–1199px không đủ chỗ cho menu ngang + EN/VI + nút -> dùng menu kéo ra */
@media (max-width: 1199px) {
    header #navbarNav { display: none !important; }
    header #sm-mobile-toggle { display: flex !important; }
    /* Nút ☰ về mép phải: logo đẩy phần còn lại sang phải, cột menu đứng cuối */
    header .navbar .container-fluid > [class*="col-"] { flex: 0 0 auto !important; width: auto !important; }
    header .navbar .container-fluid > .col-auto:first-child { margin-right: auto !important; }
    header .navbar .menu-order { order: 3; }
}
/* >= 1200px: cột thao tác co theo nội dung, menu chiếm phần còn lại (cột cố định 2/12 làm nút tràn đè menu) */
@media (min-width: 1200px) {
    header .navbar .container-fluid > .menu-order { flex: 1 1 auto !important; width: auto !important; min-width: 0; }
    header .navbar .container-fluid > .col-lg-2.text-end { flex: 0 0 auto !important; width: auto !important; }
}
/* Mobile: EN/VI đã có trong menu kéo ra, liên hệ đã có nút mascot -> header 1 hàng */
@media (max-width: 575px) {
    header .header-icon .sm-lang-switcher,
    header .header-icon .header-button { display: none !important; }
}

.sm-toggle-icon-wrap {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sm-theme-toggle-btn i {
    position: absolute;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
}

.sm-theme-toggle-btn .icon-light,
.sm-theme-toggle-btn .icon-dark {
    opacity: 0 !important;
    transform: scale(0) rotate(-90deg) !important;
}

/* Biểu tượng = hành động: đang sáng hiện mặt trăng (chuyển sang tối), đang tối hiện mặt trời */
html:not([data-theme="dark"]) .sm-theme-toggle-btn .icon-dark,
html[data-theme="dark"] .sm-theme-toggle-btn .icon-light {
    opacity: 1 !important;
    transform: scale(1) rotate(0) !important;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
}
::view-transition-old(root) {
    z-index: 1;
}
::view-transition-new(root) {
    z-index: 9999;
}
[data-theme="dark"]::view-transition-old(root) {
    z-index: 9999;
}
[data-theme="dark"]::view-transition-new(root) {
    z-index: 1;
}

html.is-theme-switching,
html.is-theme-switching * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, fill 0.3s ease !important;
}


/* ==========================================================================
   NATIVE i18n LAYOUT GUARD & TYPOGRAPHY ADJUSTMENTS
   ========================================================================== */
html[lang="vi"], html.lang-vi {
    --vi-font-adjust: 0.96;
}
html[lang="vi"] .navbar-nav .nav-link,
html[lang="vi"] .btn,
html[lang="vi"] .badge {
    white-space: nowrap;
}

/* Adjust font sizes slightly for long Vietnamese titles on tablets/compact screens */
@media (max-width: 1199px) {
    html[lang="vi"] .navbar-nav .nav-link {
        font-size: 14px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    html[lang="vi"] .btn-medium {
        padding: 10px 20px !important;
        font-size: 13px !important;
    }
}

/* Ensure language switcher buttons look interactive and clean */
.sm-lang-btn {
    font-weight: 700 !important;
    padding: 2px 4px;
    border-radius: 4px;
}
.sm-lang-btn.active {
    color: #005eff !important;
    background: rgba(0, 94, 255, 0.08);
}
[data-theme="dark"] .sm-lang-btn.active {
    background: rgba(0, 94, 255, 0.18);
}

/* Menu con desktop (header đổi .sub-menu -> .dropdown-menu, .menu-item -> .nav-item) */
#navbarNav .navbar-nav .menu-item-has-children { position: relative; }
#navbarNav .navbar-nav .dropdown-menu {
    display: block; visibility: hidden; opacity: 0; transform: translate(-50%, 6px);
    position: absolute; top: 100%; left: 50%; min-width: 220px; margin: 0; padding: 8px;
    list-style: none; background: #ffffff !important; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px;
    box-shadow: 0 18px 40px -16px rgba(15, 23, 42, 0.3); transition: opacity .18s ease, transform .18s ease, visibility .18s; z-index: 1000;
}
#navbarNav .navbar-nav .menu-item-has-children:hover > .dropdown-menu,
#navbarNav .navbar-nav .menu-item-has-children:focus-within > .dropdown-menu { visibility: visible; opacity: 1; transform: translate(-50%, 0); }
#navbarNav .navbar-nav .dropdown-menu .nav-item { display: block; margin: 0; }
html body #navbarNav .navbar-nav .dropdown-menu .nav-link { display: block; padding: 9px 14px !important; border-radius: 8px; font-size: 15px; line-height: 1.4; white-space: nowrap; color: #0f172a !important; }
html body #navbarNav .navbar-nav .dropdown-menu .nav-link:hover { background: rgba(0, 94, 255, 0.08); color: #005eff !important; }
#navbarNav .navbar-nav .dropdown-arrow { font-size: 9px; margin-left: 4px; vertical-align: middle; }
html[data-theme="dark"] #navbarNav .navbar-nav .dropdown-menu { background: #151b2b !important; border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 18px 40px -16px rgba(0, 0, 0, 0.7); }
html[data-theme="dark"] body #navbarNav .navbar-nav .dropdown-menu .nav-link { color: #e2e8f0 !important; }
html[data-theme="dark"] body #navbarNav .navbar-nav .dropdown-menu .nav-link:hover { background: rgba(0, 94, 255, 0.18); color: #9cc2ff !important; }

/* Menu 7 mục + nút EN/VI: thu khoảng đệm để chữ "Liên hệ" không đè lên nút chọn ngôn ngữ */
@media (min-width: 1200px) {
    #navbarNav .navbar-nav > .nav-item > .nav-link { padding-left: 13px !important; padding-right: 13px !important; }
}
/* 1400–1599px: chữ 18px + đệm 13px làm "Liên hệ" chạm EN/VI khi header có thêm nút sáng/tối.
   Be Vietnam Pro (từ 10/2026) rộng hơn font hệ thống cũ nên chữ menu nhỏ lại 1 bậc */
@media (min-width: 1400px) and (max-width: 1599px) {
    #navbarNav .navbar-nav > .nav-item > .nav-link { padding-left: 8px !important; padding-right: 8px !important; font-size: 16px !important; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    #navbarNav .navbar-nav > .nav-item > .nav-link { padding-left: 6px !important; padding-right: 6px !important; font-size: 14.5px !important; }
}
@media (min-width: 1200px) and (max-width: 1279px) {
    #navbarNav .navbar-nav > .nav-item > .nav-link { padding-left: 4px !important; padding-right: 4px !important; font-size: 13.5px !important; }
}
@media (min-width: 1600px) and (max-width: 1799px) {
    #navbarNav .navbar-nav > .nav-item > .nav-link { padding-left: 10px !important; padding-right: 10px !important; }
}
/* 1200–1599px: thêm nút tìm kiếm làm menu tiếng Việt đè cụm nút -> bộ chọn ngôn ngữ chỉ hiện ngôn ngữ còn lại
   (đang ở VI thì hiện "EN" để chuyển), khoảng cách các nút 10px. >= 1600px vẫn hiện đủ "EN | VI". */
@media (min-width: 1200px) and (max-width: 1599px) {
    header .header-icon.gap-3 { gap: 10px !important; }
    header .header-icon .sm-lang-switcher .sm-lang-btn.active,
    header .header-icon .sm-lang-switcher .sm-lang-divider { display: none !important; }
    header .header-icon .sm-lang-switcher .sm-lang-btn:not(.active) { opacity: 1 !important; color: inherit !important; -webkit-text-fill-color: currentColor !important; }
    header .header-icon .sm-lang-switcher .sm-lang-btn:not(.active):hover { color: #005eff !important; -webkit-text-fill-color: #005eff !important; }
}

/* ==========================================================================
   FONT CHỮ (một nguồn duy nhất). Montserrat: tiêu đề, nút, số liệu (cùng họ với logo).
   Be Vietnam Pro: nội dung. File tự lưu ở page-html/assets/fonts/ (fonts.css).
   style.min.css / web-agency.css của template gốc khai báo 'Inter' nhưng không tải -> ghi đè tại đây.
   ========================================================================== */
:root {
    --primary-font: var(--font-primary);
    --alt-font: var(--font-display);
}
body { font-family: var(--font-primary); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--font-display); }

/* ==========================================================================
   MOBILE: TRANG CHI TIẾT BÀI VIẾT (body.sm-single-post) & TRANG KIẾN THỨC (body.sm-blog-page)
   Crafto đặt html{font-size:12px} khi <=767px nên ở đây dùng px, không dùng rem.
   ========================================================================== */
.sm-author-compact { gap: 14px; padding: 16px; border: 1px solid var(--border-color); border-radius: 12px; text-decoration: none; }
.sm-author-compact img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex: 0 0 52px; }
.sm-author-compact > span { display: flex; flex-direction: column; line-height: 1.35; }
.sm-author-compact-label { font-size: 12px; color: var(--medium-gray); }
.sm-author-compact-name { font-family: var(--font-display); font-weight: 700; font-size: 16px; color: var(--text-primary); }
.sm-author-compact-role { font-size: 13px; color: var(--medium-gray); }

@media (max-width: 767px) {
    /* Nền kẻ dọc chạy xuyên qua chữ trên màn hẹp */
    html[data-theme] body.sm-single-post,
    html[data-theme] body.sm-blog-page,
    body.sm-single-post,
    body.sm-blog-page { background-image: none !important; }

    /* --- Chi tiết bài viết: phần đầu --- */
    .sm-single-topbar { padding-top: 20px !important; padding-bottom: 0 !important; }
    .sm-single-topbar .btn-back-to-blog { display: none !important; } /* breadcrumb đã có "Blog" */
    .sm-single-head { display: flex; flex-direction: column; text-align: left !important; }
    .sm-single-head .breadcrumb-container { order: 1; margin-bottom: 12px !important; }
    .sm-single-head .breadcrumb { justify-content: flex-start !important; flex-wrap: nowrap; overflow: hidden; white-space: nowrap; font-size: 13px !important; line-height: 1.4; }
    .sm-single-head .breadcrumb-item.active { display: none; }
    .sm-single-head h1 { order: 2; font-size: 27px !important; line-height: 1.3 !important; letter-spacing: -0.5px !important; margin-bottom: 12px !important; }
    .sm-single-head .sm-single-meta { order: 3; font-size: 13px !important; line-height: 1.6; margin-bottom: 0 !important; }

    /* --- Chi tiết bài viết: nội dung (trước đây 13.2px) --- */
    .sm-single-post .prose { font-size: 17px; line-height: 1.7; }
    .sm-single-post .prose p { margin-bottom: 20px; }
    .sm-single-post .prose h2 { font-size: 22px; margin-top: 36px; margin-bottom: 14px; }
    .sm-single-post .prose h3 { font-size: 19px; margin-top: 28px; margin-bottom: 12px; }
    .sm-single-post .prose h4 { font-size: 17px; }
    .sm-single-post .prose blockquote,
    .sm-single-post .prose blockquote p { font-size: 16px; }
    .sm-single-post .prose table { font-size: 14px; }
    .sm-single-post .prose th, .sm-single-post .prose td { word-break: normal; overflow-wrap: normal; padding: 12px 14px; } /* body có word-break:break-word -> cắt giữa từ trong cột hẹp */
    .sm-single-post .mobile-toc-wrapper { margin-bottom: 24px !important; }
    .sm-single-post .mobile-toc-list .toc-link,
    .sm-single-post .takeaways-list li { font-size: 15px !important; }

    /* Tag + Like chung một hàng: Like thu thành nút gọn bên phải thay vì rớt xuống dòng riêng */
    .sm-post-tags-row { flex-wrap: nowrap; align-items: flex-start !important; margin-top: 32px !important; margin-bottom: 20px !important; }
    .sm-post-tags-row > .tag-cloud { flex: 1 1 auto; width: auto; min-width: 0; margin-bottom: 0 !important; }
    .sm-post-tags-row > .tag-cloud a { margin-bottom: 8px; }
    .sm-post-tags-row > .col-md-4 { flex: 0 0 auto; width: auto; padding-left: 0; }
    .sm-post-tags-row .likes-box { flex-direction: row !important; gap: 6px; min-width: 0 !important; padding: 7px 14px !important; border-radius: 999px !important; }
    .sm-post-tags-row .likes-box-top { font-size: 15px !important; gap: 6px !important; }
    .sm-post-tags-row .likes-box-label { display: none !important; }

    /* --- Trang Kiến thức: hero --- */
    .sm-blog-hero { padding-top: 32px !important; }
    .sm-blog-hero .row { height: auto !important; min-height: 0 !important; } /* bỏ khung cao 250px căn giữa của Crafto */
    .sm-blog-hero h1 { font-size: 36px !important; line-height: 1.15 !important; letter-spacing: -1px !important; margin-bottom: 12px !important; }
    .sm-blog-hero h2 { font-size: 15px !important; line-height: 1.5 !important; }

    /* --- Trang Kiến thức: bài nổi bật dạng danh sách gọn --- */
    .sm-blog-popular .row { margin-top: 36px !important; }
    .sm-blog-popular h2 { font-size: 24px !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; margin-bottom: 18px !important; }
    .sm-blog-popular .md-mb-35px { margin-bottom: 0 !important; }
    .sm-blog-popular .popular-post-sidebar li { display: flex !important; align-items: flex-start; gap: 14px; margin-bottom: 18px !important; }
    .sm-blog-popular .popular-post-sidebar li figure { flex: 0 0 120px; width: 120px !important; margin: 0; }
    .sm-blog-popular .popular-post-sidebar li figure img { width: 120px; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
    .sm-blog-popular .popular-post-sidebar li .media-body { padding: 0 !important; min-width: 0; }
    .sm-blog-popular .popular-post-sidebar li .media-body > a { font-size: 15px !important; line-height: 1.4 !important; margin-bottom: 6px !important; width: 100% !important;
        display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .sm-blog-popular .popular-post-sidebar li .media-body > div > * { font-size: 11px !important; }

    /* --- Trang Kiến thức: bộ lọc tag thành 1 hàng chip cuộn ngang (trước đây xếp dọc ~850px) --- */
    .sm-blog-filter { padding-left: 0; padding-right: 0; }
    .sm-blog-filter .portfolio-filter { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start !important; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch;
        scrollbar-width: none; padding: 4px 15px 8px !important; margin: 0 !important; scroll-snap-type: x proximity; scroll-padding-inline: 15px; }
    .sm-blog-filter .portfolio-filter::-webkit-scrollbar { display: none; }
    .sm-blog-filter .portfolio-filter li { flex: 0 0 auto; display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; scroll-snap-align: start; }
    .sm-blog-filter .portfolio-filter li a { display: block; white-space: nowrap; font-size: 14px; line-height: 1.2; padding: 8px 14px !important;
        border: 1px solid rgba(128, 128, 128, 0.3) !important; border-radius: 999px; }
    html[data-theme] .sm-blog-filter .portfolio-filter li.active a { color: #fff !important; background: #005eff; border-color: #005eff !important; }
}

/* ==========================================================================
   Khối tiêu đề đầu trang hiện NGAY, không chờ JS (trước đây data-anime của theme gốc
   để opacity:0 tới khi vendors.min.js chạy -> LCP trên điện thoại 7–9 giây).
   Chỉ trượt nhẹ (transform), chữ luôn nhìn thấy. .sm-rise = các con lần lượt, .sm-rise-self = chính nó.
   ========================================================================== */
@keyframes sm-rise { from { transform: translateY(14px); } to { transform: none; } }
.sm-rise > *, .sm-rise-self { animation: sm-rise 0.6s cubic-bezier(.2, .7, .2, 1) both; }
.sm-rise > *:nth-child(2) { animation-delay: 0.08s; }
.sm-rise > *:nth-child(3) { animation-delay: 0.16s; }
.sm-rise > *:nth-child(n+4) { animation-delay: 0.24s; }
@media (prefers-reduced-motion: reduce) {
    .sm-rise > *, .sm-rise-self { animation: none; }
}

/* ==========================================================================
   Tiêu đề phần giao diện (mục lục, Key Takeaways, bình luận, bài liên quan, CTA chân trang) là <div>
   chứ không phải h2–h6, để dàn heading của trang chỉ có tiêu đề nội dung bài. Giả lập đúng style
   của thẻ cũ; :where() để độ ưu tiên ngang selector thẻ, class riêng của từng khối vẫn thắng như trước.
   ========================================================================== */
:where(.sm-ui-heading) { margin-top: 0; margin-bottom: 30px; letter-spacing: -.5px; font-weight: inherit; line-height: 1.2; font-family: var(--font-display); }
:where(.sm-ui-h2) { font-size: 3.438rem; line-height: 3.438rem; }
:where(.sm-ui-h4) { font-size: 2.375rem; line-height: 2.7rem; }
:where(.sm-ui-h5) { font-size: 2rem; line-height: 2.2rem; }
:where(.sm-ui-h6) { font-size: 1.75rem; line-height: 1.95rem; }
html[data-theme] :where(.sm-ui-heading) { color: var(--text-primary) !important; }
@media (max-width: 767px) {
    :where(.sm-ui-heading) { margin-bottom: 25px; }
}

/* Số điện thoại ở chân trang: vùng chạm đủ lớn trên điện thoại (WCAG 2.5.8, tối thiểu 24 px) */
.sm-tel-link { line-height: 24px; padding: 6px 0; }

/* Chữ nhỏ màu xanh thương hiệu trên nền tối: #005eff chỉ đạt 3.65:1, dùng sắc sáng hơn cho đủ 4.5:1 */
html[data-theme="dark"] span.text-base-color.text-uppercase { color: #6ea8ff !important; }
/* sm-contact-launcher-css */
/**
 * Nút liên hệ mascot (template-parts/contact-launcher.php). Trạng thái do contact-launcher.js gắn lên .sm-launcher:
 * .is-online, .is-open (bảng kênh), .has-bubble (lời mời), .is-wiggle (nhún khi rảnh).
 */
.sm-launcher {
    --ln-bg: #ffffff;
    --ln-text: #0b1a3a;
    --ln-muted: #5b6b85;
    --ln-line: rgba(11, 26, 58, 0.08);
    --ln-ring: #ffffff;
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9990;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    pointer-events: none;
}
html[data-theme="dark"] .sm-launcher {
    --ln-bg: #151d30;
    --ln-text: #ffffff;
    --ln-muted: #a9b6cc;
    --ln-line: rgba(255, 255, 255, 0.08);
    --ln-ring: #1f2a44;
}
.sm-launcher > * { pointer-events: auto; }

/* Nút: đầu mascot trong vòng tròn xanh thương hiệu */
.sm-launcher-btn {
    position: relative;
    width: 64px;
    height: 64px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: none;
    cursor: pointer;
    opacity: 0;
    transform: translateY(24px) scale(0.5);
    animation: sm-ln-pop 0.6s cubic-bezier(.3, 1.5, .5, 1) 0.3s forwards;
}
/* Trang chủ lần đầu: chờ intro xong mới bật lên (intro gỡ class sm-intro-lock khi kết thúc) */
html.sm-intro-lock .sm-launcher-btn { animation-play-state: paused; }
.sm-launcher-avatar {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 35%, #3d8cff 0%, #005eff 55%, #0038a8 100%);
    box-shadow: 0 0 0 3px var(--ln-ring), 0 10px 26px -6px rgba(0, 40, 120, 0.55);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.sm-launcher-btn:hover .sm-launcher-avatar,
.sm-launcher-btn:focus-visible .sm-launcher-avatar { transform: scale(1.06); box-shadow: 0 0 0 3px #beff01, 0 12px 30px -6px rgba(0, 40, 120, 0.6); }
.sm-launcher-btn:focus-visible { outline: none; }
.sm-launcher-face {
    position: absolute;
    left: 50%;
    top: 54%;
    width: 112%;
    height: 112%;
    max-width: none;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease, transform 0.35s cubic-bezier(.3, 1.5, .5, 1);
}
.sm-launcher-face.is-open { opacity: 0; transform: translate(-50%, -40%) scale(0.9); }
.sm-launcher.is-open .sm-launcher-face.is-idle { opacity: 0; }
.sm-launcher.is-open .sm-launcher-face.is-open { opacity: 1; transform: translate(-50%, -50%); }

/* Chấm trạng thái: xanh chanh khi trong giờ hành chính, xám khi ngoài giờ */
.sm-launcher-status {
    position: absolute;
    right: 1px;
    top: 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #94a3b8;
    box-shadow: 0 0 0 3px var(--ln-ring);
}
.sm-launcher.is-online .sm-launcher-status { background: #beff01; }
.sm-launcher.is-online .sm-launcher-status::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #beff01;
    animation: sm-ln-ping 2s ease-out infinite;
}

/* Nhún nhẹ khi rảnh (JS bật ~15s/lần) */
.sm-launcher.is-wiggle .sm-launcher-avatar { animation: sm-ln-hop 0.9s cubic-bezier(.3, 1.4, .5, 1); }

/* Bong bóng lời mời */
.sm-launcher-bubble {
    position: absolute;
    right: 78px;
    bottom: 8px;
    display: flex;
    align-items: flex-start;
    gap: 6px;
    width: max-content;
    max-width: min(260px, calc(100vw - 120px));
    padding: 12px 10px 12px 16px;
    border-radius: 16px 16px 4px 16px;
    background: var(--ln-bg);
    color: var(--ln-text);
    border: 1px solid var(--ln-line);
    box-shadow: 0 14px 34px -12px rgba(0, 30, 90, 0.35);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    transform-origin: 100% 100%;
}
.sm-launcher-bubble:not([hidden]) { animation: sm-ln-bubble 0.45s cubic-bezier(.3, 1.4, .5, 1); }
.sm-launcher-bubble span { color: var(--ln-text) !important; -webkit-text-fill-color: var(--ln-text) !important; cursor: pointer; }
.sm-launcher-bubble-x {
    flex: none;
    width: 22px;
    height: 22px;
    margin-top: -2px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--ln-muted);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}
.sm-launcher-bubble-x:hover { background: var(--ln-line); color: var(--ln-text); }

/* Bảng kênh liên hệ */
.sm-launcher-panel {
    position: absolute;
    right: 0;
    bottom: 80px;
    width: 320px;
    max-width: calc(100vw - 28px);
    overflow: hidden;
    border-radius: 20px;
    background: var(--ln-bg);
    border: 1px solid var(--ln-line);
    box-shadow: 0 24px 60px -18px rgba(0, 30, 90, 0.45);
    opacity: 0;
    transform: translateY(12px) scale(0.92);
    transform-origin: 100% 100%;
    transition: opacity 0.18s ease, transform 0.28s cubic-bezier(.3, 1.3, .5, 1);
}
.sm-launcher.is-open .sm-launcher-panel { opacity: 1; transform: none; }
.sm-launcher-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 16px 16px 20px;
    background:
        radial-gradient(circle at 85% 20%, rgba(190, 255, 1, 0.22) 0, rgba(190, 255, 1, 0) 40%),
        linear-gradient(135deg, #00287a 0%, #0047c9 50%, #005eff 100%);
}
.sm-launcher-head p { margin: 0; color: #fff !important; -webkit-text-fill-color: #fff !important; }
.sm-launcher-title { font-size: 18px; font-weight: 700; line-height: 1.3; }
.sm-launcher-state { display: flex; align-items: center; gap: 7px; margin-top: 4px !important; font-size: 13px; opacity: 0.9; }
.sm-launcher-dot { width: 8px; height: 8px; border-radius: 50%; background: #94a3b8; flex: none; }
.sm-launcher.is-online .sm-launcher-dot { background: #beff01; box-shadow: 0 0 0 3px rgba(190, 255, 1, 0.25); }
.sm-launcher-state-on { display: none; }
.sm-launcher.is-online .sm-launcher-state-on { display: inline; }
.sm-launcher.is-online .sm-launcher-state-off { display: none; }
.sm-launcher-close {
    flex: none;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    cursor: pointer;
}
.sm-launcher-close:hover { background: rgba(255, 255, 255, 0.24); }
.sm-launcher-list { list-style: none; margin: 0; padding: 8px; }
.sm-launcher-item a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border-radius: 14px;
    color: var(--ln-text);
    text-decoration: none;
    transition: background-color 0.15s ease;
}
.sm-launcher-item a:hover,
.sm-launcher-item a:focus-visible { background: var(--ln-line); outline: none; }
.sm-launcher-icon {
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #fff;
}
.is-zalo .sm-launcher-icon { background: #0068ff; }
.is-call .sm-launcher-icon { background: #beff01; color: #0b1a3a; }
.is-form .sm-launcher-icon { background: linear-gradient(135deg, #0038a8, #005eff); }
.sm-launcher-text { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.sm-launcher-text strong { font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--ln-text) !important; -webkit-text-fill-color: var(--ln-text) !important; }
.sm-launcher-text small { font-size: 13px; line-height: 1.35; color: var(--ln-muted) !important; -webkit-text-fill-color: var(--ln-muted) !important; }
.sm-launcher-go { color: var(--ln-muted); font-size: 14px; }

/* "Gọi ngay" chỉ cho thiết bị cảm ứng (điện thoại) */
@media (hover: hover) and (pointer: fine) {
    .sm-launcher-item.is-call { display: none; }
}

@media (max-width: 767px) {
    .sm-launcher { right: 14px; bottom: 14px; }
    .sm-launcher-btn { width: 58px; height: 58px; }
    .sm-launcher-bubble { right: 70px; bottom: 6px; font-size: 13px; }
    .sm-launcher-panel { bottom: 72px; }
}

@media (prefers-reduced-motion: reduce) {
    .sm-launcher-btn { animation: none; opacity: 1; transform: none; }
    .sm-launcher.is-wiggle .sm-launcher-avatar,
    .sm-launcher-bubble:not([hidden]),
    .sm-launcher.is-online .sm-launcher-status::after { animation: none; }
}

@keyframes sm-ln-pop {
    0% { opacity: 0; transform: translateY(24px) scale(0.5, 0.35); }
    55% { opacity: 1; transform: translateY(-6px) scale(0.94, 1.08); }
    80% { transform: translateY(0) scale(1.05, 0.95); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-ln-hop {
    0%, 100% { transform: none; }
    30% { transform: translateY(-7px) rotate(-6deg); }
    55% { transform: translateY(0) rotate(4deg); }
    75% { transform: rotate(-2deg); }
}
@keyframes sm-ln-ping {
    0% { transform: scale(1); opacity: 0.7; }
    100% { transform: scale(2.4); opacity: 0; }
}
@keyframes sm-ln-bubble {
    0% { opacity: 0; transform: translateX(10px) scale(0.7); }
    100% { opacity: 1; transform: none; }
}

/* ===== Kè X hỏi chuyện (thay bong bóng ở trang chủ + bài blog; JS: contact-launcher.js) ===== */
.sm-kex {
    position: absolute;
    right: 0;
    bottom: 82px;
    width: 340px;
    max-width: calc(100vw - 28px);
    padding: 16px;
    border-radius: 20px 20px 6px 20px;
    background: var(--ln-bg);
    color: var(--ln-text);
    border: 1px solid var(--ln-line);
    box-shadow: 0 24px 60px -18px rgba(0, 30, 90, 0.45);
    transform-origin: 100% 100%;
}
.sm-kex:not([hidden]) { animation: sm-ln-bubble 0.45s cubic-bezier(.3, 1.4, .5, 1); }
.sm-kex-head { display: flex; align-items: flex-start; gap: 12px; }
.sm-kex-face { flex: none; width: 56px; height: 56px; object-fit: contain; margin-top: -2px; }
.sm-kex-text { flex: 1; min-width: 0; }
.sm-kex-react {
    margin: 0 0 6px;
    font-size: 13.5px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.45;
    color: var(--ln-muted) !important;
    -webkit-text-fill-color: var(--ln-muted) !important;
}
.sm-kex-react.is-typing { font-style: normal; font-size: 20px; line-height: 1; letter-spacing: 2px; animation: sm-kex-dots 0.9s ease-in-out infinite; }
@keyframes sm-kex-dots { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } }
.sm-kex-say {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--ln-text) !important;
    -webkit-text-fill-color: var(--ln-text) !important;
}
.sm-kex-x {
    flex: none;
    width: 30px;
    height: 30px;
    margin: -4px -4px 0 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--ln-muted);
    font-size: 15px;
    cursor: pointer;
}
.sm-kex-x:hover, .sm-kex-x:focus-visible { background: var(--ln-line); color: var(--ln-text); outline: none; }
.sm-kex-body { margin-top: 14px; }
.sm-kex-opts, .sm-kex-acts { display: flex; flex-direction: column; gap: 8px; }
.sm-kex-opt, .sm-kex-act, .sm-kex-people, .sm-kex-back {
    display: block;
    width: 100%;
    margin: 0;
    font: inherit;
    text-align: left;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.sm-kex-opt {
    padding: 11px 14px;
    border-radius: 12px;
    border: 1px solid var(--ln-line);
    background: transparent;
    color: var(--ln-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}
.sm-kex-opt:hover, .sm-kex-opt:focus-visible { border-color: #005eff; background: rgba(0, 94, 255, 0.07); outline: none; }
.sm-kex-act {
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid var(--ln-line);
    background: transparent;
    color: var(--ln-text) !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}
.sm-kex-act.is-primary { background: #005eff; border-color: #005eff; color: #fff !important; -webkit-text-fill-color: #fff !important; }
.sm-kex-act:hover, .sm-kex-act:focus-visible { border-color: #005eff; outline: none; }
.sm-kex-act.is-primary:hover, .sm-kex-act.is-primary:focus-visible { background: #0049c7; }
.sm-kex-people, .sm-kex-back {
    padding: 6px 2px;
    border: 0;
    background: transparent;
    color: var(--ln-muted);
    font-size: 13px;
    font-weight: 600;
}
.sm-kex-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; }
.sm-kex-people { width: auto; margin-left: auto; text-align: right; }
.sm-kex-people::after { content: ' →'; }
.sm-kex-back { width: auto; }
.sm-kex-back::before { content: '← '; }
.sm-kex-people:hover, .sm-kex-back:hover, .sm-kex-people:focus-visible, .sm-kex-back:focus-visible { color: var(--ln-text); outline: none; text-decoration: underline !important; }
html[data-theme="dark"] .sm-kex-opt:hover, html[data-theme="dark"] .sm-kex-opt:focus-visible { background: rgba(61, 140, 255, 0.14); border-color: #3d8cff; }

/* Điện thoại: bảng trượt từ dưới lên, ẩn nút mascot khi đang hỏi (đóng bằng nút X) */
@media (max-width: 767px) {
    .sm-launcher.is-kex .sm-launcher-btn { visibility: hidden; }
    .sm-kex {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        max-width: none;
        max-height: 70vh;
        overflow-y: auto;
        padding: 18px 16px calc(16px + env(safe-area-inset-bottom));
        border-radius: 20px 20px 0 0;
        border-bottom: 0;
        box-shadow: 0 -12px 40px -12px rgba(0, 30, 90, 0.35);
        transform-origin: 50% 100%;
    }
    .sm-kex:not([hidden]) { animation: sm-kex-up 0.35s cubic-bezier(.2, .9, .3, 1); }
    .sm-kex-face { width: 52px; height: 52px; }
}
@keyframes sm-kex-up { from { transform: translateY(100%); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) {
    .sm-kex:not([hidden]) { animation: none; }
}

/* Kè X từ intro trang chủ bay về: nút hiện ngay và nảy đón (intro-mascot.js thêm .is-landed) */
.sm-launcher.is-landed .sm-launcher-btn { animation: sm-ln-land 0.55s cubic-bezier(.3, 1.6, .5, 1) forwards; }
@keyframes sm-ln-land {
    0% { opacity: 1; transform: scale(0.55); }
    60% { opacity: 1; transform: scale(1.12); }
    100% { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    .sm-launcher.is-landed .sm-launcher-btn { animation: none; opacity: 1; transform: none; }
}