@charset "UTF-8";
/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://bootstrapmade.com/color-system/
--------------------------------------------------------------*/
/* Fonts */
:root {
  --default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Quicksand", sans-serif;
  --nav-font: "Inter", sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root {
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #5a6577; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #10243d; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #0d9488; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
  --success-color: #16a34a; /* Success / positive actions and sale badges */
  --danger-color: #dc2626; /* Danger / strikethrough prices and alerts */
  --review-star-color: #ffc107; /* Customer review / rating star yellow */
  --whatsapp-brand-color: #25d366; /* WhatsApp brand color for contact buttons */
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
  --nav-color: #5a6577; /* The default color of the main navmenu links */
  --nav-hover-color: #0d9488; /* Applied to main navmenu links when they are hovered over or active */
  --nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */
  --nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: #5a6577; /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: #0d9488; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */
.light-background {
  --background-color: #f4f7f6;
  --surface-color: #ffffff;
}

.dark-background {
  --background-color: #112946;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #203856;
  --contrast-color: #ffffff;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
  color: var(--default-color);
  background-color: var(--background-color);
  font-family: var(--default-font);
}

a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
}

/* PHP Email Form Messages
------------------------------*/
.php-email-form .error-message {
  display: none;
  background: #df1529;
  color: #ffffff;
  text-align: left;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}
.php-email-form .sent-message {
  display: none;
  color: #ffffff;
  background: #059652;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}
.php-email-form .loading {
  display: none;
  background: var(--surface-color);
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}
.php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid var(--accent-color);
  border-top-color: var(--surface-color);
  animation: php-email-form-loading 1s linear infinite;
}

@keyframes php-email-form-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
  color: var(--default-color);
  background-color: var(--background-color);
  transition: all 0.3s ease;
  z-index: 997;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  box-shadow: 0 2px 4px color-mix(in srgb, var(--heading-color), transparent 92%);
}
.header .utility-bar {
  background-color: color-mix(in srgb, var(--accent-color), transparent 96%);
  padding: 6px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.header .utility-bar__row {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 28px;
}
.header .utility-bar__announcement {
  min-width: 0;
  flex: 1 1 auto;
}
.header .utility-bar__announcement-text {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .utility-bar__social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.header .utility-bar__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.header .utility-bar__social-link i {
  font-size: 13px;
  line-height: 1;
}
.header .utility-bar__social-link:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-1px);
}
@media (max-width: 768px) {
  .header .utility-bar {
    display: none;
  }
}
.header .main-bar {
  padding: 16px 0;
  background-color: var(--surface-color);
}
.header .main-bar .logo {
  flex-shrink: 0;
  text-decoration: none;
}
.header .main-bar .logo i {
  font-size: 24px;
  margin-right: 8px;
}
.header .main-bar .logo img {
  height: auto;
  margin-right: 8px;
}
.header .main-bar .logo h1 {
  font-size: 24px;
  margin: 0;
  font-weight: 600;
  color: var(--heading-color);
  letter-spacing: -0.01em;
}
@media (max-width: 768px) {
  .header .main-bar .logo h1 {
    font-size: 18px;
  }
}
.header .main-bar .navmenu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}
@media (min-width: 1200px) {
  .header .main-bar .navmenu--align-center {
    justify-content: center;
  }
  .header .main-bar .navmenu--align-right {
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .header .main-bar .navmenu > ul > li > a.menu-link,
  .header .main-bar .navmenu > ul > li > a.menu-link:focus {
    padding: 12px 16px;
    font-size: 15px;
    font-weight: 600;
  }
  .header .main-bar .navmenu > ul > li > a.menu-link .toggle-dropdown {
    font-size: 13px;
  }
  .header .main-bar .navmenu > ul > li:first-child > a.menu-link {
    padding-left: 0;
  }
  .header .main-bar .navmenu > ul > li:last-child > a.menu-link {
    padding-right: 16px;
  }
}
.header .main-bar .action-group {
  gap: 8px;
}
.header .main-bar .action-group .action-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: var(--background-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--button-border-radius, 8px);
  color: var(--heading-color);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--heading-color), transparent 94%);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.header .main-bar .action-group .action-btn i {
  font-size: 18px;
  line-height: 1;
}
.header .main-bar .action-group .action-btn .action-text {
  display: none;
}
.header .main-bar .action-group .action-btn--labeled {
  width: auto;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  gap: 8px;
}
.header .main-bar .action-group .action-btn--labeled .action-text {
  display: inline;
  font-size: 13px;
  font-weight: 600;
  color: inherit;
}
.header .main-bar .action-group .action-btn--phone {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
  box-shadow: none;
}
.header .main-bar .action-group .action-btn--phone:hover, .header .main-bar .action-group .action-btn--phone:focus-visible {
  background-color: color-mix(in srgb, var(--accent-color), black 12%);
  border-color: color-mix(in srgb, var(--accent-color), black 12%);
  color: var(--contrast-color);
  box-shadow: none;
}
.header .main-bar .action-group .action-btn--phone:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.header .main-bar .action-group .action-btn--whatsapp {
  background-color: var(--whatsapp-brand-color);
  border-color: var(--whatsapp-brand-color);
  color: var(--contrast-color);
  box-shadow: none;
}
.header .main-bar .action-group .action-btn--whatsapp:hover, .header .main-bar .action-group .action-btn--whatsapp:focus-visible {
  background-color: color-mix(in srgb, var(--whatsapp-brand-color), black 12%);
  border-color: color-mix(in srgb, var(--whatsapp-brand-color), black 12%);
  color: var(--contrast-color);
  box-shadow: none;
}
.header .main-bar .action-group .action-btn--whatsapp:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--whatsapp-brand-color), transparent 70%);
}
.header .main-bar .action-group .action-btn .badge-count {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-size: 10px;
  font-weight: 600;
  min-width: 18px;
  height: 18px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
  border: 2px solid var(--surface-color);
}
.header .main-bar .action-group .action-btn:not(.action-btn--phone):not(.action-btn--whatsapp):hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 55%);
  color: var(--accent-color);
  box-shadow: 0 2px 6px color-mix(in srgb, var(--accent-color), transparent 85%);
}
.header .main-bar .action-group .action-btn:not(.action-btn--phone):not(.action-btn--whatsapp):focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 85%);
}
.header .main-bar .action-group .account-flyout {
  min-width: 288px;
  padding: 0;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0 10px 15px color-mix(in srgb, var(--default-color), transparent 90%);
  background-color: var(--surface-color);
  margin-top: 8px;
  overflow: hidden;
}
.header .main-bar .action-group .account-flyout .flyout-header {
  padding: 20px 20px 12px;
}
.header .main-bar .action-group .account-flyout .flyout-header h6 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 600;
  color: var(--heading-color);
  letter-spacing: -0.01em;
}
.header .main-bar .action-group .account-flyout .flyout-header p {
  margin: 0;
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.header .main-bar .action-group .account-flyout .flyout-actions {
  padding: 0 20px 16px;
  display: flex;
  gap: 8px;
}
.header .main-bar .action-group .account-flyout .flyout-actions .btn-primary-action {
  flex: 1;
  text-align: center;
  padding: 10px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  transition: background 0.2s ease;
}
.header .main-bar .action-group .account-flyout .flyout-actions .btn-primary-action:hover {
  background-color: color-mix(in srgb, var(--accent-color), black 10%);
}
.header .main-bar .action-group .account-flyout .flyout-actions .btn-outline-action {
  flex: 1;
  text-align: center;
  padding: 10px;
  background-color: transparent;
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.header .main-bar .action-group .account-flyout .flyout-actions .btn-outline-action:hover {
  background-color: color-mix(in srgb, var(--default-color), transparent 96%);
  border-color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.header .main-bar .action-group .account-flyout .flyout-links {
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  padding: 8px 0 12px;
}
.header .main-bar .action-group .account-flyout .flyout-links .flyout-link-form {
  margin: 0;
}
.header .main-bar .action-group .account-flyout .flyout-links .flyout-link {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  font-family: inherit;
  color: var(--default-color);
  text-decoration: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
}
.header .main-bar .action-group .account-flyout .flyout-links .flyout-link i {
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  width: 20px;
  text-align: center;
  flex-shrink: 0;
  transition: color 0.2s ease;
}
.header .main-bar .action-group .account-flyout .flyout-links .flyout-link span {
  flex: 1;
}
.header .main-bar .action-group .account-flyout .flyout-links .flyout-link:hover {
  background-color: color-mix(in srgb, var(--default-color), transparent 96%);
  color: var(--accent-color);
}
.header .main-bar .action-group .account-flyout .flyout-links .flyout-link:hover i {
  color: var(--accent-color);
}
.header .main-bar .action-group .account-flyout .flyout-links .flyout-link--logout {
  margin-top: 4px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  padding-top: 14px;
}
.header .main-bar .action-group .account-flyout .flyout-links .flyout-link--logout:hover {
  background-color: rgba(220, 38, 38, 0.06);
  color: #dc2626;
}
.header .main-bar .action-group .account-flyout .flyout-links .flyout-link--logout:hover i {
  color: #dc2626;
}
.header .main-bar .action-group .cart-flyout {
  min-width: 370px;
  padding: 0;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0 10px 15px color-mix(in srgb, var(--default-color), transparent 90%);
  background-color: var(--surface-color);
  right: 0;
  left: auto;
  margin-top: 8px;
  overflow: hidden;
}
@media (max-width: 576px) {
  .header .main-bar .action-group .cart-flyout {
    min-width: 300px;
  }
}
.header .main-bar .action-group .cart-flyout .flyout-top {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.header .main-bar .action-group .cart-flyout .flyout-top h6 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  letter-spacing: -0.01em;
}
.header .main-bar .action-group .cart-flyout .flyout-top .items-label {
  font-family: var(--nav-font);
  font-size: 12px;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  background-color: color-mix(in srgb, var(--default-color), transparent 94%);
  padding: 4px 10px;
  border-radius: var(--button-border-radius);
}
.header .main-bar .action-group .cart-flyout .flyout-items {
  max-height: 300px;
  overflow-y: auto;
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-empty {
  margin: 0;
  padding: 16px 20px;
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-item {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  gap: 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 94%);
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-item:last-child {
  border-bottom: none;
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-item .flyout-item-thumb {
  width: 56px;
  height: 56px;
  border-radius: var(--button-border-radius);
  overflow: hidden;
  flex-shrink: 0;
  background-color: color-mix(in srgb, var(--default-color), transparent 96%);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-item .flyout-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-item .flyout-item-details {
  flex: 1;
  min-width: 0;
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-item .flyout-item-details h6 {
  margin: 0 0 6px;
  font-family: var(--heading-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--heading-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-item .flyout-item-details .item-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-item .flyout-item-details .item-bottom .item-price {
  font-family: var(--nav-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-item .flyout-item-details .item-bottom .item-qty {
  font-family: var(--nav-font);
  font-size: 11px;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  background-color: color-mix(in srgb, var(--default-color), transparent 94%);
  padding: 2px 8px;
  border-radius: var(--button-border-radius);
  white-space: nowrap;
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-item .item-dismiss {
  background: none;
  border: none;
  padding: 4px;
  color: color-mix(in srgb, var(--default-color), transparent 65%);
  cursor: pointer;
  transition: color 0.2s ease;
  flex-shrink: 0;
  border-radius: var(--button-border-radius);
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-item .item-dismiss:hover {
  color: var(--danger-color);
  background-color: color-mix(in srgb, var(--danger-color), transparent 94%);
}
.header .main-bar .action-group .cart-flyout .flyout-items .flyout-item .item-dismiss i {
  font-size: 14px;
}
.header .main-bar .action-group .cart-flyout .flyout-bottom {
  padding: 16px 20px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.header .main-bar .action-group .cart-flyout .flyout-bottom .subtotal-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--default-color);
}
.header .main-bar .action-group .cart-flyout .flyout-bottom .subtotal-row .subtotal-value {
  font-size: 17px;
  font-weight: 700;
  color: var(--heading-color);
}
.header .main-bar .action-group .cart-flyout .flyout-bottom .btn-proceed {
  display: block;
  text-align: center;
  padding: 12px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-family: var(--nav-font);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  transition: background 0.2s ease;
  text-decoration: none;
}
.header .main-bar .action-group .cart-flyout .flyout-bottom .btn-proceed:hover {
  background-color: color-mix(in srgb, var(--accent-color), black 10%);
  color: var(--contrast-color);
}
.header .main-bar .action-group .cart-flyout .flyout-bottom .link-viewbag {
  display: block;
  text-align: center;
  font-family: var(--nav-font);
  font-size: 13px;
  font-weight: 500;
  color: var(--accent-color);
  transition: color 0.2s ease;
  text-decoration: none;
}
.header .main-bar .action-group .cart-flyout .flyout-bottom .link-viewbag:hover {
  color: color-mix(in srgb, var(--accent-color), black 15%);
}
@media (max-width: 992px) {
  .header .main-bar {
    padding: 12px 0;
  }
  .header .main-bar .action-group {
    gap: 6px;
  }
  .header .main-bar .action-group .action-btn {
    width: 36px;
    height: 36px;
    padding: 0;
  }
  .header .main-bar .action-group .action-btn i {
    font-size: 16px;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Navmenu - Desktop */
@media (min-width: 1200px) {
  .navmenu {
    padding: 0;
  }
  .navmenu > ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
  }
  .navmenu--align-center > ul {
    justify-content: center;
  }
  .navmenu--align-right > ul {
    justify-content: flex-end;
  }
  .navmenu li {
    position: relative;
  }
  .navmenu .menu-link,
  .navmenu .menu-link:focus {
    color: var(--nav-color);
    padding: 18px 15px;
    font-size: 14px;
    font-family: var(--nav-font);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease;
  }
  .navmenu .menu-item-icon {
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
    color: color-mix(in srgb, var(--nav-color), transparent 15%);
  }
  .navmenu .menu-item-label {
    flex: 1 1 auto;
    min-width: 0;
  }
  .navmenu .toggle-dropdown {
    font-size: 11px;
    line-height: 1;
    flex-shrink: 0;
    margin-left: 2px;
    transition: transform 0.2s ease;
  }
  .navmenu > ul > li > .menu-link {
    justify-content: flex-start;
  }
  .navmenu > ul > li:first-child > .menu-link {
    padding-left: 0;
  }
  .navmenu > ul > li:last-child > .menu-link {
    padding-right: 0;
  }
  .navmenu > ul > li:hover > .menu-link,
  .navmenu > ul > li > .menu-link.active,
  .navmenu > ul > li > .menu-link.active:focus {
    color: var(--nav-hover-color);
  }
  .navmenu > ul > li:hover > .menu-link .menu-item-icon,
  .navmenu > ul > li > .menu-link.active .menu-item-icon,
  .navmenu > ul > li > .menu-link.active:focus .menu-item-icon {
    color: var(--nav-hover-color);
  }
  .navmenu .menu-dropdown-panel {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    margin: 0;
    padding: 10px;
    min-width: 240px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(4px);
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    background: var(--nav-dropdown-background-color);
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
    border-radius: var(--card-border-radius, 8px);
    box-shadow: 0 12px 32px color-mix(in srgb, var(--heading-color), transparent 86%);
    z-index: 110;
    overflow: visible;
  }
  .navmenu .menu-dropdown-panel::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
  }
  .navmenu .menu-dropdown-panel li {
    width: 100%;
    min-width: 0;
  }
  .navmenu .menu-dropdown-panel .menu-link {
    width: 100%;
    padding: 11px 14px;
    font-size: 14px;
    font-weight: 500;
    color: var(--nav-dropdown-color);
    border-radius: calc(var(--card-border-radius, 8px) - 2px);
  }
  .navmenu .menu-dropdown-panel .menu-link .menu-item-icon {
    font-size: 15px;
    color: color-mix(in srgb, var(--nav-dropdown-color), transparent 10%);
  }
  .navmenu .menu-dropdown-panel .menu-link:hover, .navmenu .menu-dropdown-panel .menu-link.active, .navmenu .menu-dropdown-panel .menu-link.active:focus {
    color: var(--nav-dropdown-hover-color);
    background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  }
  .navmenu .menu-dropdown-panel .menu-link:hover .menu-item-icon, .navmenu .menu-dropdown-panel .menu-link.active .menu-item-icon, .navmenu .menu-dropdown-panel .menu-link.active:focus .menu-item-icon {
    color: var(--nav-dropdown-hover-color);
  }
  .navmenu .dropdown > .menu-link .toggle-dropdown {
    margin-left: 4px;
  }
  .navmenu .dropdown:hover > .menu-link .toggle-dropdown {
    transform: rotate(180deg);
  }
  .navmenu .dropdown:hover > .menu-dropdown-panel, .navmenu .dropdown:focus-within > .menu-dropdown-panel {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  .navmenu .dropdown.dropdown-submenu > .menu-link {
    justify-content: flex-start;
    gap: 10px;
  }
  .navmenu .dropdown.dropdown-submenu > .menu-link .toggle-dropdown {
    margin-left: auto;
  }
  .navmenu .dropdown.dropdown-submenu:hover > .menu-link, .navmenu .dropdown.dropdown-submenu:focus-within > .menu-link {
    color: var(--nav-dropdown-hover-color);
    background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  }
  .navmenu .dropdown.dropdown-submenu:hover > .menu-link .menu-item-icon, .navmenu .dropdown.dropdown-submenu:focus-within > .menu-link .menu-item-icon {
    color: var(--nav-dropdown-hover-color);
  }
  .navmenu .dropdown.dropdown-submenu:hover > .menu-link .toggle-dropdown, .navmenu .dropdown.dropdown-submenu:focus-within > .menu-link .toggle-dropdown {
    transform: translateX(2px);
  }
  .navmenu .dropdown.dropdown-submenu > .menu-dropdown-panel {
    top: -6px;
    left: calc(100% + 6px);
    transform: translateX(4px);
    z-index: 120;
  }
  .navmenu .dropdown.dropdown-submenu > .menu-dropdown-panel::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 10px;
  }
  .navmenu .dropdown.dropdown-submenu:hover > .menu-dropdown-panel, .navmenu .dropdown.dropdown-submenu:focus-within > .menu-dropdown-panel {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
  }
  .navmenu > ul > li:nth-last-child(-n+3) > .dropdown > .menu-dropdown-panel {
    left: auto;
    right: 0;
  }
  .navmenu > ul > li:nth-last-child(-n+3) > .dropdown > .menu-dropdown-panel .dropdown-submenu > .menu-dropdown-panel {
    left: auto;
    right: calc(100% + 6px);
    transform: translateX(-4px);
  }
  .navmenu > ul > li:nth-last-child(-n+3) > .dropdown > .menu-dropdown-panel .dropdown-submenu > .menu-dropdown-panel::after {
    right: auto;
    left: 100%;
    width: 10px;
  }
  .navmenu > ul > li:nth-last-child(-n+3) > .dropdown > .menu-dropdown-panel .dropdown-submenu:hover > .menu-dropdown-panel,
  .navmenu > ul > li:nth-last-child(-n+3) > .dropdown > .menu-dropdown-panel .dropdown-submenu:focus-within > .menu-dropdown-panel {
    transform: translateX(0);
  }
}
/* Navmenu - Mobile drawer */
@media (max-width: 1199px) {
  .navmenu > ul {
    display: none !important;
  }
  .mobile-nav-toggle {
    margin-left: 0;
  }
  .mobile-nav-drawer {
    pointer-events: none;
  }
  .mobile-nav-drawer__overlay {
    position: fixed;
    inset: 0;
    background-color: color-mix(in srgb, var(--heading-color), transparent 35%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.28s ease, visibility 0.28s ease;
    z-index: 9996;
  }
  .mobile-nav-drawer__panel {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(320px, 88vw);
    max-width: 100%;
    background-color: var(--surface-color);
    transform: translateX(-105%);
    transition: transform 0.32s ease;
    z-index: 9998;
    display: flex;
    flex-direction: column;
    box-shadow: 8px 0 32px color-mix(in srgb, var(--heading-color), transparent 82%);
  }
  .mobile-nav-drawer__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 16px 14px;
    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    flex-shrink: 0;
  }
  .mobile-nav-drawer__brand {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    text-decoration: none;
  }
  .mobile-nav-drawer__brand img {
    max-height: 36px;
    width: auto;
  }
  .mobile-nav-drawer__brand-text {
    font-size: 18px;
    font-weight: 700;
    color: var(--heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mobile-nav-drawer__close {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: color-mix(in srgb, var(--default-color), transparent 94%);
    color: color-mix(in srgb, var(--default-color), transparent 15%);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .mobile-nav-drawer__close i {
    font-size: 18px;
    line-height: 1;
  }
  .mobile-nav-drawer__close:hover, .mobile-nav-drawer__close:focus-visible {
    background-color: color-mix(in srgb, var(--default-color), transparent 88%);
    color: var(--heading-color);
  }
  .mobile-nav-drawer__close:focus {
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
  }
  .mobile-nav-drawer__nav {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-nav-drawer__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .mobile-nav-drawer__list > li {
    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  }
  .mobile-nav-drawer__list .menu-dropdown-panel > li {
    border-bottom: 0;
  }
  .mobile-nav-drawer__list .menu-link {
    width: 100%;
    padding: 14px 16px;
    font-family: var(--nav-font);
    font-size: 15px;
    font-weight: 500;
    color: var(--nav-dropdown-color);
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease;
  }
  .mobile-nav-drawer__list .menu-link .menu-item-icon {
    font-size: 18px;
    line-height: 1;
    flex-shrink: 0;
    color: color-mix(in srgb, var(--nav-dropdown-color), transparent 15%);
  }
  .mobile-nav-drawer__list .menu-link .menu-item-label {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
  }
  .mobile-nav-drawer__list .menu-link .toggle-dropdown {
    margin-left: auto;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1;
    flex-shrink: 0;
    background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
    color: var(--accent-color);
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  }
  .mobile-nav-drawer__list .menu-link:hover, .mobile-nav-drawer__list .menu-link.active {
    color: var(--nav-dropdown-hover-color);
    background-color: color-mix(in srgb, var(--accent-color), transparent 96%);
  }
  .mobile-nav-drawer__list .menu-link:hover .menu-item-icon, .mobile-nav-drawer__list .menu-link.active .menu-item-icon {
    color: var(--nav-dropdown-hover-color);
  }
  .mobile-nav-drawer__list .dropdown.is-open > .menu-link .toggle-dropdown {
    background-color: var(--accent-color);
    color: var(--contrast-color);
    transform: rotate(180deg);
  }
  .mobile-nav-drawer__list .menu-dropdown-panel {
    display: none;
    list-style: none;
    margin: 0;
    padding: 8px 10px 10px;
    background-color: color-mix(in srgb, var(--accent-color), transparent 97%);
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  }
  .mobile-nav-drawer__list .menu-dropdown-panel > li + li {
    margin-top: 6px;
  }
  .mobile-nav-drawer__list .menu-dropdown-panel .menu-link {
    padding: 12px 14px;
    padding-left: 22px;
    font-size: 14px;
    border-radius: calc(var(--card-border-radius, 8px) - 2px);
  }
  .mobile-nav-drawer__list .menu-dropdown-panel .menu-dropdown-panel {
    margin: 6px 0 0;
    padding: 6px 8px 8px;
    border-top: 0;
    border-radius: calc(var(--card-border-radius, 8px) - 2px);
    background-color: color-mix(in srgb, var(--accent-color), transparent 94%);
  }
  .mobile-nav-drawer__list .menu-dropdown-panel .menu-dropdown-panel .menu-link {
    padding-left: 34px;
    font-size: 13px;
  }
  .mobile-nav-drawer__list .dropdown > .dropdown-active {
    display: block;
  }
  .mobile-nav-drawer__list .dropdown.dropdown-submenu > .menu-link.active {
    margin-bottom: 2px;
  }
  .mobile-nav-drawer__actions {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    padding: 16px;
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
  .mobile-nav-drawer__actions .action-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    flex: 0 0 auto;
    border-radius: var(--button-border-radius, 8px);
    text-decoration: none;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  }
  .mobile-nav-drawer__actions .action-btn i {
    font-size: 18px;
    line-height: 1;
  }
  .mobile-nav-drawer__actions .action-btn .action-text {
    display: none;
  }
  .mobile-nav-drawer__actions .action-btn--labeled {
    width: auto;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
  }
  .mobile-nav-drawer__actions .action-btn--labeled .action-text {
    display: inline;
    font-size: 13px;
    font-weight: 600;
    color: inherit;
  }
  .mobile-nav-drawer__actions .action-btn--phone {
    background-color: var(--accent-color);
    border: 1px solid var(--accent-color);
    color: var(--contrast-color);
  }
  .mobile-nav-drawer__actions .action-btn--whatsapp {
    background-color: var(--whatsapp-brand-color);
    border: 1px solid var(--whatsapp-brand-color);
    color: var(--contrast-color);
  }
  body.mobile-nav-active {
    overflow: hidden;
  }
  body.mobile-nav-active .mobile-nav-toggle {
    visibility: hidden;
    pointer-events: none;
  }
  body.mobile-nav-active .mobile-nav-drawer {
    pointer-events: auto;
  }
  body.mobile-nav-active .mobile-nav-drawer__overlay {
    opacity: 1;
    visibility: visible;
  }
  body.mobile-nav-active .mobile-nav-drawer__panel {
    transform: translateX(0);
  }
}
/* Products Mega Menu 1 - Desktop */
@media (min-width: 1200px) {
  .navmenu .products-megamenu-1 {
    position: static;
    /*  Hide Desktop Mega Menu 1 in Desktop */
  }
  .navmenu .products-megamenu-1 .mobile-megamenu {
    display: none;
  }
  .navmenu .products-megamenu-1 .desktop-megamenu,
  .navmenu .products-megamenu-1 .active,
  .navmenu .products-megamenu-1 .active:focus {
    background-color: var(--nav-dropdown-background-color);
  }
  .navmenu .products-megamenu-1 .desktop-megamenu {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 130%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    border-radius: 6px;
    z-index: 99;
    padding: 20px;
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    overflow: hidden;
  }
  .navmenu .products-megamenu-1:hover > .desktop-megamenu {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  .navmenu .products-megamenu-1 {
    /* Bootstrap Tabs Navigation */
  }
  .navmenu .products-megamenu-1 .megamenu-tabs {
    margin-bottom: 15px;
  }
  .navmenu .products-megamenu-1 .megamenu-tabs .nav-tabs {
    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
  .navmenu .products-megamenu-1 .megamenu-tabs .nav-tabs .nav-item {
    margin-bottom: 0;
  }
  .navmenu .products-megamenu-1 .megamenu-tabs .nav-tabs .nav-link {
    border: none;
    padding: 10px 20px;
    color: var(--nav-dropdown-color);
    font-weight: 500;
    font-size: 15px;
    transition: 0.3s;
    background-color: transparent;
    border-bottom: 2px solid transparent;
  }
  .navmenu .products-megamenu-1 .megamenu-tabs .nav-tabs .nav-link:hover {
    color: var(--nav-dropdown-hover-color);
    border-color: transparent;
  }
  .navmenu .products-megamenu-1 .megamenu-tabs .nav-tabs .nav-link.active {
    color: var(--accent-color);
    background-color: transparent;
    border-bottom: 2px solid var(--accent-color);
  }
  .navmenu .products-megamenu-1 {
    /* Tab Content */
  }
  .navmenu .products-megamenu-1 .megamenu-content {
    flex: 1;
    overflow-y: auto;
    padding-right: 5px;
    /* Hide scrollbar for Chrome, Safari and Opera */
  }
  .navmenu .products-megamenu-1 .megamenu-content::-webkit-scrollbar {
    width: 5px;
  }
  .navmenu .products-megamenu-1 .megamenu-content::-webkit-scrollbar-track {
    background: color-mix(in srgb, var(--default-color), transparent 95%);
    border-radius: 10px;
  }
  .navmenu .products-megamenu-1 .megamenu-content::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--default-color), transparent 80%);
    border-radius: 10px;
  }
  .navmenu .products-megamenu-1 .megamenu-content .tab-content {
    display: none;
  }
  .navmenu .products-megamenu-1 .megamenu-content .tab-content.active {
    display: block;
  }
  .navmenu .products-megamenu-1 .megamenu-content {
    /* Category Grid */
  }
  .navmenu .products-megamenu-1 .megamenu-content .category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
  }
  .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column {
    background-color: color-mix(in srgb, var(--surface-color), var(--accent-color) 3%);
    border-radius: 8px;
    padding: 15px;
    transition: 0.3s;
  }
  .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column h4 {
    color: var(--heading-color);
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    position: relative;
  }
  .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column h4:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: var(--accent-color);
  }
  .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul li {
    margin-bottom: 10px;
    background-color: none !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start !important;
    width: 100%;
  }
  .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul li:last-child {
    margin-bottom: 0;
  }
  .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul li a {
    color: var(--nav-dropdown-color);
    font-size: 14px;
    transition: 0.3s;
    padding: 0 0 0 20px;
    display: block;
    position: relative;
  }
  .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul li a:before {
    content: "\f285";
    font-family: "bootstrap-icons";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 12px;
    color: var(--accent-color);
    opacity: 0.7;
  }
  .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul li a:hover {
    color: var(--nav-dropdown-hover-color);
    transform: translateX(3px);
  }
  .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul li a:hover:before {
    opacity: 1;
  }
  .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column .active {
    background-color: none;
  }
  .navmenu .products-megamenu-1 .megamenu-content {
    /* Product Grid */
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding-top: 10px;
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card {
    background-color: var(--surface-color);
    overflow: hidden;
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card:hover .product-image img {
    transform: scale(1.1);
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-image {
    height: 160px;
    position: relative;
    overflow: hidden;
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-image .badge-new,
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-image .badge-sale {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 3px;
    z-index: 1;
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-image .badge-new {
    background-color: #28a745;
    color: white;
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-image .badge-sale {
    background-color: #dc3545;
    color: white;
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-info {
    padding: 15px;
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-info h5 {
    margin: 0 0 5px;
    font-size: 15px;
    font-weight: 600;
    color: var(--heading-color);
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-info .price {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-info .price .original-price {
    text-decoration: line-through;
    color: color-mix(in srgb, var(--default-color), transparent 40%);
    margin-right: 5px;
    font-weight: normal;
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-info .btn-view {
    display: inline-block;
    padding: 5px 12px;
    background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
    color: var(--accent-color);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    transition: 0.3s;
  }
  .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-info .btn-view:hover {
    background-color: var(--accent-color);
    color: var(--contrast-color);
  }
}
/* Products Mega Menu 1 - Mobile */
@media (max-width: 1199px) {
  .navmenu .products-megamenu-1 {
    /* Hide Desktop Mega Menu 1 in Mobile */
  }
  .navmenu .products-megamenu-1 .desktop-megamenu {
    display: none;
  }
  .navmenu .products-megamenu-1 .mobile-megamenu {
    position: static;
    display: none;
    z-index: 99;
    padding: 0;
    margin: 10px 20px;
    background-color: var(--nav-dropdown-background-color);
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    box-shadow: none;
    transition: all 0.5s ease-in-out;
    border-radius: 4px;
    overflow: hidden;
  }
  .navmenu .products-megamenu-1 .mobile-megamenu li {
    position: relative;
    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
  .navmenu .products-megamenu-1 .mobile-megamenu li:last-child {
    border-bottom: none;
  }
  .navmenu .products-megamenu-1 .mobile-megamenu li a {
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--nav-dropdown-color);
    font-size: 15px;
    transition: 0.3s;
  }
  .navmenu .products-megamenu-1 .mobile-megamenu li a:hover {
    color: var(--nav-dropdown-hover-color);
    background-color: color-mix(in srgb, var(--default-color), transparent 97%);
  }
  .navmenu .products-megamenu-1 .mobile-megamenu li ul {
    padding: 0;
  }
  .navmenu .products-megamenu-1 .mobile-megamenu.dropdown-active {
    display: block;
  }
}
/* Products Mega Menu 2 - Desktop */
@media (min-width: 1200px) {
  .navmenu .products-megamenu-2 {
    position: static;
    /* Hide Mobile Mega Menu in Desktop */
  }
  .navmenu .products-megamenu-2 .mobile-megamenu {
    display: none;
  }
  .navmenu .products-megamenu-2 .desktop-megamenu,
  .navmenu .products-megamenu-2 .active,
  .navmenu .products-megamenu-2 .active:focus {
    background-color: var(--nav-dropdown-background-color);
  }
  .navmenu .products-megamenu-2 .desktop-megamenu {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 130%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    border-radius: 6px;
    z-index: 99;
    padding: 10px 0 0 0;
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    overflow: hidden;
  }
  .navmenu .products-megamenu-2:hover > .desktop-megamenu {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  .navmenu .products-megamenu-2 {
    /* Tabs Navigation */
  }
  .navmenu .products-megamenu-2 .megamenu-tabs {
    padding: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
  .navmenu .products-megamenu-2 .megamenu-tabs .nav-tabs {
    border-bottom: none;
    display: flex;
    justify-content: center;
  }
  .navmenu .products-megamenu-2 .megamenu-tabs .nav-tabs .nav-item {
    margin: 0;
  }
  .navmenu .products-megamenu-2 .megamenu-tabs .nav-tabs .nav-link {
    border: none;
    padding: 15px 30px;
    color: var(--nav-dropdown-color);
    font-weight: 600;
    font-size: 14px;
    transition: 0.3s;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    letter-spacing: 0.5px;
  }
  .navmenu .products-megamenu-2 .megamenu-tabs .nav-tabs .nav-link:hover {
    color: var(--nav-dropdown-hover-color);
  }
  .navmenu .products-megamenu-2 .megamenu-tabs .nav-tabs .nav-link.active {
    color: var(--accent-color);
    background-color: transparent;
    border-bottom: 2px solid var(--accent-color);
  }
  .navmenu .products-megamenu-2 {
    /* Tab Content */
  }
  .navmenu .products-megamenu-2 .megamenu-content {
    flex: 1;
    overflow-y: auto;
    /* Hide scrollbar for Chrome, Safari and Opera */
  }
  .navmenu .products-megamenu-2 .megamenu-content::-webkit-scrollbar {
    width: 5px;
  }
  .navmenu .products-megamenu-2 .megamenu-content::-webkit-scrollbar-track {
    background: color-mix(in srgb, var(--default-color), transparent 95%);
    border-radius: 10px;
  }
  .navmenu .products-megamenu-2 .megamenu-content::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--default-color), transparent 80%);
    border-radius: 10px;
  }
  .navmenu .products-megamenu-2 .megamenu-content .tab-pane {
    padding: 25px;
  }
  .navmenu .products-megamenu-2 .megamenu-content {
    /* Category Layout */
  }
  .navmenu .products-megamenu-2 .megamenu-content .category-layout {
    display: flex;
    gap: 30px;
  }
  .navmenu .products-megamenu-2 .megamenu-content {
    /* Categories Section */
  }
  .navmenu .products-megamenu-2 .megamenu-content .categories-section {
    flex: 1;
    /* Category Headers */
  }
  .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-headers {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 15px;
  }
  .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-headers h4 {
    color: var(--heading-color);
    font-size: 16px;
    font-weight: 600;
    position: relative;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
  .navmenu .products-megamenu-2 .megamenu-content .categories-section {
    /* Category Links */
  }
  .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-links .link-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
  .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-links .link-row a {
    color: var(--nav-dropdown-color);
    font-size: 14px;
    transition: 0.3s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
  }
  .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-links .link-row a:hover {
    color: var(--nav-dropdown-hover-color);
    transform: translateX(3px);
  }
  .navmenu .products-megamenu-2 .megamenu-content {
    /* Featured Section */
  }
  .navmenu .products-megamenu-2 .megamenu-content .featured-section {
    width: 300px;
  }
  .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image {
    position: relative;
    height: 100%;
    background-color: #f5f5f5;
    border-radius: 6px;
    overflow: hidden;
  }
  .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.9;
  }
  .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image .featured-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
  }
  .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image .featured-content h3 {
    color: var(--heading-color);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
  }
  .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image .featured-content .btn-shop {
    display: inline-block;
    padding: 8px 20px;
    background-color: var(--accent-color);
    color: var(--contrast-color);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s;
    width: fit-content;
  }
  .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image .featured-content .btn-shop:hover {
    background-color: color-mix(in srgb, var(--accent-color), black 15%);
    transform: translateY(-2px);
  }
}
/* Products Mega Menu 2 - Mobile */
@media (max-width: 1199px) {
  .navmenu .products-megamenu-2 {
    /* Hide Desktop Mega Menu in Mobile */
  }
  .navmenu .products-megamenu-2 .desktop-megamenu {
    display: none;
  }
  .navmenu .products-megamenu-2 .mobile-megamenu {
    position: static;
    display: none;
    z-index: 99;
    padding: 0;
    margin: 10px 20px;
    background-color: var(--nav-dropdown-background-color);
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    box-shadow: none;
    transition: all 0.5s ease-in-out;
    border-radius: 4px;
    overflow: hidden;
  }
  .navmenu .products-megamenu-2 .mobile-megamenu li {
    position: relative;
    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
  .navmenu .products-megamenu-2 .mobile-megamenu li:last-child {
    border-bottom: none;
  }
  .navmenu .products-megamenu-2 .mobile-megamenu li a {
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--nav-dropdown-color);
    font-size: 15px;
    transition: 0.3s;
  }
  .navmenu .products-megamenu-2 .mobile-megamenu li a:hover {
    color: var(--nav-dropdown-hover-color);
    background-color: color-mix(in srgb, var(--default-color), transparent 97%);
  }
  .navmenu .products-megamenu-2 .mobile-megamenu li ul {
    padding: 0;
  }
  .navmenu .products-megamenu-2 .mobile-megamenu.dropdown-active {
    display: block;
  }
}
/*--------------------------------------------------------------
# Site Footer (scoped)
--------------------------------------------------------------*/
.site-footer {
  --sf-bg-1: color-mix(in srgb, var(--accent-color), #101828 88%);
  --sf-bg-2: color-mix(in srgb, var(--accent-color), #1f2937 82%);
  --sf-text: #ffffff;
  --sf-muted: rgba(255, 255, 255, 0.78);
  --sf-faint: rgba(255, 255, 255, 0.58);
  --sf-line: rgba(255, 255, 255, 0.12);
  --sf-soft: rgba(255, 255, 255, 0.08);
  --sf-accent: var(--accent-color);
  position: relative;
  margin-top: 75px;
  overflow: hidden;
  color: var(--sf-text);
  background: linear-gradient(145deg, var(--sf-bg-1) 0%, color-mix(in srgb, var(--accent-color), #111827 90%) 48%, var(--sf-bg-2) 100%);
  padding: 70px 0 20px;
  font-size: 14px;
}
.site-footer::before, .site-footer::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.02);
  z-index: 0;
}
.site-footer::before {
  top: -50px;
  left: -50px;
  width: 200px;
  height: 200px;
}
.site-footer::after {
  bottom: -100px;
  right: -50px;
  width: 300px;
  height: 300px;
}
.site-footer__particles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.site-footer__inner {
  position: relative;
  z-index: 1;
}
.site-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(var(--footer-link-columns, 2), minmax(0, 0.9fr)) minmax(0, 1fr);
  gap: 18px 14px;
  margin-bottom: 50px;
}
.site-footer__widget {
  min-width: 0;
}
.site-footer__about {
  padding-right: 28px;
  margin-right: 10px;
}
.site-footer__title {
  font-family: var(--heading-font);
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0 0 22px;
  padding-bottom: 10px;
  position: relative;
  color: var(--sf-text);
  line-height: 1.3;
}
.site-footer__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48px;
  height: 3px;
  border-radius: 3px;
  background: var(--sf-accent);
}
.site-footer__brand {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.site-footer__brand span {
  color: var(--sf-text);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.site-footer__logo {
  display: block;
  max-width: var(--logo-width-footer-desktop, 160px);
  height: auto;
}
.site-footer__text {
  margin: 0 0 20px;
  color: var(--sf-muted);
  line-height: 1.7;
  font-size: 0.95rem;
}
.site-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.site-footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--sf-soft);
  color: var(--sf-text);
  text-decoration: none;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.site-footer__social a:hover {
  background: var(--sf-accent);
  color: var(--contrast-color, #fff);
  transform: translateY(-3px);
  box-shadow: 0 5px 15px color-mix(in srgb, var(--sf-accent), transparent 55%);
}
.site-footer__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer__links li {
  margin-bottom: 12px;
}
.site-footer__links a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sf-muted);
  text-decoration: none;
  font-size: 0.95rem;
  transition: color 0.25s ease, transform 0.25s ease;
}
.site-footer__links a i {
  font-size: 0.75rem;
  color: var(--sf-accent);
  transition: transform 0.25s ease;
}
.site-footer__links a:hover {
  color: var(--sf-accent);
  transform: translateX(4px);
}
.site-footer__links a:hover i {
  transform: translateX(2px);
}
.site-footer__newsletter-widget {
  min-width: 0;
}
.site-footer__newsletter {
  margin-top: 4px;
}
.site-footer__recaptcha {
  margin-top: 12px;
}
.site-footer__recaptcha .g-recaptcha {
  transform-origin: left top;
}
.site-footer__newsletter-label {
  display: block;
  margin-bottom: 8px;
  color: var(--sf-text);
  font-size: 0.92rem;
  font-weight: 600;
}
.site-footer__newsletter-row {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.site-footer__newsletter-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--button-border-radius, 6px);
  background: rgba(255, 255, 255, 0.08);
  color: var(--sf-text);
  font-size: 0.9rem;
  outline: none;
}
.site-footer__newsletter-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.site-footer__newsletter-input:focus {
  border-color: color-mix(in srgb, var(--sf-accent), #fff 20%);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sf-accent), transparent 80%);
}
.site-footer__newsletter-btn {
  flex: 0 0 auto;
  height: 40px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--button-border-radius, 6px);
  background: var(--sf-accent);
  color: var(--contrast-color, #fff);
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}
.site-footer__newsletter-btn:hover, .site-footer__newsletter-btn:focus {
  background: color-mix(in srgb, var(--sf-accent), #000 12%);
}
.site-footer__newsletter-btn:disabled {
  opacity: 0.7;
  cursor: wait;
}
.site-footer__newsletter-msg {
  margin: 8px 0 0;
  font-size: 0.82rem;
  line-height: 1.4;
}
.site-footer__newsletter-msg.is-success {
  color: #86efac;
}
.site-footer__newsletter-msg.is-error {
  color: #fca5a5;
}
.site-footer__bottom {
  border-top: 1px solid var(--sf-line);
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}
.site-footer__copyright {
  color: var(--sf-faint);
  font-size: 0.9rem;
  line-height: 1.5;
  min-width: 0;
}
.site-footer__copyright a {
  color: inherit;
}
.site-footer__powered {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sf-faint);
  font-size: 0.9rem;
}
.site-footer__badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  padding: 4px 12px;
  border-radius: 3px;
  background: var(--sf-accent);
  color: var(--contrast-color, #fff);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
  transform: none;
}
.site-footer__badge::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 55%;
  height: 100%;
  background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.15) 35%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.15) 65%, transparent 100%);
  transform: skewX(-18deg);
  animation: site-footer-badge-shine 3.8s ease-in-out infinite;
  pointer-events: none;
}
.site-footer__badge:hover {
  color: var(--contrast-color, #fff);
  background: color-mix(in srgb, var(--sf-accent), #000 10%);
  transform: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}
@media (max-width: 991px) {
  .site-footer {
    padding-top: 56px;
  }
  .site-footer__grid {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 22px 14px;
    margin-bottom: 36px;
  }
  .site-footer__about {
    grid-column: 1/-1;
    padding-right: 0;
    margin-right: 0;
  }
  .site-footer__logo {
    max-width: var(--logo-width-footer-mobile, 120px);
  }
}
@media (max-width: 767px) {
  .site-footer {
    padding: 48px 0 18px;
  }
  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 28px;
  }
  .site-footer__about {
    grid-column: auto;
    padding-right: 0;
    margin-right: 0;
  }
  .site-footer__bottom {
    flex-direction: column;
    text-align: center;
    justify-content: center;
  }
  .site-footer__powered {
    justify-content: center;
  }
  .site-footer__social {
    justify-content: flex-start;
  }
}

@keyframes site-footer-badge-shine {
  0%, 55% {
    left: -120%;
  }
  80%, 100% {
    left: 140%;
  }
}
/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: max(24px, env(safe-area-inset-right, 0px) + 24px);
  bottom: 15px;
  z-index: 99999;
  background-color: var(--accent-color);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.scroll-top i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}
.scroll-top:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}
.scroll-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Quick Contact Widget
--------------------------------------------------------------*/
.qc-widget {
  --qc-fab-size: var(--qc-fab-size-desktop, 56px);
  --qc-offset-x: var(--qc-offset-x-desktop, 24px);
  --qc-offset-bottom: var(--qc-offset-bottom-desktop, 70px);
  --qc-panel-width: 320px;
  --qc-type-phone: var(--accent-color);
  --qc-type-whatsapp: var(--whatsapp-brand-color);
  --qc-type-email: var(--danger-color);
  --qc-type-telegram: var(--accent-color);
  --qc-type-url: var(--heading-color);
  position: fixed;
  right: max(var(--qc-offset-x), env(safe-area-inset-right, 0px) + var(--qc-offset-x));
  bottom: var(--qc-offset-bottom);
  z-index: 99990;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  font-family: var(--default-font);
}

.qc-fab {
  position: relative;
  width: var(--qc-fab-size);
  height: var(--qc-fab-size);
  border: 0;
  border-radius: 50%;
  background-color: var(--qc-fab-bg, var(--accent-color));
  color: var(--contrast-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
  transition: transform 0.25s ease, background-color 0.25s ease, border-radius 0.2s ease;
}
.qc-fab:hover {
  background-color: color-mix(in srgb, var(--qc-fab-bg, var(--accent-color)), transparent 15%);
  transform: translateY(-2px);
  box-shadow: none;
}
.qc-fab:focus-visible {
  outline: 2px solid var(--qc-fab-bg, var(--accent-color));
  outline-offset: 3px;
}

.qc-widget--rounded .qc-fab {
  border-radius: 4px;
}

.qc-widget--circle .qc-fab {
  border-radius: 50%;
}

.qc-fab__icon {
  position: absolute;
  z-index: 1;
  font-size: calc(var(--qc-fab-size) * 0.45);
  line-height: 1;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.qc-fab__icon--close {
  opacity: 0;
  transform: scale(0.6) rotate(-90deg);
}

.qc-widget.is-open .qc-fab__icon--open {
  opacity: 0;
  transform: scale(0.6) rotate(90deg);
}

.qc-widget.is-open .qc-fab__icon--close {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.qc-widget--pulse:not(.is-open) .qc-fab::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  animation: qc-pulse 3.5s ease-in-out infinite;
}

@media (min-width: 576px) {
  .qc-widget--pulse-desktop:not(.is-open) .qc-fab::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    animation: qc-pulse 3.5s ease-in-out infinite;
  }
}
@keyframes qc-pulse {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--qc-fab-bg, var(--accent-color)), transparent 25%);
  }
  60% {
    box-shadow: 0 0 0 10px color-mix(in srgb, var(--qc-fab-bg, var(--accent-color)), transparent 72%);
  }
  100% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--qc-fab-bg, var(--accent-color)), transparent 100%);
  }
}
.qc-panel {
  width: min(var(--qc-panel-width), 100vw - 30px);
  background: var(--surface-color, #fff);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 88%);
  overflow: hidden;
  transform-origin: bottom right;
  animation: qc-panel-in 0.22s ease;
}

.qc-panel[hidden] {
  display: none !important;
}

@keyframes qc-panel-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.qc-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 12px 10px;
  background: var(--qc-panel-header-bg, color-mix(in srgb, var(--accent-color), transparent 90%));
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.qc-panel--text-accent .qc-panel__title {
  color: var(--heading-color, var(--default-color));
}
.qc-panel--text-accent .qc-panel__subtitle {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}

.qc-panel--text-black .qc-panel__title,
.qc-panel--text-black .qc-panel__subtitle {
  color: var(--heading-color, var(--default-color));
}
.qc-panel--text-black .qc-panel__subtitle {
  color: color-mix(in srgb, var(--heading-color, var(--default-color)), transparent 25%);
}

.qc-panel--text-white .qc-panel__title,
.qc-panel--text-white .qc-panel__subtitle {
  color: var(--contrast-color);
}
.qc-panel--text-white .qc-panel__subtitle {
  color: color-mix(in srgb, var(--contrast-color), transparent 18%);
}

.qc-panel__title {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 700;
}

.qc-panel__subtitle {
  margin: 3px 0 0;
  font-size: 0.8125rem;
}

.qc-panel__close {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: var(--button-border-radius, 6px);
  background: var(--contrast-color);
  color: var(--danger-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 1rem;
  line-height: 1;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.qc-panel__close:hover {
  background: var(--danger-color);
  color: var(--contrast-color);
}
.qc-panel__close:focus-visible {
  outline: 2px solid var(--danger-color);
  outline-offset: 2px;
}

.qc-panel__body {
  padding: 10px;
}

.qc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.qc-item {
  --qc-item-color: var(--accent-color);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border: 0;
  border-radius: var(--button-border-radius, 8px);
  background: var(--qc-item-color);
  transition: background-color 0.2s ease;
}
.qc-item:hover {
  background: color-mix(in srgb, var(--qc-item-color), black 12%);
}

.qc-item--phone {
  --qc-item-color: var(--qc-type-phone);
}

.qc-item--whatsapp {
  --qc-item-color: var(--qc-type-whatsapp);
}

.qc-item--email {
  --qc-item-color: var(--qc-type-email);
}

.qc-item--telegram {
  --qc-item-color: var(--qc-type-telegram);
}

.qc-item--url {
  --qc-item-color: var(--qc-type-url);
}

.qc-item__left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.qc-widget--rounded .qc-item__icon {
  border-radius: 4px;
}

.qc-widget--circle .qc-item__icon {
  border-radius: 50%;
}

.qc-item__icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: var(--contrast-color);
  color: color-mix(in srgb, var(--qc-item-color), black 22%);
  font-size: 1rem;
}

.qc-item:hover .qc-item__icon {
  color: color-mix(in srgb, var(--qc-item-color), black 28%);
}

.qc-item__title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--contrast-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qc-item__btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.32rem 0.75rem;
  border-radius: var(--button-border-radius, 8px);
  background-color: var(--contrast-color);
  color: color-mix(in srgb, var(--qc-item-color), black 18%);
  font-size: 0.8125rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
.qc-item__btn:hover {
  background-color: color-mix(in srgb, var(--contrast-color), transparent 12%);
  color: color-mix(in srgb, var(--qc-item-color), black 15%);
}

.qc-item__link-span {
  position: absolute;
  inset: 0;
  z-index: 1;
}

@media (max-width: 575.98px) {
  .qc-widget--mobile-fab {
    --qc-fab-size: var(--qc-fab-size-mobile);
    --qc-offset-x: var(--qc-offset-x-mobile);
    --qc-offset-bottom: var(--qc-offset-bottom-mobile);
  }
  .qc-widget--mobile-fab.qc-widget--mobile-pulse:not(.is-open) .qc-fab::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    animation: qc-pulse 3.5s ease-in-out infinite;
  }
  .qc-widget--mobile-fab.qc-widget--mobile-rounded .qc-fab {
    border-radius: 4px;
  }
  .qc-widget--mobile-fab.qc-widget--mobile-circle .qc-fab {
    border-radius: 50%;
  }
  .qc-widget--mobile-fab.qc-widget--mobile-rounded .qc-item__icon {
    border-radius: 4px;
  }
  .qc-widget--mobile-fab.qc-widget--mobile-circle .qc-item__icon {
    border-radius: 50%;
  }
  .qc-item {
    flex-wrap: wrap;
  }
  .qc-item__btn {
    width: 100%;
  }
}
/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: var(--page-first-spacing-top) 0;
  position: relative;
}
.page-title h1 {
  font-size: 24px;
  font-weight: 700;
}
.page-title .breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.page-title .breadcrumbs ol li + li {
  padding-left: 10px;
}
.page-title .breadcrumbs ol li + li::before {
  content: "/";
  display: inline-block;
  padding-right: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}

/*--------------------------------------------------------------
# GLightbox — sistem modülü fotoğraf galerisi lightbox teması
# (Hazır modellerde fotoğraf büyütme aynı sınıflarla bu dosyayı kullanır.)
--------------------------------------------------------------*/
.glightbox-container.glightbox-clean .goverlay {
  background: color-mix(in srgb, var(--default-color) 88%, transparent);
}
.glightbox-container.glightbox-clean .gcontainer {
  padding: 24px 56px;
}
.glightbox-container.glightbox-clean .gprev,
.glightbox-container.glightbox-clean .gnext,
.glightbox-container.glightbox-clean .gclose {
  background-color: color-mix(in srgb, var(--default-color) 72%, transparent);
  border-radius: var(--button-border-radius, 8px);
  transition: background-color 0.2s ease, opacity 0.2s ease;
}
.glightbox-container.glightbox-clean .gprev path,
.glightbox-container.glightbox-clean .gnext path,
.glightbox-container.glightbox-clean .gclose path {
  fill: var(--contrast-color);
}
.glightbox-container.glightbox-clean .gprev:hover,
.glightbox-container.glightbox-clean .gnext:hover,
.glightbox-container.glightbox-clean .gclose:hover {
  background-color: color-mix(in srgb, var(--default-color) 85%, transparent);
  opacity: 1;
}
.glightbox-container.glightbox-clean .gclose {
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
}
.glightbox-container.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}
.glightbox-container.glightbox-clean .gslide-inner-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.glightbox-container.glightbox-clean .ginner-container {
  width: auto !important;
  height: auto !important;
  max-height: min(90vh, 860px);
  justify-content: center;
  margin: 0 auto;
}
.glightbox-container.glightbox-clean .ginner-container.desc-bottom,
.glightbox-container.glightbox-clean .ginner-container.desc-top {
  position: relative;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: stretch;
  width: auto !important;
  height: auto !important;
  max-width: min(90vw, 1080px);
  margin: 0 auto;
}
.glightbox-container.glightbox-clean .gslide-media {
  position: relative;
  display: block;
  width: auto;
  max-width: 100%;
  line-height: 0;
  border-radius: var(--card-border-radius, 12px);
  overflow: hidden;
  box-shadow: 0 18px 48px color-mix(in srgb, var(--default-color), transparent 72%);
}
.glightbox-container.glightbox-clean .gslide-media .gslide-description.description-bottom,
.glightbox-container.glightbox-clean .gslide-media .gslide-description.description-top {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  background: linear-gradient(to top, color-mix(in srgb, var(--default-color) 85%, transparent), transparent);
  pointer-events: none;
  border-radius: 0 0 var(--card-border-radius, 12px) var(--card-border-radius, 12px);
}
.glightbox-container.glightbox-clean .gslide-media .gslide-description.description-top {
  top: 0;
  bottom: auto;
  background: linear-gradient(to bottom, color-mix(in srgb, var(--default-color) 85%, transparent), transparent);
  border-radius: var(--card-border-radius, 12px) var(--card-border-radius, 12px) 0 0;
}
.glightbox-container.glightbox-clean .gslide-image {
  display: block !important;
  width: auto;
  max-width: 100%;
}
.glightbox-container.glightbox-clean .gslide-image img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: min(90vw, 1080px) !important;
  max-height: min(80vh, 760px) !important;
  min-width: 0 !important;
  object-fit: contain !important;
  margin: 0 auto;
  border-radius: var(--card-border-radius, 12px);
}
.glightbox-container.glightbox-clean .gslide-description.description-bottom,
.glightbox-container.glightbox-clean .gslide-description.description-top {
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  pointer-events: none;
  background: transparent;
}
.glightbox-container.glightbox-clean .gdesc-inner {
  padding: 12px 16px;
}
.glightbox-container.glightbox-clean .gslide-title {
  margin: 0;
  color: var(--contrast-color);
  font-family: var(--heading-font);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
}
.glightbox-container.glightbox-clean .gslide-desc {
  display: none;
}
.glightbox-container.glightbox-clean .gslide-description:empty,
.glightbox-container.glightbox-clean .gslide-description:not(:has(.gslide-title:not(:empty))) {
  display: none !important;
}

@media (min-width: 769px) {
  .glightbox-container.glightbox-clean .ginner-container.desc-bottom,
  .glightbox-container.glightbox-clean .ginner-container.desc-top {
    flex-direction: column !important;
  }
}
.glightbox-mobile .gcontainer {
  padding: 16px 12px;
}
.glightbox-mobile .ginner-container {
  height: auto;
  max-height: 100dvh;
  justify-content: center;
  padding: 0;
}
.glightbox-mobile .gclose {
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
}
.glightbox-mobile .gslide-media {
  display: block !important;
  width: auto;
  max-width: min(94vw, 1080px);
  margin: 0 auto;
  overflow: hidden;
}
.glightbox-mobile .gslide-image {
  display: block !important;
  width: auto;
  max-width: 100%;
}
.glightbox-mobile .gslide-image img {
  object-fit: contain !important;
  max-width: min(94vw, 1080px) !important;
  max-height: min(78vh, 680px) !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 auto;
}
.glightbox-mobile .glightbox-container.glightbox-clean .gslide-description.description-bottom,
.glightbox-mobile .glightbox-container.glightbox-clean .gslide-description.description-top {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  max-height: none;
  overflow: visible;
  width: 100% !important;
  max-width: 100% !important;
  background: linear-gradient(to top, color-mix(in srgb, var(--default-color) 85%, transparent), transparent);
}
.glightbox-mobile .gdesc-inner {
  padding: 12px 14px;
}
.glightbox-mobile .gslide-description:empty {
  display: none !important;
}
.glightbox-mobile .gslide-description:not(:has(.gslide-title)) {
  display: none !important;
}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
:root {
  --page-first-spacing-top: 20px;
}

@media (max-width: 767px) {
  :root {
    --page-first-spacing-top: 12px;
  }
}
section,
.section {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 60px 0;
  scroll-margin-top: 90px;
  overflow: clip;
}

section.pb-ready-model--has-bg,
.section.pb-ready-model--has-bg {
  overflow: visible;
}

@media (max-width: 1199px) {
  section,
  .section {
    scroll-margin-top: 66px;
  }
}
.index-page .main,
.builder-page .main {
  display: flex;
  flex-direction: column;
}
.index-page .main > .pb-section-wrap--default-first-top,
.builder-page .main > .pb-section-wrap--default-first-top {
  --pb-section-first-margin-top: var(--page-first-spacing-top);
}

body:not(.index-page):not(.builder-page) .main > *:first-child {
  padding-top: var(--page-first-spacing-top);
}

.pb-section-wrap {
  display: block;
}
.pb-section-wrap > section.section,
.pb-section-wrap > section,
.pb-section-wrap > .section {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
}

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
  text-align: center;
  padding-bottom: 60px;
  position: relative;
}
.section-title h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}
.section-title h2:before {
  content: "";
  position: absolute;
  display: block;
  width: 160px;
  height: 1px;
  background: color-mix(in srgb, var(--default-color), transparent 60%);
  left: 0;
  right: 0;
  bottom: 1px;
  margin: auto;
}
.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 3px;
  background: var(--accent-color);
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  padding: 80px 0;
}
.hero .intro-content .badge-label {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 16px;
}
.hero .intro-content .headline {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .hero .intro-content .headline {
    font-size: 32px;
  }
}
.hero .intro-content .subtext {
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 32px;
  max-width: 440px;
}
.hero .action-group {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.hero .action-group .btn-primary-action {
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  border: none;
}
.hero .action-group .btn-primary-action:hover {
  background: color-mix(in srgb, var(--accent-color), #000 12%);
  color: var(--contrast-color);
}
.hero .action-group .btn-primary-action:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.hero .action-group .btn-ghost-action {
  background: transparent;
  color: var(--default-color);
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
}
.hero .action-group .btn-ghost-action:hover {
  background: var(--surface-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 50%);
  color: var(--default-color);
}
.hero .trust-indicators {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.hero .trust-indicators .indicator {
  display: flex;
  align-items: center;
  gap: 6px;
}
.hero .trust-indicators .indicator i {
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.hero .trust-indicators .indicator span {
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.hero .product-tile {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s ease;
  height: 100%;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
}
.hero .product-tile:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.hero .product-tile.featured {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
}
.hero .product-tile.featured:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 40%);
}
.hero .product-tile .tile-image {
  position: relative;
  background: color-mix(in srgb, var(--default-color), transparent 97%);
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}
.hero .product-tile .tile-image img {
  max-height: 160px;
  object-fit: contain;
  transition: transform 0.2s ease;
}
.hero .product-tile .tile-image .tile-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
  background: var(--surface-color);
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}
.hero .product-tile .tile-image .tile-badge.accent {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.hero .product-tile:hover .tile-image img {
  transform: scale(1.04);
}
.hero .product-tile .tile-info {
  padding: 16px 20px 20px;
}
.hero .product-tile .tile-info h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.hero .product-tile .tile-info .tile-desc {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.6;
  margin-bottom: 12px;
}
.hero .product-tile .tile-info .tile-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.hero .product-tile .tile-info .tile-price .current {
  font-size: 20px;
  font-weight: 700;
  color: var(--accent-color);
}
.hero .product-tile .tile-info .tile-price .original {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  text-decoration: line-through;
}
.hero .product-tile.horizontal .tile-image {
  min-height: 180px;
  height: 100%;
  border-radius: 8px 0 0 8px;
}
.hero .product-tile.horizontal .tile-info {
  padding: 24px;
}
.hero {
  /* Slider Section */
}
.hero .slider-section {
  margin-top: 24px;
}
.hero .slider-section .slider-header {
  margin-bottom: 32px;
}
.hero .slider-section .slider-header .slider-title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 4px;
}
.hero .slider-section .slider-header .slider-subtitle {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 0;
}
.hero .product-carousel {
  position: relative;
  padding-bottom: 48px;
}
.hero .product-carousel .swiper-wrapper {
  height: auto !important;
}
.hero .product-carousel .slide-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s ease;
  height: 100%;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--default-color), transparent 95%);
}
.hero .product-carousel .slide-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.hero .product-carousel .slide-card .slide-card-image {
  position: relative;
  background: color-mix(in srgb, var(--default-color), transparent 97%);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
}
.hero .product-carousel .slide-card .slide-card-image img {
  max-height: 140px;
  object-fit: contain;
  transition: transform 0.2s ease;
}
.hero .product-carousel .slide-card .slide-card-image .slide-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 6px;
  background: var(--surface-color);
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}
.hero .product-carousel .slide-card .slide-card-image .slide-badge.accent {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.hero .product-carousel .slide-card:hover .slide-card-image img {
  transform: scale(1.04);
}
.hero .product-carousel .slide-card .slide-card-body {
  padding: 16px;
}
.hero .product-carousel .slide-card .slide-card-body h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.hero .product-carousel .slide-card .slide-card-body p {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  line-height: 1.5;
  margin-bottom: 12px;
}
.hero .product-carousel .slide-card .slide-card-body .slide-card-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.hero .product-carousel .slide-card .slide-card-body .slide-card-price .price-now {
  font-size: 18px;
  font-weight: 700;
  color: var(--accent-color);
}
.hero .product-carousel .slide-card .slide-card-body .slide-card-price .price-was {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  text-decoration: line-through;
}
.hero .product-carousel .swiper-pagination {
  bottom: 0;
}
.hero .product-carousel .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: color-mix(in srgb, var(--default-color), transparent 70%);
  opacity: 1;
  transition: all 0.2s ease;
}
.hero .product-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--accent-color);
  width: 24px;
  border-radius: 4px;
}
.hero .product-carousel .swiper-button-prev,
.hero .product-carousel .swiper-button-next {
  width: 36px;
  height: 36px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  border-radius: 6px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: all 0.2s ease;
  top: calc(50% - 24px);
}
.hero .product-carousel .swiper-button-prev::after,
.hero .product-carousel .swiper-button-next::after {
  font-size: 14px;
  font-weight: 700;
  color: var(--default-color);
}
.hero .product-carousel .swiper-button-prev:hover,
.hero .product-carousel .swiper-button-next:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 70%);
  box-shadow: 0 4px 8px color-mix(in srgb, var(--default-color), transparent 88%);
}
@media (max-width: 768px) {
  .hero .product-carousel .swiper-button-prev,
  .hero .product-carousel .swiper-button-next {
    display: none;
  }
}
@media (max-width: 768px) {
  .hero {
    padding: 64px 0;
  }
  .hero .trust-indicators {
    gap: 12px;
  }
  .hero .product-tile.horizontal .tile-image {
    border-radius: 8px 8px 0 0;
    min-height: 160px;
  }
  .hero .slider-section {
    margin-top: 48px;
    padding-top: 32px;
  }
}

/*--------------------------------------------------------------
# Page Builder Slider — Model 1
--------------------------------------------------------------*/
.pb-slider-model-1 {
  overflow: visible;
  background-color: var(--background-color);
}
.index-page .main > .pb-slider-model-1.section {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.index-page .main > .pb-slider-model-1.pb-slider-model-1--full.section {
  padding-top: 0;
}
.pb-slider-model-1.pb-slider-model-1--full .pb-slider-model-1__frame {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
}
.pb-slider-model-1--flat-corners .pb-slider-model-1__frame {
  border-radius: 0;
}
.pb-slider-model-1__frame {
  width: 100%;
  height: var(--slider-height, 600px);
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 20px 50px color-mix(in srgb, var(--heading-color), transparent 85%);
  background-color: #000;
}
.pb-slider-model-1__track {
  display: flex;
  height: 100%;
  will-change: transform;
}
.pb-slider-model-1__slide {
  flex: 0 0 auto;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.pb-slider-model-1__slide--has-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--slider-overlay-gradient, linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0.55) 100%));
  z-index: 1;
}
.pb-slider-model-1__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.pb-slider-model-1__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pb-slider-model-1__content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 800px;
  padding: 0 50px;
  margin: 0 auto;
  text-align: center;
  color: var(--contrast-color, #ffffff);
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
}
.pb-slider-model-1__content h2 {
  font-family: var(--heading-font);
  font-size: 2.75rem;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 1.2;
  color: var(--contrast-color, #ffffff);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.pb-slider-model-1__content p {
  font-family: var(--default-font);
  font-size: 1.05rem;
  font-weight: 300;
  margin-bottom: 28px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--contrast-color, #ffffff), transparent 12%);
}
.pb-slider-model-1__slide--clone .pb-slider-model-1__content {
  visibility: hidden;
}
.pb-slider-model-1__slide.is-active .pb-slider-model-1__content {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}
.pb-slider-model-1__actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.pb-slider-model-1__btn {
  padding: 11px 24px;
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: var(--button-border-radius, 6px);
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  display: inline-block;
  font-family: var(--default-font);
}
.pb-slider-model-1__btn--primary {
  background-color: var(--accent-color);
  color: var(--contrast-color, #ffffff);
  border: 2px solid var(--accent-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-slider-model-1__btn--primary:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 12%);
  border-color: color-mix(in srgb, var(--accent-color), #000 12%);
  color: var(--contrast-color, #ffffff);
  transform: translateY(-2px);
}
.pb-slider-model-1__btn--success {
  background-color: color-mix(in srgb, var(--accent-color), #fff 18%);
  color: var(--contrast-color, #ffffff);
  border: 2px solid color-mix(in srgb, var(--accent-color), #fff 18%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-slider-model-1__btn--success:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 8%);
  border-color: color-mix(in srgb, var(--accent-color), #000 8%);
  color: var(--contrast-color, #ffffff);
  transform: translateY(-2px);
}
.pb-slider-model-1__btn--custom {
  background-color: var(--pb-slider-btn-bg);
  color: var(--pb-slider-btn-text, var(--contrast-color, #ffffff));
  border: 2px solid var(--pb-slider-btn-border, var(--pb-slider-btn-bg));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--pb-slider-btn-bg), transparent 60%);
}
.pb-slider-model-1__btn--custom:hover {
  background-color: color-mix(in srgb, var(--pb-slider-btn-bg), #000 12%);
  border-color: color-mix(in srgb, var(--pb-slider-btn-border, var(--pb-slider-btn-bg)), #000 12%);
  color: var(--pb-slider-btn-text, var(--contrast-color, #ffffff));
  transform: translateY(-2px);
}
.pb-slider-model-1__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--contrast-color, #ffffff);
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  backdrop-filter: blur(5px);
}
.pb-slider-model-1__nav:hover {
  background-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-50%) scale(1.08);
}
.pb-slider-model-1__nav--prev {
  left: 16px;
}
.pb-slider-model-1__nav--prev.is-disabled, .pb-slider-model-1__nav--prev:disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}
.pb-slider-model-1__nav--next {
  right: 16px;
}
.pb-slider-model-1__dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 10;
}
.pb-slider-model-1__dot {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  padding: 0;
}
.pb-slider-model-1__dot.is-active {
  background-color: var(--accent-color);
  width: 30px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .pb-slider-model-1__frame {
    height: var(--slider-height-mobile, 100vh);
    max-height: var(--slider-height, 600px);
  }
  .pb-slider-model-1__content {
    padding: 0 16px;
  }
  .pb-slider-model-1__content h2 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    line-height: 1.25;
  }
  .pb-slider-model-1__content p {
    font-size: 0.875rem;
    margin-bottom: 20px;
    line-height: 1.5;
  }
  .pb-slider-model-1__actions {
    flex-direction: row;
    justify-content: center;
    gap: 8px;
  }
  .pb-slider-model-1__btn {
    padding: 9px 16px;
    font-size: 0.8125rem;
    width: auto;
    max-width: calc(50% - 4px);
    text-align: center;
  }
  .pb-slider-model-1__nav {
    display: none;
  }
}

/*--------------------------------------------------------------
# Page Builder Hero — Model 1
--------------------------------------------------------------*/
.pb-hero-model-1 {
  overflow: visible;
  background-color: var(--background-color);
}
.index-page .main > .pb-hero-model-1.section {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.index-page .main > .pb-hero-model-1.pb-hero-model-1--full.section {
  padding-top: 0;
}
.pb-hero-model-1__layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-height: auto;
}
.pb-hero-model-1__content {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.pb-hero-model-1__badge {
  display: inline-block;
  align-self: flex-start;
  padding: 6px 16px;
  margin-top: 0;
  margin-bottom: 24px;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.pb-hero-model-1__title {
  margin: 0 0 24px;
  font-family: var(--heading-font);
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: var(--heading-color);
}
.pb-hero-model-1__title-accent {
  color: var(--accent-color);
}
.pb-hero-model-1__description {
  margin: 0 0 40px;
  font-family: var(--default-font);
  font-size: clamp(1rem, 1.4vw, 1.125rem);
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 18%);
}
.pb-hero-model-1__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.pb-hero-model-1__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  font-family: var(--default-font);
  font-size: 16px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  border: 1px solid transparent;
}
.pb-hero-model-1__btn--primary {
  background: var(--accent-color);
  color: var(--contrast-color);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--accent-color), transparent 72%), 0 2px 4px color-mix(in srgb, var(--accent-color), transparent 82%);
}
.pb-hero-model-1__btn--primary:hover, .pb-hero-model-1__btn--primary:focus {
  background: color-mix(in srgb, var(--accent-color), #000 12%);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 2px 4px color-mix(in srgb, var(--accent-color), transparent 68%), 0 4px 8px color-mix(in srgb, var(--accent-color), transparent 78%);
}
.pb-hero-model-1__btn--secondary {
  background: var(--surface-color);
  color: var(--heading-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 82%);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-hero-model-1__btn--secondary:hover, .pb-hero-model-1__btn--secondary:focus {
  border-color: color-mix(in srgb, var(--heading-color), transparent 55%);
  transform: translateY(-2px);
  box-shadow: 0 2px 4px color-mix(in srgb, var(--heading-color), transparent 88%);
}
.pb-hero-model-1__media {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pb-hero-model-1__image {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: var(--card-border-radius);
  box-shadow: 0 20px 40px color-mix(in srgb, var(--heading-color), transparent 88%);
  background: color-mix(in srgb, var(--default-color), transparent 96%);
}
.pb-hero-model-1--flat-corners .pb-hero-model-1__image {
  border-radius: 0;
}
.pb-hero-model-1--image-left .pb-hero-model-1__layout {
  flex-direction: row-reverse;
}
@media (prefers-reduced-motion: no-preference) {
  .pb-hero-model-1__content {
    animation: pbHeroFadeUp 0.8s ease forwards;
  }
  .pb-hero-model-1__media {
    animation: pbHeroFadeIn 1s ease forwards;
    animation-delay: 0.2s;
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .pb-hero-model-1__layout {
    flex-direction: column;
    text-align: center;
    gap: 30px;
    padding-top: clamp(24px, 5vw, var(--hero-padding-top, 48px));
    padding-bottom: clamp(24px, 5vw, var(--hero-padding-bottom, 48px));
  }
  .pb-hero-model-1--image-left .pb-hero-model-1__layout {
    flex-direction: column;
  }
  .pb-hero-model-1__badge {
    align-self: center;
  }
  .pb-hero-model-1__actions {
    justify-content: center;
    flex-wrap: nowrap;
    gap: clamp(8px, 2.5vw, 12px);
    width: 100%;
  }
  .pb-hero-model-1__btn {
    flex: 1 1 0;
    min-width: 0;
    padding: 12px clamp(12px, 3vw, 18px);
    font-size: clamp(13px, 3.4vw, 15px);
    line-height: 1.3;
    white-space: normal;
    text-align: center;
  }
  .pb-hero-model-1__media {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .pb-hero-model-1__btn {
    padding: 11px 10px;
    font-size: 13px;
  }
}

@keyframes pbHeroFadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pbHeroFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*--------------------------------------------------------------
# Page Builder Hero Models — Model 1
--------------------------------------------------------------*/
.pb-hero-models-model-1.section,
.pb-hero-models-model-1 {
  position: relative;
  padding: 0;
  overflow: hidden;
  min-height: 720px;
  background-color: transparent;
}
@media (max-width: 992px) {
  .pb-hero-models-model-1.section,
  .pb-hero-models-model-1 {
    min-height: 640px;
  }
}

.pb-hero-models-model-1 > .pb-ready-model__layer.pb-hero-models-model-1__slider,
.pb-hero-models-model-1__slider.pb-ready-model__layer,
.pb-hero-models-model-1__slider {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.pb-hero-models-model-1__slider.swiper {
  height: 100%;
}
.pb-hero-models-model-1__slider .swiper-wrapper {
  height: 100% !important;
}
.pb-hero-models-model-1__slider .swiper-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-height: 100%;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.pb-hero-models-model-1__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, var(--accent-color) 75%, var(--heading-color)) 82%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--accent-color) 70%, var(--heading-color)) 72%, transparent) 55%, color-mix(in srgb, color-mix(in srgb, var(--accent-color) 65%, var(--heading-color)) 55%, transparent) 100%);
  z-index: 2;
  pointer-events: none;
}

.pb-hero-models-model-1__container {
  position: relative;
  z-index: 3;
  padding-top: 152px;
  padding-bottom: 80px;
}

.pb-hero-models-model-1__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--contrast-color);
  background-color: color-mix(in srgb, var(--contrast-color) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--contrast-color) 25%, transparent);
  border-radius: var(--button-border-radius);
  backdrop-filter: blur(8px);
  margin-bottom: 24px;
}
.pb-hero-models-model-1__badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--contrast-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--contrast-color) 30%, transparent);
}
.pb-hero-models-model-1__headline {
  font-family: var(--heading-font);
  font-size: 56px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--contrast-color);
  margin-bottom: 16px;
  max-width: 640px;
}
@media (max-width: 992px) {
  .pb-hero-models-model-1__headline {
    font-size: 44px;
  }
}
@media (max-width: 576px) {
  .pb-hero-models-model-1__headline {
    font-size: 32px;
  }
}
.pb-hero-models-model-1__subtext {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--contrast-color) 80%, transparent);
  margin-bottom: 32px;
  max-width: 560px;
}
.pb-hero-models-model-1__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}
.pb-hero-models-model-1__video-wrap {
  display: inline-flex;
}
.pb-hero-models-model-1__btn {
  height: 44px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  transition: all 0.2s ease;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
}
.pb-hero-models-model-1__btn--solid {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-hero-models-model-1__btn--solid:hover {
  background-color: color-mix(in srgb, var(--accent-color) 85%, var(--heading-color));
  border-color: color-mix(in srgb, var(--accent-color) 85%, var(--heading-color));
  color: var(--contrast-color);
}
.pb-hero-models-model-1__btn--solid:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 30%, transparent);
}
.pb-hero-models-model-1__btn--outline {
  background-color: color-mix(in srgb, var(--contrast-color) 8%, transparent);
  color: var(--contrast-color);
  border-color: color-mix(in srgb, var(--contrast-color) 30%, transparent);
  backdrop-filter: blur(8px);
}
.pb-hero-models-model-1__btn--outline i {
  font-size: 18px;
  color: var(--contrast-color);
}
.pb-hero-models-model-1__btn--outline:hover {
  background-color: color-mix(in srgb, var(--contrast-color) 18%, transparent);
  border-color: color-mix(in srgb, var(--contrast-color) 50%, transparent);
  color: var(--contrast-color);
}
.pb-hero-models-model-1__btn--outline:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--contrast-color) 20%, transparent);
}
.pb-hero-models-model-1__meta {
  list-style: none;
  padding: 24px 0 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  border-top: 1px solid color-mix(in srgb, var(--contrast-color) 18%, transparent);
}
@media (max-width: 576px) {
  .pb-hero-models-model-1__meta {
    gap: 16px;
  }
}
.pb-hero-models-model-1__meta-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: color-mix(in srgb, var(--contrast-color) 85%, transparent);
  text-decoration: none;
  transition: color 0.2s ease;
}
.pb-hero-models-model-1__meta-link i {
  font-size: 16px;
  color: var(--contrast-color);
}
.pb-hero-models-model-1__meta-link:hover {
  color: var(--contrast-color);
}
.pb-hero-models-model-1__meta-link:hover i {
  color: var(--contrast-color);
}
.pb-hero-models-model-1__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pb-hero-models-model-1__info-card {
  background-color: color-mix(in srgb, var(--background-color) 96%, transparent);
  border: 1px solid color-mix(in srgb, var(--contrast-color) 20%, transparent);
  border-radius: var(--card-border-radius);
  padding: 20px;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--heading-color), transparent 82%);
  backdrop-filter: blur(12px);
  transition: all 0.2s ease;
}
.pb-hero-models-model-1__info-card:hover {
  border-color: color-mix(in srgb, var(--accent-color) 40%, transparent);
  box-shadow: 0 14px 32px color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-hero-models-model-1__info-card--emergency {
  display: flex;
  align-items: center;
  gap: 14px;
}
.pb-hero-models-model-1__info-card--stats {
  display: flex;
  align-items: center;
  gap: 24px;
}
.pb-hero-models-model-1__card-icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--button-border-radius);
  background-color: color-mix(in srgb, var(--accent-color) 14%, transparent);
  color: var(--accent-color);
  font-size: 18px;
  flex-shrink: 0;
}
.pb-hero-models-model-1__card-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-grow: 1;
  min-width: 0;
}
.pb-hero-models-model-1__card-label {
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--default-color) 60%, transparent);
}
.pb-hero-models-model-1__card-value {
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  color: var(--heading-color);
}
.pb-hero-models-model-1__card-action {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--button-border-radius);
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-size: 14px;
  flex-shrink: 0;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
.pb-hero-models-model-1__card-action:hover {
  background-color: color-mix(in srgb, var(--accent-color) 85%, var(--heading-color));
  color: var(--contrast-color);
}
.pb-hero-models-model-1__stat-cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.pb-hero-models-model-1__stat-number {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1;
  letter-spacing: -0.01em;
}
.pb-hero-models-model-1__stat-label {
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color) 60%, transparent);
}
.pb-hero-models-model-1__stat-divider {
  width: 1px;
  height: 36px;
  background-color: color-mix(in srgb, var(--default-color) 14%, transparent);
}
.pb-hero-models-model-1__review-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.pb-hero-models-model-1__review-rating {
  display: inline-flex;
  gap: 2px;
}
.pb-hero-models-model-1__review-rating i {
  color: var(--accent-color);
  font-size: 14px;
}
.pb-hero-models-model-1__review-score {
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--heading-color);
}
.pb-hero-models-model-1__review-quote {
  font-family: var(--default-font);
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color) 85%, transparent);
  margin: 0 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-hero-models-model-1__review-author {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pb-hero-models-model-1__author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.pb-hero-models-model-1__author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pb-hero-models-model-1__author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pb-hero-models-model-1__author-name {
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
}
.pb-hero-models-model-1__author-role {
  font-family: var(--default-font);
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color) 60%, transparent);
}
.pb-hero-models-model-1__metrics {
  margin-top: 64px;
  padding: 24px;
  background-color: color-mix(in srgb, var(--background-color) 96%, transparent);
  border: 1px solid color-mix(in srgb, var(--contrast-color) 18%, transparent);
  border-radius: var(--card-border-radius);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--heading-color), transparent 85%);
  backdrop-filter: blur(12px);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 992px) {
  .pb-hero-models-model-1__metrics {
    margin-top: 48px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .pb-hero-models-model-1__metrics {
    grid-template-columns: 1fr;
  }
}
.pb-hero-models-model-1__metric {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 12px;
  border-right: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-hero-models-model-1__metric:last-child {
  border-right: none;
}
@media (max-width: 992px) {
  .pb-hero-models-model-1__metric:nth-child(2n) {
    border-right: none;
  }
}
@media (max-width: 480px) {
  .pb-hero-models-model-1__metric {
    border-right: none;
    border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
    padding-bottom: 16px;
  }
  .pb-hero-models-model-1__metric:last-child {
    border-bottom: none;
    padding-bottom: 8px;
  }
}
.pb-hero-models-model-1__metric-icon {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--button-border-radius);
  background-color: color-mix(in srgb, var(--accent-color) 12%, transparent);
  color: var(--accent-color);
  font-size: 20px;
}
.pb-hero-models-model-1__metric-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pb-hero-models-model-1__metric-number {
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: 700;
  color: var(--heading-color);
  letter-spacing: -0.01em;
  line-height: 1;
}
.pb-hero-models-model-1__metric-label {
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color) 65%, transparent);
}

/*--------------------------------------------------------------
# Page Builder Hero Models — Model 2
--------------------------------------------------------------*/
.pb-hero-models-model-2 {
  overflow: visible;
  background-color: transparent;
}
.pb-hero-models-model-2__layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-height: auto;
}
.pb-hero-models-model-2__content {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.pb-hero-models-model-2__badge {
  display: inline-block;
  align-self: flex-start;
  padding: 6px 16px;
  margin-top: 0;
  margin-bottom: 24px;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.pb-hero-models-model-2__title {
  margin: 0 0 24px;
  font-family: var(--heading-font);
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: var(--heading-color);
}
.pb-hero-models-model-2__title-accent {
  color: var(--accent-color);
}
.pb-hero-models-model-2__description {
  margin: 0 0 40px;
  font-family: var(--default-font);
  font-size: clamp(1rem, 1.4vw, 1.125rem);
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 18%);
}
.pb-hero-models-model-2__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.pb-hero-models-model-2__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  font-family: var(--default-font);
  font-size: 16px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  border: 1px solid transparent;
}
.pb-hero-models-model-2__btn--primary {
  background: var(--accent-color);
  color: var(--contrast-color);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--accent-color), transparent 72%), 0 2px 4px color-mix(in srgb, var(--accent-color), transparent 82%);
}
.pb-hero-models-model-2__btn--primary:hover, .pb-hero-models-model-2__btn--primary:focus {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 2px 4px color-mix(in srgb, var(--accent-color), transparent 68%), 0 4px 8px color-mix(in srgb, var(--accent-color), transparent 78%);
}
.pb-hero-models-model-2__btn--secondary {
  background: var(--surface-color);
  color: var(--heading-color);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-hero-models-model-2__btn--secondary:hover, .pb-hero-models-model-2__btn--secondary:focus {
  border-color: color-mix(in srgb, var(--heading-color), transparent 55%);
  transform: translateY(-2px);
  box-shadow: 0 2px 4px color-mix(in srgb, var(--heading-color), transparent 88%);
}
.pb-hero-models-model-2__media {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pb-hero-models-model-2__image {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: var(--card-border-radius);
  box-shadow: 0 20px 40px color-mix(in srgb, var(--heading-color), transparent 88%);
  background: color-mix(in srgb, var(--default-color), transparent 96%);
}
.pb-hero-models-model-2--image-left .pb-hero-models-model-2__layout {
  flex-direction: row-reverse;
}
@media (prefers-reduced-motion: no-preference) {
  .pb-hero-models-model-2__content {
    animation: pbHeroModelsModel2FadeUp 0.8s ease forwards;
  }
  .pb-hero-models-model-2__media {
    animation: pbHeroModelsModel2FadeIn 1s ease forwards;
    animation-delay: 0.2s;
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .pb-hero-models-model-2__layout {
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }
  .pb-hero-models-model-2--image-left .pb-hero-models-model-2__layout {
    flex-direction: column;
  }
  .pb-hero-models-model-2__badge {
    align-self: center;
  }
  .pb-hero-models-model-2__actions {
    justify-content: center;
    flex-wrap: nowrap;
    gap: clamp(8px, 2.5vw, 12px);
    width: 100%;
  }
  .pb-hero-models-model-2__btn {
    flex: 1 1 0;
    min-width: 0;
    padding: 12px clamp(12px, 3vw, 18px);
    font-size: clamp(13px, 3.4vw, 15px);
    line-height: 1.3;
    white-space: normal;
    text-align: center;
  }
  .pb-hero-models-model-2__media {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .pb-hero-models-model-2__btn {
    padding: 11px 10px;
    font-size: 13px;
  }
}

@keyframes pbHeroModelsModel2FadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pbHeroModelsModel2FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*--------------------------------------------------------------
# Page Builder Hero Models — Model 3
--------------------------------------------------------------*/
.pb-hero-models-model-3.section,
.pb-hero-models-model-3 {
  padding: 0;
  overflow: hidden;
  background-color: transparent;
}

.pb-hero-models-model-3__hero .pb-hero-models-model-3__visual .pb-hero-models-model-3__frame {
  position: relative;
  padding-bottom: 50px;
  padding-right: 25px;
}
@media (max-width: 992px) {
  .pb-hero-models-model-3__hero .pb-hero-models-model-3__visual .pb-hero-models-model-3__frame {
    padding-right: 0;
    max-width: 80%;
    margin: 0 auto;
  }
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__main-img {
  border-radius: var(--card-border-radius);
  box-shadow: 0 25px 60px color-mix(in srgb, var(--default-color), transparent 80%);
  width: 100%;
  object-fit: cover;
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__floating {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 140px;
  height: 140px;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 4px solid var(--background-color);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 82%);
}
@media (max-width: 576px) {
  .pb-hero-models-model-3__hero .pb-hero-models-model-3__floating {
    width: 90px;
    height: 90px;
  }
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__floating img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__trust {
  position: absolute;
  top: 20px;
  left: -15px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  padding: 10px 16px;
  font-family: var(--default-font);
  font-size: 0.82rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color), transparent 55%);
}
@media (max-width: 992px) {
  .pb-hero-models-model-3__hero .pb-hero-models-model-3__trust {
    left: 10px;
  }
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__trust i {
  font-size: 1rem;
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__content {
  padding-left: 30px;
}
@media (max-width: 992px) {
  .pb-hero-models-model-3__hero .pb-hero-models-model-3__content {
    padding-left: 0;
    text-align: center;
  }
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__intro {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  padding: 8px 18px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 0.88rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__intro i {
  font-size: 1rem;
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__headline {
  font-family: var(--heading-font);
  font-size: 2.9rem;
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 1.25rem;
  color: var(--heading-color);
}
@media (max-width: 1200px) {
  .pb-hero-models-model-3__hero .pb-hero-models-model-3__headline {
    font-size: 2.5rem;
  }
}
@media (max-width: 992px) {
  .pb-hero-models-model-3__hero .pb-hero-models-model-3__headline {
    font-size: 2.1rem;
  }
}
@media (max-width: 576px) {
  .pb-hero-models-model-3__hero .pb-hero-models-model-3__headline {
    font-size: 1.75rem;
  }
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__description {
  font-family: var(--default-font);
  font-size: 1.05rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin: 0 0 2rem;
  max-width: 540px;
}
@media (max-width: 992px) {
  .pb-hero-models-model-3__hero .pb-hero-models-model-3__description {
    max-width: 100%;
  }
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__stats {
  display: flex;
  align-items: center;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 20px 28px;
  margin-bottom: 2.5rem;
  box-shadow: 0 4px 20px color-mix(in srgb, var(--default-color), transparent 92%);
}
@media (max-width: 992px) {
  .pb-hero-models-model-3__hero .pb-hero-models-model-3__stats {
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .pb-hero-models-model-3__hero .pb-hero-models-model-3__stats {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__stat {
  flex: 1;
  text-align: center;
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__stat strong {
  display: block;
  font-size: 2rem;
  font-weight: 800;
  color: var(--accent-color);
  line-height: 1;
  margin-bottom: 5px;
  font-family: var(--heading-font);
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__stat small {
  font-family: var(--default-font);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__stat-sep {
  width: 1px;
  height: 40px;
  background: color-mix(in srgb, var(--default-color), transparent 85%);
  flex-shrink: 0;
  margin: 0 5px;
}
@media (max-width: 576px) {
  .pb-hero-models-model-3__hero .pb-hero-models-model-3__stat-sep {
    width: 50px;
    height: 1px;
    margin: 0 auto;
  }
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .pb-hero-models-model-3__hero .pb-hero-models-model-3__actions {
    justify-content: center;
  }
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__btn-primary {
  display: inline-block;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 14px 32px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__btn-primary:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__btn-video {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 1rem;
  color: var(--default-color);
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.3s ease;
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__btn-video:hover {
  color: var(--accent-color);
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__btn-video:hover .pb-hero-models-model-3__video-play {
  background: var(--accent-color);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color), transparent 65%);
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__btn-video:hover .pb-hero-models-model-3__video-play i {
  color: var(--contrast-color);
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__video-play {
  width: 46px;
  height: 46px;
  background: var(--surface-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--default-color), transparent 85%);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  flex-shrink: 0;
}
.pb-hero-models-model-3__hero .pb-hero-models-model-3__video-play i {
  color: var(--accent-color);
  font-size: 1.2rem;
  margin-left: 2px;
}
.pb-hero-models-model-3__pillars {
  position: relative;
  z-index: 1;
  margin-top: 2rem;
}
.pb-hero-models-model-3__pillar {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 2.5rem 1.75rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 30px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-top-color 0.35s ease;
  height: 100%;
  border-top: 4px solid transparent;
}
.pb-hero-models-model-3__pillar:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 87%);
  border-top-color: var(--accent-color);
}
.pb-hero-models-model-3__pillar:hover .pb-hero-models-model-3__pillar-icon {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-hero-models-model-3__pillar.is-active {
  border-top-color: var(--accent-color);
}
.pb-hero-models-model-3__pillar.is-active .pb-hero-models-model-3__pillar-icon {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-hero-models-model-3__pillar.is-active .pb-hero-models-model-3__pillar-num {
  color: color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-hero-models-model-3__pillar-num {
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 3.5rem;
  font-weight: 900;
  color: color-mix(in srgb, var(--default-color), transparent 93%);
  line-height: 1;
  font-family: var(--heading-font);
  transition: color 0.3s ease;
  user-select: none;
}
.pb-hero-models-model-3__pillar-icon {
  width: 70px;
  height: 70px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  margin: 0 auto 1.5rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.pb-hero-models-model-3__pillar-title {
  font-family: var(--heading-font);
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 0.75rem;
  color: var(--heading-color);
}
.pb-hero-models-model-3__pillar-text {
  font-family: var(--default-font);
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.65;
  margin: 0;
}
.pb-hero-models-model-3__event-card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 2rem 2.5rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  box-shadow: 0 8px 30px color-mix(in srgb, var(--default-color), transparent 92%);
  border-left: 6px solid var(--accent-color);
}
@media (max-width: 992px) {
  .pb-hero-models-model-3__event-card {
    flex-direction: column;
    text-align: center;
    padding: 2rem;
  }
}
.pb-hero-models-model-3__event-cal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--card-border-radius);
  padding: 16px 24px;
  min-width: 90px;
  flex-shrink: 0;
}
.pb-hero-models-model-3__cal-day {
  font-family: var(--heading-font);
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1;
}
.pb-hero-models-model-3__cal-month {
  font-family: var(--default-font);
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 4px;
}
.pb-hero-models-model-3__event-body {
  flex: 1;
}
.pb-hero-models-model-3__event-title {
  font-family: var(--heading-font);
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: var(--heading-color);
}
@media (max-width: 576px) {
  .pb-hero-models-model-3__event-title {
    font-size: 1.2rem;
  }
}
.pb-hero-models-model-3__event-text {
  font-family: var(--default-font);
  font-size: 0.95rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin: 0;
}
.pb-hero-models-model-3__event-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.pb-hero-models-model-3__rsvp {
  display: inline-block;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 12px 28px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  white-space: nowrap;
}
.pb-hero-models-model-3__rsvp:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-hero-models-model-3__event-note {
  font-family: var(--default-font);
  font-size: 0.85rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  display: flex;
  align-items: center;
  gap: 6px;
}
.pb-hero-models-model-3__event-note i {
  color: var(--accent-color);
}

.pb-hero-models-model-3__pillars + .pb-hero-models-model-3__event,
.pb-hero-models-model-3__hero + .pb-hero-models-model-3__event {
  margin-top: 2rem;
}

/*--------------------------------------------------------------
# Page Builder Hero Models — Model 4
--------------------------------------------------------------*/
.pb-hero-models-model-4.section,
.pb-hero-models-model-4 {
  padding: 0;
  overflow: visible;
  background-color: transparent;
}

.pb-hero-models-model-4__badge {
  display: inline-block;
  padding: 8px 20px;
  font-family: var(--default-font);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
  margin-bottom: 1.25rem;
  text-transform: uppercase;
}
.pb-hero-models-model-4__heading {
  font-family: var(--heading-font);
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 1.25rem;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-hero-models-model-4__heading {
    font-size: 2.2rem;
  }
}
.pb-hero-models-model-4__description {
  font-family: var(--default-font);
  font-size: 1.1rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin: 0 0 2rem;
  max-width: 520px;
}
.pb-hero-models-model-4__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}
.pb-hero-models-model-4__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 32px;
  font-family: var(--default-font);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--contrast-color);
  background-color: var(--accent-color);
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-hero-models-model-4__btn-primary:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-hero-models-model-4__btn-primary:hover i {
  transform: translateX(4px);
}
.pb-hero-models-model-4__btn-primary i {
  font-size: 1.1rem;
  transition: transform 0.3s ease;
}
.pb-hero-models-model-4__btn-outline {
  display: inline-flex;
  align-items: center;
  padding: 14px 32px;
  font-family: var(--default-font);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--default-color);
  border: 2px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: border-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.pb-hero-models-model-4__btn-outline:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
  transform: translateY(-2px);
}
.pb-hero-models-model-4__stats {
  display: flex;
  gap: 2.5rem;
  flex-wrap: wrap;
}
.pb-hero-models-model-4__stat h3 {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 800;
  color: var(--accent-color);
  margin: 0 0 0.15rem;
}
.pb-hero-models-model-4__stat p {
  font-family: var(--default-font);
  font-size: 0.85rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
  font-weight: 500;
}
.pb-hero-models-model-4__mosaic {
  display: flex;
  gap: 1rem;
  position: relative;
}
@media (max-width: 576px) {
  .pb-hero-models-model-4__mosaic {
    gap: 0.75rem;
  }
}
.pb-hero-models-model-4__mosaic-col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
}
@media (max-width: 576px) {
  .pb-hero-models-model-4__mosaic-col {
    gap: 0.75rem;
  }
}
.pb-hero-models-model-4__mosaic-col--left {
  padding-top: 2.5rem;
}
@media (max-width: 576px) {
  .pb-hero-models-model-4__mosaic-col--left {
    padding-top: 1.5rem;
  }
}
.pb-hero-models-model-4__mosaic-col--right {
  padding-bottom: 2.5rem;
}
@media (max-width: 576px) {
  .pb-hero-models-model-4__mosaic-col--right {
    padding-bottom: 1.5rem;
  }
}
.pb-hero-models-model-4__mosaic-img {
  overflow: hidden;
  border-radius: var(--card-border-radius);
}
.pb-hero-models-model-4__mosaic-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-hero-models-model-4__mosaic-img img:hover {
  transform: scale(1.06);
}
.pb-hero-models-model-4__mosaic-img--large {
  flex: 1.6;
}
.pb-hero-models-model-4__mosaic-img--small {
  flex: 1;
}
.pb-hero-models-model-4__floating {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  background-color: var(--surface-color);
  border-radius: var(--button-border-radius);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 85%);
  white-space: nowrap;
  z-index: 2;
}
.pb-hero-models-model-4__floating i {
  font-size: 1.25rem;
  color: var(--accent-color);
}
.pb-hero-models-model-4__floating span {
  font-family: var(--default-font);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--heading-color);
}

/*--------------------------------------------------------------
# Page Builder Hero Models — Model 5
--------------------------------------------------------------*/
section.section.pb-hero-models-model-5,
section.pb-hero-models-model-5,
.section.pb-hero-models-model-5,
.pb-hero-models-model-5 {
  padding: 0;
  overflow: visible;
  position: relative;
  background-color: transparent;
}

.pb-hero-models-model-5 .row,
.pb-hero-models-model-5 [class*=col-],
.pb-hero-models-model-5 .site-container {
  overflow: visible;
}
.pb-hero-models-model-5 a.pb-hero-models-model-5__btn-primary,
.pb-hero-models-model-5 a.pb-hero-models-model-5__btn-primary:hover,
.pb-hero-models-model-5 a.pb-hero-models-model-5__btn-primary:focus {
  color: var(--contrast-color);
}
.pb-hero-models-model-5__content {
  padding-right: 2rem;
  white-space: normal;
}
@media (max-width: 992px) {
  .pb-hero-models-model-5__content {
    padding-right: 0;
    text-align: center;
  }
}
.pb-hero-models-model-5__label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  padding: 10px 20px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.pb-hero-models-model-5__label i {
  font-size: 1rem;
}
.pb-hero-models-model-5__heading {
  font-family: var(--heading-font);
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 1.5rem;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-hero-models-model-5__heading {
    font-size: 2.25rem;
  }
}
.pb-hero-models-model-5__description {
  font-family: var(--default-font);
  font-size: 1.0625rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin: 0 0 2rem;
  white-space: normal;
}
.pb-hero-models-model-5__actions {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .pb-hero-models-model-5__actions {
    justify-content: center;
  }
}
.pb-hero-models-model-5__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 14px 32px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-hero-models-model-5__btn-primary i {
  transition: transform 0.3s ease;
}
.pb-hero-models-model-5__btn-primary:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-hero-models-model-5__btn-primary:hover i {
  transform: translateX(4px);
}
.pb-hero-models-model-5__video-wrap {
  display: inline-flex;
}
.pb-hero-models-model-5__btn-video {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--heading-color);
  font-family: var(--default-font);
  font-weight: 600;
  cursor: pointer;
  transition: color 0.3s ease;
}
.pb-hero-models-model-5__btn-video:hover {
  color: var(--accent-color);
}
.pb-hero-models-model-5__btn-video:hover .pb-hero-models-model-5__video-circle {
  background: var(--accent-color);
  border-color: var(--accent-color);
  transform: scale(1.1);
}
.pb-hero-models-model-5__btn-video:hover .pb-hero-models-model-5__video-circle i {
  color: var(--contrast-color);
}
.pb-hero-models-model-5__video-circle {
  width: 50px;
  height: 50px;
  background: var(--surface-color);
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  flex-shrink: 0;
}
.pb-hero-models-model-5__video-circle i {
  font-size: 1.25rem;
  color: var(--accent-color);
  margin-left: 2px;
}
.pb-hero-models-model-5__stats {
  display: flex;
  gap: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .pb-hero-models-model-5__stats {
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .pb-hero-models-model-5__stats {
    gap: 1.5rem;
  }
}
.pb-hero-models-model-5__stat {
  text-align: left;
}
@media (max-width: 992px) {
  .pb-hero-models-model-5__stat {
    text-align: center;
  }
}
.pb-hero-models-model-5__stat-number {
  display: block;
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 800;
  color: var(--accent-color);
  line-height: 1.2;
}
.pb-hero-models-model-5__stat-label {
  font-family: var(--default-font);
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-hero-models-model-5__visual {
  position: relative;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  overflow: visible;
}
@media (max-width: 992px) {
  .pb-hero-models-model-5__visual {
    flex-direction: column;
  }
}
.pb-hero-models-model-5__media {
  position: relative;
  flex: 1;
  min-width: 0;
  overflow: visible;
}
.pb-hero-models-model-5__image {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
  border-radius: var(--card-border-radius);
  box-shadow: 0 25px 60px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-hero-models-model-5__badge {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--surface-color);
  padding: 12px 18px;
  border-radius: var(--card-border-radius);
  box-shadow: 0 10px 40px color-mix(in srgb, var(--default-color), transparent 85%);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--heading-color);
  white-space: nowrap;
}
.pb-hero-models-model-5__badge i {
  font-size: 1.125rem;
  color: var(--accent-color);
}
.pb-hero-models-model-5__badge--top {
  top: -15px;
  right: 10px;
}
@media (min-width: 1201px) {
  .pb-hero-models-model-5__badge--top {
    right: -20px;
  }
}
.pb-hero-models-model-5__badge--bottom {
  bottom: 30px;
  left: 10px;
}
@media (min-width: 1201px) {
  .pb-hero-models-model-5__badge--bottom {
    left: -30px;
  }
}
.pb-hero-models-model-5__side-cards {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: 180px;
}
@media (max-width: 992px) {
  .pb-hero-models-model-5__side-cards {
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .pb-hero-models-model-5__side-cards {
    flex-direction: column;
    align-items: center;
  }
}
.pb-hero-models-model-5__side-card {
  background: var(--surface-color);
  padding: 1.5rem;
  border-radius: var(--card-border-radius);
  box-shadow: 0 10px 40px color-mix(in srgb, var(--default-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
}
@media (max-width: 992px) {
  .pb-hero-models-model-5__side-card {
    flex: 1;
    max-width: 200px;
  }
}
.pb-hero-models-model-5__side-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 50px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-hero-models-model-5__side-card h5 {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0 0 0.25rem;
}
.pb-hero-models-model-5__side-card p {
  font-family: var(--default-font);
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin: 0;
  white-space: normal;
}
.pb-hero-models-model-5__side-icon {
  width: 56px;
  height: 56px;
  background: var(--accent-color);
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
}
.pb-hero-models-model-5__side-icon i {
  font-size: 1.5rem;
  color: var(--contrast-color);
}

/*--------------------------------------------------------------
# Page Builder Hero Models — Model 6
--------------------------------------------------------------*/
.pb-hero-models-model-6.section,
.pb-hero-models-model-6 {
  padding: 0;
  position: relative;
  overflow: visible;
  background-color: transparent;
}

.pb-hero-models-model-6__tag {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-family: var(--default-font);
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 16px;
}
.pb-hero-models-model-6__heading {
  font-family: var(--heading-font);
  font-size: 56px;
  line-height: 1.1;
  font-weight: 800;
  margin: 0 0 16px;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-hero-models-model-6__heading {
    font-size: 44px;
  }
}
.pb-hero-models-model-6__description {
  font-family: var(--default-font);
  font-size: 18px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin: 0 0 32px;
}
.pb-hero-models-model-6__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .pb-hero-models-model-6__actions {
    flex-direction: column;
  }
}
.pb-hero-models-model-6__btn {
  min-width: 160px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--default-font);
  font-weight: 600;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 768px) {
  .pb-hero-models-model-6__btn {
    width: 100%;
  }
}
.pb-hero-models-model-6__btn--primary {
  background: var(--accent-color);
  color: var(--contrast-color);
  border: 1px solid transparent;
}
.pb-hero-models-model-6__btn--primary:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.pb-hero-models-model-6__btn--outline {
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 40%);
  color: var(--default-color);
  background: transparent;
}
.pb-hero-models-model-6__btn--outline:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-hero-models-model-6__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 992px) {
  .pb-hero-models-model-6__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .pb-hero-models-model-6__metrics {
    grid-template-columns: 1fr;
  }
}
.pb-hero-models-model-6__metric {
  padding: 16px;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  text-align: center;
}
.pb-hero-models-model-6__metric-value {
  display: block;
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--heading-color);
}
.pb-hero-models-model-6__metric-label {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-hero-models-model-6__media {
  position: relative;
  padding-bottom: 24px;
}
.pb-hero-models-model-6__image {
  border-radius: var(--card-border-radius);
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 75%);
  width: 100%;
  display: block;
}
.pb-hero-models-model-6__card {
  position: absolute;
  left: 24px;
  bottom: -24px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 24px;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  color: var(--default-color);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--default-color), transparent 85%);
  max-width: calc(100% - 48px);
}
@media (max-width: 992px) {
  .pb-hero-models-model-6__card {
    position: static;
    margin-top: 24px;
    max-width: 100%;
  }
}
.pb-hero-models-model-6__card h3 {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--heading-color);
}
.pb-hero-models-model-6__card p {
  margin: 0;
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-hero-models-model-6__card-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

/*--------------------------------------------------------------
# Page Builder Hero Models — Model 7
--------------------------------------------------------------*/
section.section.pb-hero-models-model-7,
section.pb-hero-models-model-7,
.section.pb-hero-models-model-7,
.pb-hero-models-model-7 {
  padding: 0;
  overflow: visible;
  position: relative;
  background-color: transparent;
}

.pb-hero-models-model-7 a.pb-hero-models-model-7__btn-primary,
.pb-hero-models-model-7 a.pb-hero-models-model-7__btn-primary:hover,
.pb-hero-models-model-7 a.pb-hero-models-model-7__btn-primary:focus {
  color: var(--contrast-color);
}
.pb-hero-models-model-7.pb-ready-model .pb-hero-models-model-7__text, .pb-hero-models-model-7.pb-ready-model .pb-hero-models-model-7__description, .pb-hero-models-model-7.pb-ready-model .pb-hero-models-model-7__heading, .pb-hero-models-model-7.pb-ready-model .pb-hero-models-model-7__badge, .pb-hero-models-model-7.pb-ready-model .pb-hero-models-model-7__card-overlay h4, .pb-hero-models-model-7.pb-ready-model .pb-hero-models-model-7__card-overlay p {
  white-space: normal;
}
.pb-hero-models-model-7__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pb-hero-models-model-7__text {
  text-align: center;
  max-width: 800px;
  margin-bottom: 4rem;
}
@media (max-width: 992px) {
  .pb-hero-models-model-7__text {
    margin-bottom: 3rem;
  }
}
.pb-hero-models-model-7__badge {
  display: inline-block;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  padding: 8px 20px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
}
.pb-hero-models-model-7__heading {
  font-family: var(--heading-font);
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 1.5rem;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-hero-models-model-7__heading {
    font-size: 2.25rem;
  }
}
.pb-hero-models-model-7__description {
  font-family: var(--default-font);
  font-size: 1.125rem;
  line-height: 1.8;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin: 0 auto 2.5rem;
  max-width: 650px;
}
.pb-hero-models-model-7__buttons {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  flex-wrap: wrap;
}
.pb-hero-models-model-7__btn-primary {
  display: inline-flex;
  align-items: center;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 10px 36px 12px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-hero-models-model-7__btn-primary:hover {
  background: color-mix(in srgb, var(--accent-color), black 15%);
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 12px 40px color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-hero-models-model-7__video-wrap {
  display: inline-flex;
}
.pb-hero-models-model-7__btn-video {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--heading-color);
  background: transparent;
  border: 0;
  padding: 10px 24px;
  font-family: var(--default-font);
  font-weight: 600;
  cursor: pointer;
  transition: color 0.3s ease;
}
.pb-hero-models-model-7__btn-video:hover {
  color: var(--accent-color);
}
.pb-hero-models-model-7__btn-video:hover .pb-hero-models-model-7__play {
  background: var(--accent-color);
  transform: scale(1.1);
}
.pb-hero-models-model-7__btn-video:hover .pb-hero-models-model-7__play i {
  color: var(--contrast-color);
}
.pb-hero-models-model-7__play {
  width: 44px;
  height: 44px;
  background: var(--surface-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--default-color), transparent 85%);
  transition: background-color 0.3s ease, transform 0.3s ease;
  flex-shrink: 0;
}
.pb-hero-models-model-7__play i {
  font-size: 1.25rem;
  color: var(--accent-color);
  margin-left: 3px;
}
.pb-hero-models-model-7__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 100%;
}
@media (max-width: 992px) {
  .pb-hero-models-model-7__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .pb-hero-models-model-7__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.pb-hero-models-model-7__card {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  aspect-ratio: 4/3;
  box-shadow: 0 15px 50px color-mix(in srgb, var(--default-color), transparent 88%);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.pb-hero-models-model-7__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 60px color-mix(in srgb, var(--default-color), transparent 80%);
}
.pb-hero-models-model-7__card:hover .pb-hero-models-model-7__card-image img {
  transform: scale(1.1);
}
.pb-hero-models-model-7__card:hover .pb-hero-models-model-7__card-overlay {
  background: linear-gradient(180deg, transparent 20%, color-mix(in srgb, var(--accent-color), transparent 20%) 100%);
}
.pb-hero-models-model-7__card-image {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.pb-hero-models-model-7__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.5s ease;
  will-change: transform;
}
.pb-hero-models-model-7__card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 2rem 1.5rem 1.5rem;
  background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--default-color), transparent 30%) 100%);
  transition: background 0.4s ease;
}
.pb-hero-models-model-7__card-overlay h4 {
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--contrast-color);
  margin: 0 0 0.25rem;
}
.pb-hero-models-model-7__card-overlay p {
  font-family: var(--default-font);
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  margin: 0;
}
.pb-hero-models-model-7__card-icon {
  width: 48px;
  height: 48px;
  background: var(--accent-color);
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.pb-hero-models-model-7__card-icon i {
  font-size: 1.5rem;
  color: var(--contrast-color);
}

/*--------------------------------------------------------------
# Page Builder Hero Models — Model 8
--------------------------------------------------------------*/
section.section.pb-hero-models-model-8,
section.pb-hero-models-model-8,
.section.pb-hero-models-model-8,
.pb-hero-models-model-8 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: hidden;
}

section.section.pb-hero-models-model-8.pb-ready-model--has-bg,
section.pb-hero-models-model-8.pb-ready-model--has-bg,
.section.pb-hero-models-model-8.pb-ready-model--has-bg,
.pb-hero-models-model-8.pb-ready-model--has-bg {
  overflow: visible;
}

.pb-hero-models-model-8 a.pb-hero-models-model-8__btn-primary,
.pb-hero-models-model-8 a.pb-hero-models-model-8__btn-primary:hover,
.pb-hero-models-model-8 a.pb-hero-models-model-8__btn-primary:focus {
  color: var(--contrast-color);
}
.pb-hero-models-model-8.pb-ready-model .pb-hero-models-model-8__header, .pb-hero-models-model-8.pb-ready-model .pb-hero-models-model-8__title, .pb-hero-models-model-8.pb-ready-model .pb-hero-models-model-8__subtitle, .pb-hero-models-model-8.pb-ready-model .pb-hero-models-model-8__badge, .pb-hero-models-model-8.pb-ready-model .pb-hero-models-model-8__number, .pb-hero-models-model-8.pb-ready-model .pb-hero-models-model-8__label {
  white-space: normal;
}
.pb-hero-models-model-8.pb-ready-model .pb-hero-models-model-8__label {
  white-space: nowrap;
}
.pb-hero-models-model-8.pb-ready-model--has-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent-color), transparent 94%) 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}
.pb-hero-models-model-8.pb-ready-model--has-bg::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent-color), transparent 96%) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}
.pb-hero-models-model-8__wrapper {
  position: relative;
  z-index: 2;
}
.pb-hero-models-model-8__header {
  max-width: 800px;
  margin: 0 auto 60px;
}
@media (max-width: 768px) {
  .pb-hero-models-model-8__header {
    margin-bottom: 40px;
  }
}
.pb-hero-models-model-8__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  padding: 10px 20px;
  border-radius: var(--button-border-radius);
  margin-bottom: 28px;
}
.pb-hero-models-model-8__badge i {
  color: var(--accent-color);
  font-size: 1rem;
}
.pb-hero-models-model-8__badge span {
  font-family: var(--default-font);
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--accent-color);
}
.pb-hero-models-model-8__title {
  font-family: var(--heading-font);
  font-size: 3.75rem;
  font-weight: 800;
  line-height: 1.1;
  margin: 0 0 24px;
  color: var(--heading-color);
  letter-spacing: -1px;
}
@media (max-width: 1200px) {
  .pb-hero-models-model-8__title {
    font-size: 3.25rem;
  }
}
@media (max-width: 992px) {
  .pb-hero-models-model-8__title {
    font-size: 2.75rem;
  }
}
@media (max-width: 576px) {
  .pb-hero-models-model-8__title {
    font-size: 2rem;
    letter-spacing: -0.5px;
  }
}
.pb-hero-models-model-8__subtitle {
  font-family: var(--default-font);
  font-size: 1.125rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  max-width: 600px;
  margin: 0 auto 36px;
}
@media (max-width: 768px) {
  .pb-hero-models-model-8__subtitle {
    font-size: 1rem;
  }
}
.pb-hero-models-model-8__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .pb-hero-models-model-8__actions {
    flex-direction: column;
    gap: 16px;
  }
}
.pb-hero-models-model-8__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color), black 15%) 100%);
  color: var(--contrast-color);
  padding: 14px 28px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 0.9375rem;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 20px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-hero-models-model-8__btn-primary i {
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}
.pb-hero-models-model-8__btn-primary:hover {
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-color), transparent 45%);
}
.pb-hero-models-model-8__btn-primary:hover i {
  transform: translateY(3px);
}
.pb-hero-models-model-8__video-wrap {
  display: inline-flex;
}
.pb-hero-models-model-8__btn-video {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--heading-color);
  background: transparent;
  border: 0;
  font-family: var(--default-font);
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 8px 16px;
  cursor: pointer;
}
.pb-hero-models-model-8__btn-video:hover {
  color: var(--accent-color);
}
.pb-hero-models-model-8__btn-video:hover .pb-hero-models-model-8__play {
  background: var(--accent-color);
  border-color: var(--accent-color);
}
.pb-hero-models-model-8__btn-video:hover .pb-hero-models-model-8__play i {
  color: var(--contrast-color);
}
.pb-hero-models-model-8__play {
  width: 44px;
  height: 44px;
  background: var(--surface-color);
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 50%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.pb-hero-models-model-8__play i {
  font-size: 1.125rem;
  color: var(--accent-color);
  margin-left: 2px;
}
.pb-hero-models-model-8__metrics {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  background: var(--surface-color);
  padding: 40px 50px;
  border-radius: var(--card-border-radius);
  box-shadow: 0 10px 60px color-mix(in srgb, var(--default-color), transparent 92%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 992px) {
  .pb-hero-models-model-8__metrics {
    flex-wrap: wrap;
    gap: 30px;
    padding: 30px;
  }
}
@media (max-width: 576px) {
  .pb-hero-models-model-8__metrics {
    flex-direction: column;
    gap: 24px;
    padding: 24px;
  }
}
.pb-hero-models-model-8__divider {
  width: 1px;
  height: 60px;
  background: color-mix(in srgb, var(--default-color), transparent 88%);
  flex-shrink: 0;
}
@media (max-width: 992px) {
  .pb-hero-models-model-8__divider {
    display: none;
  }
}
.pb-hero-models-model-8__metric {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  justify-content: center;
}
@media (max-width: 992px) {
  .pb-hero-models-model-8__metric {
    flex: 0 0 calc(50% - 15px);
    justify-content: flex-start;
  }
}
@media (max-width: 576px) {
  .pb-hero-models-model-8__metric {
    flex: 1 1 100%;
    justify-content: flex-start;
    width: 220px;
    max-width: 100%;
    margin: 0 auto;
  }
}
.pb-hero-models-model-8__metric:hover .pb-hero-models-model-8__circle {
  transform: scale(1.05);
  border-color: var(--accent-color);
}
.pb-hero-models-model-8__circle {
  width: 60px;
  height: 60px;
  min-width: 60px;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.pb-hero-models-model-8__circle i {
  font-size: 1.375rem;
  color: var(--accent-color);
}
.pb-hero-models-model-8__circle--filled {
  background: var(--accent-color);
  border-color: var(--accent-color);
}
.pb-hero-models-model-8__circle--filled i {
  color: var(--contrast-color);
}
.pb-hero-models-model-8__circle--outlined {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-hero-models-model-8__metric-content {
  min-width: 0;
}
.pb-hero-models-model-8__number {
  font-family: var(--heading-font);
  font-size: 1.875rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.1;
  margin: 0 0 4px;
}
.pb-hero-models-model-8__label {
  font-family: var(--default-font);
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
}

/*--------------------------------------------------------------
# Page Builder Ready Models — Base
--------------------------------------------------------------*/
.pb-ready-model.pb-ready-model--has-bg {
  overflow: visible;
  background-color: transparent;
}

section.section.pb-ready-model.pb-ready-model--has-bg,
section.pb-ready-model.pb-ready-model--has-bg,
.section.pb-ready-model.pb-ready-model--has-bg {
  overflow: visible;
}

.pb-ready-model__bg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  top: calc(-1 * var(--pb-section-bg-bleed-top, 0px));
  bottom: calc(-1 * var(--pb-section-bg-bleed-bottom, 0px));
  background: var(--pb-ready-bg);
  pointer-events: none;
  z-index: 0;
}

.pb-ready-model {
  position: relative;
  background-color: transparent;
}
.pb-ready-model > .site-container,
.pb-ready-model > *:not(.pb-ready-model__bg):not(.pb-ready-model__layer) {
  position: relative;
  z-index: 1;
}
.pb-ready-model .detail-page-title__desc,
.pb-ready-model [class*=__text],
.pb-ready-model [class*=__lead],
.pb-ready-model [class*=__description],
.pb-ready-model [class*=__desc],
.pb-ready-model [class*=__cta-text],
.pb-ready-model [class*=__banner-text],
.pb-ready-model [class*=__intro-text],
.pb-ready-model [class*=__featured-text],
.pb-ready-model [class*=__card-text],
.pb-ready-model [class*=__item-text],
.pb-ready-model [class*=__sidebar-text],
.pb-ready-model [class*=__promo-text],
.pb-ready-model [class*=__overlay-text],
.pb-ready-model [class*=__capability-text],
.pb-ready-model [class*=__icon-text],
.pb-ready-model [class*=__card-description],
.pb-ready-model [class*=__feature-text] {
  white-space: pre-line;
}

section.pb-ready-model,
.section.pb-ready-model,
section.section.pb-ready-model {
  background-color: transparent;
}

.index-page .main > .pb-section-wrap > section.pb-ready-model--has-bg.section,
.index-page .main > .pb-section-wrap > section.pb-ready-model--has-bg,
.index-page .main > section.pb-ready-model--has-bg.section,
.index-page .main > section.pb-ready-model--has-bg,
.builder-page .main > .pb-section-wrap > section.pb-ready-model--has-bg.section,
.builder-page .main > .pb-section-wrap > section.pb-ready-model--has-bg,
.builder-page .main > section.pb-ready-model--has-bg.section,
.builder-page .main > section.pb-ready-model--has-bg {
  background-color: transparent;
}

.pb-section-wrap {
  overflow: visible;
}

/*--------------------------------------------------------------
# Custom HTML/CSS Model
--------------------------------------------------------------*/
.pb-custom-model {
  isolation: isolate;
}

.pb-custom-model__content {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.pb-custom-model__content img,
.pb-custom-model__content video,
.pb-custom-model__content iframe,
.pb-custom-model__content table {
  max-width: 100%;
  height: auto;
}

.pb-custom-model__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 2.5rem 1.25rem;
  text-align: center;
  color: var(--default-color, #6c757d);
  border: 1px dashed color-mix(in srgb, var(--accent-color, #0d6efd) 35%, transparent);
  border-radius: var(--card-border-radius, 0.5rem);
  background: color-mix(in srgb, var(--accent-color, #0d6efd) 4%, transparent);
}

.pb-custom-model__placeholder i {
  font-size: 1.75rem;
  color: var(--accent-color, #0d6efd);
}

.pb-custom-model__placeholder p {
  margin: 0;
  font-size: 0.95rem;
}

/*--------------------------------------------------------------
# Page Builder CTA — Model 1
--------------------------------------------------------------*/
.pb-cta-model-1 {
  overflow: visible;
}
.pb-cta-model-1__card {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), #000 52%);
  padding: clamp(2.5rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3rem);
  text-align: center;
}
.pb-cta-model-1__pattern {
  position: absolute;
  inset: 0 auto 0 0;
  width: min(42%, 280px);
  background-image: radial-gradient(color-mix(in srgb, var(--contrast-color), transparent 82%) 1px, transparent 1px);
  background-size: 14px 14px;
  opacity: 0.35;
  pointer-events: none;
  mask-image: linear-gradient(90deg, #000 0%, transparent 100%);
}
.pb-cta-model-1__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  max-width: 720px;
  margin: 0 auto;
}
.pb-cta-model-1__overline {
  margin: 0;
  font-family: var(--default-font);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--contrast-color), transparent 12%);
}
.pb-cta-model-1__title {
  margin: 0;
  font-family: var(--heading-font);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--contrast-color);
}
.pb-cta-model-1__actions {
  margin-top: 0.5rem;
}
.pb-cta-model-1__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1.35rem 0.85rem 1.5rem;
  border-radius: var(--button-border-radius);
  background: var(--contrast-color);
  color: color-mix(in srgb, var(--accent-color), #000 35%);
  text-decoration: none;
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 0.95rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.pb-cta-model-1__btn:hover, .pb-cta-model-1__btn:focus {
  color: color-mix(in srgb, var(--accent-color), #000 35%);
  transform: translateY(-1px);
  box-shadow: 0 8px 24px color-mix(in srgb, #000, transparent 75%);
}
.pb-cta-model-1__btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), #000 35%);
  color: var(--contrast-color);
  font-size: 0.95rem;
  line-height: 1;
}
@media (max-width: 767px) {
  .pb-cta-model-1__pattern {
    width: 55%;
    opacity: 0.25;
  }
  .pb-cta-model-1__btn {
    width: 100%;
    justify-content: center;
  }
}

/*--------------------------------------------------------------
# Page Builder SSS — Shared accordion helpers
--------------------------------------------------------------*/
[data-pb-sss-item] [class*=__item-panel] > *,
[data-pb-sss-item] [class*=__item-answer] > * {
  min-height: 0;
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 1
--------------------------------------------------------------*/
.pb-sss-models-model-1.pb-ready-model .pb-sss-models-model-1__sidebar-badge, .pb-sss-models-model-1.pb-ready-model .pb-sss-models-model-1__sidebar-title, .pb-sss-models-model-1.pb-ready-model .pb-sss-models-model-1__sidebar-summary, .pb-sss-models-model-1.pb-ready-model .pb-sss-models-model-1__item-meta, .pb-sss-models-model-1.pb-ready-model .pb-sss-models-model-1__item h3, .pb-sss-models-model-1.pb-ready-model .pb-sss-models-model-1__item-panel {
  white-space: normal;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 32px;
  height: 100%;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--heading-color), transparent 95%);
  position: sticky;
  top: 100px;
}
@media (max-width: 992px) {
  .pb-sss-models-model-1 .pb-sss-models-model-1__sidebar {
    position: static;
    padding: 24px;
  }
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color) 25%, transparent);
  margin-bottom: 16px;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar-title {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin-bottom: 12px;
  color: var(--heading-color);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar-summary {
  font-family: var(--default-font);
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color) 75%, transparent);
  margin-bottom: 24px;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar-divider {
  height: 1px;
  background: color-mix(in srgb, var(--heading-color), transparent 90%);
  margin: 24px 0;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar-meta {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar-meta li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
  padding: 8px 0;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar-meta li i {
  font-size: 16px;
  color: var(--accent-color);
  width: 20px;
  flex-shrink: 0;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--contrast-color);
  background: var(--accent-color);
  border-radius: var(--button-border-radius);
  border: 1px solid var(--accent-color);
  text-decoration: none;
  transition: all 0.2s ease;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar-cta i {
  font-size: 14px;
  transition: transform 0.2s ease;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar-cta:hover {
  background: color-mix(in srgb, var(--accent-color) 88%, transparent);
  color: var(--contrast-color);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar-cta:hover i {
  transform: translate(2px, -2px);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__sidebar-cta:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item {
  background-color: var(--surface-color);
  position: relative;
  padding: 24px 56px 24px 24px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 96%);
  transition: all 0.2s ease;
  cursor: pointer;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 10px color-mix(in srgb, var(--heading-color), transparent 94%);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item .pb-sss-models-model-1__item-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item .pb-sss-models-model-1__item-index {
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--default-color) 55%, transparent);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item .pb-sss-models-model-1__item-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-family: var(--default-font);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--default-color) 6%, transparent);
  color: color-mix(in srgb, var(--default-color) 75%, transparent);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item h3 {
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  margin: 0;
  transition: color 0.2s ease;
  cursor: pointer;
  color: var(--heading-color);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item .pb-sss-models-model-1__item-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease, opacity 0.2s ease, padding 0.2s ease;
  visibility: hidden;
  opacity: 0;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item .pb-sss-models-model-1__item-panel p {
  margin-bottom: 0;
  overflow: hidden;
  font-family: var(--default-font);
  font-size: 14px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color) 75%, transparent);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item .pb-sss-models-model-1__item-toggle {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--default-color) 6%, transparent);
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  transition: all 0.2s ease;
  cursor: pointer;
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item:hover .pb-sss-models-model-1__item-toggle {
  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
  color: var(--accent-color);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item.is-active {
  border-color: color-mix(in srgb, var(--accent-color) 45%, transparent);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--heading-color), transparent 94%), 0 0 0 3px color-mix(in srgb, var(--accent-color) 8%, transparent);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item.is-active h3 {
  color: var(--heading-color);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item.is-active .pb-sss-models-model-1__item-tag {
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item.is-active .pb-sss-models-model-1__item-panel {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
  padding-top: 16px;
  margin-top: 4px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 92%);
}
.pb-sss-models-model-1 .pb-sss-models-model-1__item.is-active .pb-sss-models-model-1__item-toggle {
  transform: rotate(180deg);
  background: var(--accent-color);
  color: var(--contrast-color);
}
@media (max-width: 768px) {
  .pb-sss-models-model-1 .pb-sss-models-model-1__item {
    padding: 20px 52px 20px 20px;
  }
  .pb-sss-models-model-1 .pb-sss-models-model-1__item .pb-sss-models-model-1__item-toggle {
    top: 20px;
    right: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 2
--------------------------------------------------------------*/
.pb-sss-models-model-2.pb-ready-model .pb-sss-models-model-2__item-header, .pb-sss-models-model-2.pb-ready-model .pb-sss-models-model-2__item-label, .pb-sss-models-model-2.pb-ready-model .pb-sss-models-model-2__item h3, .pb-sss-models-model-2.pb-ready-model .pb-sss-models-model-2__item-panel, .pb-sss-models-model-2.pb-ready-model .pb-sss-models-model-2__cta-copy, .pb-sss-models-model-2.pb-ready-model .pb-sss-models-model-2__cta-copy h4, .pb-sss-models-model-2.pb-ready-model .pb-sss-models-model-2__cta-copy p {
  white-space: normal;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__list {
  margin-bottom: 48px;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item {
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  cursor: pointer;
  transition: background 0.2s ease;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item:first-child {
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item:hover {
  background: color-mix(in srgb, var(--default-color), transparent 97%);
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item .pb-sss-models-model-2__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 8px;
  gap: 16px;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item .pb-sss-models-model-2__item-label {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  min-width: 0;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item .pb-sss-models-model-2__item-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  font-family: var(--heading-font);
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  flex-shrink: 0;
  letter-spacing: 0.02em;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item h3 {
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1.4;
  letter-spacing: -0.01em;
  transition: color 0.2s ease;
  color: var(--heading-color);
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item .pb-sss-models-model-2__item-toggle {
  font-size: 18px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  flex-shrink: 0;
  transition: transform 0.2s ease, color 0.2s ease;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item .pb-sss-models-model-2__item-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.2s ease, opacity 0.2s ease;
  visibility: hidden;
  opacity: 0;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item .pb-sss-models-model-2__item-panel p {
  margin-bottom: 0;
  font-family: var(--default-font);
  font-size: 14px;
  line-height: 1.7;
  overflow: hidden;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  padding: 0 8px 20px 54px;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item.is-active {
  background: color-mix(in srgb, var(--accent-color), transparent 97%);
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item.is-active .pb-sss-models-model-2__item-badge {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item.is-active h3 {
  color: var(--accent-color);
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item.is-active .pb-sss-models-model-2__item-toggle {
  transform: rotate(45deg);
  color: var(--accent-color);
}
.pb-sss-models-model-2 .pb-sss-models-model-2__item.is-active .pb-sss-models-model-2__item-panel {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__cta .pb-sss-models-model-2__cta-inner {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 24px 32px;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  background: var(--surface-color);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--heading-color), transparent 95%);
}
.pb-sss-models-model-2 .pb-sss-models-model-2__cta .pb-sss-models-model-2__cta-inner > i {
  font-size: 32px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__cta .pb-sss-models-model-2__cta-copy {
  flex: 1;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__cta .pb-sss-models-model-2__cta-copy h4 {
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
  color: var(--heading-color);
}
.pb-sss-models-model-2 .pb-sss-models-model-2__cta .pb-sss-models-model-2__cta-copy p {
  margin-bottom: 0;
  font-family: var(--default-font);
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.pb-sss-models-model-2 .pb-sss-models-model-2__cta .pb-sss-models-model-2__cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  flex-shrink: 0;
  transition: background 0.2s ease;
  white-space: nowrap;
  text-decoration: none;
}
.pb-sss-models-model-2 .pb-sss-models-model-2__cta .pb-sss-models-model-2__cta-btn:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.pb-sss-models-model-2 .pb-sss-models-model-2__cta .pb-sss-models-model-2__cta-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
@media (max-width: 768px) {
  .pb-sss-models-model-2 .pb-sss-models-model-2__item .pb-sss-models-model-2__item-header {
    padding: 16px 4px;
    gap: 12px;
  }
  .pb-sss-models-model-2 .pb-sss-models-model-2__item h3 {
    font-size: 15px;
  }
  .pb-sss-models-model-2 .pb-sss-models-model-2__item .pb-sss-models-model-2__item-panel p {
    padding: 0 4px 16px 44px;
    font-size: 14px;
  }
  .pb-sss-models-model-2 .pb-sss-models-model-2__cta .pb-sss-models-model-2__cta-inner {
    flex-direction: column;
    text-align: center;
    padding: 24px;
    gap: 16px;
  }
  .pb-sss-models-model-2 .pb-sss-models-model-2__cta .pb-sss-models-model-2__cta-btn {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .pb-sss-models-model-2 .pb-sss-models-model-2__item .pb-sss-models-model-2__item-label {
    gap: 10px;
  }
  .pb-sss-models-model-2 .pb-sss-models-model-2__item .pb-sss-models-model-2__item-panel p {
    padding-left: 4px;
  }
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 3
--------------------------------------------------------------*/
.pb-sss-models-model-3.pb-ready-model .pb-sss-models-model-3__item-header, .pb-sss-models-model-3.pb-ready-model .pb-sss-models-model-3__item h4, .pb-sss-models-model-3.pb-ready-model .pb-sss-models-model-3__item-panel, .pb-sss-models-model-3.pb-ready-model .pb-sss-models-model-3__panel-inner {
  white-space: normal;
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  margin-bottom: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item.is-active {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
  background-color: color-mix(in srgb, var(--accent-color), transparent 96%);
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item.is-active .pb-sss-models-model-3__item-header .pb-sss-models-model-3__icon-wrap {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item.is-active .pb-sss-models-model-3__item-header h4 {
  color: var(--accent-color);
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item.is-active .pb-sss-models-model-3__item-header .pb-sss-models-model-3__item-toggle i {
  transform: rotate(180deg);
  color: var(--accent-color);
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item.is-active .pb-sss-models-model-3__item-panel {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-header {
  display: flex;
  align-items: center;
  padding: 20px 24px;
  cursor: pointer;
  gap: 16px;
  transition: all 0.3s ease;
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-header .pb-sss-models-model-3__icon-wrap {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 18px;
  transition: all 0.3s ease;
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-header h4 {
  flex: 1;
  margin: 0;
  font-family: var(--heading-font);
  font-size: 1.05rem;
  font-weight: 500;
  color: var(--heading-color);
  line-height: 1.5;
  transition: color 0.3s ease;
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-header .pb-sss-models-model-3__item-toggle {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 16px;
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-header .pb-sss-models-model-3__item-toggle i {
  transition: all 0.3s ease;
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.35s ease;
  visibility: hidden;
  opacity: 0;
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-panel .pb-sss-models-model-3__panel-inner {
  overflow: hidden;
  padding: 0 24px 0 80px;
}
.pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-panel .pb-sss-models-model-3__panel-inner p {
  margin: 0;
  padding-bottom: 20px;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.75;
  font-size: 0.95rem;
}
@media (max-width: 768px) {
  .pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-header {
    padding: 16px 18px;
    gap: 12px;
  }
  .pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-header .pb-sss-models-model-3__icon-wrap {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
  .pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-header h4 {
    font-size: 0.95rem;
  }
  .pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-panel .pb-sss-models-model-3__panel-inner {
    padding: 0 18px 0 66px;
  }
  .pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-panel .pb-sss-models-model-3__panel-inner p {
    font-size: 0.9rem;
  }
}
@media (max-width: 576px) {
  .pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-header {
    padding: 14px 16px;
    gap: 10px;
  }
  .pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-header .pb-sss-models-model-3__icon-wrap {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
  .pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-header h4 {
    font-size: 0.9rem;
  }
  .pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-panel .pb-sss-models-model-3__panel-inner {
    padding: 0 16px 0 58px;
  }
  .pb-sss-models-model-3 .pb-sss-models-model-3__item .pb-sss-models-model-3__item-panel .pb-sss-models-model-3__panel-inner p {
    font-size: 0.875rem;
    padding-bottom: 16px;
  }
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 4
--------------------------------------------------------------*/
.pb-sss-models-model-4.pb-ready-model .pb-sss-models-model-4__item-header, .pb-sss-models-model-4.pb-ready-model .pb-sss-models-model-4__item h3, .pb-sss-models-model-4.pb-ready-model .pb-sss-models-model-4__item-panel {
  white-space: normal;
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item {
  background-color: var(--surface-color);
  border-left: 4px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0;
  padding: 24px;
  margin-bottom: 20px;
  transition: border-color 0.3s ease;
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item:last-child {
  margin-bottom: 0;
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item:hover {
  border-left-color: var(--accent-color);
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item .pb-sss-models-model-4__item-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 14px;
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item .pb-sss-models-model-4__item-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item .pb-sss-models-model-4__item-icon i {
  font-size: 18px;
  color: var(--accent-color);
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item h3 {
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 17px;
  line-height: 1.4;
  margin: 0;
  flex: 1;
  transition: color 0.3s;
  color: var(--heading-color);
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item .pb-sss-models-model-4__item-toggle {
  flex-shrink: 0;
  font-size: 18px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  transition: 0.3s;
  cursor: pointer;
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item .pb-sss-models-model-4__item-toggle:hover {
  color: var(--accent-color);
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item .pb-sss-models-model-4__item-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item .pb-sss-models-model-4__item-panel p {
  margin-bottom: 0;
  overflow: hidden;
  padding-left: 54px;
  font-family: var(--default-font);
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.7;
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item.is-active {
  border-left-color: var(--accent-color);
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item.is-active .pb-sss-models-model-4__item-icon {
  background-color: var(--accent-color);
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item.is-active .pb-sss-models-model-4__item-icon i {
  color: var(--contrast-color);
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item.is-active h3 {
  color: var(--accent-color);
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item.is-active .pb-sss-models-model-4__item-panel {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
  padding-top: 12px;
}
.pb-sss-models-model-4 .pb-sss-models-model-4__item.is-active .pb-sss-models-model-4__item-toggle {
  transform: rotate(45deg);
  color: var(--accent-color);
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 5
--------------------------------------------------------------*/
.pb-sss-models-model-5.pb-ready-model .pb-sss-models-model-5__item-header, .pb-sss-models-model-5.pb-ready-model .pb-sss-models-model-5__item h3, .pb-sss-models-model-5.pb-ready-model .pb-sss-models-model-5__item-panel, .pb-sss-models-model-5.pb-ready-model .pb-sss-models-model-5__cta-copy, .pb-sss-models-model-5.pb-ready-model .pb-sss-models-model-5__cta-copy h4, .pb-sss-models-model-5.pb-ready-model .pb-sss-models-model-5__cta-copy p {
  white-space: normal;
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item {
  margin-bottom: 20px;
  border-left: 4px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  background-color: var(--surface-color);
  border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0;
  padding: 24px 28px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 94%);
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item:hover {
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item:last-child {
  margin-bottom: 0;
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item .pb-sss-models-model-5__item-header {
  display: flex;
  align-items: center;
  gap: 16px;
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item .pb-sss-models-model-5__item-number {
  font-family: var(--heading-font);
  font-size: 28px;
  font-weight: 700;
  color: color-mix(in srgb, var(--accent-color), transparent 50%);
  line-height: 1;
  flex-shrink: 0;
  min-width: 38px;
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item h3 {
  font-family: var(--heading-font);
  font-size: 17px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 0;
  flex: 1;
  transition: color 0.3s ease;
  color: var(--heading-color);
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item .pb-sss-models-model-5__item-toggle {
  font-size: 20px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  flex-shrink: 0;
  transition: transform 0.3s ease, color 0.3s ease;
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item .pb-sss-models-model-5__item-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item .pb-sss-models-model-5__item-panel p {
  margin-bottom: 0;
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 25px;
  overflow: hidden;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  padding-left: 54px;
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item.is-active {
  border-left-color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 96%);
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item.is-active .pb-sss-models-model-5__item-number {
  color: var(--accent-color);
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item.is-active h3 {
  color: var(--accent-color);
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item.is-active .pb-sss-models-model-5__item-toggle {
  transform: rotate(180deg);
  color: var(--accent-color);
}
.pb-sss-models-model-5 .pb-sss-models-model-5__item.is-active .pb-sss-models-model-5__item-panel {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
  padding-top: 14px;
}
.pb-sss-models-model-5 .pb-sss-models-model-5__cta {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), #000 25%));
  border-radius: var(--card-border-radius);
  padding: 40px 45px;
  color: var(--contrast-color);
}
.pb-sss-models-model-5 .pb-sss-models-model-5__cta .pb-sss-models-model-5__cta-icon {
  flex-shrink: 0;
  margin-right: 24px;
}
.pb-sss-models-model-5 .pb-sss-models-model-5__cta .pb-sss-models-model-5__cta-icon i {
  font-size: 52px;
  color: color-mix(in srgb, var(--contrast-color), transparent 15%);
}
.pb-sss-models-model-5 .pb-sss-models-model-5__cta .pb-sss-models-model-5__cta-copy h4 {
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: 700;
  color: var(--contrast-color);
  margin-bottom: 6px;
}
.pb-sss-models-model-5 .pb-sss-models-model-5__cta .pb-sss-models-model-5__cta-copy p {
  margin-bottom: 0;
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 24px;
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
}
.pb-sss-models-model-5 .pb-sss-models-model-5__cta .pb-sss-models-model-5__cta-btn {
  display: inline-block;
  padding: 12px 32px;
  background-color: var(--contrast-color);
  color: var(--accent-color);
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease;
  text-decoration: none;
}
.pb-sss-models-model-5 .pb-sss-models-model-5__cta .pb-sss-models-model-5__cta-btn:hover {
  background-color: color-mix(in srgb, var(--contrast-color), transparent 10%);
  color: var(--accent-color);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px color-mix(in srgb, #000, transparent 70%);
}
@media (max-width: 768px) {
  .pb-sss-models-model-5 .pb-sss-models-model-5__item {
    padding: 18px 20px;
  }
  .pb-sss-models-model-5 .pb-sss-models-model-5__item .pb-sss-models-model-5__item-number {
    font-size: 22px;
    min-width: 30px;
  }
  .pb-sss-models-model-5 .pb-sss-models-model-5__item h3 {
    font-size: 15px;
    line-height: 22px;
  }
  .pb-sss-models-model-5 .pb-sss-models-model-5__item .pb-sss-models-model-5__item-toggle {
    font-size: 18px;
  }
  .pb-sss-models-model-5 .pb-sss-models-model-5__item .pb-sss-models-model-5__item-panel p {
    padding-left: 46px;
    font-size: 14px;
  }
  .pb-sss-models-model-5 .pb-sss-models-model-5__cta {
    padding: 28px 24px;
    text-align: center;
  }
  .pb-sss-models-model-5 .pb-sss-models-model-5__cta .pb-sss-models-model-5__cta-icon {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .pb-sss-models-model-5 .pb-sss-models-model-5__cta .pb-sss-models-model-5__cta-icon i {
    font-size: 40px;
  }
  .pb-sss-models-model-5 .pb-sss-models-model-5__cta .pb-sss-models-model-5__cta-copy h4 {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .pb-sss-models-model-5 .pb-sss-models-model-5__item .pb-sss-models-model-5__item-header {
    gap: 10px;
  }
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 6
--------------------------------------------------------------*/
.pb-sss-models-model-6.pb-ready-model .pb-sss-models-model-6__item h3, .pb-sss-models-model-6.pb-ready-model .pb-sss-models-model-6__item-panel {
  white-space: normal;
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 24px 32px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item:last-child {
  margin-bottom: 0;
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item h3 {
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding-right: 32px;
  line-height: 1.4;
  cursor: pointer;
  transition: 0.3s;
  color: var(--heading-color);
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item h3:hover {
  color: var(--accent-color);
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item .pb-sss-models-model-6__item-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item .pb-sss-models-model-6__item-panel p {
  margin-bottom: 0;
  overflow: hidden;
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item .pb-sss-models-model-6__item-toggle {
  position: absolute;
  right: 32px;
  top: 28px;
  font-size: 16px;
  line-height: 0;
  color: var(--default-color);
  transition: 0.3s;
  cursor: pointer;
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item .pb-sss-models-model-6__item-toggle:hover {
  color: var(--accent-color);
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item.is-active {
  border-color: var(--accent-color);
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item.is-active h3 {
  color: var(--accent-color);
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item.is-active .pb-sss-models-model-6__item-panel {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
  padding-top: 16px;
}
.pb-sss-models-model-6 .pb-sss-models-model-6__item.is-active .pb-sss-models-model-6__item-toggle {
  transform: rotate(90deg);
  color: var(--accent-color);
}
@media (max-width: 575px) {
  .pb-sss-models-model-6 .pb-sss-models-model-6__item {
    padding: 16px 24px;
  }
  .pb-sss-models-model-6 .pb-sss-models-model-6__item .pb-sss-models-model-6__item-toggle {
    right: 24px;
    top: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 7
--------------------------------------------------------------*/
@keyframes pb-sss-models-model-7-fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pb-sss-models-model-7.pb-ready-model .pb-sss-models-model-7__category-meta, .pb-sss-models-model-7.pb-ready-model .pb-sss-models-model-7__category-meta h5, .pb-sss-models-model-7.pb-ready-model .pb-sss-models-model-7__help h4, .pb-sss-models-model-7.pb-ready-model .pb-sss-models-model-7__help p, .pb-sss-models-model-7.pb-ready-model .pb-sss-models-model-7__item-question, .pb-sss-models-model-7.pb-ready-model .pb-sss-models-model-7__item-answer {
  white-space: normal;
}
.pb-sss-models-model-7 .pb-sss-models-model-7__wrapper {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 48px;
  align-items: start;
}
@media (max-width: 992px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__wrapper {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__categories {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: sticky;
  top: 100px;
}
@media (max-width: 992px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__categories {
    position: static;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__nav {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: none;
  width: 100%;
}
@media (max-width: 992px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__nav {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__nav .nav-item {
  width: 100%;
}
@media (max-width: 992px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__nav .nav-item {
    flex: 1;
    min-width: 140px;
    width: auto;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__category-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  width: 100%;
  text-align: left;
}
@media (max-width: 992px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__category-card {
    padding: 16px 20px;
  }
}
@media (max-width: 576px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__category-card {
    padding: 14px 16px;
    gap: 12px;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__category-card:hover {
  border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);
  transform: translateX(4px);
}
@media (max-width: 992px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__category-card:hover {
    transform: translateY(-4px);
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__category-card.active {
  background: var(--accent-color);
  border-color: var(--accent-color);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__category-card.active .pb-sss-models-model-7__category-icon {
  background: color-mix(in srgb, var(--contrast-color) 20%, transparent);
  color: var(--contrast-color);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__category-card.active .pb-sss-models-model-7__category-meta h5 {
  color: var(--contrast-color);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__category-card.active .pb-sss-models-model-7__category-meta span {
  color: color-mix(in srgb, var(--contrast-color) 80%, transparent);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__category-card .pb-sss-models-model-7__category-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
  border-radius: var(--button-border-radius);
  color: var(--accent-color);
  font-size: 22px;
  transition: all 0.3s ease;
}
@media (max-width: 576px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__category-card .pb-sss-models-model-7__category-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__category-card .pb-sss-models-model-7__category-meta h5 {
  margin: 0 0 4px;
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  color: var(--heading-color);
  transition: all 0.3s ease;
}
@media (max-width: 576px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__category-card .pb-sss-models-model-7__category-meta h5 {
    font-size: 14px;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__category-card .pb-sss-models-model-7__category-meta span {
  font-family: var(--default-font);
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color) 60%, transparent);
  transition: all 0.3s ease;
}
@media (max-width: 576px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__category-card .pb-sss-models-model-7__category-meta span {
    font-size: 12px;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__help {
  margin-top: 24px;
  padding: 28px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 10%, transparent) 0%, color-mix(in srgb, var(--accent-color) 5%, transparent) 100%);
  border-radius: var(--card-border-radius);
  text-align: center;
  border: 1px solid color-mix(in srgb, var(--accent-color) 20%, transparent);
}
@media (max-width: 992px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__help {
    flex-basis: 100%;
    margin-top: 12px;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__help .pb-sss-models-model-7__help-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-color);
  border-radius: 50%;
  color: var(--contrast-color);
  font-size: 24px;
}
.pb-sss-models-model-7 .pb-sss-models-model-7__help h4 {
  margin: 0 0 8px;
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 700;
  color: var(--heading-color);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__help p {
  margin: 0 0 20px;
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  line-height: 1.6;
}
.pb-sss-models-model-7 .pb-sss-models-model-7__help .pb-sss-models-model-7__help-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--default-font);
  font-size: 15px;
  font-weight: 600;
  color: var(--accent-color);
  text-decoration: none;
  transition: all 0.3s ease;
}
.pb-sss-models-model-7 .pb-sss-models-model-7__help .pb-sss-models-model-7__help-link i {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.pb-sss-models-model-7 .pb-sss-models-model-7__help .pb-sss-models-model-7__help-link:hover {
  gap: 12px;
  color: var(--accent-color);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__help .pb-sss-models-model-7__help-link:hover i {
  transform: translateX(4px);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__header-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 16px;
}
.pb-sss-models-model-7 .pb-sss-models-model-7__header-info .pb-sss-models-model-7__count {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-color);
  padding: 8px 16px;
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  border-radius: var(--button-border-radius);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__header-info .pb-sss-models-model-7__search {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  background: var(--surface-color);
  border-radius: var(--button-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
}
.pb-sss-models-model-7 .pb-sss-models-model-7__header-info .pb-sss-models-model-7__search:focus-within {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent-color) 15%, transparent);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__header-info .pb-sss-models-model-7__search i {
  color: color-mix(in srgb, var(--default-color) 50%, transparent);
  font-size: 18px;
}
.pb-sss-models-model-7 .pb-sss-models-model-7__header-info .pb-sss-models-model-7__search input {
  border: none;
  background: transparent;
  outline: none;
  font-family: var(--default-font);
  font-size: 14px;
  color: var(--default-color);
  width: 200px;
}
.pb-sss-models-model-7 .pb-sss-models-model-7__header-info .pb-sss-models-model-7__search input::placeholder {
  color: color-mix(in srgb, var(--default-color) 50%, transparent);
}
@media (max-width: 576px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__header-info .pb-sss-models-model-7__search input {
    width: 140px;
  }
}
.pb-sss-models-model-7 .tab-content .tab-pane.show {
  animation: pb-sss-models-model-7-fade-in 0.3s ease;
}
.pb-sss-models-model-7 .pb-sss-models-model-7__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pb-sss-models-model-7 .pb-sss-models-model-7__empty {
  margin: 0;
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color) 65%, transparent);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  transition: all 0.4s ease;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item:hover {
  border-color: color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item.is-active {
  border-color: var(--accent-color);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--accent-color) 12%, transparent);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item.is-active .pb-sss-models-model-7__item-question {
  background: color-mix(in srgb, var(--accent-color) 5%, transparent);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item.is-active .pb-sss-models-model-7__item-question .pb-sss-models-model-7__question-icon {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item.is-active .pb-sss-models-model-7__item-question .pb-sss-models-model-7__toggle-icon {
  transform: rotate(180deg);
  color: var(--accent-color);
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item.is-active .pb-sss-models-model-7__item-answer {
  max-height: 300px;
  padding: 0 28px 24px 76px;
  opacity: 1;
}
@media (max-width: 576px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__item.is-active .pb-sss-models-model-7__item-answer {
    padding: 0 20px 20px 20px;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item .pb-sss-models-model-7__item-question {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 28px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0;
  font-family: var(--heading-font);
  font-size: 17px;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.5;
}
@media (max-width: 576px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__item .pb-sss-models-model-7__item-question {
    padding: 18px 20px;
    gap: 12px;
    font-size: 15px;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item .pb-sss-models-model-7__item-question .pb-sss-models-model-7__question-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  border-radius: 50%;
  color: var(--accent-color);
  font-size: 18px;
  transition: all 0.3s ease;
}
@media (max-width: 576px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__item .pb-sss-models-model-7__item-question .pb-sss-models-model-7__question-icon {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item .pb-sss-models-model-7__item-question .pb-sss-models-model-7__toggle-icon {
  flex-shrink: 0;
  margin-left: auto;
  color: color-mix(in srgb, var(--default-color) 50%, transparent);
  font-size: 20px;
  transition: all 0.4s ease;
}
@media (max-width: 576px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__item .pb-sss-models-model-7__item-question .pb-sss-models-model-7__toggle-icon {
    font-size: 16px;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item .pb-sss-models-model-7__item-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 28px 0 76px;
  opacity: 0;
  transition: all 0.4s ease;
}
@media (max-width: 576px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__item .pb-sss-models-model-7__item-answer {
    padding: 0 20px 0 20px;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item .pb-sss-models-model-7__item-answer p {
  margin: 0;
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 1.8;
  color: color-mix(in srgb, var(--default-color) 75%, transparent);
}
@media (max-width: 576px) {
  .pb-sss-models-model-7 .pb-sss-models-model-7__item .pb-sss-models-model-7__item-answer p {
    font-size: 14px;
  }
}
.pb-sss-models-model-7 .pb-sss-models-model-7__item.is-hidden {
  display: none;
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 8
--------------------------------------------------------------*/
.pb-sss-models-model-8.pb-ready-model .pb-sss-models-model-8__info-badge, .pb-sss-models-model-8.pb-ready-model .pb-sss-models-model-8__info-card h3, .pb-sss-models-model-8.pb-ready-model .pb-sss-models-model-8__info-card > p, .pb-sss-models-model-8.pb-ready-model .pb-sss-models-model-8__stat, .pb-sss-models-model-8.pb-ready-model .pb-sss-models-model-8__item-header, .pb-sss-models-model-8.pb-ready-model .pb-sss-models-model-8__item h4, .pb-sss-models-model-8.pb-ready-model .pb-sss-models-model-8__item-panel, .pb-sss-models-model-8.pb-ready-model .pb-sss-models-model-8__panel-inner {
  white-space: normal;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card {
  background: linear-gradient(145deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, #000));
  border-radius: var(--card-border-radius);
  padding: 48px;
  color: var(--contrast-color);
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, color-mix(in srgb, var(--contrast-color) 10%, transparent) 0%, transparent 70%);
  pointer-events: none;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__info-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: color-mix(in srgb, var(--contrast-color) 15%, transparent);
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: fit-content;
  margin-bottom: 32px;
  position: relative;
  z-index: 1;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__info-badge i {
  font-size: 16px;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card h3 {
  font-family: var(--heading-font);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 16px;
  color: var(--contrast-color);
  position: relative;
  z-index: 1;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card > p {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.7;
  opacity: 0.9;
  margin-bottom: 32px;
  position: relative;
  z-index: 1;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__stats {
  display: flex;
  gap: 32px;
  margin-bottom: 32px;
  padding-top: 24px;
  border-top: 1px solid color-mix(in srgb, var(--contrast-color) 20%, transparent);
  position: relative;
  z-index: 1;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__stats .pb-sss-models-model-8__stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__stats .pb-sss-models-model-8__stat .pb-sss-models-model-8__stat-number {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__stats .pb-sss-models-model-8__stat .pb-sss-models-model-8__stat-label {
  font-family: var(--default-font);
  font-size: 14px;
  opacity: 0.8;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__contact-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 32px;
  background: var(--contrast-color);
  color: var(--accent-color);
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: fit-content;
  margin-top: auto;
  position: relative;
  z-index: 1;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__contact-btn i {
  transition: transform 0.3s ease;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__contact-btn:hover {
  color: var(--accent-color);
  transform: translateY(-4px);
  box-shadow: 0 12px 32px color-mix(in srgb, #000 30%, transparent);
}
.pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__contact-btn:hover i {
  transform: translateX(4px);
}
@media (max-width: 991px) {
  .pb-sss-models-model-8 .pb-sss-models-model-8__info-card {
    padding: 40px;
    margin-bottom: 32px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__info-card h3 {
    font-size: 28px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__stats {
    gap: 24px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__stats .pb-sss-models-model-8__stat .pb-sss-models-model-8__stat-number {
    font-size: 28px;
  }
}
@media (max-width: 576px) {
  .pb-sss-models-model-8 .pb-sss-models-model-8__info-card {
    padding: 32px 24px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__info-card h3 {
    font-size: 24px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__info-badge {
    padding: 8px 16px;
    font-size: 12px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__stats .pb-sss-models-model-8__stat .pb-sss-models-model-8__stat-number {
    font-size: 24px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__info-card .pb-sss-models-model-8__contact-btn {
    padding: 14px 28px;
    width: 100%;
    justify-content: center;
  }
}
.pb-sss-models-model-8 .pb-sss-models-model-8__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--default-color) 6%, transparent);
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--default-color) 10%, transparent);
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item.is-active {
  border-color: color-mix(in srgb, var(--accent-color) 45%, transparent);
  box-shadow: 0 12px 40px color-mix(in srgb, var(--accent-color) 15%, transparent);
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item.is-active .pb-sss-models-model-8__item-header .pb-sss-models-model-8__item-number {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item.is-active .pb-sss-models-model-8__item-header h4 {
  color: var(--accent-color);
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item.is-active .pb-sss-models-model-8__item-header .pb-sss-models-model-8__item-toggle {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: rotate(45deg);
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item.is-active .pb-sss-models-model-8__item-panel {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px 28px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header .pb-sss-models-model-8__item-number {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
  color: var(--accent-color);
  border-radius: var(--button-border-radius);
  font-family: var(--heading-font);
  font-size: 15px;
  font-weight: 700;
  transition: all 0.3s ease;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header h4 {
  flex: 1;
  margin: 0;
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.5;
  transition: all 0.3s ease;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header .pb-sss-models-model-8__item-toggle {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--default-color) 8%, transparent);
  border-radius: 50%;
  color: var(--heading-color);
  font-size: 18px;
  font-weight: 300;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header .pb-sss-models-model-8__item-toggle i {
  line-height: 1;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header:hover .pb-sss-models-model-8__item-number {
  background: color-mix(in srgb, var(--accent-color) 20%, transparent);
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header:hover .pb-sss-models-model-8__item-toggle {
  background: color-mix(in srgb, var(--accent-color) 15%, transparent);
  color: var(--accent-color);
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-panel {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-panel .pb-sss-models-model-8__panel-inner {
  overflow: hidden;
  padding: 0 28px 24px 96px;
}
.pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-panel .pb-sss-models-model-8__panel-inner p {
  margin: 0;
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
}
@media (max-width: 768px) {
  .pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header {
    padding: 20px 24px;
    gap: 16px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header .pb-sss-models-model-8__item-number {
    width: 40px;
    height: 40px;
    font-size: 13px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header h4 {
    font-size: 16px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header .pb-sss-models-model-8__item-toggle {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-panel .pb-sss-models-model-8__panel-inner {
    padding: 0 24px 20px 80px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-panel .pb-sss-models-model-8__panel-inner p {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header {
    padding: 18px 20px;
    gap: 12px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header .pb-sss-models-model-8__item-number {
    width: 36px;
    height: 36px;
    font-size: 12px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header h4 {
    font-size: 15px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-header .pb-sss-models-model-8__item-toggle {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-panel .pb-sss-models-model-8__panel-inner {
    padding: 0 20px 18px 20px;
  }
  .pb-sss-models-model-8 .pb-sss-models-model-8__item .pb-sss-models-model-8__item-panel .pb-sss-models-model-8__panel-inner p {
    font-size: 14px;
  }
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 9
--------------------------------------------------------------*/
.pb-sss-models-model-9.pb-ready-model .pb-sss-models-model-9__item-header, .pb-sss-models-model-9.pb-ready-model .pb-sss-models-model-9__item h4, .pb-sss-models-model-9.pb-ready-model .pb-sss-models-model-9__item-panel, .pb-sss-models-model-9.pb-ready-model .pb-sss-models-model-9__panel-inner {
  white-space: normal;
}
.pb-sss-models-model-9 .pb-sss-models-model-9__wrapper {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 0;
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item {
  margin-bottom: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 88%);
  transition: all 0.3s ease-in-out;
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item:last-child {
  border-bottom: none;
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item.is-active {
  background-color: color-mix(in srgb, var(--accent-color), transparent 97%);
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item.is-active .pb-sss-models-model-9__item-header h4 {
  color: var(--accent-color);
  font-weight: 600;
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item.is-active .pb-sss-models-model-9__item-header .pb-sss-models-model-9__item-icon {
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item.is-active .pb-sss-models-model-9__item-header .pb-sss-models-model-9__item-icon i {
  transform: rotate(180deg);
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item.is-active .pb-sss-models-model-9__item-panel {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 32px;
  cursor: pointer;
  gap: 20px;
  transition: all 0.3s ease;
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-header:hover {
  background-color: color-mix(in srgb, var(--default-color), transparent 98%);
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-header:hover .pb-sss-models-model-9__item-icon {
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-header h4 {
  flex: 1;
  margin: 0;
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 500;
  color: var(--heading-color);
  transition: all 0.3s ease;
  line-height: 1.6;
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-header .pb-sss-models-model-9__item-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  border-radius: var(--button-border-radius);
  color: var(--heading-color);
  font-size: 16px;
  transition: all 0.3s ease;
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-header .pb-sss-models-model-9__item-icon i {
  transition: transform 0.3s ease;
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-panel .pb-sss-models-model-9__panel-inner {
  padding: 0 32px 24px 32px;
  overflow: hidden;
}
.pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-panel .pb-sss-models-model-9__panel-inner p {
  margin: 0;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.6;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-header {
    padding: 20px 24px;
    gap: 16px;
  }
  .pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-header h4 {
    font-size: 16px;
  }
  .pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-header .pb-sss-models-model-9__item-icon {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
  .pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-panel .pb-sss-models-model-9__panel-inner {
    padding: 0 24px 20px 24px;
  }
  .pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-panel .pb-sss-models-model-9__panel-inner p {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-header {
    padding: 18px 20px;
    gap: 12px;
  }
  .pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-header h4 {
    font-size: 15px;
  }
  .pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-header .pb-sss-models-model-9__item-icon {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-panel .pb-sss-models-model-9__panel-inner {
    padding: 0 20px 18px 20px;
  }
  .pb-sss-models-model-9 .pb-sss-models-model-9__item .pb-sss-models-model-9__item-panel .pb-sss-models-model-9__panel-inner p {
    font-size: 14px;
  }
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 10
--------------------------------------------------------------*/
.pb-sss-models-model-10.pb-ready-model .pb-sss-models-model-10__item-heading, .pb-sss-models-model-10.pb-ready-model .pb-sss-models-model-10__item-answer, .pb-sss-models-model-10.pb-ready-model .pb-sss-models-model-10__copy {
  white-space: normal;
}
.pb-sss-models-model-10 .pb-sss-models-model-10__list {
  margin: 0;
}
.pb-sss-models-model-10 .pb-sss-models-model-10__item {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  margin-bottom: 24px;
  padding: 32px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 95%);
}
.pb-sss-models-model-10 .pb-sss-models-model-10__item:hover {
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 90%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-sss-models-model-10 .pb-sss-models-model-10__item:last-child {
  margin-bottom: 0;
}
.pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__icon-wrap {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
}
.pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__icon-wrap i {
  color: var(--accent-color);
  font-size: 24px;
}
.pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__copy {
  flex: 1;
  min-width: 0;
}
.pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__item-heading {
  color: var(--heading-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 16px;
  font-family: var(--heading-font);
}
.pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__item-answer p {
  color: var(--default-color);
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 768px) {
  .pb-sss-models-model-10 .pb-sss-models-model-10__item {
    padding: 24px 20px;
  }
  .pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__row {
    gap: 16px;
  }
  .pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__icon-wrap {
    width: 40px;
    height: 40px;
  }
  .pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__icon-wrap i {
    font-size: 20px;
  }
  .pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__item-heading {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__item-answer p {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .pb-sss-models-model-10 .pb-sss-models-model-10__item {
    padding: 20px 16px;
  }
  .pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__row {
    gap: 12px;
  }
  .pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__icon-wrap {
    width: 36px;
    height: 36px;
  }
  .pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__icon-wrap i {
    font-size: 18px;
  }
  .pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__item-heading {
    font-size: 15px;
  }
  .pb-sss-models-model-10 .pb-sss-models-model-10__item .pb-sss-models-model-10__item-answer p {
    font-size: 14px;
  }
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 11
--------------------------------------------------------------*/
.pb-sss-models-model-11.pb-ready-model .pb-sss-models-model-11__card-copy, .pb-sss-models-model-11.pb-ready-model .pb-sss-models-model-11__card-copy h3, .pb-sss-models-model-11.pb-ready-model .pb-sss-models-model-11__card-copy > p, .pb-sss-models-model-11.pb-ready-model .pb-sss-models-model-11__item-header, .pb-sss-models-model-11.pb-ready-model .pb-sss-models-model-11__item h3, .pb-sss-models-model-11.pb-ready-model .pb-sss-models-model-11__item-panel {
  white-space: normal;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__item {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--heading-color), transparent 95%);
  border-radius: var(--card-border-radius);
  margin-bottom: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__item:last-child {
  margin-bottom: 0;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__item:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 5px 30px color-mix(in srgb, var(--heading-color), transparent 90%);
  transform: translateY(-2px);
}
.pb-sss-models-model-11 .pb-sss-models-model-11__item .pb-sss-models-model-11__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 25px;
  cursor: pointer;
  position: relative;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__item .pb-sss-models-model-11__item-header h3 {
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
  flex: 1;
  padding-right: 20px;
  transition: color 0.3s ease;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__item .pb-sss-models-model-11__item-header .pb-sss-models-model-11__item-toggle {
  font-size: 20px;
  color: var(--accent-color);
  transition: transform 0.3s ease;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__item .pb-sss-models-model-11__item-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__item .pb-sss-models-model-11__item-panel p {
  padding: 0 25px 20px;
  margin: 0;
  font-family: var(--default-font);
  line-height: 1.6;
  color: var(--default-color);
  font-size: 15px;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__item.is-active .pb-sss-models-model-11__item-header h3 {
  color: var(--accent-color);
}
.pb-sss-models-model-11 .pb-sss-models-model-11__item.is-active .pb-sss-models-model-11__item-header .pb-sss-models-model-11__item-toggle {
  transform: rotate(180deg);
}
.pb-sss-models-model-11 .pb-sss-models-model-11__item.is-active .pb-sss-models-model-11__item-panel {
  max-height: 300px;
  overflow: auto;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__contact-card {
  height: 100%;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 30%));
  border-radius: var(--card-border-radius);
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  color: var(--contrast-color);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--heading-color), transparent 85%);
}
.pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__card-icon {
  margin-bottom: 20px;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__card-icon i {
  font-size: 48px;
  color: color-mix(in srgb, var(--contrast-color), transparent 10%);
}
.pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__card-copy h3 {
  font-family: var(--heading-font);
  color: var(--contrast-color);
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__card-copy > p {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--contrast-color), transparent 10%);
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.6;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__contact-options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  margin-top: auto;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__contact-options .pb-sss-models-model-11__contact-option {
  display: flex;
  align-items: center;
  background-color: color-mix(in srgb, var(--contrast-color) 15%, transparent);
  padding: 15px 20px;
  border-radius: var(--button-border-radius);
  color: var(--contrast-color);
  text-decoration: none;
  transition: all 0.3s ease;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__contact-options .pb-sss-models-model-11__contact-option:hover {
  background-color: color-mix(in srgb, var(--contrast-color) 25%, transparent);
  color: var(--contrast-color);
  transform: translateX(5px);
}
.pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__contact-options .pb-sss-models-model-11__contact-option i {
  font-size: 20px;
  margin-right: 12px;
}
.pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__contact-options .pb-sss-models-model-11__contact-option span {
  font-family: var(--default-font);
  font-weight: 500;
  font-size: 16px;
}
@media (max-width: 991px) {
  .pb-sss-models-model-11 .pb-sss-models-model-11__row {
    flex-direction: column-reverse;
  }
  .pb-sss-models-model-11 .pb-sss-models-model-11__contact-card {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .pb-sss-models-model-11 .pb-sss-models-model-11__item .pb-sss-models-model-11__item-header {
    padding: 15px 20px;
  }
  .pb-sss-models-model-11 .pb-sss-models-model-11__item .pb-sss-models-model-11__item-header h3 {
    font-size: 16px;
  }
  .pb-sss-models-model-11 .pb-sss-models-model-11__item .pb-sss-models-model-11__item-panel p {
    padding: 0 20px 15px;
    font-size: 14px;
  }
  .pb-sss-models-model-11 .pb-sss-models-model-11__contact-card {
    padding: 30px 20px;
  }
  .pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__card-icon i {
    font-size: 40px;
  }
  .pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__card-copy h3 {
    font-size: 24px;
  }
  .pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__card-copy > p {
    font-size: 15px;
  }
  .pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__contact-options .pb-sss-models-model-11__contact-option {
    padding: 12px 15px;
  }
  .pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__contact-options .pb-sss-models-model-11__contact-option i {
    font-size: 18px;
  }
  .pb-sss-models-model-11 .pb-sss-models-model-11__contact-card .pb-sss-models-model-11__contact-options .pb-sss-models-model-11__contact-option span {
    font-size: 15px;
  }
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 12
--------------------------------------------------------------*/
.pb-sss-models-model-12.pb-ready-model .pb-sss-models-model-12__item h3, .pb-sss-models-model-12.pb-ready-model .pb-sss-models-model-12__item-q, .pb-sss-models-model-12.pb-ready-model .pb-sss-models-model-12__item-panel, .pb-sss-models-model-12.pb-ready-model .pb-sss-models-model-12__cta p {
  white-space: normal;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__tabs {
  text-align: center;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__tabs .nav-pills {
  display: inline-flex;
  padding: 8px;
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  border-radius: var(--button-border-radius);
}
.pb-sss-models-model-12 .pb-sss-models-model-12__tabs .nav-pills .nav-item {
  margin: 0 5px;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__tabs .nav-pills .nav-item:first-child {
  margin-left: 0;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__tabs .nav-pills .nav-item:last-child {
  margin-right: 0;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__tabs .nav-pills .nav-link {
  padding: 10px 20px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 500;
  color: var(--default-color);
  transition: all 0.3s ease;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__tabs .nav-pills .nav-link:hover {
  color: var(--accent-color);
}
.pb-sss-models-model-12 .pb-sss-models-model-12__tabs .nav-pills .nav-link.active {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  box-shadow: 0 5px 15px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-sss-models-model-12 .pb-sss-models-model-12__tabs .nav-pills .nav-link i {
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .pb-sss-models-model-12 .pb-sss-models-model-12__tabs .nav-pills {
    flex-wrap: wrap;
    justify-content: center;
  }
  .pb-sss-models-model-12 .pb-sss-models-model-12__tabs .nav-pills .nav-item {
    margin: 5px;
  }
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item {
  margin-bottom: 20px;
  border-radius: var(--card-border-radius);
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--heading-color), transparent 95%);
  overflow: hidden;
  transition: all 0.3s ease;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--heading-color), transparent 92%);
  transform: translateY(-2px);
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item h3 {
  display: flex;
  align-items: center;
  padding: 20px 25px;
  margin: 0;
  font-family: var(--heading-font);
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  background-color: var(--surface-color);
  transition: all 0.3s ease;
  position: relative;
  color: var(--heading-color);
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item h3:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item h3 .pb-sss-models-model-12__item-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 15px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 700;
  flex-shrink: 0;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item h3 .pb-sss-models-model-12__item-q {
  flex: 1;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item h3 .pb-sss-models-model-12__item-toggle {
  font-size: 1.2rem;
  transition: all 0.3s ease;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-left: 15px;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item .pb-sss-models-model-12__item-panel {
  padding: 15px;
  display: none;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item .pb-sss-models-model-12__item-panel p {
  overflow: hidden;
  padding: 0;
  margin: 0 0 1rem;
  font-family: var(--default-font);
  color: var(--default-color);
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item .pb-sss-models-model-12__item-panel p:last-child {
  margin-bottom: 0;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item.is-active h3 {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item.is-active h3 .pb-sss-models-model-12__item-toggle {
  transform: rotate(45deg);
  color: var(--accent-color);
}
.pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item.is-active .pb-sss-models-model-12__item-panel {
  display: block;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__empty {
  margin: 0;
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color) 65%, transparent);
  text-align: center;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__cta {
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  padding: 30px;
  border-radius: var(--card-border-radius);
}
.pb-sss-models-model-12 .pb-sss-models-model-12__cta p {
  font-family: var(--default-font);
  font-size: 1.1rem;
  margin-bottom: 20px;
  color: var(--default-color);
}
.pb-sss-models-model-12 .pb-sss-models-model-12__cta .pb-sss-models-model-12__cta-btn {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 10px 25px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 500;
  transition: all 0.3s ease;
}
.pb-sss-models-model-12 .pb-sss-models-model-12__cta .pb-sss-models-model-12__cta-btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 15%);
  border-color: color-mix(in srgb, var(--accent-color), #000 15%);
  color: var(--contrast-color);
  transform: translateY(-2px);
}
@media (max-width: 576px) {
  .pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item h3 {
    padding: 15px 20px;
    font-size: 1rem;
  }
  .pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item h3 .pb-sss-models-model-12__item-num {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    font-size: 0.8rem;
  }
  .pb-sss-models-model-12 .pb-sss-models-model-12__list .pb-sss-models-model-12__item .pb-sss-models-model-12__item-panel {
    padding: 15px 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder SSS — Model 13
--------------------------------------------------------------*/
.pb-sss-models-model-13.pb-ready-model .pb-sss-models-model-13__item-header, .pb-sss-models-model-13.pb-ready-model .pb-sss-models-model-13__item h4, .pb-sss-models-model-13.pb-ready-model .pb-sss-models-model-13__item-panel, .pb-sss-models-model-13.pb-ready-model .pb-sss-models-model-13__panel-inner {
  white-space: normal;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__wrapper {
  margin: 0;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item {
  border-left: 4px solid transparent;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  box-shadow: 0 5px 20px color-mix(in srgb, var(--heading-color), transparent 92%);
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
  overflow: hidden;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item:last-child {
  margin-bottom: 0;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--heading-color), transparent 85%);
  border-left-color: color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item.is-active {
  border-left-color: var(--accent-color);
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item.is-active .pb-sss-models-model-13__item-header .pb-sss-models-model-13__item-icon {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item.is-active .pb-sss-models-model-13__item-header h4 {
  color: var(--accent-color);
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item.is-active .pb-sss-models-model-13__item-header .pb-sss-models-model-13__item-toggle {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item.is-active .pb-sss-models-model-13__item-header .pb-sss-models-model-13__item-toggle .pb-sss-models-model-13__toggle-plus {
  display: none;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item.is-active .pb-sss-models-model-13__item-header .pb-sss-models-model-13__item-toggle .pb-sss-models-model-13__toggle-minus {
  display: block;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item.is-active .pb-sss-models-model-13__item-panel {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item:not(.is-active) .pb-sss-models-model-13__item-header .pb-sss-models-model-13__item-toggle .pb-sss-models-model-13__toggle-plus {
  display: block;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item:not(.is-active) .pb-sss-models-model-13__item-header .pb-sss-models-model-13__item-toggle .pb-sss-models-model-13__toggle-minus {
  display: none;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-header {
  display: flex;
  align-items: center;
  padding: 25px;
  cursor: pointer;
  gap: 20px;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-header .pb-sss-models-model-13__item-icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-color);
  font-size: 20px;
  transition: all 0.3s ease;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-header h4 {
  flex: 1;
  margin: 0;
  font-family: var(--heading-font);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--heading-color);
  transition: color 0.3s ease;
  line-height: 1.4;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-header .pb-sss-models-model-13__item-toggle {
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--default-color), transparent 85%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--default-color);
  font-size: 16px;
  transition: all 0.3s ease;
  position: relative;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-header .pb-sss-models-model-13__item-toggle i {
  position: absolute;
  transition: all 0.3s ease;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-header .pb-sss-models-model-13__item-toggle:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-panel .pb-sss-models-model-13__panel-inner {
  padding: 0 25px 25px 25px;
  overflow: hidden;
}
.pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-panel .pb-sss-models-model-13__panel-inner p {
  margin: 0;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.6;
  font-size: 0.95rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-header {
    padding: 20px;
    gap: 15px;
  }
  .pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-header .pb-sss-models-model-13__item-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-header h4 {
    font-size: 1rem;
  }
  .pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-header .pb-sss-models-model-13__item-toggle {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .pb-sss-models-model-13 .pb-sss-models-model-13__item .pb-sss-models-model-13__item-panel .pb-sss-models-model-13__panel-inner {
    padding: 0 20px;
  }
  .pb-sss-models-model-13 .pb-sss-models-model-13__item.is-active .pb-sss-models-model-13__item-panel .pb-sss-models-model-13__panel-inner {
    padding-bottom: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 1
--------------------------------------------------------------*/
.pb-stats-models-model-1.pb-ready-model .pb-stats-models-model-1__label, .pb-stats-models-model-1.pb-ready-model .pb-stats-models-model-1__summary, .pb-stats-models-model-1.pb-ready-model .pb-stats-models-model-1__value {
  white-space: normal;
}
.pb-stats-models-model-1 .pb-stats-models-model-1__card {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 24px;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color) 8%, transparent);
  transition: all 0.2s ease;
  height: 100%;
}
.pb-stats-models-model-1 .pb-stats-models-model-1__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color) 10%, transparent);
}
.pb-stats-models-model-1 .pb-stats-models-model-1__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.pb-stats-models-model-1 .pb-stats-models-model-1__icon i {
  font-size: 24px;
  color: var(--accent-color);
  line-height: 1;
}
.pb-stats-models-model-1 .pb-stats-models-model-1__body {
  flex: 1;
}
.pb-stats-models-model-1 .pb-stats-models-model-1__value {
  display: block;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--heading-color);
  font-family: var(--heading-font);
  letter-spacing: -0.01em;
}
.pb-stats-models-model-1 .pb-stats-models-model-1__label {
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  margin: 4px 0 0;
  letter-spacing: 0.01em;
}
.pb-stats-models-model-1 .pb-stats-models-model-1__summary {
  font-family: var(--default-font);
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color) 60%, transparent);
  margin: 4px 0 0;
  line-height: 1.5;
}
@media (max-width: 576px) {
  .pb-stats-models-model-1 .pb-stats-models-model-1__card {
    padding: 20px;
    gap: 16px;
  }
  .pb-stats-models-model-1 .pb-stats-models-model-1__value {
    font-size: 28px;
  }
  .pb-stats-models-model-1 .pb-stats-models-model-1__icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
  }
  .pb-stats-models-model-1 .pb-stats-models-model-1__icon i {
    font-size: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 2
--------------------------------------------------------------*/
.pb-stats-models-model-2.pb-ready-model .pb-stats-models-model-2__intro-badge, .pb-stats-models-model-2.pb-ready-model .pb-stats-models-model-2__intro-heading, .pb-stats-models-model-2.pb-ready-model .pb-stats-models-model-2__intro-copy, .pb-stats-models-model-2.pb-ready-model .pb-stats-models-model-2__highlight-title, .pb-stats-models-model-2.pb-ready-model .pb-stats-models-model-2__highlight-note, .pb-stats-models-model-2.pb-ready-model .pb-stats-models-model-2__label, .pb-stats-models-model-2.pb-ready-model .pb-stats-models-model-2__footer, .pb-stats-models-model-2.pb-ready-model .pb-stats-models-model-2__value {
  white-space: normal;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__intro-row {
  margin-bottom: 3rem;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__intro {
  padding-right: 32px;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__intro-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 12px;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__intro-heading {
  font-size: 2rem;
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--heading-color);
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__intro-copy {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.65;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__highlight {
  display: flex;
  align-items: center;
  gap: 16px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 20px 24px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--heading-color), transparent 92%);
  transition: all 0.2s ease;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__highlight:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-stats-models-model-2 .pb-stats-models-model-2__highlight:hover .pb-stats-models-model-2__highlight-arrow {
  color: var(--accent-color);
}
.pb-stats-models-model-2 .pb-stats-models-model-2__highlight-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__highlight-icon i {
  font-size: 22px;
  color: var(--accent-color);
}
.pb-stats-models-model-2 .pb-stats-models-model-2__highlight-info {
  flex: 1;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__highlight-title {
  font-size: 15px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin-bottom: 2px;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__highlight-note {
  font-family: var(--default-font);
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  line-height: 1.4;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__highlight-arrow {
  font-size: 18px;
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  transition: color 0.2s ease;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 24px;
  height: 100%;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 95%);
  transition: all 0.2s ease;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-stats-models-model-2 .pb-stats-models-model-2__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__card-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__card-icon i {
  font-size: 20px;
  color: var(--accent-color);
}
.pb-stats-models-model-2 .pb-stats-models-model-2__trend {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__trend.is-positive {
  background: color-mix(in srgb, #22c55e, transparent 90%);
  color: #16a34a;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__trend i {
  font-size: 12px;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__value {
  font-size: 2.25rem;
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--heading-color);
  line-height: 1;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__value .purecounter {
  font-size: inherit;
  color: inherit;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__label {
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 8px;
}
.pb-stats-models-model-2 .pb-stats-models-model-2__footer {
  font-family: var(--default-font);
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
@media (max-width: 1200px) {
  .pb-stats-models-model-2 .pb-stats-models-model-2__intro-heading {
    font-size: 1.75rem;
  }
}
@media (max-width: 992px) {
  .pb-stats-models-model-2 .pb-stats-models-model-2__intro {
    padding-right: 0;
    margin-bottom: 24px;
  }
  .pb-stats-models-model-2 .pb-stats-models-model-2__intro-heading {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .pb-stats-models-model-2 .pb-stats-models-model-2__intro-heading {
    font-size: 1.375rem;
  }
  .pb-stats-models-model-2 .pb-stats-models-model-2__intro-copy {
    font-size: 14px;
  }
  .pb-stats-models-model-2 .pb-stats-models-model-2__card {
    padding: 20px;
  }
  .pb-stats-models-model-2 .pb-stats-models-model-2__value {
    font-size: 1.75rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 3
--------------------------------------------------------------*/
.pb-stats-models-model-3.pb-ready-model .pb-stats-models-model-3__intro-badge, .pb-stats-models-model-3.pb-ready-model .pb-stats-models-model-3__headline, .pb-stats-models-model-3.pb-ready-model .pb-stats-models-model-3__subcopy, .pb-stats-models-model-3.pb-ready-model .pb-stats-models-model-3__label, .pb-stats-models-model-3.pb-ready-model .pb-stats-models-model-3__footer, .pb-stats-models-model-3.pb-ready-model .pb-stats-models-model-3__value {
  white-space: normal;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__intro {
  margin-bottom: 3rem;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__intro-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 16px;
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 24px;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__intro-badge i {
  font-size: 14px;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__headline {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  color: var(--heading-color);
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 16px;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__subcopy {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-stats-models-model-3 .pb-stats-models-model-3__card.is-highlighted {
  border-color: var(--accent-color);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-stats-models-model-3 .pb-stats-models-model-3__card.is-highlighted:hover {
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-stats-models-model-3 .pb-stats-models-model-3__card.is-highlighted .pb-stats-models-model-3__card-icon {
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
}
.pb-stats-models-model-3 .pb-stats-models-model-3__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__card-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--default-color), transparent 93%);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-stats-models-model-3 .pb-stats-models-model-3__card-icon i {
  font-size: 20px;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__trend {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: #16a34a;
  background: color-mix(in srgb, #16a34a, transparent 92%);
  padding: 2px 8px;
  border-radius: var(--button-border-radius);
}
.pb-stats-models-model-3 .pb-stats-models-model-3__trend i {
  font-size: 12px;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__card-body {
  flex: 1;
  margin-bottom: 16px;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__value {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__value .purecounter {
  font-size: inherit;
  color: inherit;
}
.pb-stats-models-model-3 .pb-stats-models-model-3__label {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-stats-models-model-3 .pb-stats-models-model-3__footer {
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-stats-models-model-3 .pb-stats-models-model-3__footer span {
  font-family: var(--default-font);
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
@media (max-width: 992px) {
  .pb-stats-models-model-3 .pb-stats-models-model-3__headline {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .pb-stats-models-model-3 .pb-stats-models-model-3__headline {
    font-size: 24px;
  }
  .pb-stats-models-model-3 .pb-stats-models-model-3__subcopy {
    font-size: 15px;
  }
  .pb-stats-models-model-3 .pb-stats-models-model-3__card {
    padding: 20px;
  }
  .pb-stats-models-model-3 .pb-stats-models-model-3__value {
    font-size: 28px;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 4
--------------------------------------------------------------*/
.pb-stats-models-model-4.pb-ready-model .pb-stats-models-model-4__info h6, .pb-stats-models-model-4.pb-ready-model .pb-stats-models-model-4__info p, .pb-stats-models-model-4.pb-ready-model .pb-stats-models-model-4__number, .pb-stats-models-model-4.pb-ready-model .pb-stats-models-model-4__suffix, .pb-stats-models-model-4.pb-ready-model .pb-stats-models-model-4__footnote {
  white-space: normal;
}
.pb-stats-models-model-4 .pb-stats-models-model-4__card {
  position: relative;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 48px 32px 40px;
  text-align: center;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 94%);
  transition: all 0.4s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.pb-stats-models-model-4 .pb-stats-models-model-4__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 90%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-stats-models-model-4 .pb-stats-models-model-4__card:hover .pb-stats-models-model-4__icon {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-stats-models-model-4 .pb-stats-models-model-4__card:hover .pb-stats-models-model-4__icon i {
  color: var(--contrast-color);
}
.pb-stats-models-model-4 .pb-stats-models-model-4__card:hover .pb-stats-models-model-4__accent {
  width: 100%;
}
.pb-stats-models-model-4 .pb-stats-models-model-4__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  margin-bottom: 24px;
  transition: all 0.4s ease;
}
.pb-stats-models-model-4 .pb-stats-models-model-4__icon i {
  font-size: 24px;
  color: var(--accent-color);
  transition: color 0.4s ease;
}
.pb-stats-models-model-4 .pb-stats-models-model-4__value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  margin-bottom: 16px;
}
.pb-stats-models-model-4 .pb-stats-models-model-4__number {
  font-family: var(--heading-font);
  font-size: 42px;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1;
  letter-spacing: 0.01em;
}
@media (max-width: 576px) {
  .pb-stats-models-model-4 .pb-stats-models-model-4__number {
    font-size: 36px;
  }
}
.pb-stats-models-model-4 .pb-stats-models-model-4__suffix {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 600;
  color: var(--accent-color);
}
.pb-stats-models-model-4 .pb-stats-models-model-4__info h6 {
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 16px;
  color: var(--heading-color);
  margin: 0 0 8px;
  letter-spacing: 0.01em;
}
.pb-stats-models-model-4 .pb-stats-models-model-4__info p {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  line-height: 1.6;
}
.pb-stats-models-model-4 .pb-stats-models-model-4__accent {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 3px;
  background: var(--accent-color);
  border-radius: 2px 2px 0 0;
  transition: width 0.4s ease;
}
.pb-stats-models-model-4 .pb-stats-models-model-4__footnote-row {
  margin-top: 3rem;
}
.pb-stats-models-model-4 .pb-stats-models-model-4__footnotes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 16px 24px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 576px) {
  .pb-stats-models-model-4 .pb-stats-models-model-4__footnotes {
    flex-direction: column;
    gap: 12px;
  }
}
.pb-stats-models-model-4 .pb-stats-models-model-4__footnote {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.pb-stats-models-model-4 .pb-stats-models-model-4__footnote i {
  font-size: 16px;
  color: var(--accent-color);
}
.pb-stats-models-model-4 .pb-stats-models-model-4__footnote span {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  letter-spacing: 0.01em;
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 5
--------------------------------------------------------------*/
.pb-stats-models-model-5.pb-ready-model .pb-stats-models-model-5__intro-tag, .pb-stats-models-model-5.pb-ready-model .pb-stats-models-model-5__intro-heading h2, .pb-stats-models-model-5.pb-ready-model .pb-stats-models-model-5__intro-copy, .pb-stats-models-model-5.pb-ready-model .pb-stats-models-model-5__cell h5, .pb-stats-models-model-5.pb-ready-model .pb-stats-models-model-5__cell p, .pb-stats-models-model-5.pb-ready-model .pb-stats-models-model-5__details h3, .pb-stats-models-model-5.pb-ready-model .pb-stats-models-model-5__details-copy, .pb-stats-models-model-5.pb-ready-model .pb-stats-models-model-5__feature-copy {
  white-space: normal;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__intro-row {
  margin-bottom: 3rem;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__intro-heading {
  padding-right: 1rem;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__intro-heading .pb-stats-models-model-5__intro-tag {
  display: inline-block;
  font-family: var(--default-font);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent-color);
  margin-bottom: 1rem;
  position: relative;
  padding-left: 2.5rem;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__intro-heading .pb-stats-models-model-5__intro-tag::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2px;
  background: var(--accent-color);
}
.pb-stats-models-model-5 .pb-stats-models-model-5__intro-heading h2 {
  font-family: var(--heading-font);
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--heading-color);
  margin: 0;
}
@media (max-width: 768px) {
  .pb-stats-models-model-5 .pb-stats-models-model-5__intro-heading h2 {
    font-size: 1.85rem;
  }
}
@media (max-width: 992px) {
  .pb-stats-models-model-5 .pb-stats-models-model-5__intro-heading {
    padding-right: 0;
    margin-bottom: 1.5rem;
  }
}
.pb-stats-models-model-5 .pb-stats-models-model-5__intro-copy {
  font-family: var(--default-font);
  font-size: 1.15rem;
  line-height: 1.8;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 0;
  border-left: 3px solid color-mix(in srgb, var(--accent-color), transparent 60%);
  padding-left: 1.5rem;
}
@media (max-width: 992px) {
  .pb-stats-models-model-5 .pb-stats-models-model-5__intro-copy {
    border-left: none;
    padding-left: 0;
  }
}
.pb-stats-models-model-5 .pb-stats-models-model-5__band {
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-stats-models-model-5 .pb-stats-models-model-5__cell {
  text-align: center;
  padding: 2.5rem 1.5rem;
  position: relative;
  transition: background 0.3s ease;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__cell::after {
  content: "";
  position: absolute;
  right: 0;
  top: 20%;
  height: 60%;
  width: 1px;
  background: color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pb-stats-models-model-5 .pb-stats-models-model-5__cell:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
}
.pb-stats-models-model-5 .pb-stats-models-model-5__cell .pb-stats-models-model-5__cell-icon {
  margin-bottom: 0.75rem;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__cell .pb-stats-models-model-5__cell-icon i {
  font-size: 1.6rem;
  color: var(--accent-color);
}
.pb-stats-models-model-5 .pb-stats-models-model-5__cell .pb-stats-models-model-5__cell-value {
  font-size: 2.75rem;
  font-weight: 900;
  color: var(--heading-color);
  font-family: var(--heading-font);
  line-height: 1.1;
  margin-bottom: 0.5rem;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__cell h5 {
  font-family: var(--heading-font);
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
  color: var(--heading-color);
}
.pb-stats-models-model-5 .pb-stats-models-model-5__cell p {
  font-family: var(--default-font);
  font-size: 0.88rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 0;
  line-height: 1.4;
}
@media (max-width: 992px) {
  .pb-stats-models-model-5 .pb-stats-models-model-5__cell {
    padding: 2rem 1rem;
  }
}
@media (max-width: 768px) {
  .pb-stats-models-model-5 .pb-stats-models-model-5__cell::after {
    display: none;
  }
  .pb-stats-models-model-5 .pb-stats-models-model-5__cell {
    border-bottom: 1px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  }
}
.pb-stats-models-model-5 .pb-stats-models-model-5__details-row {
  margin-top: 3rem;
  padding-top: 1rem;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__gallery {
  position: relative;
  padding: 2rem;
  min-height: 420px;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__gallery-main {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color), transparent 85%);
  z-index: 2;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__gallery-main img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  display: block;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__gallery-anchor {
  position: absolute;
  z-index: 3;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__gallery-anchor--top {
  width: 180px;
  height: 140px;
  top: 0;
  right: 0;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__gallery-anchor--bottom {
  width: 200px;
  height: 150px;
  bottom: 0;
  left: 0;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__gallery-float {
  width: 100%;
  height: 100%;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 80%);
  border: 4px solid var(--surface-color);
  transition: transform 0.3s ease;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__gallery-float img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__gallery-float:hover {
  transform: scale(1.05);
}
.pb-stats-models-model-5 .pb-stats-models-model-5__gallery-accent {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  bottom: 2rem;
  right: 2rem;
  z-index: 1;
}
@media (max-width: 992px) {
  .pb-stats-models-model-5 .pb-stats-models-model-5__gallery {
    margin-bottom: 3rem;
    min-height: 360px;
    padding: 1.5rem;
  }
  .pb-stats-models-model-5 .pb-stats-models-model-5__gallery-main img {
    height: 280px;
  }
  .pb-stats-models-model-5 .pb-stats-models-model-5__gallery-anchor--top {
    width: 150px;
    height: 110px;
  }
  .pb-stats-models-model-5 .pb-stats-models-model-5__gallery-anchor--bottom {
    width: 160px;
    height: 120px;
  }
}
@media (max-width: 576px) {
  .pb-stats-models-model-5 .pb-stats-models-model-5__gallery {
    padding: 1rem;
    min-height: 300px;
  }
  .pb-stats-models-model-5 .pb-stats-models-model-5__gallery-main img {
    height: 220px;
  }
  .pb-stats-models-model-5 .pb-stats-models-model-5__gallery-anchor--top {
    width: 120px;
    height: 90px;
  }
  .pb-stats-models-model-5 .pb-stats-models-model-5__gallery-anchor--bottom {
    width: 130px;
    height: 100px;
  }
  .pb-stats-models-model-5 .pb-stats-models-model-5__gallery-accent {
    width: 80px;
    height: 80px;
  }
}
.pb-stats-models-model-5 .pb-stats-models-model-5__details {
  padding-left: 2rem;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__details--solo {
  padding-left: 0;
}
@media (max-width: 992px) {
  .pb-stats-models-model-5 .pb-stats-models-model-5__details {
    padding-left: 0;
    margin-bottom: 2rem;
  }
}
.pb-stats-models-model-5 .pb-stats-models-model-5__details h3 {
  font-family: var(--heading-font);
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 1.25rem;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-stats-models-model-5 .pb-stats-models-model-5__details h3 {
    font-size: 1.7rem;
  }
}
.pb-stats-models-model-5 .pb-stats-models-model-5__details-copy {
  font-family: var(--default-font);
  font-size: 1.05rem;
  line-height: 1.8;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  margin-bottom: 2rem;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__features {
  margin-bottom: 2.25rem;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__feature {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: padding-left 0.3s ease;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__feature:first-child {
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-stats-models-model-5 .pb-stats-models-model-5__feature:hover {
  padding-left: 0.5rem;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__feature:hover .pb-stats-models-model-5__feature-num {
  color: var(--contrast-color);
  background: var(--accent-color);
}
.pb-stats-models-model-5 .pb-stats-models-model-5__feature-num {
  font-size: 0.85rem;
  font-weight: 800;
  color: var(--accent-color);
  font-family: var(--heading-font);
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__feature-copy {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__feature-copy strong {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 700;
  color: var(--heading-color);
}
.pb-stats-models-model-5 .pb-stats-models-model-5__feature-copy span {
  font-family: var(--default-font);
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  line-height: 1.4;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__actions {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.85rem 1.75rem;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: all 0.3s ease;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__btn-primary i {
  transition: transform 0.3s ease;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__btn-primary:hover, .pb-stats-models-model-5 .pb-stats-models-model-5__btn-primary:focus {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color), transparent 65%);
}
.pb-stats-models-model-5 .pb-stats-models-model-5__btn-primary:hover i, .pb-stats-models-model-5 .pb-stats-models-model-5__btn-primary:focus i {
  transform: translateX(4px);
}
.pb-stats-models-model-5 .pb-stats-models-model-5__btn-outline {
  display: inline-flex;
  align-items: center;
  padding: 0.85rem 1.75rem;
  background: transparent;
  color: var(--accent-color);
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 40%);
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: all 0.3s ease;
}
.pb-stats-models-model-5 .pb-stats-models-model-5__btn-outline:hover, .pb-stats-models-model-5 .pb-stats-models-model-5__btn-outline:focus {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border-color: var(--accent-color);
  color: var(--accent-color);
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 6
--------------------------------------------------------------*/
.pb-stats-models-model-6.pb-ready-model .pb-stats-models-model-6__card h2, .pb-stats-models-model-6.pb-ready-model .pb-stats-models-model-6__card p, .pb-stats-models-model-6.pb-ready-model .pb-stats-models-model-6__trust-label, .pb-stats-models-model-6.pb-ready-model .pb-stats-models-model-6__trust-rating {
  white-space: normal;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 40px 30px;
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--accent-color);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px color-mix(in srgb, var(--default-color), transparent 88%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card:hover::before {
  transform: scaleX(1);
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card:hover .pb-stats-models-model-6__icon {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card.is-featured {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card.is-featured::before {
  background: var(--contrast-color);
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card.is-featured .pb-stats-models-model-6__icon {
  background-color: color-mix(in srgb, var(--contrast-color), transparent 80%);
  color: var(--contrast-color);
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card.is-featured h2 {
  color: var(--contrast-color);
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card.is-featured p {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card.is-featured:hover {
  box-shadow: 0 20px 40px color-mix(in srgb, var(--accent-color), transparent 50%);
  border-color: var(--accent-color);
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card.is-featured:hover .pb-stats-models-model-6__icon {
  background-color: var(--contrast-color);
  color: var(--accent-color);
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card h2 {
  font-family: var(--heading-font);
  color: var(--heading-color);
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 8px;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card h2 span {
  display: inline-block;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__card p {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 16px;
  margin: 0;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin: 0 auto 24px;
  transition: all 0.3s ease;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__trust {
  margin-top: 50px;
  padding: 28px 32px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 94%);
  border-radius: 60px;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__trust-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__avatars {
  display: flex;
  align-items: center;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__avatars img {
  width: 48px;
  height: 48px;
  border: 3px solid var(--surface-color);
  margin-right: -12px;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__avatars img:last-child {
  margin-right: 0;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__avatars img:hover {
  transform: scale(1.15);
  z-index: 2;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__trust-label {
  display: block;
  font-family: var(--default-font);
  font-size: 15px;
  color: var(--default-color);
  font-weight: 500;
  margin-bottom: 4px;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__trust-rating {
  display: flex;
  align-items: center;
  gap: 3px;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__trust-rating i {
  color: #f5a623;
  font-size: 14px;
}
.pb-stats-models-model-6 .pb-stats-models-model-6__trust-rating span {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  margin-left: 6px;
}
@media (max-width: 768px) {
  .pb-stats-models-model-6 .pb-stats-models-model-6__card {
    padding: 32px 24px;
  }
  .pb-stats-models-model-6 .pb-stats-models-model-6__card h2 {
    font-size: 36px;
  }
  .pb-stats-models-model-6 .pb-stats-models-model-6__trust {
    border-radius: 20px;
    padding: 24px 20px;
  }
  .pb-stats-models-model-6 .pb-stats-models-model-6__trust-content {
    flex-direction: column;
    text-align: center;
  }
  .pb-stats-models-model-6 .pb-stats-models-model-6__trust-rating {
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .pb-stats-models-model-6 .pb-stats-models-model-6__card {
    padding: 28px 20px;
  }
  .pb-stats-models-model-6 .pb-stats-models-model-6__card h2 {
    font-size: 32px;
  }
  .pb-stats-models-model-6 .pb-stats-models-model-6__card p {
    font-size: 14px;
  }
  .pb-stats-models-model-6 .pb-stats-models-model-6__icon {
    width: 56px;
    height: 56px;
    font-size: 22px;
    margin-bottom: 18px;
  }
  .pb-stats-models-model-6 .pb-stats-models-model-6__avatars img {
    width: 40px;
    height: 40px;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 7
--------------------------------------------------------------*/
.pb-stats-models-model-7.pb-ready-model .pb-stats-models-model-7__tag, .pb-stats-models-model-7.pb-ready-model .pb-stats-models-model-7__content h2, .pb-stats-models-model-7.pb-ready-model .pb-stats-models-model-7__content p, .pb-stats-models-model-7.pb-ready-model .pb-stats-models-model-7__data h3, .pb-stats-models-model-7.pb-ready-model .pb-stats-models-model-7__data p {
  white-space: normal;
}
.pb-stats-models-model-7 .pb-stats-models-model-7__content .pb-stats-models-model-7__tag {
  display: inline-block;
  font-family: var(--default-font);
  color: var(--accent-color);
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 16px;
}
.pb-stats-models-model-7 .pb-stats-models-model-7__content h2 {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 16px;
  color: var(--heading-color);
}
.pb-stats-models-model-7 .pb-stats-models-model-7__content p {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 24px;
}
.pb-stats-models-model-7 .pb-stats-models-model-7__link {
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 16px;
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: gap 0.3s ease;
}
.pb-stats-models-model-7 .pb-stats-models-model-7__link:hover, .pb-stats-models-model-7 .pb-stats-models-model-7__link:focus {
  color: var(--accent-color);
  gap: 12px;
}
.pb-stats-models-model-7 .pb-stats-models-model-7__card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 32px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  transition: all 0.3s ease;
  height: 100%;
}
.pb-stats-models-model-7 .pb-stats-models-model-7__card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--heading-color), transparent 92%);
}
.pb-stats-models-model-7 .pb-stats-models-model-7__icon {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-stats-models-model-7 .pb-stats-models-model-7__icon i {
  font-size: 24px;
  color: var(--accent-color);
}
.pb-stats-models-model-7 .pb-stats-models-model-7__data h3 {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 0;
  line-height: 1.1;
  display: flex;
  align-items: center;
}
.pb-stats-models-model-7 .pb-stats-models-model-7__data p {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin: 4px 0 0;
}
@media (max-width: 991px) {
  .pb-stats-models-model-7 .pb-stats-models-model-7__content {
    margin-bottom: 16px;
  }
  .pb-stats-models-model-7 .pb-stats-models-model-7__content h2 {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .pb-stats-models-model-7 .pb-stats-models-model-7__card {
    padding: 24px;
  }
  .pb-stats-models-model-7 .pb-stats-models-model-7__data h3 {
    font-size: 28px;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 8
--------------------------------------------------------------*/
.pb-stats-models-model-8.pb-ready-model .pb-stats-models-model-8__body span, .pb-stats-models-model-8.pb-ready-model .pb-stats-models-model-8__body p {
  white-space: normal;
}
.pb-stats-models-model-8 .pb-stats-models-model-8__card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 32px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-bottom: 3px solid var(--accent-color);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--heading-color), transparent 92%);
  transition: all 0.3s ease;
  height: 100%;
}
.pb-stats-models-model-8 .pb-stats-models-model-8__card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  border-bottom-color: var(--accent-color);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--heading-color), transparent 88%);
}
.pb-stats-models-model-8 .pb-stats-models-model-8__icon {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  border-radius: 50%;
}
.pb-stats-models-model-8 .pb-stats-models-model-8__icon i {
  font-size: 24px;
  color: var(--accent-color);
}
.pb-stats-models-model-8 .pb-stats-models-model-8__body span {
  display: block;
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}
.pb-stats-models-model-8 .pb-stats-models-model-8__body p {
  font-family: var(--default-font);
  font-size: 14px;
  color: var(--default-color);
  margin-bottom: 0;
  margin-top: 4px;
}
@media (max-width: 575px) {
  .pb-stats-models-model-8 .pb-stats-models-model-8__card {
    padding: 24px;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 9
--------------------------------------------------------------*/
.pb-stats-models-model-9.pb-ready-model .pb-stats-models-model-9__value, .pb-stats-models-model-9.pb-ready-model .pb-stats-models-model-9__label {
  white-space: normal;
}
.pb-stats-models-model-9 .pb-stats-models-model-9__card {
  padding: 40px 32px;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color) 6%, transparent), 0 2px 4px color-mix(in srgb, var(--default-color) 4%, transparent);
  text-align: center;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.pb-stats-models-model-9 .pb-stats-models-model-9__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #6366f1));
  opacity: 0;
  transition: opacity 0.3s ease;
}
.pb-stats-models-model-9 .pb-stats-models-model-9__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color) 10%, transparent), 0 4px 8px color-mix(in srgb, var(--default-color) 6%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.pb-stats-models-model-9 .pb-stats-models-model-9__card:hover::before {
  opacity: 1;
}
.pb-stats-models-model-9 .pb-stats-models-model-9__card:hover .pb-stats-models-model-9__icon {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, #6366f1));
}
.pb-stats-models-model-9 .pb-stats-models-model-9__card:hover .pb-stats-models-model-9__icon i {
  color: var(--contrast-color);
}
.pb-stats-models-model-9 .pb-stats-models-model-9__icon {
  width: 56px;
  height: 56px;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  transition: all 0.3s ease;
}
.pb-stats-models-model-9 .pb-stats-models-model-9__icon i {
  font-size: 26px;
  color: var(--accent-color);
  transition: color 0.3s ease;
}
.pb-stats-models-model-9 .pb-stats-models-model-9__value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  margin-bottom: 8px;
}
.pb-stats-models-model-9 .pb-stats-models-model-9__value .purecounter {
  font-family: var(--heading-font);
  font-size: 44px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.pb-stats-models-model-9 .pb-stats-models-model-9__suffix {
  font-family: var(--heading-font);
  font-size: 32px;
  font-weight: 600;
  color: var(--accent-color);
}
.pb-stats-models-model-9 .pb-stats-models-model-9__label {
  font-size: 15px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  font-family: var(--heading-font);
  margin: 0;
  padding: 0;
  letter-spacing: 0.02em;
}
@media (max-width: 768px) {
  .pb-stats-models-model-9 .pb-stats-models-model-9__card {
    padding: 32px 24px;
  }
  .pb-stats-models-model-9 .pb-stats-models-model-9__value .purecounter {
    font-size: 36px;
  }
  .pb-stats-models-model-9 .pb-stats-models-model-9__suffix {
    font-size: 26px;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 10
--------------------------------------------------------------*/
.pb-stats-models-model-10.pb-ready-model .pb-stats-models-model-10__number, .pb-stats-models-model-10.pb-ready-model .pb-stats-models-model-10__label, .pb-stats-models-model-10.pb-ready-model .pb-stats-models-model-10__achievement-body h4, .pb-stats-models-model-10.pb-ready-model .pb-stats-models-model-10__achievement-body p {
  white-space: normal;
}
.pb-stats-models-model-10 .pb-stats-models-model-10__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px;
  margin-bottom: 120px;
  text-align: center;
}
.pb-stats-models-model-10 .pb-stats-models-model-10__number {
  font-family: var(--heading-font);
  font-size: 72px;
  font-weight: 300;
  color: var(--heading-color);
  line-height: 1;
  margin-bottom: 20px;
  letter-spacing: -2px;
}
.pb-stats-models-model-10 .pb-stats-models-model-10__number span {
  display: inline-block;
}
.pb-stats-models-model-10 .pb-stats-models-model-10__label {
  font-family: var(--default-font);
  font-size: 16px;
  color: var(--default-color);
  opacity: 0.7;
  margin: 0;
  line-height: 1.6;
  font-weight: 400;
}
.pb-stats-models-model-10 .pb-stats-models-model-10__achievements {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}
.pb-stats-models-model-10 .pb-stats-models-model-10__achievement {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 40px 0;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-stats-models-model-10 .pb-stats-models-model-10__achievement-icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: var(--card-border-radius);
  margin-top: 5px;
}
.pb-stats-models-model-10 .pb-stats-models-model-10__achievement-icon i {
  font-size: 24px;
  color: var(--accent-color);
}
.pb-stats-models-model-10 .pb-stats-models-model-10__achievement-body h4 {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 400;
  color: var(--heading-color);
  margin-bottom: 8px;
  line-height: 1.3;
}
.pb-stats-models-model-10 .pb-stats-models-model-10__achievement-body p {
  font-family: var(--default-font);
  font-size: 15px;
  color: var(--default-color);
  opacity: 0.7;
  margin: 0;
  line-height: 1.6;
}
@media (max-width: 992px) {
  .pb-stats-models-model-10 .pb-stats-models-model-10__grid {
    gap: 60px;
    margin-bottom: 80px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__number {
    font-size: 56px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__achievements {
    gap: 40px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__achievement {
    padding: 30px 0;
  }
}
@media (max-width: 768px) {
  .pb-stats-models-model-10 .pb-stats-models-model-10__grid {
    grid-template-columns: 1fr;
    gap: 50px;
    margin-bottom: 60px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__number {
    font-size: 48px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__label {
    font-size: 15px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__achievements {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__achievement {
    padding: 25px 0;
    gap: 16px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__achievement-icon {
    width: 45px;
    height: 45px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__achievement-icon i {
    font-size: 20px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__achievement-body h4 {
    font-size: 18px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__achievement-body p {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .pb-stats-models-model-10 .pb-stats-models-model-10__number {
    font-size: 40px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__achievement-icon {
    width: 40px;
    height: 40px;
  }
  .pb-stats-models-model-10 .pb-stats-models-model-10__achievement-icon i {
    font-size: 18px;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 11
--------------------------------------------------------------*/
.pb-stats-models-model-11.pb-ready-model .pb-stats-models-model-11__heading, .pb-stats-models-model-11.pb-ready-model .pb-stats-models-model-11__note, .pb-stats-models-model-11.pb-ready-model .pb-stats-models-model-11__value, .pb-stats-models-model-11.pb-ready-model .pb-stats-models-model-11__suffix, .pb-stats-models-model-11.pb-ready-model .pb-stats-models-model-11__caption {
  white-space: normal;
}
.pb-stats-models-model-11 .pb-stats-models-model-11__board {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 12px;
}
@media (max-width: 1200px) {
  .pb-stats-models-model-11 .pb-stats-models-model-11__board {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .pb-stats-models-model-11 .pb-stats-models-model-11__board {
    grid-template-columns: 1fr;
  }
}
.pb-stats-models-model-11 .pb-stats-models-model-11__tile {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 18px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 132px;
  box-shadow: 0 2px 0 color-mix(in srgb, var(--heading-color), transparent 92%);
  transition: border-color 0.3s ease, transform 0.3s ease;
}
.pb-stats-models-model-11 .pb-stats-models-model-11__tile:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  transform: translateY(-2px);
}
.pb-stats-models-model-11 .pb-stats-models-model-11__tile.is-tone-accent {
  border-top: 3px solid color-mix(in srgb, var(--accent-color), transparent 30%);
}
.pb-stats-models-model-11 .pb-stats-models-model-11__tile.is-tone-accent .pb-stats-models-model-11__head i {
  color: var(--accent-color);
}
.pb-stats-models-model-11 .pb-stats-models-model-11__tile.is-tone-green {
  border-top: 3px solid color-mix(in srgb, #0abf53, transparent 30%);
}
.pb-stats-models-model-11 .pb-stats-models-model-11__tile.is-tone-green .pb-stats-models-model-11__head i {
  color: #0abf53;
}
.pb-stats-models-model-11 .pb-stats-models-model-11__tile.is-tone-orange {
  border-top: 3px solid color-mix(in srgb, #ff7e00, transparent 30%);
}
.pb-stats-models-model-11 .pb-stats-models-model-11__tile.is-tone-orange .pb-stats-models-model-11__head i {
  color: #ff7e00;
}
.pb-stats-models-model-11 .pb-stats-models-model-11__tile.is-tone-purple {
  border-top: 3px solid color-mix(in srgb, #6f42c1, transparent 30%);
}
.pb-stats-models-model-11 .pb-stats-models-model-11__tile.is-tone-purple .pb-stats-models-model-11__head i {
  color: #6f42c1;
}
.pb-stats-models-model-11 .pb-stats-models-model-11__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.pb-stats-models-model-11 .pb-stats-models-model-11__head i {
  font-size: 24px;
  color: var(--accent-color);
}
.pb-stats-models-model-11 .pb-stats-models-model-11__heading {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-stats-models-model-11 .pb-stats-models-model-11__note {
  display: block;
  margin-top: 2px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  font-family: var(--default-font);
  font-size: 13px;
  line-height: 1.4;
}
.pb-stats-models-model-11 .pb-stats-models-model-11__metric {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.pb-stats-models-model-11 .pb-stats-models-model-11__value {
  display: inline-block;
  font-family: var(--heading-font);
  color: var(--heading-color);
  font-weight: 600;
  line-height: 1;
  font-size: 36px;
}
@media (max-width: 576px) {
  .pb-stats-models-model-11 .pb-stats-models-model-11__value {
    font-size: 32px;
  }
}
.pb-stats-models-model-11 .pb-stats-models-model-11__suffix {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
}
.pb-stats-models-model-11 .pb-stats-models-model-11__legend {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  padding: 10px 12px;
  border: 1px dashed color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--surface-color), var(--default-color) 2%);
}
@media (max-width: 576px) {
  .pb-stats-models-model-11 .pb-stats-models-model-11__legend {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.pb-stats-models-model-11 .pb-stats-models-model-11__legend-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.pb-stats-models-model-11 .pb-stats-models-model-11__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.pb-stats-models-model-11 .pb-stats-models-model-11__dot.is-primary {
  background: var(--accent-color);
}
.pb-stats-models-model-11 .pb-stats-models-model-11__dot.is-neutral {
  background: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-stats-models-model-11 .pb-stats-models-model-11__caption {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 12
--------------------------------------------------------------*/
.pb-stats-models-model-12.pb-ready-model .pb-stats-models-model-12__headline, .pb-stats-models-model-12.pb-ready-model .pb-stats-models-model-12__intro-copy, .pb-stats-models-model-12.pb-ready-model .pb-stats-models-model-12__badge-title, .pb-stats-models-model-12.pb-ready-model .pb-stats-models-model-12__badge-note, .pb-stats-models-model-12.pb-ready-model .pb-stats-models-model-12__label, .pb-stats-models-model-12.pb-ready-model .pb-stats-models-model-12__growth, .pb-stats-models-model-12.pb-ready-model .pb-stats-models-model-12__value {
  white-space: normal;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__intro {
  margin-bottom: 3rem;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__headline {
  color: var(--heading-color);
  font-family: var(--heading-font);
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__intro-copy {
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  font-family: var(--default-font);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 2.5rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__badge {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), #6366f1 30%));
  border-radius: 2rem;
  padding: 1.25rem 2rem;
  display: inline-block;
  margin-bottom: 3rem;
  box-shadow: 0 8px 32px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-stats-models-model-12 .pb-stats-models-model-12__badge-inner {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__badge-icon {
  background: var(--contrast-color);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__badge-icon i {
  color: var(--accent-color);
  font-size: 1.5rem;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__badge-meta {
  color: var(--contrast-color);
}
.pb-stats-models-model-12 .pb-stats-models-model-12__badge-title {
  font-size: 1.125rem;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 0.25rem;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__badge-note {
  font-family: var(--default-font);
  font-size: 0.875rem;
  opacity: 0.9;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__grid {
  margin-top: 2rem;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 2rem 1.5rem;
  text-align: center;
  height: 100%;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), #6366f1 40%));
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px color-mix(in srgb, var(--accent-color), transparent 85%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-stats-models-model-12 .pb-stats-models-model-12__card:hover::before {
  transform: scaleX(1);
}
.pb-stats-models-model-12 .pb-stats-models-model-12__card.is-featured {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), #6366f1 30%));
  color: var(--contrast-color);
  border-color: transparent;
  transform: scale(1.05);
}
.pb-stats-models-model-12 .pb-stats-models-model-12__card.is-featured .pb-stats-models-model-12__icon {
  background: var(--contrast-color);
}
.pb-stats-models-model-12 .pb-stats-models-model-12__card.is-featured .pb-stats-models-model-12__icon i {
  color: var(--accent-color);
}
.pb-stats-models-model-12 .pb-stats-models-model-12__card.is-featured .pb-stats-models-model-12__value {
  color: var(--contrast-color);
}
.pb-stats-models-model-12 .pb-stats-models-model-12__card.is-featured .pb-stats-models-model-12__label {
  color: color-mix(in srgb, var(--contrast-color), transparent 15%);
}
.pb-stats-models-model-12 .pb-stats-models-model-12__card.is-featured .pb-stats-models-model-12__growth {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
}
.pb-stats-models-model-12 .pb-stats-models-model-12__card.is-featured .pb-stats-models-model-12__growth i {
  color: var(--contrast-color);
}
.pb-stats-models-model-12 .pb-stats-models-model-12__card.is-featured:hover {
  transform: scale(1.08) translateY(-8px);
  border-color: transparent;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__icon {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__icon i {
  color: var(--accent-color);
  font-size: 1.75rem;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__value {
  color: var(--accent-color);
  font-family: var(--heading-font);
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.75rem;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__value .purecounter {
  font-size: inherit;
  color: inherit;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__label {
  color: var(--heading-color);
  font-size: 1.125rem;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 1rem;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__growth {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-family: var(--default-font);
  font-size: 0.875rem;
  font-weight: 500;
}
.pb-stats-models-model-12 .pb-stats-models-model-12__growth i {
  color: #22c55e;
  font-size: 0.75rem;
}
@media (max-width: 1200px) {
  .pb-stats-models-model-12 .pb-stats-models-model-12__headline {
    font-size: 2.25rem;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__card {
    padding: 1.75rem 1.25rem;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__value {
    font-size: 2.25rem;
  }
}
@media (max-width: 992px) {
  .pb-stats-models-model-12 .pb-stats-models-model-12__headline {
    font-size: 2rem;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__badge {
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__badge-inner {
    gap: 0.75rem;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__badge-icon {
    width: 40px;
    height: 40px;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__badge-icon i {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  .pb-stats-models-model-12 .pb-stats-models-model-12__headline {
    font-size: 1.75rem;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__intro-copy {
    font-size: 1rem;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__badge-inner {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__card {
    padding: 1.5rem 1rem;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__card.is-featured {
    transform: none;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__card.is-featured:hover {
    transform: translateY(-8px);
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__icon {
    width: 56px;
    height: 56px;
    margin-bottom: 1rem;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__icon i {
    font-size: 1.5rem;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__value {
    font-size: 2rem;
  }
  .pb-stats-models-model-12 .pb-stats-models-model-12__label {
    font-size: 1rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 13
--------------------------------------------------------------*/
.pb-stats-models-model-13.pb-ready-model .pb-stats-models-model-13__headline, .pb-stats-models-model-13.pb-ready-model .pb-stats-models-model-13__intro-copy, .pb-stats-models-model-13.pb-ready-model .pb-stats-models-model-13__score, .pb-stats-models-model-13.pb-ready-model .pb-stats-models-model-13__rating-note, .pb-stats-models-model-13.pb-ready-model .pb-stats-models-model-13__value, .pb-stats-models-model-13.pb-ready-model .pb-stats-models-model-13__caption {
  white-space: normal;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__hero {
  margin-bottom: 2.5rem;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__headline {
  color: var(--heading-color);
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__intro-copy {
  color: var(--default-color);
  font-family: var(--default-font);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__rating {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--surface-color);
  border-radius: 2rem;
  box-shadow: 0 4px 32px color-mix(in srgb, var(--accent-color), transparent 90%);
  min-width: 270px;
  padding: 0.75rem 1rem;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__rating-img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  flex-shrink: 0;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__rating-score {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__score {
  color: var(--accent-color);
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 600;
  margin-right: 0.5rem;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__stars {
  color: color-mix(in srgb, var(--accent-color), #ffd700 70%);
  font-size: 1.15rem;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__stars i {
  color: #ffae00;
  font-size: 1.18em;
  vertical-align: -0.13em;
  margin-right: 2px;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__stars i:last-child {
  margin-right: 0;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__rating-note {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 0.95rem;
  font-family: var(--default-font);
}
.pb-stats-models-model-13 .pb-stats-models-model-13__counters {
  margin-top: 0.5rem;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 2px 12px color-mix(in srgb, var(--accent-color), transparent 95%);
  padding: 1.75rem 1rem 1.25rem;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 32px color-mix(in srgb, var(--accent-color), transparent 82%);
}
.pb-stats-models-model-13 .pb-stats-models-model-13__value {
  color: var(--accent-color);
  font-family: var(--heading-font);
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.25rem;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__value .purecounter {
  font-size: inherit;
  color: inherit;
}
.pb-stats-models-model-13 .pb-stats-models-model-13__caption {
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  font-size: 1rem;
  font-family: var(--default-font);
  font-weight: 500;
  margin-top: 0.3rem;
  letter-spacing: 0.02em;
}
@media (max-width: 992px) {
  .pb-stats-models-model-13 .pb-stats-models-model-13__headline {
    font-size: 1.7rem;
  }
  .pb-stats-models-model-13 .pb-stats-models-model-13__card {
    padding: 1.2rem 0.7rem 1rem;
  }
}
@media (max-width: 767px) {
  .pb-stats-models-model-13 .pb-stats-models-model-13__headline {
    font-size: 1.3rem;
    text-align: center;
  }
  .pb-stats-models-model-13 .pb-stats-models-model-13__intro-copy {
    font-size: 1rem;
    text-align: center;
  }
  .pb-stats-models-model-13 .pb-stats-models-model-13__rating {
    margin-inline: auto;
  }
  .pb-stats-models-model-13 .pb-stats-models-model-13__card {
    padding: 1rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 14
--------------------------------------------------------------*/
.pb-stats-models-model-14.pb-ready-model .pb-stats-models-model-14__intro h3, .pb-stats-models-model-14.pb-ready-model .pb-stats-models-model-14__intro p, .pb-stats-models-model-14.pb-ready-model .pb-stats-models-model-14__value, .pb-stats-models-model-14.pb-ready-model .pb-stats-models-model-14__body p {
  white-space: normal;
}
.pb-stats-models-model-14 .pb-stats-models-model-14__intro {
  height: 100%;
  padding: 30px;
}
.pb-stats-models-model-14 .pb-stats-models-model-14__intro h3 {
  font-family: var(--heading-font);
  font-size: 32px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 15px;
}
.pb-stats-models-model-14 .pb-stats-models-model-14__intro h3::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 4px;
  background: var(--accent-color);
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .pb-stats-models-model-14 .pb-stats-models-model-14__intro h3::after {
    margin: 0;
  }
}
.pb-stats-models-model-14 .pb-stats-models-model-14__intro p {
  font-family: var(--default-font);
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.7;
  margin-bottom: 0;
}
.pb-stats-models-model-14 .pb-stats-models-model-14__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.pb-stats-models-model-14 .pb-stats-models-model-14__card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  box-shadow: 0 5px 20px color-mix(in srgb, var(--heading-color), transparent 95%);
  padding: 20px;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.pb-stats-models-model-14 .pb-stats-models-model-14__card:hover {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-stats-models-model-14 .pb-stats-models-model-14__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 50%;
  margin-right: 15px;
  flex-shrink: 0;
}
.pb-stats-models-model-14 .pb-stats-models-model-14__icon i {
  font-size: 24px;
  color: var(--accent-color);
}
.pb-stats-models-model-14 .pb-stats-models-model-14__body {
  flex-grow: 1;
}
.pb-stats-models-model-14 .pb-stats-models-model-14__value {
  display: flex;
  align-items: baseline;
}
.pb-stats-models-model-14 .pb-stats-models-model-14__value .purecounter {
  font-family: var(--heading-font);
  font-size: 32px;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0;
  line-height: 1;
}
.pb-stats-models-model-14 .pb-stats-models-model-14__suffix {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 700;
  color: var(--accent-color);
  margin-left: 2px;
}
.pb-stats-models-model-14 .pb-stats-models-model-14__body p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 5px 0 0;
  font-weight: 500;
  font-family: var(--heading-font);
}
@media (max-width: 768px) {
  .pb-stats-models-model-14 .pb-stats-models-model-14__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .pb-stats-models-model-14 .pb-stats-models-model-14__card {
    padding: 15px;
  }
  .pb-stats-models-model-14 .pb-stats-models-model-14__icon {
    width: 50px;
    height: 50px;
  }
  .pb-stats-models-model-14 .pb-stats-models-model-14__icon i {
    font-size: 20px;
  }
  .pb-stats-models-model-14 .pb-stats-models-model-14__value .purecounter {
    font-size: 28px;
  }
  .pb-stats-models-model-14 .pb-stats-models-model-14__suffix {
    font-size: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 15
--------------------------------------------------------------*/
.pb-stats-models-model-15.pb-ready-model .pb-stats-models-model-15__value, .pb-stats-models-model-15.pb-ready-model .pb-stats-models-model-15__item p {
  white-space: normal;
}
.pb-stats-models-model-15 .pb-stats-models-model-15__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 992px) {
  .pb-stats-models-model-15 .pb-stats-models-model-15__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .pb-stats-models-model-15 .pb-stats-models-model-15__grid {
    grid-template-columns: 1fr;
  }
}
.pb-stats-models-model-15 .pb-stats-models-model-15__item {
  background: linear-gradient(135deg, color-mix(in srgb, var(--surface-color), transparent 5%), var(--surface-color));
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 40px 20px;
  text-align: center;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--heading-color), transparent 95%);
  overflow: hidden;
}
.pb-stats-models-model-15 .pb-stats-models-model-15__item:hover {
  transform: translateY(-10px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-stats-models-model-15 .pb-stats-models-model-15__item:hover .pb-stats-models-model-15__icon {
  transform: scale(1.1);
}
.pb-stats-models-model-15 .pb-stats-models-model-15__item.is-tone-accent .pb-stats-models-model-15__icon {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-stats-models-model-15 .pb-stats-models-model-15__item.is-tone-accent .pb-stats-models-model-15__icon i {
  color: color-mix(in srgb, var(--accent-color), transparent 10%);
}
.pb-stats-models-model-15 .pb-stats-models-model-15__item.is-tone-orange .pb-stats-models-model-15__icon {
  background-color: color-mix(in srgb, #ff7e00, transparent 85%);
}
.pb-stats-models-model-15 .pb-stats-models-model-15__item.is-tone-orange .pb-stats-models-model-15__icon i {
  color: color-mix(in srgb, #ff7e00, transparent 10%);
}
.pb-stats-models-model-15 .pb-stats-models-model-15__item.is-tone-green .pb-stats-models-model-15__icon {
  background-color: color-mix(in srgb, #00c875, transparent 85%);
}
.pb-stats-models-model-15 .pb-stats-models-model-15__item.is-tone-green .pb-stats-models-model-15__icon i {
  color: color-mix(in srgb, #00c875, transparent 10%);
}
.pb-stats-models-model-15 .pb-stats-models-model-15__item.is-tone-pink .pb-stats-models-model-15__icon {
  background-color: color-mix(in srgb, #e83e8c, transparent 85%);
}
.pb-stats-models-model-15 .pb-stats-models-model-15__item.is-tone-pink .pb-stats-models-model-15__icon i {
  color: color-mix(in srgb, #e83e8c, transparent 10%);
}
.pb-stats-models-model-15 .pb-stats-models-model-15__item p {
  color: var(--default-color);
  font-size: 18px;
  margin: 0;
  font-weight: 500;
  font-family: var(--heading-font);
  opacity: 0.8;
}
.pb-stats-models-model-15 .pb-stats-models-model-15__icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  transition: transform 0.3s ease;
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-stats-models-model-15 .pb-stats-models-model-15__icon i {
  font-size: 36px;
  color: color-mix(in srgb, var(--accent-color), transparent 10%);
}
.pb-stats-models-model-15 .pb-stats-models-model-15__value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-bottom: 10px;
  line-height: 1;
}
.pb-stats-models-model-15 .pb-stats-models-model-15__value .purecounter {
  display: block;
  font-size: 48px;
  font-weight: 700;
  color: var(--heading-color);
  font-family: var(--heading-font);
  line-height: 1;
}
.pb-stats-models-model-15 .pb-stats-models-model-15__suffix {
  font-size: 32px;
  font-weight: 700;
  color: var(--accent-color);
  font-family: var(--heading-font);
  margin-left: 2px;
  line-height: 1;
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 16
--------------------------------------------------------------*/
.pb-stats-models-model-16.pb-ready-model .pb-stats-models-model-16__value, .pb-stats-models-model-16.pb-ready-model .pb-stats-models-model-16__body p {
  white-space: normal;
}
.pb-stats-models-model-16 .pb-stats-models-model-16__item {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  box-shadow: 0 0 30px color-mix(in srgb, var(--heading-color), transparent 90%);
  padding: 30px;
}
.pb-stats-models-model-16 .pb-stats-models-model-16__item > i {
  font-size: 42px;
  line-height: 0;
  margin-right: 20px;
  color: var(--accent-color);
}
.pb-stats-models-model-16 .pb-stats-models-model-16__item.is-tone-accent > i {
  color: var(--accent-color);
}
.pb-stats-models-model-16 .pb-stats-models-model-16__item.is-tone-orange > i {
  color: #ff7e00;
}
.pb-stats-models-model-16 .pb-stats-models-model-16__item.is-tone-green > i {
  color: #00c875;
}
.pb-stats-models-model-16 .pb-stats-models-model-16__item.is-tone-pink > i {
  color: #e83e8c;
}
.pb-stats-models-model-16 .pb-stats-models-model-16__value {
  display: flex;
  align-items: baseline;
}
.pb-stats-models-model-16 .pb-stats-models-model-16__value .purecounter {
  color: var(--heading-color);
  font-size: 36px;
  display: block;
  font-weight: 600;
  font-family: var(--heading-font);
  line-height: 1;
}
.pb-stats-models-model-16 .pb-stats-models-model-16__suffix {
  font-size: 24px;
  font-weight: 600;
  color: var(--accent-color);
  font-family: var(--heading-font);
  margin-left: 2px;
  line-height: 1;
}
.pb-stats-models-model-16 .pb-stats-models-model-16__body p {
  padding: 0;
  margin: 0;
  font-family: var(--heading-font);
  font-size: 16px;
  color: var(--default-color);
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 17
--------------------------------------------------------------*/
.pb-stats-models-model-17.pb-ready-model .pb-stats-models-model-17__value, .pb-stats-models-model-17.pb-ready-model .pb-stats-models-model-17__card p {
  white-space: normal;
}
.pb-stats-models-model-17 .col-lg-3 > i,
.pb-stats-models-model-17 .col-md-6 > i {
  background-color: var(--surface-color);
  color: var(--accent-color);
  box-shadow: 0 2px 25px color-mix(in srgb, var(--heading-color), transparent 90%);
  width: 54px;
  height: 54px;
  font-size: 24px;
  border-radius: 50px;
  border: 2px solid var(--background-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.pb-stats-models-model-17 .pb-stats-models-model-17__card {
  background-color: var(--surface-color);
  margin-top: -27px;
  padding: 30px 30px 25px;
  width: 100%;
  position: relative;
  text-align: center;
  box-shadow: 0 2px 35px color-mix(in srgb, var(--heading-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  z-index: 0;
}
.pb-stats-models-model-17 .pb-stats-models-model-17__card p {
  padding: 0;
  margin: 0;
  font-family: var(--heading-font);
  font-size: 16px;
  color: var(--default-color);
}
.pb-stats-models-model-17 .pb-stats-models-model-17__value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-bottom: 4px;
}
.pb-stats-models-model-17 .pb-stats-models-model-17__value .purecounter {
  font-size: 36px;
  display: block;
  font-weight: 700;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.2;
}
.pb-stats-models-model-17 .pb-stats-models-model-17__suffix {
  font-size: 24px;
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--accent-color);
  margin-left: 2px;
  line-height: 1;
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 18
--------------------------------------------------------------*/
.pb-stats-models-model-18 {
  position: relative;
  isolation: isolate;
}
.pb-stats-models-model-18.pb-ready-model .pb-stats-models-model-18__item .purecounter, .pb-stats-models-model-18.pb-ready-model .pb-stats-models-model-18__item p {
  white-space: normal;
}
.pb-stats-models-model-18.pb-ready-model > .site-container.pb-stats-models-model-18__panel, .pb-stats-models-model-18.pb-ready-model > .pb-stats-models-model-18__panel,
.pb-stats-models-model-18 > .pb-stats-models-model-18__panel {
  position: relative;
  z-index: 2;
  padding-top: 120px;
  padding-bottom: 120px;
}
.pb-stats-models-model-18 > .pb-ready-model__layer.pb-stats-models-model-18__media,
.pb-stats-models-model-18 .pb-stats-models-model-18__media.pb-ready-model__layer {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.pb-stats-models-model-18 > .pb-ready-model__layer.pb-stats-models-model-18__media img,
.pb-stats-models-model-18 .pb-stats-models-model-18__media.pb-ready-model__layer img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.pb-stats-models-model-18 .pb-stats-models-model-18__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  background: color-mix(in srgb, var(--heading-color), transparent 25%);
  pointer-events: none;
}
.pb-stats-models-model-18 .pb-stats-models-model-18__item {
  padding: 30px;
  width: 100%;
}
.pb-stats-models-model-18 .pb-stats-models-model-18__item .purecounter {
  font-size: 48px;
  display: inline-block;
  color: var(--contrast-color);
  font-weight: 700;
  font-family: var(--heading-font);
  line-height: 1;
}
.pb-stats-models-model-18 .pb-stats-models-model-18__item p {
  padding: 0;
  margin: 0;
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 700;
  color: color-mix(in srgb, var(--contrast-color), transparent 25%);
}
.pb-stats-models-model-18 .pb-stats-models-model-18__suffix {
  font-size: 48px;
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--contrast-color);
  line-height: 1;
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 19
--------------------------------------------------------------*/
.pb-stats-models-model-19.pb-ready-model .pb-stats-models-model-19__heading, .pb-stats-models-model-19.pb-ready-model .pb-stats-models-model-19__summary, .pb-stats-models-model-19.pb-ready-model .pb-stats-models-model-19__value, .pb-stats-models-model-19.pb-ready-model .pb-stats-models-model-19__label, .pb-stats-models-model-19.pb-ready-model .pb-stats-models-model-19__caption h4, .pb-stats-models-model-19.pb-ready-model .pb-stats-models-model-19__caption p {
  white-space: normal;
}
.pb-stats-models-model-19 .pb-stats-models-model-19__intro {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 992px) {
  .pb-stats-models-model-19 .pb-stats-models-model-19__intro {
    margin-bottom: 3rem;
  }
}
.pb-stats-models-model-19 .pb-stats-models-model-19__heading {
  font-family: var(--heading-font);
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
}
.pb-stats-models-model-19 .pb-stats-models-model-19__summary {
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
  line-height: 1.8;
  font-family: var(--default-font);
  color: var(--default-color);
}
.pb-stats-models-model-19 .pb-stats-models-model-19__cta {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.pb-stats-models-model-19 .pb-stats-models-model-19__btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--accent-color);
  border: 2px solid var(--accent-color);
  color: var(--contrast-color);
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  font-family: var(--heading-font);
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.pb-stats-models-model-19 .pb-stats-models-model-19__btn-primary:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.pb-stats-models-model-19 .pb-stats-models-model-19__btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--heading-color);
  color: var(--heading-color);
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  font-family: var(--heading-font);
  background-color: transparent;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: border-color 0.3s ease, color 0.3s ease;
}
.pb-stats-models-model-19 .pb-stats-models-model-19__btn-outline:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
.pb-stats-models-model-19 .pb-stats-models-model-19__card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 2rem 1.5rem;
  text-align: center;
  box-shadow: 0 5px 20px color-mix(in srgb, var(--heading-color), transparent 95%);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.pb-stats-models-model-19 .pb-stats-models-model-19__card:hover {
  transform: translateY(-10px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-stats-models-model-19 .pb-stats-models-model-19__icon {
  margin-bottom: 1rem;
  font-size: 2.5rem;
  color: var(--accent-color);
  line-height: 1;
}
.pb-stats-models-model-19 .pb-stats-models-model-19__value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 0.5rem;
  font-family: var(--heading-font);
  line-height: 1;
}
.pb-stats-models-model-19 .pb-stats-models-model-19__value .purecounter {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
}
.pb-stats-models-model-19 .pb-stats-models-model-19__prefix,
.pb-stats-models-model-19 .pb-stats-models-model-19__suffix {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
}
.pb-stats-models-model-19 .pb-stats-models-model-19__label {
  font-size: 1rem;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--default-color);
}
.pb-stats-models-model-19 .pb-stats-models-model-19__gallery {
  margin-top: 2rem;
}
.pb-stats-models-model-19 .pb-stats-models-model-19__achievement {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 5px 15px color-mix(in srgb, var(--heading-color), transparent 92%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  height: 100%;
  background: var(--surface-color);
}
.pb-stats-models-model-19 .pb-stats-models-model-19__achievement img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: transform 0.5s ease;
  display: block;
}
.pb-stats-models-model-19 .pb-stats-models-model-19__achievement:hover img {
  transform: scale(1.1);
}
.pb-stats-models-model-19 .pb-stats-models-model-19__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem;
  background: linear-gradient(to top, color-mix(in srgb, var(--heading-color), transparent 20%), transparent);
}
.pb-stats-models-model-19 .pb-stats-models-model-19__caption h4 {
  color: var(--contrast-color);
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-family: var(--heading-font);
}
.pb-stats-models-model-19 .pb-stats-models-model-19__caption p {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  margin-bottom: 0;
  font-size: 0.9rem;
  font-family: var(--default-font);
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 1
--------------------------------------------------------------*/
.pb-skills-models-model-1.pb-ready-model .pb-skills-models-model-1__intro-heading, .pb-skills-models-model-1.pb-ready-model .pb-skills-models-model-1__intro-copy, .pb-skills-models-model-1.pb-ready-model .pb-skills-models-model-1__skill-name {
  white-space: normal;
}
.pb-skills-models-model-1 .pb-skills-models-model-1__intro-heading {
  font-size: 26px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin-bottom: 16px;
}
.pb-skills-models-model-1 .pb-skills-models-model-1__intro-copy {
  font-size: 16px;
  line-height: 1.7;
  font-family: var(--default-font);
  color: var(--default-color);
  margin-bottom: 24px;
}
.pb-skills-models-model-1 .pb-skills-models-model-1__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.pb-skills-models-model-1 .pb-skills-models-model-1__tag {
  padding: 8px 16px;
  border-radius: 24px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  font-size: 14px;
  font-weight: 500;
  font-family: var(--default-font);
  color: var(--heading-color);
}
.pb-skills-models-model-1 .pb-skills-models-model-1__skill {
  margin-bottom: 24px;
}
.pb-skills-models-model-1 .pb-skills-models-model-1__skill:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-1 .pb-skills-models-model-1__skill-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  color: var(--heading-color);
  font-weight: 600;
  font-size: 16px;
  font-family: var(--default-font);
}
.pb-skills-models-model-1 .pb-skills-models-model-1__skill-value {
  font-style: normal;
  color: var(--accent-color);
  font-size: 14px;
  font-weight: 600;
}
.pb-skills-models-model-1 .pb-skills-models-model-1__skill-track {
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--default-color), transparent 88%);
  overflow: hidden;
}
.pb-skills-models-model-1 .pb-skills-models-model-1__skill-fill {
  width: 0;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 35%));
  transition: width 1.2s ease-in-out;
}
.pb-skills-models-model-1 .pb-skills-models-model-1__skill-track.is-visible .pb-skills-models-model-1__skill-fill {
  width: var(--pb-skill-progress, 0%);
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 2
--------------------------------------------------------------*/
.pb-skills-models-model-2 {
  --pb-skills-model-2-border-subtle: color-mix(in srgb, var(--default-color), transparent 90%);
  --pb-skills-model-2-muted: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-skills-models-model-2.pb-ready-model .pb-skills-models-model-2__card-title, .pb-skills-models-model-2.pb-ready-model .pb-skills-models-model-2__card-summary, .pb-skills-models-model-2.pb-ready-model .pb-skills-models-model-2__skill-name, .pb-skills-models-model-2.pb-ready-model .pb-skills-models-model-2__milestone-label {
  white-space: normal;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__counters {
  margin-bottom: 16px;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__counter {
  text-align: center;
  padding: 28px 16px;
  border: 1px solid var(--pb-skills-model-2-border-subtle);
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  transition: border-color 0.3s ease, transform 0.3s ease;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__counter:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
  transform: translateY(-3px);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__counter-value {
  display: block;
  font-size: 40px;
  font-weight: 600;
  color: var(--accent-color);
  line-height: 1;
  font-family: var(--heading-font);
  margin-bottom: 8px;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__counter-label {
  font-size: 13px;
  color: var(--pb-skills-model-2-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-family: var(--default-font);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__card {
  background: var(--surface-color);
  border: 1px solid var(--pb-skills-model-2-border-subtle);
  border-radius: var(--card-border-radius);
  padding: 36px 28px;
  height: 100%;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  overflow: hidden;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 48px color-mix(in srgb, var(--default-color), transparent 90%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__card--featured {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  background: color-mix(in srgb, var(--surface-color), var(--accent-color) 3%);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__card-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 4px 12px;
  border-radius: 20px;
  font-family: var(--default-font);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__card-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__card-icon i {
  font-size: 26px;
  color: var(--accent-color);
  line-height: 1;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__card-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 8px;
  font-family: var(--heading-font);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__card-summary {
  font-size: 14px;
  color: var(--pb-skills-model-2-muted);
  line-height: 1.6;
  margin-bottom: 24px;
  font-family: var(--default-font);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__bars {
  margin-bottom: 24px;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__skill {
  margin-bottom: 20px;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__skill:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__skill-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  width: 100%;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__skill-name {
  font-size: 14px;
  color: var(--default-color);
  font-weight: 400;
  font-family: var(--default-font);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__skill-value {
  font-size: 13px;
  color: var(--accent-color);
  font-weight: 600;
  font-style: normal;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__skill-track {
  width: 100%;
  height: 4px;
  background: color-mix(in srgb, var(--default-color), transparent 92%);
  border-radius: 4px;
  overflow: hidden;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__skill-fill {
  width: 0;
  height: 100%;
  background: var(--accent-color);
  border-radius: 4px;
  transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__skill-track.is-visible .pb-skills-models-model-2__skill-fill {
  width: var(--pb-skill-progress, 0%);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 20px;
  border-top: 1px solid var(--pb-skills-model-2-border-subtle);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__tool {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--default-color);
  background: color-mix(in srgb, var(--default-color), transparent 95%);
  padding: 5px 12px;
  border-radius: 20px;
  font-weight: 500;
  font-family: var(--default-font);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__tool i {
  font-size: 13px;
  color: var(--accent-color);
  line-height: 1;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__tool:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__milestones {
  display: flex;
  justify-content: center;
  gap: 0;
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__milestone {
  flex: 1;
  text-align: center;
  padding: 24px 20px;
  position: relative;
  transition: background-color 0.3s ease;
}
.pb-skills-models-model-2 .pb-skills-models-model-2__milestone:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 20%;
  height: 60%;
  width: 1px;
  background: var(--pb-skills-model-2-border-subtle);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__milestone:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__milestone-year {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--accent-color);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 6px;
  font-family: var(--default-font);
}
.pb-skills-models-model-2 .pb-skills-models-model-2__milestone-label {
  font-size: 14px;
  color: var(--default-color);
  font-weight: 400;
  font-family: var(--default-font);
}
@media (max-width: 992px) {
  .pb-skills-models-model-2 .pb-skills-models-model-2__milestones {
    flex-direction: column;
  }
  .pb-skills-models-model-2 .pb-skills-models-model-2__milestone:not(:last-child)::after {
    top: auto;
    bottom: 0;
    left: 15%;
    right: auto;
    width: 70%;
    height: 1px;
  }
}
@media (max-width: 768px) {
  .pb-skills-models-model-2 .pb-skills-models-model-2__counter {
    padding: 20px 12px;
  }
  .pb-skills-models-model-2 .pb-skills-models-model-2__counter-value {
    font-size: 32px;
  }
  .pb-skills-models-model-2 .pb-skills-models-model-2__counter-label {
    font-size: 11px;
  }
  .pb-skills-models-model-2 .pb-skills-models-model-2__card {
    padding: 28px 20px;
  }
  .pb-skills-models-model-2 .pb-skills-models-model-2__card-title {
    font-size: 18px;
  }
  .pb-skills-models-model-2 .pb-skills-models-model-2__tool {
    font-size: 11px;
    padding: 4px 10px;
  }
  .pb-skills-models-model-2 .pb-skills-models-model-2__milestone {
    padding: 18px 16px;
  }
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 3
--------------------------------------------------------------*/
.pb-skills-models-model-3.pb-ready-model .pb-skills-models-model-3__tile-title, .pb-skills-models-model-3.pb-ready-model .pb-skills-models-model-3__tile-summary, .pb-skills-models-model-3.pb-ready-model .pb-skills-models-model-3__credential-label {
  white-space: normal;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__showcase {
  position: relative;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile {
  position: relative;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 32px;
  height: 100%;
  box-shadow: 0 10px 40px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 40%));
  opacity: 0;
  transition: opacity 0.3s ease;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile:hover::before {
  opacity: 1;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile:hover .pb-skills-models-model-3__icon {
  background: var(--accent-color);
  transform: scale(1.1);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile:hover .pb-skills-models-model-3__icon i {
  color: var(--contrast-color);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile:hover .pb-skills-models-model-3__circle-progress {
  stroke: color-mix(in srgb, var(--accent-color), var(--heading-color) 20%);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 30%));
  transform: scale(1.02);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured::before {
  display: none;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured .pb-skills-models-model-3__icon {
  background: color-mix(in srgb, var(--contrast-color), transparent 80%);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured .pb-skills-models-model-3__icon i {
  color: var(--contrast-color);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured .pb-skills-models-model-3__tile-title {
  color: var(--contrast-color);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured .pb-skills-models-model-3__tile-summary {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured .pb-skills-models-model-3__circle-bg {
  stroke: color-mix(in srgb, var(--contrast-color), transparent 70%);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured .pb-skills-models-model-3__circle-progress {
  stroke: var(--contrast-color);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured .pb-skills-models-model-3__ring-value {
  color: var(--contrast-color);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured .pb-skills-models-model-3__track {
  background: color-mix(in srgb, var(--contrast-color), transparent 70%);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured .pb-skills-models-model-3__fill {
  background: var(--contrast-color);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured:hover {
  transform: scale(1.05) translateY(-8px);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured:hover .pb-skills-models-model-3__icon {
  background: var(--contrast-color);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured:hover .pb-skills-models-model-3__icon i {
  color: var(--accent-color);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__icon {
  width: 56px;
  height: 56px;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__icon i {
  font-size: 1.5rem;
  color: var(--accent-color);
  transition: color 0.3s ease;
  line-height: 1;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__ring {
  position: relative;
  width: 64px;
  height: 64px;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__circle-bg {
  fill: none;
  stroke: color-mix(in srgb, var(--default-color), transparent 90%);
  stroke-width: 3;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__circle-progress {
  fill: none;
  stroke: var(--accent-color);
  stroke-width: 3;
  stroke-linecap: round;
  transition: stroke 0.3s ease, stroke-dasharray 1.2s ease;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__ring-value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: 700;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile-body {
  margin-bottom: 20px;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 8px;
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__tile-summary {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin: 0;
  line-height: 1.6;
  font-family: var(--default-font);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__track {
  height: 6px;
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 3px;
  overflow: hidden;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__fill {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 30%));
  border-radius: 3px;
  transition: width 1s ease;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__track.is-visible .pb-skills-models-model-3__fill {
  width: var(--pb-skill-progress, 0%);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__credentials {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  margin-top: 64px;
  padding: 40px 48px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 25%));
  border-radius: var(--card-border-radius);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__credentials-divider {
  width: 1px;
  height: 48px;
  background: color-mix(in srgb, var(--contrast-color), transparent 70%);
  flex-shrink: 0;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__credential {
  display: flex;
  align-items: center;
  gap: 16px;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__credential-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--contrast-color), transparent 85%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__credential-icon i {
  font-size: 1.5rem;
  color: var(--contrast-color);
  line-height: 1;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__credential-copy {
  display: flex;
  flex-direction: column;
}
.pb-skills-models-model-3 .pb-skills-models-model-3__credential-value {
  font-size: 1.75rem;
  font-weight: 800;
  color: var(--contrast-color);
  line-height: 1.2;
  font-family: var(--heading-font);
}
.pb-skills-models-model-3 .pb-skills-models-model-3__credential-label {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--contrast-color), transparent 15%);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: var(--default-font);
}
@media (max-width: 992px) {
  .pb-skills-models-model-3 .pb-skills-models-model-3__credentials {
    flex-wrap: wrap;
    gap: 32px;
    padding: 32px;
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__credentials-divider {
    display: none;
  }
}
@media (max-width: 768px) {
  .pb-skills-models-model-3 .pb-skills-models-model-3__tile {
    padding: 24px;
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__icon {
    width: 48px;
    height: 48px;
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__icon i {
    font-size: 1.25rem;
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__ring {
    width: 56px;
    height: 56px;
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__ring-value {
    font-size: 13px;
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__tile-title {
    font-size: 1rem;
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured {
    transform: scale(1);
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__tile--featured:hover {
    transform: translateY(-8px);
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__credentials {
    margin-top: 48px;
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__credential-icon {
    width: 48px;
    height: 48px;
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__credential-icon i {
    font-size: 1.25rem;
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__credential-value {
    font-size: 1.5rem;
  }
}
@media (max-width: 576px) {
  .pb-skills-models-model-3 .pb-skills-models-model-3__credentials {
    flex-direction: column;
    gap: 24px;
    padding: 32px 24px;
  }
  .pb-skills-models-model-3 .pb-skills-models-model-3__credential {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 4
--------------------------------------------------------------*/
.pb-skills-models-model-4.pb-ready-model .pb-skills-models-model-4__card-title, .pb-skills-models-model-4.pb-ready-model .pb-skills-models-model-4__footer-title, .pb-skills-models-model-4.pb-ready-model .pb-skills-models-model-4__footer-subtitle {
  white-space: normal;
}
.pb-skills-models-model-4 .pb-skills-models-model-4__wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
.pb-skills-models-model-4 .pb-skills-models-model-4__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 48px;
}
@media (max-width: 992px) {
  .pb-skills-models-model-4 .pb-skills-models-model-4__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .pb-skills-models-model-4 .pb-skills-models-model-4__grid {
    grid-template-columns: 1fr;
  }
}
.pb-skills-models-model-4 .pb-skills-models-model-4__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 24px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.pb-skills-models-model-4 .pb-skills-models-model-4__card:hover {
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 88%);
  transform: translateY(-4px);
}
.pb-skills-models-model-4 .pb-skills-models-model-4__card:hover .pb-skills-models-model-4__icon {
  background: var(--accent-color);
}
.pb-skills-models-model-4 .pb-skills-models-model-4__card:hover .pb-skills-models-model-4__icon i {
  color: var(--contrast-color);
}
.pb-skills-models-model-4 .pb-skills-models-model-4__icon {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
.pb-skills-models-model-4 .pb-skills-models-model-4__icon i {
  font-size: 1.5rem;
  color: var(--accent-color);
  transition: color 0.3s ease;
}
.pb-skills-models-model-4 .pb-skills-models-model-4__card-main {
  flex: 1;
  min-width: 0;
}
.pb-skills-models-model-4 .pb-skills-models-model-4__card-title {
  font-size: 1rem;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin-bottom: 12px;
}
.pb-skills-models-model-4 .pb-skills-models-model-4__progress-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pb-skills-models-model-4 .pb-skills-models-model-4__track {
  flex: 1;
  height: 8px;
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 4px;
  overflow: hidden;
}
.pb-skills-models-model-4 .pb-skills-models-model-4__fill {
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 30%));
  border-radius: 4px;
  transition: width 1s ease;
}
.pb-skills-models-model-4 .pb-skills-models-model-4__track.is-visible .pb-skills-models-model-4__fill {
  width: var(--pb-skill-progress, 0%);
}
.pb-skills-models-model-4 .pb-skills-models-model-4__percentage {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--accent-color);
  min-width: 42px;
  text-align: right;
  font-family: var(--heading-font);
}
.pb-skills-models-model-4 .pb-skills-models-model-4__footer {
  display: flex;
  justify-content: center;
  gap: 48px;
  padding: 32px;
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  border-radius: var(--card-border-radius);
}
@media (max-width: 768px) {
  .pb-skills-models-model-4 .pb-skills-models-model-4__footer {
    flex-direction: column;
    gap: 24px;
    align-items: center;
    text-align: center;
  }
}
.pb-skills-models-model-4 .pb-skills-models-model-4__footer-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.pb-skills-models-model-4 .pb-skills-models-model-4__footer-item > i {
  font-size: 2rem;
  color: var(--accent-color);
}
.pb-skills-models-model-4 .pb-skills-models-model-4__footer-copy {
  display: flex;
  flex-direction: column;
}
.pb-skills-models-model-4 .pb-skills-models-model-4__footer-title {
  font-size: 1rem;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
.pb-skills-models-model-4 .pb-skills-models-model-4__footer-subtitle {
  font-size: 0.875rem;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
@media (max-width: 576px) {
  .pb-skills-models-model-4 .pb-skills-models-model-4__card {
    padding: 20px;
  }
  .pb-skills-models-model-4 .pb-skills-models-model-4__icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
  }
  .pb-skills-models-model-4 .pb-skills-models-model-4__icon i {
    font-size: 1.25rem;
  }
  .pb-skills-models-model-4 .pb-skills-models-model-4__footer {
    padding: 24px;
  }
  .pb-skills-models-model-4 .pb-skills-models-model-4__footer .pb-skills-models-model-4__footer-item > i {
    font-size: 1.75rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 5
--------------------------------------------------------------*/
.pb-skills-models-model-5 {
  --pb-skills-model-5-section-spacing: 80px;
  --pb-skills-model-5-category-spacing: 60px;
  --pb-skills-model-5-skill-spacing: 24px;
  --pb-skills-model-5-progress-height: 2px;
  --pb-skills-model-5-border-light: color-mix(in srgb, var(--default-color), transparent 92%);
  --pb-skills-model-5-text-light: color-mix(in srgb, var(--default-color), transparent 35%);
  --pb-skills-model-5-surface-soft: color-mix(in srgb, var(--surface-color), var(--accent-color) 1%);
}
.pb-skills-models-model-5.pb-ready-model .pb-skills-models-model-5__lead, .pb-skills-models-model-5.pb-ready-model .pb-skills-models-model-5__category-title, .pb-skills-models-model-5.pb-ready-model .pb-skills-models-model-5__category-subtitle, .pb-skills-models-model-5.pb-ready-model .pb-skills-models-model-5__skill-name, .pb-skills-models-model-5.pb-ready-model .pb-skills-models-model-5__highlight-summary, .pb-skills-models-model-5.pb-ready-model .pb-skills-models-model-5__achievement-label {
  white-space: normal;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__intro {
  margin-bottom: var(--pb-skills-model-5-section-spacing);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__lead {
  font-size: 22px;
  line-height: 1.8;
  color: var(--pb-skills-model-5-text-light);
  font-weight: 300;
  margin: 0;
  font-family: var(--heading-font);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__main {
  padding-right: 40px;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__category {
  margin-bottom: var(--pb-skills-model-5-category-spacing);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__category:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__category-head {
  margin-bottom: 32px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--pb-skills-model-5-border-light);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__category-title {
  font-size: 24px;
  font-weight: 300;
  color: var(--heading-color);
  margin-bottom: 8px;
  font-family: var(--heading-font);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__category-subtitle {
  font-size: 16px;
  color: var(--pb-skills-model-5-text-light);
  margin: 0;
  font-weight: 300;
  font-family: var(--default-font);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__skill {
  margin-bottom: var(--pb-skills-model-5-skill-spacing);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__skill:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__skill-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__skill-name {
  font-size: 18px;
  color: var(--default-color);
  font-weight: 300;
  font-family: var(--default-font);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__skill-value {
  font-size: 14px;
  color: var(--accent-color);
  font-weight: 500;
  font-family: var(--default-font);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__track {
  height: var(--pb-skills-model-5-progress-height);
  background: var(--pb-skills-model-5-border-light);
  border-radius: 1px;
  overflow: hidden;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__fill {
  width: 0;
  height: 100%;
  background: var(--accent-color);
  border-radius: 1px;
  transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__track.is-visible .pb-skills-models-model-5__fill {
  width: var(--pb-skill-progress, 0%);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__sidebar {
  padding-left: 40px;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__highlight {
  background: var(--pb-skills-model-5-surface-soft);
  padding: 40px 32px;
  border-radius: var(--card-border-radius);
  text-align: center;
  margin-bottom: 40px;
  border: 1px solid var(--pb-skills-model-5-border-light);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__highlight-icon {
  margin-bottom: 24px;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__highlight-icon i {
  font-size: 48px;
  color: var(--accent-color);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__highlight-title {
  font-size: 20px;
  font-weight: 300;
  color: var(--heading-color);
  margin-bottom: 20px;
  font-family: var(--heading-font);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__experience {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__experience-value {
  font-size: 56px;
  font-weight: 200;
  color: var(--accent-color);
  line-height: 1;
  font-family: var(--heading-font);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__experience-label {
  font-size: 18px;
  color: var(--pb-skills-model-5-text-light);
  font-weight: 300;
  font-family: var(--default-font);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__highlight-summary {
  font-size: 16px;
  line-height: 1.7;
  color: var(--pb-skills-model-5-text-light);
  margin: 0;
  font-family: var(--default-font);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__tech {
  margin-bottom: 40px;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__tech-title,
.pb-skills-models-model-5 .pb-skills-models-model-5__achievements-title {
  font-size: 18px;
  font-weight: 400;
  color: var(--heading-color);
  margin-bottom: 24px;
  font-family: var(--heading-font);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__tech-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__tech-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: var(--surface-color);
  border: 1px solid var(--pb-skills-model-5-border-light);
  border-radius: 6px;
  transition: border-color 0.3s ease, background 0.3s ease;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__tech-item:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  background: color-mix(in srgb, var(--surface-color), var(--accent-color) 2%);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__tech-item i {
  font-size: 20px;
  color: var(--accent-color);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__tech-item span {
  font-size: 14px;
  color: var(--default-color);
  font-weight: 400;
  font-family: var(--default-font);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__achievement {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--pb-skills-model-5-border-light);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__achievement:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.pb-skills-models-model-5 .pb-skills-models-model-5__achievement-year {
  font-size: 12px;
  color: var(--accent-color);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  min-width: 40px;
  margin-top: 2px;
  font-family: var(--default-font);
}
.pb-skills-models-model-5 .pb-skills-models-model-5__achievement-label {
  font-size: 15px;
  color: var(--default-color);
  line-height: 1.5;
  font-weight: 300;
  font-family: var(--default-font);
}
@media (max-width: 992px) {
  .pb-skills-models-model-5 .pb-skills-models-model-5__main {
    padding-right: 0;
    margin-bottom: 60px;
  }
  .pb-skills-models-model-5 .pb-skills-models-model-5__sidebar {
    padding-left: 0;
  }
  .pb-skills-models-model-5 .pb-skills-models-model-5__highlight {
    margin-bottom: 32px;
  }
  .pb-skills-models-model-5 .pb-skills-models-model-5__tech {
    margin-bottom: 32px;
  }
  .pb-skills-models-model-5 .pb-skills-models-model-5__tech-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .pb-skills-models-model-5 {
    --pb-skills-model-5-section-spacing: 60px;
    --pb-skills-model-5-category-spacing: 40px;
  }
  .pb-skills-models-model-5 .pb-skills-models-model-5__lead {
    font-size: 20px;
  }
  .pb-skills-models-model-5 .pb-skills-models-model-5__category-title {
    font-size: 22px;
  }
  .pb-skills-models-model-5 .pb-skills-models-model-5__skill-name {
    font-size: 16px;
  }
  .pb-skills-models-model-5 .pb-skills-models-model-5__highlight {
    padding: 32px 24px;
  }
  .pb-skills-models-model-5 .pb-skills-models-model-5__experience-value {
    font-size: 48px;
  }
  .pb-skills-models-model-5 .pb-skills-models-model-5__tech-item {
    padding: 12px;
  }
  .pb-skills-models-model-5 .pb-skills-models-model-5__tech-item span {
    font-size: 13px;
  }
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 6
--------------------------------------------------------------*/
.pb-skills-models-model-6 {
  --pb-skills-model-6-spacing: 40px;
  --pb-skills-model-6-icon-size: 60px;
  --pb-skills-model-6-progress-height: 4px;
  --pb-skills-model-6-border-subtle: color-mix(in srgb, var(--default-color), transparent 90%);
  --pb-skills-model-6-text-muted: color-mix(in srgb, var(--default-color), transparent 45%);
  --pb-skills-model-6-surface-elevated: color-mix(in srgb, var(--surface-color), var(--accent-color) 2%);
}
.pb-skills-models-model-6.pb-ready-model .pb-skills-models-model-6__lead, .pb-skills-models-model-6.pb-ready-model .pb-skills-models-model-6__title, .pb-skills-models-model-6.pb-ready-model .pb-skills-models-model-6__summary, .pb-skills-models-model-6.pb-ready-model .pb-skills-models-model-6__cert-summary, .pb-skills-models-model-6.pb-ready-model .pb-skills-models-model-6__cert-item span {
  white-space: normal;
}
.pb-skills-models-model-6 .pb-skills-models-model-6__intro {
  margin-bottom: 80px;
}
.pb-skills-models-model-6 .pb-skills-models-model-6__lead {
  font-size: 20px;
  line-height: 1.7;
  color: var(--pb-skills-model-6-text-muted);
  font-weight: 300;
  margin: 0;
  font-family: var(--heading-font);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  gap: var(--pb-skills-model-6-spacing);
  margin-bottom: 60px;
}
.pb-skills-models-model-6 .pb-skills-models-model-6__item {
  padding: 36px 0;
  border-bottom: 1px solid var(--pb-skills-model-6-border-subtle);
  transition: transform 0.4s ease;
}
.pb-skills-models-model-6 .pb-skills-models-model-6__item:hover {
  transform: translateY(-4px);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__item:hover .pb-skills-models-model-6__icon i {
  color: var(--accent-color);
  transform: scale(1.1);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__icon {
  margin-bottom: 24px;
}
.pb-skills-models-model-6 .pb-skills-models-model-6__icon i {
  font-size: var(--pb-skills-model-6-icon-size);
  color: var(--pb-skills-model-6-text-muted);
  transition: color 0.4s ease, transform 0.4s ease;
}
.pb-skills-models-model-6 .pb-skills-models-model-6__title {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 20px;
  color: var(--heading-color);
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__level {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.pb-skills-models-model-6 .pb-skills-models-model-6__level-text {
  font-size: 14px;
  color: var(--accent-color);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  min-width: 90px;
  font-family: var(--default-font);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__track {
  flex: 1;
  height: var(--pb-skills-model-6-progress-height);
  background: var(--pb-skills-model-6-border-subtle);
  border-radius: 2px;
  overflow: hidden;
}
.pb-skills-models-model-6 .pb-skills-models-model-6__fill {
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), transparent 30%));
  border-radius: 2px;
  transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__track.is-visible .pb-skills-models-model-6__fill {
  width: var(--pb-skill-progress, 0%);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__summary {
  font-size: 16px;
  line-height: 1.8;
  color: var(--pb-skills-model-6-text-muted);
  margin: 0;
  font-family: var(--default-font);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__cert-area {
  padding-top: 60px;
  border-top: 1px solid var(--pb-skills-model-6-border-subtle);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__cert-title {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 16px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__cert-summary {
  font-size: 17px;
  line-height: 1.7;
  color: var(--pb-skills-model-6-text-muted);
  margin-bottom: 32px;
  font-family: var(--default-font);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__cert-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px dashed var(--pb-skills-model-6-border-subtle);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__cert-item:last-child {
  border-bottom: none;
}
.pb-skills-models-model-6 .pb-skills-models-model-6__cert-item i {
  color: var(--accent-color);
  font-size: 20px;
}
.pb-skills-models-model-6 .pb-skills-models-model-6__cert-item span {
  font-size: 16px;
  color: var(--default-color);
  font-family: var(--default-font);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__tools-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 24px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-6 .pb-skills-models-model-6__tools-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.pb-skills-models-model-6 .pb-skills-models-model-6__tool-tag {
  padding: 8px 16px;
  background: var(--pb-skills-model-6-surface-elevated);
  border: 1px solid var(--pb-skills-model-6-border-subtle);
  border-radius: 20px;
  font-size: 14px;
  color: var(--default-color);
  font-family: var(--default-font);
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.pb-skills-models-model-6 .pb-skills-models-model-6__tool-tag:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  color: var(--accent-color);
}
@media (max-width: 992px) {
  .pb-skills-models-model-6 .pb-skills-models-model-6__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .pb-skills-models-model-6 .pb-skills-models-model-6__item {
    padding: 28px 0;
  }
  .pb-skills-models-model-6 .pb-skills-models-model-6__title {
    font-size: 22px;
  }
  .pb-skills-models-model-6 .pb-skills-models-model-6__cert-title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .pb-skills-models-model-6 {
    --pb-skills-model-6-spacing: 24px;
    --pb-skills-model-6-icon-size: 50px;
  }
  .pb-skills-models-model-6 .pb-skills-models-model-6__intro {
    margin-bottom: 60px;
  }
  .pb-skills-models-model-6 .pb-skills-models-model-6__lead {
    font-size: 18px;
  }
  .pb-skills-models-model-6 .pb-skills-models-model-6__cert-area {
    padding-top: 40px;
  }
  .pb-skills-models-model-6 .pb-skills-models-model-6__tools {
    margin-top: 40px;
  }
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 7
--------------------------------------------------------------*/
.pb-skills-models-model-7 {
  --pb-skills-model-7-radius: var(--card-border-radius);
  --pb-skills-model-7-muted: color-mix(in srgb, var(--default-color), transparent 65%);
  --pb-skills-model-7-soft-border: color-mix(in srgb, var(--default-color), transparent 85%);
  --pb-skills-model-7-soft-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 94%);
}
.pb-skills-models-model-7.pb-ready-model .pb-skills-models-model-7__title, .pb-skills-models-model-7.pb-ready-model .pb-skills-models-model-7__summary, .pb-skills-models-model-7.pb-ready-model .pb-skills-models-model-7__note p, .pb-skills-models-model-7.pb-ready-model .pb-skills-models-model-7__tool-item span {
  white-space: normal;
}
.pb-skills-models-model-7 .pb-skills-models-model-7__block {
  padding: 22px 6px 6px;
  border-radius: var(--pb-skills-model-7-radius);
  transition: transform 0.3s ease-in-out;
}
.pb-skills-models-model-7 .pb-skills-models-model-7__block:hover {
  transform: translateY(-2px);
}
.pb-skills-models-model-7 .pb-skills-models-model-7__block:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: 3px;
}
.pb-skills-models-model-7 .pb-skills-models-model-7__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.pb-skills-models-model-7 .pb-skills-models-model-7__title {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-7 .pb-skills-models-model-7__badge {
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  font-family: var(--default-font);
  white-space: nowrap;
}
.pb-skills-models-model-7 .pb-skills-models-model-7__summary {
  color: var(--pb-skills-model-7-muted);
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 14px;
  font-family: var(--default-font);
}
.pb-skills-models-model-7 .pb-skills-models-model-7__track {
  height: 6px;
  background-color: color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 999px;
  overflow: hidden;
}
.pb-skills-models-model-7 .pb-skills-models-model-7__fill {
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), transparent 20%));
  border-radius: 999px;
  transition: width 0.6s ease-in-out;
}
.pb-skills-models-model-7 .pb-skills-models-model-7__track.is-visible .pb-skills-models-model-7__fill {
  width: var(--pb-skill-progress, 0%);
}
.pb-skills-models-model-7 .pb-skills-models-model-7__footer {
  margin-top: 60px;
}
.pb-skills-models-model-7 .pb-skills-models-model-7__toolbox {
  background: var(--surface-color);
  border: 1px solid var(--pb-skills-model-7-soft-border);
  box-shadow: var(--pb-skills-model-7-soft-shadow);
  border-radius: var(--pb-skills-model-7-radius);
  padding: 24px;
}
.pb-skills-models-model-7 .pb-skills-models-model-7__toolbox:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: 3px;
}
.pb-skills-models-model-7 .pb-skills-models-model-7__toolbox-title {
  font-weight: 400;
  letter-spacing: 0.3px;
  font-size: 16px;
  color: var(--heading-color);
  margin-bottom: 12px;
  font-family: var(--heading-font);
}
.pb-skills-models-model-7 .pb-skills-models-model-7__tool-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px dashed color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-skills-models-model-7 .pb-skills-models-model-7__tool-item:last-child {
  border-bottom: 0;
}
.pb-skills-models-model-7 .pb-skills-models-model-7__tool-item i {
  color: var(--accent-color);
  font-size: 18px;
  line-height: 1;
}
.pb-skills-models-model-7 .pb-skills-models-model-7__tool-item span {
  color: var(--default-color);
  font-family: var(--default-font);
}
.pb-skills-models-model-7 .pb-skills-models-model-7__note {
  color: var(--pb-skills-model-7-muted);
  font-size: 16px;
  line-height: 1.8;
  font-family: var(--default-font);
}
@media (max-width: 768px) {
  .pb-skills-models-model-7 .pb-skills-models-model-7__toolbox {
    padding: 24px;
  }
  .pb-skills-models-model-7 .pb-skills-models-model-7__block {
    padding-top: 18px;
  }
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 8
--------------------------------------------------------------*/
.pb-skills-models-model-8 {
  background-color: color-mix(in srgb, var(--background-color), var(--surface-color) 30%);
}
.pb-skills-models-model-8.pb-ready-model .pb-skills-models-model-8__intro-heading, .pb-skills-models-model-8.pb-ready-model .pb-skills-models-model-8__intro-copy, .pb-skills-models-model-8.pb-ready-model .pb-skills-models-model-8__item-title, .pb-skills-models-model-8.pb-ready-model .pb-skills-models-model-8__item-summary {
  white-space: normal;
}
.pb-skills-models-model-8 .pb-skills-models-model-8__intro-heading {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-8 .pb-skills-models-model-8__intro-copy {
  font-size: 1rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 2rem;
  font-family: var(--default-font);
}
.pb-skills-models-model-8 .pb-skills-models-model-8__certs {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.pb-skills-models-model-8 .pb-skills-models-model-8__cert {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  color: var(--default-color);
  font-family: var(--default-font);
}
.pb-skills-models-model-8 .pb-skills-models-model-8__cert i {
  color: var(--accent-color);
  font-size: 1.2rem;
}
.pb-skills-models-model-8 .pb-skills-models-model-8__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .pb-skills-models-model-8 .pb-skills-models-model-8__grid {
    grid-template-columns: 1fr;
  }
}
.pb-skills-models-model-8 .pb-skills-models-model-8__item {
  background: var(--surface-color);
  padding: 1.5rem;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0 2px 4px color-mix(in srgb, var(--default-color), transparent 95%);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.pb-skills-models-model-8 .pb-skills-models-model-8__item:hover {
  box-shadow: 0 4px 8px color-mix(in srgb, var(--default-color), transparent 90%);
  transform: translateY(-2px);
}
.pb-skills-models-model-8 .pb-skills-models-model-8__item-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 1rem;
}
.pb-skills-models-model-8 .pb-skills-models-model-8__item-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0;
  font-family: var(--heading-font);
}
.pb-skills-models-model-8 .pb-skills-models-model-8__item-value {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--accent-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-8 .pb-skills-models-model-8__track {
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  height: 6px;
  border-radius: 3px;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.pb-skills-models-model-8 .pb-skills-models-model-8__fill {
  width: 0;
  height: 100%;
  background-color: var(--accent-color);
  border-radius: 3px;
  transition: width 0.9s ease;
}
.pb-skills-models-model-8 .pb-skills-models-model-8__track.is-visible .pb-skills-models-model-8__fill {
  width: var(--pb-skill-progress, 0%);
}
.pb-skills-models-model-8 .pb-skills-models-model-8__item-summary {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
  font-family: var(--default-font);
}
@media (max-width: 992px) {
  .pb-skills-models-model-8 .row {
    text-align: center;
  }
  .pb-skills-models-model-8 .pb-skills-models-model-8__intro {
    margin-bottom: 3rem;
  }
  .pb-skills-models-model-8 .pb-skills-models-model-8__certs {
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .pb-skills-models-model-8 {
    padding: 40px 0;
  }
  .pb-skills-models-model-8 .pb-skills-models-model-8__intro-heading {
    font-size: 1.8rem;
  }
  .pb-skills-models-model-8 .pb-skills-models-model-8__certs {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }
  .pb-skills-models-model-8 .pb-skills-models-model-8__item {
    padding: 1.25rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 9
--------------------------------------------------------------*/
.pb-skills-models-model-9.pb-ready-model .pb-skills-models-model-9__card-title, .pb-skills-models-model-9.pb-ready-model .pb-skills-models-model-9__skill-name, .pb-skills-models-model-9.pb-ready-model .pb-skills-models-model-9__summary-title, .pb-skills-models-model-9.pb-ready-model .pb-skills-models-model-9__summary-copy, .pb-skills-models-model-9.pb-ready-model .pb-skills-models-model-9__stat-label {
  white-space: normal;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__card {
  background: linear-gradient(135deg, var(--surface-color) 0%, color-mix(in srgb, var(--surface-color), var(--accent-color) 5%) 100%);
  border-radius: 15px;
  padding: 30px;
  height: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 30%));
}
.pb-skills-models-model-9 .pb-skills-models-model-9__card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px color-mix(in srgb, var(--accent-color), transparent 80%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-skills-models-model-9 .pb-skills-models-model-9__card-head {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  gap: 15px;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__card-head > i {
  font-size: 28px;
  color: var(--accent-color);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 12px;
  flex-shrink: 0;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__card-title {
  font-size: 20px;
  margin: 0;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-9 .pb-skills-models-model-9__skill {
  margin-bottom: 20px;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__skill:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__skill-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__skill-name {
  font-weight: 600;
  color: var(--heading-color);
  font-size: 15px;
  font-family: var(--default-font);
}
.pb-skills-models-model-9 .pb-skills-models-model-9__skill-value {
  font-size: 14px;
  font-weight: 700;
  color: var(--accent-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-9 .pb-skills-models-model-9__track {
  height: 6px;
  background: color-mix(in srgb, var(--default-color), transparent 92%);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__fill {
  width: 0;
  height: 100%;
  background: linear-gradient(45deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  border-radius: 10px;
  transition: width 1.8s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__fill::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--contrast-color), transparent 70%), transparent);
  animation: pb-skills-models-model-9-shimmer 2s infinite;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__track.is-visible .pb-skills-models-model-9__fill {
  width: var(--pb-skill-progress, 0%);
}
.pb-skills-models-model-9 .pb-skills-models-model-9__summary {
  background: var(--surface-color);
  padding: 40px 30px;
  border-radius: 15px;
  height: fit-content;
  position: sticky;
  top: 20px;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-skills-models-model-9 .pb-skills-models-model-9__summary-title {
  color: var(--heading-color);
  margin-bottom: 20px;
  font-size: 24px;
  font-family: var(--heading-font);
}
.pb-skills-models-model-9 .pb-skills-models-model-9__summary-copy {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 30px;
  line-height: 1.6;
  font-family: var(--default-font);
}
.pb-skills-models-model-9 .pb-skills-models-model-9__stats {
  margin-bottom: 30px;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__stat {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  gap: 15px;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__stat:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__stat-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 30%));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__stat-icon i {
  color: var(--contrast-color);
  font-size: 20px;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__stat-value {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1;
  font-family: var(--heading-font);
}
.pb-skills-models-model-9 .pb-skills-models-model-9__stat-label {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-family: var(--default-font);
}
.pb-skills-models-model-9 .pb-skills-models-model-9__badges-title {
  color: var(--heading-color);
  margin-bottom: 15px;
  font-size: 18px;
  font-family: var(--heading-font);
}
.pb-skills-models-model-9 .pb-skills-models-model-9__badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.pb-skills-models-model-9 .pb-skills-models-model-9__badge {
  background: linear-gradient(45deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  color: var(--contrast-color);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--default-font);
}
@keyframes pb-skills-models-model-9-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@media (max-width: 991px) {
  .pb-skills-models-model-9 .pb-skills-models-model-9__summary {
    margin-top: 30px;
    position: relative;
    top: auto;
  }
}
@media (max-width: 767px) {
  .pb-skills-models-model-9 .pb-skills-models-model-9__card {
    padding: 25px 20px;
  }
  .pb-skills-models-model-9 .pb-skills-models-model-9__card-head {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  .pb-skills-models-model-9 .pb-skills-models-model-9__card-title {
    font-size: 18px;
  }
  .pb-skills-models-model-9 .pb-skills-models-model-9__summary {
    padding: 30px 20px;
  }
  .pb-skills-models-model-9 .pb-skills-models-model-9__stat-icon {
    width: 45px;
    height: 45px;
  }
  .pb-skills-models-model-9 .pb-skills-models-model-9__stat-icon i {
    font-size: 18px;
  }
  .pb-skills-models-model-9 .pb-skills-models-model-9__stat-value {
    font-size: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 10
--------------------------------------------------------------*/
.pb-skills-models-model-10 {
  --pb-skills-model-10-ring-size: 160px;
  --pb-skills-model-10-ring-circumference: 440;
  --pb-skills-model-10-shadow-soft: 0 0 25px color-mix(in srgb, var(--default-color), transparent 95%);
  --pb-skills-model-10-shadow-hover: 0 0 20px color-mix(in srgb, var(--default-color), transparent 95%);
}
.pb-skills-models-model-10.pb-ready-model .pb-skills-models-model-10__group-title, .pb-skills-models-model-10.pb-ready-model .pb-skills-models-model-10__ring-label, .pb-skills-models-model-10.pb-ready-model .pb-skills-models-model-10__card-title, .pb-skills-models-model-10.pb-ready-model .pb-skills-models-model-10__card-list span, .pb-skills-models-model-10.pb-ready-model .pb-skills-models-model-10__soft-title, .pb-skills-models-model-10.pb-ready-model .pb-skills-models-model-10__soft-summary {
  white-space: normal;
}
.pb-skills-models-model-10 .pb-skills-models-model-10__group {
  background-color: var(--surface-color);
  padding: 30px;
  border-radius: var(--card-border-radius);
  height: 100%;
  box-shadow: var(--pb-skills-model-10-shadow-soft);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__group-title {
  font-size: 24px;
  margin-bottom: 25px;
  color: var(--heading-color);
  position: relative;
  display: inline-block;
  font-family: var(--heading-font);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__group-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 40px;
  height: 3px;
  background: var(--accent-color);
  border-radius: 2px;
}
.pb-skills-models-model-10 .pb-skills-models-model-10__ring {
  position: relative;
  width: var(--pb-skills-model-10-ring-size);
  height: var(--pb-skills-model-10-ring-size);
  margin: 0 auto;
  text-align: center;
}
.pb-skills-models-model-10 .pb-skills-models-model-10__ring-outer {
  width: var(--pb-skills-model-10-ring-size);
  height: var(--pb-skills-model-10-ring-size);
  padding: 20px;
  border-radius: 50%;
  box-shadow: 0 0 15px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__ring-inner {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 15px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__ring-value {
  font-size: 24px;
  font-weight: 600;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__ring-label {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 500;
  color: var(--heading-color);
  font-family: var(--default-font);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__ring svg {
  position: absolute;
  top: 0;
  left: 0;
}
.pb-skills-models-model-10 .pb-skills-models-model-10__ring-circle {
  fill: none;
  stroke: var(--accent-color);
  stroke-width: 8px;
  stroke-dasharray: var(--pb-skills-model-10-ring-circumference);
  stroke-dashoffset: var(--pb-skills-model-10-ring-circumference);
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 1.5s ease-in-out;
}
.pb-skills-models-model-10 .pb-skills-models-model-10__ring.is-visible .pb-skills-models-model-10__ring-circle {
  stroke-dashoffset: var(--pb-skill-ring-offset, var(--pb-skills-model-10-ring-circumference));
}
.pb-skills-models-model-10 .pb-skills-models-model-10__card {
  background-color: var(--surface-color);
  border-radius: 10px;
  padding: 25px 20px;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
}
.pb-skills-models-model-10 .pb-skills-models-model-10__card:hover {
  transform: translateY(-5px);
  box-shadow: var(--pb-skills-model-10-shadow-hover);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__card:hover .pb-skills-models-model-10__card-icon {
  background-color: var(--accent-color);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__card:hover .pb-skills-models-model-10__card-icon i {
  color: var(--contrast-color);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__card-icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: background-color 0.3s ease;
}
.pb-skills-models-model-10 .pb-skills-models-model-10__card-icon i {
  font-size: 24px;
  color: var(--accent-color);
  transition: color 0.3s ease;
}
.pb-skills-models-model-10 .pb-skills-models-model-10__card-title {
  font-size: 18px;
  margin-bottom: 10px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__card-level {
  font-size: 14px;
  color: var(--accent-color);
  margin-bottom: 15px;
  font-family: var(--default-font);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__card-list li {
  font-size: 14px;
  margin-bottom: 8px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-family: var(--default-font);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__card-list li i {
  color: var(--accent-color);
  margin-right: 8px;
}
.pb-skills-models-model-10 .pb-skills-models-model-10__card-list li:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-10 .pb-skills-models-model-10__soft-card {
  background-color: var(--surface-color);
  border-radius: 10px;
  padding: 25px;
  height: 100%;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-skills-models-model-10 .pb-skills-models-model-10__soft-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--pb-skills-model-10-shadow-hover);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__soft-card:hover .pb-skills-models-model-10__soft-icon {
  transform: rotateY(180deg);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__soft-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  transition: transform 0.6s ease;
}
.pb-skills-models-model-10 .pb-skills-models-model-10__soft-icon i {
  font-size: 28px;
  color: var(--accent-color);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__soft-title {
  font-size: 18px;
  margin-bottom: 15px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-10 .pb-skills-models-model-10__soft-summary {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin: 0;
  font-family: var(--default-font);
}
@media (max-width: 991.98px) {
  .pb-skills-models-model-10 .pb-skills-models-model-10__group {
    margin-bottom: 30px;
  }
  .pb-skills-models-model-10 .pb-skills-models-model-10__group:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .pb-skills-models-model-10 .pb-skills-models-model-10__ring {
    margin-bottom: 30px;
  }
  .pb-skills-models-model-10 .pb-skills-models-model-10__ring:last-child {
    margin-bottom: 0;
  }
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 11
--------------------------------------------------------------*/
.pb-skills-models-model-11 {
  --pb-skills-model-11-shadow: 0 0 20px color-mix(in srgb, var(--default-color), transparent 95%);
  --pb-skills-model-11-shadow-soft: 0 0 15px color-mix(in srgb, var(--default-color), transparent 95%);
}
.pb-skills-models-model-11.pb-ready-model .pb-skills-models-model-11__category-title, .pb-skills-models-model-11.pb-ready-model .pb-skills-models-model-11__skill-title, .pb-skills-models-model-11.pb-ready-model .pb-skills-models-model-11__hint, .pb-skills-models-model-11.pb-ready-model .pb-skills-models-model-11__box-title {
  white-space: normal;
}
.pb-skills-models-model-11 .pb-skills-models-model-11__category {
  background-color: var(--surface-color);
  padding: 30px;
  border-radius: var(--card-border-radius);
  box-shadow: var(--pb-skills-model-11-shadow);
  height: 100%;
  transition: transform 0.3s ease;
}
.pb-skills-models-model-11 .pb-skills-models-model-11__category:hover {
  transform: translateY(-5px);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__category-title {
  font-size: 24px;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 15px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__category-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: var(--accent-color);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__skill {
  margin-bottom: 25px;
}
.pb-skills-models-model-11 .pb-skills-models-model-11__skill:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-11 .pb-skills-models-model-11__skill:hover .pb-skills-models-model-11__hint {
  opacity: 1;
  transform: translateY(0);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__skill-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.pb-skills-models-model-11 .pb-skills-models-model-11__skill-title {
  font-size: 16px;
  margin-bottom: 0;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__skill-value {
  font-size: 14px;
  color: color-mix(in srgb, var(--heading-color), transparent 30%);
  font-family: var(--default-font);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__track {
  height: 8px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.pb-skills-models-model-11 .pb-skills-models-model-11__fill {
  width: 0;
  height: 100%;
  background-color: var(--accent-color);
  border-radius: 20px;
  transition: width 1.5s ease-in-out;
}
.pb-skills-models-model-11 .pb-skills-models-model-11__track.is-visible .pb-skills-models-model-11__fill {
  width: var(--pb-skill-progress, 0%);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__hint {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-top: 8px;
  opacity: 0;
  transform: translateY(-5px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  font-family: var(--default-font);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__box {
  background-color: var(--surface-color);
  padding: 25px 20px;
  border-radius: var(--card-border-radius);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: var(--pb-skills-model-11-shadow-soft);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__box:hover {
  transform: translateY(-5px);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__box:hover > i {
  color: var(--accent-color);
  transform: scale(1.1);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__box:hover .pb-skills-models-model-11__hint {
  opacity: 1;
  transform: translateY(0);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__box > i {
  font-size: 36px;
  color: color-mix(in srgb, var(--accent-color), transparent 20%);
  margin-bottom: 15px;
  display: inline-block;
  transition: color 0.3s ease, transform 0.3s ease;
}
.pb-skills-models-model-11 .pb-skills-models-model-11__box .pb-skills-models-model-11__hint {
  transform: translateY(5px);
}
.pb-skills-models-model-11 .pb-skills-models-model-11__box-title {
  font-size: 18px;
  margin-bottom: 10px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
@media (max-width: 991.98px) {
  .pb-skills-models-model-11 .pb-skills-models-model-11__category {
    margin-bottom: 30px;
  }
  .pb-skills-models-model-11 .pb-skills-models-model-11__category:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .pb-skills-models-model-11 .pb-skills-models-model-11__box {
    margin-bottom: 20px;
  }
  .pb-skills-models-model-11 .pb-skills-models-model-11__box:last-child {
    margin-bottom: 0;
  }
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 12
--------------------------------------------------------------*/
.pb-skills-models-model-12.pb-ready-model .pb-skills-models-model-12__intro-heading, .pb-skills-models-model-12.pb-ready-model .pb-skills-models-model-12__intro-copy, .pb-skills-models-model-12.pb-ready-model .pb-skills-models-model-12__highlight-value, .pb-skills-models-model-12.pb-ready-model .pb-skills-models-model-12__highlight-label, .pb-skills-models-model-12.pb-ready-model .pb-skills-models-model-12__group-title, .pb-skills-models-model-12.pb-ready-model .pb-skills-models-model-12__skill-name {
  white-space: normal;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__intro-heading {
  font-size: 28px;
  margin-bottom: 20px;
  color: var(--heading-color);
  position: relative;
  font-family: var(--heading-font);
}
.pb-skills-models-model-12 .pb-skills-models-model-12__intro-heading::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 60px;
  height: 3px;
  background: var(--accent-color);
  border-radius: 2px;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__intro-copy {
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  line-height: 1.7;
  margin-bottom: 35px;
  font-size: 16px;
  font-family: var(--default-font);
}
.pb-skills-models-model-12 .pb-skills-models-model-12__highlights {
  margin-bottom: 40px;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__highlight {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px;
  background: var(--surface-color);
  border-radius: 12px;
  border-left: 4px solid var(--accent-color);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__highlight:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__highlight:hover {
  transform: translateX(10px);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-skills-models-model-12 .pb-skills-models-model-12__highlight-icon {
  width: 45px;
  height: 45px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex-shrink: 0;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__highlight-icon i {
  font-size: 20px;
  color: var(--accent-color);
}
.pb-skills-models-model-12 .pb-skills-models-model-12__highlight-value {
  font-size: 18px;
  margin: 0 0 2px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-12 .pb-skills-models-model-12__highlight-label {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--default-font);
}
.pb-skills-models-model-12 .pb-skills-models-model-12__tech-title {
  font-size: 18px;
  margin-bottom: 20px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-12 .pb-skills-models-model-12__tech-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__tech-item {
  text-align: center;
  padding: 20px 15px;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: 10px;
  transition: background 0.3s ease, transform 0.3s ease;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__tech-item:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  transform: translateY(-5px);
}
.pb-skills-models-model-12 .pb-skills-models-model-12__tech-item i {
  font-size: 24px;
  color: var(--accent-color);
  margin-bottom: 8px;
  display: block;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__tech-item span {
  display: block;
  font-size: 12px;
  color: var(--heading-color);
  font-weight: 600;
  font-family: var(--default-font);
}
.pb-skills-models-model-12 .pb-skills-models-model-12__group {
  margin-bottom: 40px;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__group:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__group-title {
  font-size: 20px;
  margin-bottom: 25px;
  color: var(--heading-color);
  position: relative;
  padding-left: 20px;
  font-family: var(--heading-font);
}
.pb-skills-models-model-12 .pb-skills-models-model-12__group-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 20px;
  background: var(--accent-color);
  border-radius: 2px;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__skill {
  margin-bottom: 25px;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__skill:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__skill-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__skill-name {
  font-weight: 600;
  color: var(--heading-color);
  font-size: 15px;
  font-family: var(--default-font);
}
.pb-skills-models-model-12 .pb-skills-models-model-12__skill-value {
  font-size: 14px;
  font-weight: 700;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  padding: 4px 12px;
  border-radius: 15px;
  font-family: var(--heading-font);
}
.pb-skills-models-model-12 .pb-skills-models-model-12__track {
  height: 8px;
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__fill {
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 25%));
  border-radius: 10px;
  transition: width 2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__fill::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 30%, color-mix(in srgb, var(--contrast-color), transparent 60%) 50%, transparent 70%);
  animation: pb-skills-models-model-12-shine 2.5s infinite;
}
.pb-skills-models-model-12 .pb-skills-models-model-12__track.is-visible .pb-skills-models-model-12__fill {
  width: var(--pb-skill-progress, 0%);
}
@keyframes pb-skills-models-model-12-shine {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@media (max-width: 991px) {
  .pb-skills-models-model-12 .pb-skills-models-model-12__intro {
    margin-bottom: 40px;
  }
  .pb-skills-models-model-12 .pb-skills-models-model-12__tech-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 768px) {
  .pb-skills-models-model-12 .pb-skills-models-model-12__highlight {
    padding: 15px;
  }
  .pb-skills-models-model-12 .pb-skills-models-model-12__highlight-icon {
    width: 40px;
    height: 40px;
  }
  .pb-skills-models-model-12 .pb-skills-models-model-12__highlight-icon i {
    font-size: 18px;
  }
  .pb-skills-models-model-12 .pb-skills-models-model-12__highlight-value {
    font-size: 16px;
  }
  .pb-skills-models-model-12 .pb-skills-models-model-12__tech-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pb-skills-models-model-12 .pb-skills-models-model-12__tech-item {
    padding: 15px 10px;
  }
  .pb-skills-models-model-12 .pb-skills-models-model-12__tech-item i {
    font-size: 20px;
  }
  .pb-skills-models-model-12 .pb-skills-models-model-12__group {
    margin-bottom: 30px;
  }
  .pb-skills-models-model-12 .pb-skills-models-model-12__group-title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 13
--------------------------------------------------------------*/
.pb-skills-models-model-13.pb-ready-model .pb-skills-models-model-13__title, .pb-skills-models-model-13.pb-ready-model .pb-skills-models-model-13__summary {
  white-space: normal;
}
.pb-skills-models-model-13 .pb-skills-models-model-13__box {
  background-color: var(--surface-color);
  padding: 2rem;
  border-radius: var(--card-border-radius);
  box-shadow: 0 0 20px color-mix(in srgb, var(--default-color), transparent 95%);
  height: 100%;
}
.pb-skills-models-model-13 .pb-skills-models-model-13__title {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-13 .pb-skills-models-model-13__summary {
  font-size: 0.9rem;
  margin-bottom: 0.8rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-family: var(--default-font);
}
.pb-skills-models-model-13 .pb-skills-models-model-13__value {
  display: block;
  text-align: right;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--accent-color);
  font-family: var(--heading-font);
}
.pb-skills-models-model-13 .pb-skills-models-model-13__track {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  border-radius: 50px;
  height: 8px;
  margin-top: 5px;
  overflow: hidden;
}
.pb-skills-models-model-13 .pb-skills-models-model-13__fill {
  background-color: var(--accent-color);
  height: 100%;
  border-radius: 50px;
  width: 0;
  transition: width 0.9s ease;
}
.pb-skills-models-model-13 .pb-skills-models-model-13__track.is-visible .pb-skills-models-model-13__fill {
  width: var(--pb-skill-progress, 0%);
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 14
--------------------------------------------------------------*/
.pb-skills-models-model-14.pb-ready-model .pb-skills-models-model-14__heading, .pb-skills-models-model-14.pb-ready-model .pb-skills-models-model-14__lead, .pb-skills-models-model-14.pb-ready-model .pb-skills-models-model-14__skill-name {
  white-space: normal;
}
.pb-skills-models-model-14 .pb-skills-models-model-14__heading {
  font-size: 2rem;
  font-weight: 700;
  color: var(--heading-color);
  font-family: var(--heading-font);
  margin-bottom: 1rem;
}
.pb-skills-models-model-14 .pb-skills-models-model-14__lead {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-style: italic;
  line-height: 1.7;
  margin-bottom: 1.5rem;
  font-family: var(--default-font);
}
.pb-skills-models-model-14 .pb-skills-models-model-14__skill {
  display: block;
  margin-bottom: 1.25rem;
}
.pb-skills-models-model-14 .pb-skills-models-model-14__skill:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-14 .pb-skills-models-model-14__skill-head {
  display: block;
  color: var(--default-color);
  padding: 0;
  margin: 0 0 6px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--heading-font);
}
.pb-skills-models-model-14 .pb-skills-models-model-14__skill-name {
  font-family: var(--heading-font);
}
.pb-skills-models-model-14 .pb-skills-models-model-14__skill-value {
  float: right;
  font-style: normal;
  font-family: var(--heading-font);
  color: var(--accent-color);
}
.pb-skills-models-model-14 .pb-skills-models-model-14__track {
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  height: 10px;
  overflow: hidden;
}
.pb-skills-models-model-14 .pb-skills-models-model-14__fill {
  width: 0;
  height: 10px;
  transition: width 0.9s ease;
  background-color: var(--accent-color);
}
.pb-skills-models-model-14 .pb-skills-models-model-14__track.is-visible .pb-skills-models-model-14__fill {
  width: var(--pb-skill-progress, 0%);
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 15
--------------------------------------------------------------*/
.pb-skills-models-model-15.pb-ready-model .pb-skills-models-model-15__skill-name {
  white-space: normal;
}
.pb-skills-models-model-15 .pb-skills-models-model-15__skill {
  display: block;
  margin-bottom: 1.5rem;
}
.pb-skills-models-model-15 .pb-skills-models-model-15__skill:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-15 .pb-skills-models-model-15__skill-head {
  display: block;
  color: var(--heading-color);
  padding: 0;
  margin: 0 0 6px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--heading-font);
}
.pb-skills-models-model-15 .pb-skills-models-model-15__skill-value {
  float: right;
  font-style: normal;
  font-family: var(--heading-font);
  color: var(--accent-color);
}
.pb-skills-models-model-15 .pb-skills-models-model-15__track {
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  height: 10px;
  overflow: hidden;
}
.pb-skills-models-model-15 .pb-skills-models-model-15__fill {
  width: 0;
  height: 10px;
  transition: width 0.9s ease;
  background-color: var(--accent-color);
}
.pb-skills-models-model-15 .pb-skills-models-model-15__track.is-visible .pb-skills-models-model-15__fill {
  width: var(--pb-skill-progress, 0%);
}

/*--------------------------------------------------------------
# Page Builder Skills Models — Model 16
--------------------------------------------------------------*/
.pb-skills-models-model-16.pb-ready-model .pb-skills-models-model-16__skill-name {
  white-space: normal;
}
.pb-skills-models-model-16 .pb-skills-models-model-16__track {
  height: 35px;
  margin-bottom: 10px;
  border-radius: 0;
  background-color: color-mix(in srgb, var(--default-color), transparent 90%);
  overflow: hidden;
}
.pb-skills-models-model-16 .pb-skills-models-model-16__track:last-child {
  margin-bottom: 0;
}
.pb-skills-models-model-16 .pb-skills-models-model-16__fill {
  width: 0;
  height: 100%;
  text-align: left;
  transition: width 0.9s ease;
  background-color: var(--accent-color);
  min-width: 0;
  overflow: hidden;
}
.pb-skills-models-model-16 .pb-skills-models-model-16__fill--tone-1 {
  background-color: var(--accent-color);
}
.pb-skills-models-model-16 .pb-skills-models-model-16__fill--tone-2 {
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 18%);
}
.pb-skills-models-model-16 .pb-skills-models-model-16__fill--tone-3 {
  background-color: color-mix(in srgb, var(--accent-color), var(--default-color) 22%);
}
.pb-skills-models-model-16 .pb-skills-models-model-16__fill--tone-4 {
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 35%);
}
.pb-skills-models-model-16 .pb-skills-models-model-16__fill.is-visible {
  width: var(--pb-skill-progress, 0%);
}
.pb-skills-models-model-16 .pb-skills-models-model-16__skill-head {
  display: block;
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
  color: var(--contrast-color);
  font-weight: 600;
  font-family: var(--heading-font);
  white-space: nowrap;
}
.pb-skills-models-model-16 .pb-skills-models-model-16__skill-value {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
  font-family: var(--heading-font);
}

/*--------------------------------------------------------------
# Page Builder Terms Models — Model 1
--------------------------------------------------------------*/
.pb-terms-models-model-1.pb-ready-model .pb-terms-models-model-1__lead, .pb-terms-models-model-1.pb-ready-model .pb-terms-models-model-1__article-body p, .pb-terms-models-model-1.pb-ready-model .pb-terms-models-model-1__check-list li span, .pb-terms-models-model-1.pb-ready-model .pb-terms-models-model-1__prohibited-item span, .pb-terms-models-model-1.pb-ready-model .pb-terms-models-model-1__disclaimer ul li, .pb-terms-models-model-1.pb-ready-model .pb-terms-models-model-1__support-copy p {
  white-space: normal;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 12px;
  font-size: 12px;
  font-weight: 500;
  font-family: var(--default-font);
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 16px;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__status i {
  font-size: 13px;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__lead {
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  font-size: 16px;
  line-height: 1.7;
  font-family: var(--default-font);
  max-width: 560px;
  margin: 0 auto;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__quick-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  padding: 16px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-terms-models-model-1 .pb-terms-models-model-1__nav-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--button-border-radius, 6px);
  text-decoration: none;
  transition: all 0.2s ease;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__nav-pill:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}
.pb-terms-models-model-1 .pb-terms-models-model-1__articles {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__article {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 8px);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
  transition: all 0.2s ease;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__article:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-terms-models-model-1 .pb-terms-models-model-1__article-head {
  padding: 24px 24px 0;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__article-head .pb-terms-models-model-1__article-label {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: var(--default-font);
  color: var(--accent-color);
  margin-bottom: 8px;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__article-head h3 {
  font-size: 20px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin: 0;
  letter-spacing: -0.01em;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__article-body {
  padding: 16px 24px 24px;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__article-body p {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-size: 14px;
  line-height: 1.75;
  font-family: var(--default-font);
  margin-bottom: 16px;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__article-body p:last-child {
  margin-bottom: 0;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__info,
.pb-terms-models-model-1 .pb-terms-models-model-1__notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: var(--button-border-radius, 6px);
  border-left: 3px solid var(--accent-color);
}
.pb-terms-models-model-1 .pb-terms-models-model-1__info > i,
.pb-terms-models-model-1 .pb-terms-models-model-1__notice > i {
  font-size: 18px;
  color: var(--accent-color);
  flex-shrink: 0;
  margin-top: 1px;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__info p,
.pb-terms-models-model-1 .pb-terms-models-model-1__notice p {
  margin: 0 !important;
  font-size: 13px !important;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__check-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__check-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  font-size: 14px;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-terms-models-model-1 .pb-terms-models-model-1__check-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__check-list li:first-child {
  padding-top: 0;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__check-list li i {
  color: var(--accent-color);
  font-size: 16px;
  flex-shrink: 0;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__alert {
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  border-radius: var(--button-border-radius, 6px);
  background: var(--surface-color);
}
.pb-terms-models-model-1 .pb-terms-models-model-1__alert-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__alert-head i {
  font-size: 18px;
  color: var(--accent-color);
}
.pb-terms-models-model-1 .pb-terms-models-model-1__alert-head h5 {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin: 0;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__alert > p {
  margin: 0 !important;
  font-size: 13px !important;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__prohibited-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  border-radius: var(--button-border-radius, 6px);
  transition: background 0.2s ease;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__prohibited-item:hover {
  background: color-mix(in srgb, var(--default-color), transparent 93%);
}
.pb-terms-models-model-1 .pb-terms-models-model-1__prohibited-item i {
  color: color-mix(in srgb, var(--accent-color), transparent 20%);
  font-size: 16px;
  flex-shrink: 0;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__prohibited-item span {
  font-size: 13px;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-terms-models-model-1 .pb-terms-models-model-1__disclaimer {
  padding: 16px;
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  border-radius: var(--button-border-radius, 6px);
}
.pb-terms-models-model-1 .pb-terms-models-model-1__disclaimer .pb-terms-models-model-1__disclaimer-title {
  font-weight: 600;
  font-size: 14px !important;
  margin-bottom: 8px !important;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__disclaimer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__disclaimer ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  font-size: 13px;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.6;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__disclaimer ul li:last-child {
  margin-bottom: 0;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__disclaimer ul li::before {
  content: "–";
  position: absolute;
  left: 4px;
  color: var(--accent-color);
  font-weight: 700;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__support {
  padding: 24px 32px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 8px);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-terms-models-model-1 .pb-terms-models-model-1__support-copy h4 {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__support-copy p {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 14px;
  font-family: var(--default-font);
  margin: 0;
  line-height: 1.6;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__support-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius, 6px);
  font-weight: 500;
  font-size: 14px;
  font-family: var(--default-font);
  text-decoration: none;
  transition: background 0.2s ease;
}
.pb-terms-models-model-1 .pb-terms-models-model-1__support-btn:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.pb-terms-models-model-1 .pb-terms-models-model-1__support-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
@media (max-width: 576px) {
  .pb-terms-models-model-1 .pb-terms-models-model-1__article-head {
    padding: 20px 16px 0;
  }
  .pb-terms-models-model-1 .pb-terms-models-model-1__article-body {
    padding: 12px 16px 20px;
  }
  .pb-terms-models-model-1 .pb-terms-models-model-1__support {
    padding: 20px;
  }
}
@media print {
  .pb-terms-models-model-1 .pb-terms-models-model-1__quick-nav,
  .pb-terms-models-model-1 .pb-terms-models-model-1__support {
    display: none;
  }
  .pb-terms-models-model-1 .pb-terms-models-model-1__article {
    page-break-inside: avoid;
  }
}

/*--------------------------------------------------------------
# Page Builder Terms Models — Model 2
--------------------------------------------------------------*/
.pb-terms-models-model-2 {
  --pb-terms-models-model-2-accent-end: color-mix(in srgb, var(--accent-color), var(--heading-color) 22%);
}
.pb-terms-models-model-2.pb-ready-model .pb-terms-models-model-2__lead, .pb-terms-models-model-2.pb-ready-model .pb-terms-models-model-2__article-summary, .pb-terms-models-model-2.pb-ready-model .pb-terms-models-model-2__callout p, .pb-terms-models-model-2.pb-ready-model .pb-terms-models-model-2__check-item span, .pb-terms-models-model-2.pb-ready-model .pb-terms-models-model-2__restrict-item span, .pb-terms-models-model-2.pb-ready-model .pb-terms-models-model-2__disclaimer ul li, .pb-terms-models-model-2.pb-ready-model .pb-terms-models-model-2__warning-copy p, .pb-terms-models-model-2.pb-ready-model .pb-terms-models-model-2__support-copy p {
  white-space: normal;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 18px;
  font-size: 0.85rem;
  font-weight: 600;
  font-family: var(--default-font);
  border-radius: 24px;
  background: linear-gradient(135deg, var(--accent-color), var(--pb-terms-models-model-2-accent-end));
  color: var(--contrast-color);
  margin-bottom: 16px;
  letter-spacing: -0.01em;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__status i {
  font-size: 13px;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__lead {
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  font-size: 1.1rem;
  font-family: var(--default-font);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__sidebar {
  position: sticky;
  top: 100px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius, 16px);
  padding: 28px 24px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 94%);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__sidebar h5 {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 16px;
  font-weight: 700;
  font-family: var(--heading-font);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__sidebar ul li {
  margin-bottom: 4px;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__sidebar ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 0.88rem;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  transition: all 0.3s ease;
  text-decoration: none;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__sidebar ul li a i {
  font-size: 1rem;
  color: color-mix(in srgb, var(--accent-color), transparent 30%);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__sidebar ul li a:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__sidebar ul li a:hover i {
  color: var(--accent-color);
}
@media (max-width: 992px) {
  .pb-terms-models-model-2 .pb-terms-models-model-2__sidebar {
    display: none;
  }
}
.pb-terms-models-model-2 .pb-terms-models-model-2__articles {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__article {
  background: var(--surface-color);
  border-radius: var(--card-border-radius, 16px);
  padding: 32px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 96%);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__article:hover {
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 90%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__article-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__article-head .pb-terms-models-model-2__article-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--accent-color), var(--pb-terms-models-model-2-accent-end));
  color: var(--contrast-color);
  font-size: 0.9rem;
  font-weight: 700;
  font-family: var(--default-font);
  flex-shrink: 0;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__article-head h3 {
  font-size: 1.35rem;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin: 0;
  letter-spacing: -0.01em;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__article-summary {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.7;
  margin-bottom: 0;
  font-size: 0.95rem;
  font-family: var(--default-font);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__callout {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  border-radius: 12px;
  margin-top: 20px;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__callout .pb-terms-models-model-2__callout-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__callout .pb-terms-models-model-2__callout-icon i {
  font-size: 1.1rem;
  color: var(--accent-color);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__callout p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.6;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__check-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: 10px;
  transition: all 0.3s ease;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__check-item i {
  font-size: 1.1rem;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__check-item span {
  font-size: 0.9rem;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 15%);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__check-item:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__warning {
  display: flex;
  gap: 16px;
  padding: 24px;
  background: var(--surface-color);
  border-radius: 12px;
  margin-top: 20px;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  border-left: 4px solid var(--accent-color);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__warning .pb-terms-models-model-2__warning-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--accent-color), var(--pb-terms-models-model-2-accent-end));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__warning .pb-terms-models-model-2__warning-icon i {
  font-size: 1.3rem;
  color: var(--contrast-color);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__warning .pb-terms-models-model-2__warning-copy h5 {
  font-size: 1rem;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin-bottom: 6px;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__warning .pb-terms-models-model-2__warning-copy p {
  margin: 0;
  font-size: 0.9rem;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
@media (max-width: 576px) {
  .pb-terms-models-model-2 .pb-terms-models-model-2__warning {
    flex-direction: column;
  }
}
.pb-terms-models-model-2 .pb-terms-models-model-2__restrict-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
  border-radius: 10px;
  transition: all 0.3s ease;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__restrict-item i {
  font-size: 1.1rem;
  color: color-mix(in srgb, var(--accent-color), transparent 15%);
  flex-shrink: 0;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__restrict-item span {
  font-size: 0.9rem;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 15%);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__restrict-item:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__disclaimer {
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  padding: 24px;
  border-radius: 12px;
  margin-top: 20px;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__disclaimer .pb-terms-models-model-2__disclaimer-lead {
  font-weight: 600;
  margin-bottom: 12px !important;
  font-size: 0.95rem;
  font-family: var(--default-font);
  color: var(--heading-color);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__disclaimer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__disclaimer ul li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 10px;
  font-size: 0.9rem;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.6;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__disclaimer ul li:last-child {
  margin-bottom: 0;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__disclaimer ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent-color), var(--pb-terms-models-model-2-accent-end));
}
.pb-terms-models-model-2 .pb-terms-models-model-2__support {
  margin-top: 32px;
  padding: 32px 40px;
  border-radius: var(--card-border-radius, 16px);
  background: linear-gradient(135deg, var(--accent-color), var(--pb-terms-models-model-2-accent-end));
  color: var(--contrast-color);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__support .pb-terms-models-model-2__support-icon {
  width: 52px;
  height: 52px;
  background: color-mix(in srgb, var(--contrast-color), transparent 80%);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pb-terms-models-model-2 .pb-terms-models-model-2__support .pb-terms-models-model-2__support-icon i {
  font-size: 1.5rem;
  color: var(--contrast-color);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__support .pb-terms-models-model-2__support-copy h4 {
  font-size: 1.2rem;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 4px;
  color: var(--contrast-color);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__support .pb-terms-models-model-2__support-copy p {
  margin: 0;
  font-size: 0.9rem;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--contrast-color), transparent 15%);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__support .pb-terms-models-model-2__support-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: var(--contrast-color);
  color: var(--accent-color);
  border-radius: 24px;
  font-weight: 600;
  font-size: 0.95rem;
  font-family: var(--default-font);
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-terms-models-model-2 .pb-terms-models-model-2__support .pb-terms-models-model-2__support-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--default-color), transparent 75%);
  color: var(--accent-color);
}
@media (max-width: 768px) {
  .pb-terms-models-model-2 .pb-terms-models-model-2__support {
    padding: 28px 24px;
  }
}
@media print {
  .pb-terms-models-model-2 .pb-terms-models-model-2__support,
  .pb-terms-models-model-2 .pb-terms-models-model-2__sidebar {
    display: none;
  }
  .pb-terms-models-model-2 .pb-terms-models-model-2__article {
    page-break-inside: avoid;
  }
}

/*--------------------------------------------------------------
# Page Builder Terms Models — Model 3
--------------------------------------------------------------*/
.pb-terms-models-model-3 {
  --pb-terms-models-model-3-accent-end: color-mix(in srgb, var(--accent-color), var(--heading-color) 24%);
}
.pb-terms-models-model-3.pb-ready-model .pb-terms-models-model-3__banner-copy, .pb-terms-models-model-3.pb-ready-model .pb-terms-models-model-3__article-body p, .pb-terms-models-model-3.pb-ready-model .pb-terms-models-model-3__check-list li span, .pb-terms-models-model-3.pb-ready-model .pb-terms-models-model-3__restrict-row > span:last-child, .pb-terms-models-model-3.pb-ready-model .pb-terms-models-model-3__warranty ul li, .pb-terms-models-model-3.pb-ready-model .pb-terms-models-model-3__sidebar-support p {
  white-space: normal;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__banner {
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  border-radius: var(--card-border-radius, 12px);
  padding: 25px 30px;
  margin-bottom: 50px;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__banner .pb-terms-models-model-3__banner-copy {
  font-size: 1.05rem;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  margin: 0;
  line-height: 1.6;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__banner .pb-terms-models-model-3__revision {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  font-family: var(--default-font);
  color: var(--accent-color);
  font-weight: 500;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__banner .pb-terms-models-model-3__revision i {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .pb-terms-models-model-3 .pb-terms-models-model-3__banner {
    text-align: center;
  }
  .pb-terms-models-model-3 .pb-terms-models-model-3__banner .pb-terms-models-model-3__revision {
    margin-top: 12px;
  }
}
.pb-terms-models-model-3 .pb-terms-models-model-3__sidebar {
  position: sticky;
  top: 100px;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: var(--card-border-radius, 16px);
  padding: 30px;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__sidebar .pb-terms-models-model-3__sidebar-title {
  font-size: 1.1rem;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
@media (max-width: 992px) {
  .pb-terms-models-model-3 .pb-terms-models-model-3__sidebar {
    position: static;
    margin-bottom: 10px;
  }
}
.pb-terms-models-model-3 .pb-terms-models-model-3__toc {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__toc li {
  margin-bottom: 4px;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__toc li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 0.9rem;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  text-decoration: none;
  transition: all 0.3s ease;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__toc li a:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__toc-num {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--accent-color);
  min-width: 24px;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__sidebar-support {
  background: linear-gradient(135deg, var(--accent-color) 0%, var(--pb-terms-models-model-3-accent-end) 100%);
  border-radius: var(--card-border-radius, 12px);
  padding: 25px;
  text-align: center;
  color: var(--contrast-color);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__sidebar-support .pb-terms-models-model-3__sidebar-support-icon {
  width: 50px;
  height: 50px;
  background-color: color-mix(in srgb, var(--contrast-color), transparent 80%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__sidebar-support .pb-terms-models-model-3__sidebar-support-icon i {
  font-size: 1.4rem;
  color: var(--contrast-color);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__sidebar-support h6 {
  font-size: 1.05rem;
  font-family: var(--heading-font);
  color: var(--contrast-color);
  margin-bottom: 8px;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__sidebar-support p {
  font-size: 0.85rem;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  margin-bottom: 15px;
  line-height: 1.5;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__sidebar-support-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 20px;
  background-color: var(--contrast-color);
  color: var(--accent-color);
  border-radius: 25px;
  font-size: 0.85rem;
  font-weight: 600;
  font-family: var(--default-font);
  text-decoration: none;
  transition: all 0.3s ease;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__sidebar-support-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 70%);
  color: var(--accent-color);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__article {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 14px;
  margin-bottom: 24px;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__article:hover {
  box-shadow: 0 8px 25px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__article:last-child {
  margin-bottom: 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__article-head {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 28px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  background-color: color-mix(in srgb, var(--accent-color), transparent 96%);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__article-head .pb-terms-models-model-3__article-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 10px;
  font-size: 0.85rem;
  font-weight: 700;
  font-family: var(--default-font);
  flex-shrink: 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__article-head h3 {
  font-size: 1.3rem;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin: 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__article-body {
  padding: 24px 28px;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__article-body p {
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  line-height: 1.75;
  margin-bottom: 18px;
  font-size: 0.95rem;
  font-family: var(--default-font);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__article-body p:last-child {
  margin-bottom: 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__info {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 93%);
  border-left: 3px solid var(--accent-color);
  border-radius: 0 10px 10px 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__info .pb-terms-models-model-3__info-icon {
  flex-shrink: 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__info .pb-terms-models-model-3__info-icon i {
  font-size: 1.3rem;
  color: var(--accent-color);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__info p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.6;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__check-list {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__check-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px dashed color-mix(in srgb, var(--default-color), transparent 88%);
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  font-size: 0.95rem;
  font-family: var(--default-font);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__check-list li:last-child {
  border-bottom: none;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__check-list li i {
  color: var(--accent-color);
  font-size: 1.1rem;
  flex-shrink: 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__warning {
  padding: 20px;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  border-radius: 10px;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__warning .pb-terms-models-model-3__warning-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  border-radius: 20px;
  font-size: 0.82rem;
  font-weight: 600;
  font-family: var(--default-font);
  margin-bottom: 12px;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__warning .pb-terms-models-model-3__warning-badge i {
  font-size: 0.9rem;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__warning p {
  margin: 0;
  font-size: 0.93rem;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__restrict-list {
  margin-top: 10px;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__restrict-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 8px;
  margin-bottom: 8px;
  transition: background-color 0.3s ease;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__restrict-row:hover {
  background-color: color-mix(in srgb, var(--default-color), transparent 96%);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__restrict-row:last-child {
  margin-bottom: 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__restrict-row .pb-terms-models-model-3__restrict-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 50%;
  flex-shrink: 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__restrict-row .pb-terms-models-model-3__restrict-badge i {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--accent-color), transparent 10%);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__restrict-row > span:last-child {
  font-size: 0.95rem;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 15%);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__warranty {
  background-color: color-mix(in srgb, var(--default-color), transparent 96%);
  border-radius: 10px;
  padding: 22px 24px;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__warranty h6 {
  font-size: 0.95rem;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 14px;
  color: var(--heading-color);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__warranty ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__warranty ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  font-size: 0.93rem;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-terms-models-model-3 .pb-terms-models-model-3__warranty ul li:last-child {
  margin-bottom: 0;
}
.pb-terms-models-model-3 .pb-terms-models-model-3__warranty ul li::before {
  content: "–";
  position: absolute;
  left: 0;
  color: var(--accent-color);
  font-weight: 700;
}
@media print {
  .pb-terms-models-model-3 .pb-terms-models-model-3__sidebar {
    display: none;
  }
  .pb-terms-models-model-3 .pb-terms-models-model-3__article {
    page-break-inside: avoid;
  }
}

/*--------------------------------------------------------------
# Page Builder Stats — Model 20
--------------------------------------------------------------*/
.pb-stats-models-model-20.pb-ready-model .pb-stats-models-model-20__intro-heading, .pb-stats-models-model-20.pb-ready-model .pb-stats-models-model-20__intro-summary, .pb-stats-models-model-20.pb-ready-model .pb-stats-models-model-20__value, .pb-stats-models-model-20.pb-ready-model .pb-stats-models-model-20__info h4, .pb-stats-models-model-20.pb-ready-model .pb-stats-models-model-20__info p, .pb-stats-models-model-20.pb-ready-model .pb-stats-models-model-20__highlights-heading, .pb-stats-models-model-20.pb-ready-model .pb-stats-models-model-20__highlights-summary, .pb-stats-models-model-20.pb-ready-model .pb-stats-models-model-20__feature span {
  white-space: normal;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__intro {
  margin-bottom: 2rem;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__intro-heading {
  font-family: var(--heading-font);
  font-size: 2.75rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, var(--heading-color), var(--accent-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media (max-width: 768px) {
  .pb-stats-models-model-20 .pb-stats-models-model-20__intro-heading {
    font-size: 2rem;
  }
}
.pb-stats-models-model-20 .pb-stats-models-model-20__intro-summary {
  font-family: var(--default-font);
  font-size: 1.2rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  max-width: 600px;
  margin: 0 auto;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 2.5rem 2rem;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color), var(--heading-color));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__card:hover::before {
  transform: scaleX(1);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__card:hover .pb-stats-models-model-20__icon {
  background: linear-gradient(135deg, var(--accent-color), var(--heading-color));
  transform: rotate(360deg);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__card:hover .pb-stats-models-model-20__icon i {
  color: var(--contrast-color);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.4s ease, transform 0.4s ease;
  flex-shrink: 0;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__icon i {
  font-size: 1.8rem;
  color: var(--accent-color);
  transition: color 0.4s ease;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__value {
  display: flex;
  align-items: baseline;
  font-size: 2.75rem;
  font-weight: 900;
  color: var(--heading-color);
  font-family: var(--heading-font);
  line-height: 1;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__value .purecounter {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__suffix {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__info h4 {
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: var(--heading-color);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__info p {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 0.95rem;
  margin-bottom: 0;
  line-height: 1.5;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__highlights-body {
  padding-right: 2rem;
}
@media (max-width: 992px) {
  .pb-stats-models-model-20 .pb-stats-models-model-20__highlights-body {
    padding-right: 0;
    margin-bottom: 3rem;
  }
}
.pb-stats-models-model-20 .pb-stats-models-model-20__highlights-heading {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-stats-models-model-20 .pb-stats-models-model-20__highlights-heading {
    font-size: 1.8rem;
  }
}
.pb-stats-models-model-20 .pb-stats-models-model-20__highlights-summary {
  font-family: var(--default-font);
  font-size: 1.1rem;
  line-height: 1.8;
  margin-bottom: 2rem;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__features {
  margin-bottom: 2.5rem;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__feature {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__feature i {
  color: var(--accent-color);
  font-size: 1.2rem;
  margin-right: 1rem;
  flex-shrink: 0;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__feature span {
  font-family: var(--default-font);
  font-size: 1.05rem;
  font-weight: 500;
  color: var(--default-color);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__cta {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__btn-primary,
.pb-stats-models-model-20 .pb-stats-models-model-20__btn-outline {
  display: inline-flex;
  align-items: center;
  padding: 1rem 2rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-family: var(--heading-font);
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  font-size: 1rem;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__btn-primary {
  background: linear-gradient(135deg, var(--accent-color), var(--heading-color));
  color: var(--contrast-color);
  border: 2px solid transparent;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px color-mix(in srgb, var(--accent-color), transparent 70%);
  color: var(--contrast-color);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__btn-outline {
  background: transparent;
  color: var(--heading-color);
  border: 2px solid var(--heading-color);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__btn-outline:hover {
  background: var(--heading-color);
  color: var(--contrast-color);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__gallery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1rem;
  height: 400px;
}
@media (max-width: 768px) {
  .pb-stats-models-model-20 .pb-stats-models-model-20__gallery-grid {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 200px);
    height: auto;
  }
}
.pb-stats-models-model-20 .pb-stats-models-model-20__gallery-item {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__gallery-item.is-large {
  grid-row: 1/3;
}
@media (max-width: 768px) {
  .pb-stats-models-model-20 .pb-stats-models-model-20__gallery-item.is-large {
    grid-row: auto;
  }
}
.pb-stats-models-model-20 .pb-stats-models-model-20__gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  display: block;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__gallery-item:hover img {
  transform: scale(1.05);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__gallery-item:hover .pb-stats-models-model-20__gallery-overlay {
  transform: translateY(0);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__gallery-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, color-mix(in srgb, var(--heading-color), transparent 20%));
  padding: 1.5rem 1rem 1rem;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__gallery-overlay h5,
.pb-stats-models-model-20 .pb-stats-models-model-20__gallery-overlay h6 {
  color: var(--contrast-color);
  margin: 0;
  font-weight: 600;
  font-family: var(--heading-font);
}
.pb-stats-models-model-20 .pb-stats-models-model-20__gallery-overlay h5 {
  font-size: 1.1rem;
}
.pb-stats-models-model-20 .pb-stats-models-model-20__gallery-overlay h6 {
  font-size: 0.95rem;
}

/*--------------------------------------------------------------
# Page Builder Project Cards — Model 1
--------------------------------------------------------------*/
section.section.pb-project-cards-model-1,
section.pb-project-cards-model-1,
.section.pb-project-cards-model-1,
.pb-project-cards-model-1 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-project-cards-model-1.pb-ready-model .pb-project-cards-model-1__card-title, .pb-project-cards-model-1.pb-ready-model .pb-project-cards-model-1__card-text, .pb-project-cards-model-1.pb-ready-model .pb-project-cards-model-1__banner-content h4, .pb-project-cards-model-1.pb-ready-model .pb-project-cards-model-1__banner-content p {
  white-space: normal;
}
.pb-project-cards-model-1 a.pb-project-cards-model-1__action-btn,
.pb-project-cards-model-1 a.pb-project-cards-model-1__action-btn:hover,
.pb-project-cards-model-1 a.pb-project-cards-model-1__action-btn:focus,
.pb-project-cards-model-1 a.pb-project-cards-model-1__btn-start,
.pb-project-cards-model-1 a.pb-project-cards-model-1__btn-start:hover,
.pb-project-cards-model-1 a.pb-project-cards-model-1__btn-start:focus,
.pb-project-cards-model-1 a.pb-project-cards-model-1__btn-browse,
.pb-project-cards-model-1 a.pb-project-cards-model-1__btn-browse:hover,
.pb-project-cards-model-1 a.pb-project-cards-model-1__btn-browse:focus {
  text-decoration: none;
}
.pb-project-cards-model-1__filter-bar {
  margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
@media (max-width: 768px) {
  .pb-project-cards-model-1__filter-bar {
    margin-bottom: 35px;
    padding-bottom: 20px;
  }
}
.pb-project-cards-model-1__portfolio-filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 576px) {
  .pb-project-cards-model-1__portfolio-filters {
    gap: 8px;
  }
}
.pb-project-cards-model-1__portfolio-filters li {
  padding: 10px 24px;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  border-radius: 50px;
  letter-spacing: 0.3px;
  font-family: var(--default-font);
}
@media (max-width: 576px) {
  .pb-project-cards-model-1__portfolio-filters li {
    padding: 8px 18px;
    font-size: 0.8rem;
  }
}
.pb-project-cards-model-1__portfolio-filters li:hover {
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.pb-project-cards-model-1__portfolio-filters li.filter-active {
  color: var(--contrast-color);
  background-color: var(--accent-color);
}
.pb-project-cards-model-1__showcase-card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.4s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-project-cards-model-1__showcase-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 90%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-project-cards-model-1__showcase-card:hover .pb-project-cards-model-1__card-image img {
  transform: scale(1.08);
}
.pb-project-cards-model-1__showcase-card:hover .pb-project-cards-model-1__card-image .pb-project-cards-model-1__image-actions {
  opacity: 1;
  visibility: visible;
}
.pb-project-cards-model-1__card-image {
  position: relative;
  overflow: hidden;
}
.pb-project-cards-model-1__card-image img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (max-width: 768px) {
  .pb-project-cards-model-1__card-image img {
    height: 200px;
  }
}
.pb-project-cards-model-1__image-actions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--default-color), transparent 40%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.pb-project-cards-model-1__action-btn {
  width: 44px;
  height: 44px;
  background-color: var(--contrast-color);
  color: var(--accent-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  transition: all 0.3s ease;
  transform: translateY(10px);
}
.pb-project-cards-model-1__action-btn:hover, .pb-project-cards-model-1__action-btn:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(0);
}
.pb-project-cards-model-1__card-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 5px 14px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  border-radius: 50px;
  z-index: 2;
  font-family: var(--default-font);
}
.pb-project-cards-model-1__card-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.pb-project-cards-model-1__card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.pb-project-cards-model-1__meta-client {
  font-size: 0.78rem;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: var(--default-font);
}
.pb-project-cards-model-1__meta-client i {
  font-size: 0.75rem;
}
.pb-project-cards-model-1__meta-date {
  font-size: 0.78rem;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-weight: 300;
  font-family: var(--default-font);
}
.pb-project-cards-model-1__card-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--heading-color);
  line-height: 1.35;
  transition: color 0.3s ease;
  font-family: var(--heading-font);
}
@media (max-width: 768px) {
  .pb-project-cards-model-1__card-title {
    font-size: 1.1rem;
  }
}
.pb-project-cards-model-1__card-text {
  font-size: 0.88rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.65;
  margin-bottom: 20px;
  flex-grow: 1;
  font-family: var(--default-font);
}
.pb-project-cards-model-1__card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}
.pb-project-cards-model-1__tag {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  padding: 4px 12px;
  border-radius: var(--button-border-radius);
  letter-spacing: 0.2px;
  transition: all 0.3s ease;
  font-family: var(--default-font);
}
.pb-project-cards-model-1__cta-banner {
  margin-top: 80px;
  padding: 50px 45px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 94%);
  border-radius: var(--card-border-radius);
  border-left: 4px solid var(--accent-color);
}
@media (max-width: 992px) {
  .pb-project-cards-model-1__cta-banner {
    padding: 40px 30px;
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  .pb-project-cards-model-1__cta-banner {
    padding: 30px 24px;
    margin-top: 50px;
  }
}
.pb-project-cards-model-1__banner-content h4 {
  font-size: 1.55rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--heading-color);
  line-height: 1.3;
  font-family: var(--heading-font);
}
@media (max-width: 768px) {
  .pb-project-cards-model-1__banner-content h4 {
    font-size: 1.35rem;
  }
}
.pb-project-cards-model-1__banner-content p {
  font-size: 0.92rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  line-height: 1.7;
  margin-bottom: 0;
  font-family: var(--default-font);
}
@media (max-width: 992px) {
  .pb-project-cards-model-1__banner-content p {
    margin-bottom: 30px;
  }
}
.pb-project-cards-model-1__banner-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 28px;
}
@media (max-width: 992px) {
  .pb-project-cards-model-1__banner-actions {
    justify-content: flex-start;
  }
}
@media (max-width: 576px) {
  .pb-project-cards-model-1__banner-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.pb-project-cards-model-1__btn-start {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  font-family: var(--default-font);
}
.pb-project-cards-model-1__btn-start i {
  font-size: 1.1rem;
  transition: transform 0.3s ease;
}
.pb-project-cards-model-1__btn-start:hover, .pb-project-cards-model-1__btn-start:focus {
  background-color: color-mix(in srgb, var(--accent-color), black 12%);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-project-cards-model-1__btn-start:hover i, .pb-project-cards-model-1__btn-start:focus i {
  transform: translateX(3px);
}
.pb-project-cards-model-1__btn-browse {
  color: var(--accent-color);
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  position: relative;
  padding-bottom: 2px;
  font-family: var(--default-font);
}
.pb-project-cards-model-1__btn-browse::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--accent-color);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}
.pb-project-cards-model-1__btn-browse:hover, .pb-project-cards-model-1__btn-browse:focus {
  color: color-mix(in srgb, var(--accent-color), black 10%);
}
.pb-project-cards-model-1__btn-browse:hover::after, .pb-project-cards-model-1__btn-browse:focus::after {
  transform: scaleX(1);
  transform-origin: left;
}

/*--------------------------------------------------------------
# Page Builder Project Cards — Model 2
--------------------------------------------------------------*/
section.section.pb-project-cards-model-2,
section.pb-project-cards-model-2,
.section.pb-project-cards-model-2,
.pb-project-cards-model-2 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-project-cards-model-2.pb-ready-model .pb-project-cards-model-2__showcase-title, .pb-project-cards-model-2.pb-ready-model .pb-project-cards-model-2__showcase-meta, .pb-project-cards-model-2.pb-ready-model .pb-project-cards-model-2__showcase-tags li {
  white-space: normal;
}
.pb-project-cards-model-2 a.pb-project-cards-model-2__action-btn,
.pb-project-cards-model-2 a.pb-project-cards-model-2__action-btn:hover,
.pb-project-cards-model-2 a.pb-project-cards-model-2__action-btn:focus,
.pb-project-cards-model-2 a.pb-project-cards-model-2__btn-discover,
.pb-project-cards-model-2 a.pb-project-cards-model-2__btn-discover:hover,
.pb-project-cards-model-2 a.pb-project-cards-model-2__btn-discover:focus {
  text-decoration: none;
}
.pb-project-cards-model-2__showcase-filters-wrap {
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  margin-bottom: 50px;
  padding: 15px 0;
}
.pb-project-cards-model-2__showcase-filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 35px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pb-project-cards-model-2__showcase-filters li {
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
  padding: 6px 2px;
  cursor: pointer;
  position: relative;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  transition: color 0.3s ease;
  font-family: var(--default-font);
}
.pb-project-cards-model-2__showcase-filters li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;
  width: 0;
  height: 2px;
  background-color: var(--accent-color);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}
.pb-project-cards-model-2__showcase-filters li:hover {
  color: var(--heading-color);
}
.pb-project-cards-model-2__showcase-filters li.filter-active {
  color: var(--accent-color);
}
.pb-project-cards-model-2__showcase-filters li.filter-active::after {
  width: 100%;
}
@media (max-width: 576px) {
  .pb-project-cards-model-2__showcase-filters {
    gap: 10px 20px;
  }
  .pb-project-cards-model-2__showcase-filters .pb-project-cards-model-2__filter-label {
    font-size: 0.85rem;
  }
}
.pb-project-cards-model-2__filter-label {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.pb-project-cards-model-2__filter-count {
  font-size: 0.7rem;
  font-weight: 500;
  opacity: 0.7;
  margin-top: -2px;
}
.pb-project-cards-model-2__showcase-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  align-items: center;
  padding: 20px;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  transition: all 0.4s ease;
  overflow: hidden;
  height: 100%;
}
.pb-project-cards-model-2__showcase-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 0%, color-mix(in srgb, var(--accent-color), transparent 95%) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.pb-project-cards-model-2__showcase-card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  box-shadow: 0 20px 45px -20px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-project-cards-model-2__showcase-card:hover::before {
  opacity: 1;
}
.pb-project-cards-model-2__showcase-card:hover .pb-project-cards-model-2__showcase-number {
  color: var(--accent-color);
  transform: translateY(-3px);
}
.pb-project-cards-model-2__showcase-card:hover .pb-project-cards-model-2__showcase-media img {
  transform: scale(1.08);
}
.pb-project-cards-model-2__showcase-card:hover .pb-project-cards-model-2__showcase-media .pb-project-cards-model-2__showcase-actions {
  opacity: 1;
  transform: translateY(0);
}
.pb-project-cards-model-2__showcase-card:hover .pb-project-cards-model-2__showcase-title {
  color: var(--accent-color);
}
@media (max-width: 576px) {
  .pb-project-cards-model-2__showcase-card {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 15px;
  }
  .pb-project-cards-model-2__showcase-card .pb-project-cards-model-2__showcase-media {
    aspect-ratio: 16/10;
  }
  .pb-project-cards-model-2__showcase-card .pb-project-cards-model-2__showcase-body {
    padding: 0 5px 10px;
  }
}
.pb-project-cards-model-2__showcase-number {
  position: absolute;
  top: 18px;
  right: 22px;
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  letter-spacing: 1px;
  transition: all 0.3s ease;
  z-index: 2;
}
.pb-project-cards-model-2__showcase-media {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  aspect-ratio: 4/3;
}
.pb-project-cards-model-2__showcase-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}
.pb-project-cards-model-2__showcase-actions {
  position: absolute;
  left: 15px;
  bottom: 15px;
  display: flex;
  gap: 8px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease;
}
.pb-project-cards-model-2__action-btn {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--surface-color);
  color: var(--heading-color);
  border-radius: 50%;
  font-size: 0.95rem;
  transition: all 0.3s ease;
}
.pb-project-cards-model-2__action-btn:hover, .pb-project-cards-model-2__action-btn:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-3px);
}
.pb-project-cards-model-2__showcase-body {
  position: relative;
  padding-right: 10px;
  z-index: 1;
}
.pb-project-cards-model-2__showcase-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 12px;
  font-family: var(--default-font);
}
.pb-project-cards-model-2__meta-dot {
  width: 6px;
  height: 6px;
  background-color: var(--accent-color);
  border-radius: 50%;
  flex-shrink: 0;
}
.pb-project-cards-model-2__showcase-title {
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 18px;
  color: var(--heading-color);
  transition: color 0.3s ease;
  font-family: var(--heading-font);
}
.pb-project-cards-model-2__showcase-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pb-project-cards-model-2__showcase-tags li {
  font-size: 0.72rem;
  font-weight: 500;
  padding: 4px 10px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--button-border-radius);
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family: var(--default-font);
}
.pb-project-cards-model-2__showcase-cta {
  margin-top: 60px;
}
.pb-project-cards-model-2__btn-discover {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 16px 36px;
  background-color: transparent;
  border: 2px solid var(--heading-color);
  color: var(--heading-color);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 50px;
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
  font-family: var(--default-font);
}
.pb-project-cards-model-2__btn-discover i {
  font-size: 1.1rem;
  transition: transform 0.35s ease;
}
.pb-project-cards-model-2__btn-discover:hover, .pb-project-cards-model-2__btn-discover:focus {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-project-cards-model-2__btn-discover:hover i, .pb-project-cards-model-2__btn-discover:focus i {
  transform: translateX(6px);
}

/*--------------------------------------------------------------
# Page Builder Project Cards — Model 3
--------------------------------------------------------------*/
section.section.pb-project-cards-model-3,
section.pb-project-cards-model-3,
.section.pb-project-cards-model-3,
.pb-project-cards-model-3 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-project-cards-model-3.pb-ready-model .pb-project-cards-model-3__project-body h3, .pb-project-cards-model-3.pb-ready-model .pb-project-cards-model-3__project-body p, .pb-project-cards-model-3.pb-ready-model .pb-project-cards-model-3__consultation-banner h3, .pb-project-cards-model-3.pb-ready-model .pb-project-cards-model-3__consultation-banner p {
  white-space: normal;
}
.pb-project-cards-model-3 a.pb-project-cards-model-3__overlay-btn,
.pb-project-cards-model-3 a.pb-project-cards-model-3__overlay-btn:hover,
.pb-project-cards-model-3 a.pb-project-cards-model-3__overlay-btn:focus,
.pb-project-cards-model-3 a.pb-project-cards-model-3__read-more-link,
.pb-project-cards-model-3 a.pb-project-cards-model-3__read-more-link:hover,
.pb-project-cards-model-3 a.pb-project-cards-model-3__read-more-link:focus,
.pb-project-cards-model-3 a.pb-project-cards-model-3__consultation-btn,
.pb-project-cards-model-3 a.pb-project-cards-model-3__consultation-btn:hover,
.pb-project-cards-model-3 a.pb-project-cards-model-3__consultation-btn:focus {
  text-decoration: none;
}
.pb-project-cards-model-3__filter-bar {
  text-align: center;
  margin-bottom: 56px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-project-cards-model-3__portfolio-filters {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
.pb-project-cards-model-3__portfolio-filters li {
  padding: 14px 28px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  cursor: pointer;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: all 0.4s ease;
  font-family: var(--default-font);
}
.pb-project-cards-model-3__portfolio-filters li:hover {
  color: var(--default-color);
}
.pb-project-cards-model-3__portfolio-filters li.filter-active {
  color: var(--accent-color);
  border-bottom-color: var(--accent-color);
}
@media (max-width: 768px) {
  .pb-project-cards-model-3__portfolio-filters li {
    padding: 10px 18px;
    font-size: 13px;
  }
}
.pb-project-cards-model-3__project-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.4s ease;
}
.pb-project-cards-model-3__project-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 90%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-project-cards-model-3__project-card:hover .pb-project-cards-model-3__project-thumbnail img {
  transform: scale(1.03);
}
.pb-project-cards-model-3__project-card:hover .pb-project-cards-model-3__project-thumbnail .pb-project-cards-model-3__project-overlay {
  opacity: 1;
}
.pb-project-cards-model-3__project-thumbnail {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3;
  margin: 0;
}
.pb-project-cards-model-3__project-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.pb-project-cards-model-3__project-overlay {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 40%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.pb-project-cards-model-3__overlay-actions {
  display: flex;
  gap: 12px;
}
.pb-project-cards-model-3__overlay-btn {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-color);
  color: var(--default-color);
  border-radius: 50%;
  font-size: 16px;
  transition: all 0.3s ease;
  text-decoration: none;
}
.pb-project-cards-model-3__overlay-btn:hover, .pb-project-cards-model-3__overlay-btn:focus {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-project-cards-model-3__project-body {
  padding: 32px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .pb-project-cards-model-3__project-body {
    padding: 24px;
  }
}
.pb-project-cards-model-3__project-body h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-project-cards-model-3__project-body p {
  font-size: 15px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 20px;
  font-family: var(--default-font);
}
.pb-project-cards-model-3__project-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--accent-color);
  margin-bottom: 12px;
  font-family: var(--default-font);
}
.pb-project-cards-model-3__project-stats {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.pb-project-cards-model-3__stat-pill {
  display: flex;
  flex-direction: column;
  padding: 10px 16px;
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  border-radius: var(--button-border-radius);
  flex: 1;
  min-width: 100px;
}
.pb-project-cards-model-3__stat-label {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
  margin-bottom: 4px;
  font-family: var(--default-font);
}
.pb-project-cards-model-3__stat-number {
  font-size: 16px;
  font-weight: 600;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-project-cards-model-3__project-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-project-cards-model-3__project-date {
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-family: var(--default-font);
}
.pb-project-cards-model-3__read-more-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--accent-color);
  text-decoration: none;
  transition: all 0.3s ease;
  font-family: var(--default-font);
}
.pb-project-cards-model-3__read-more-link i {
  font-size: 12px;
  transition: transform 0.3s ease;
}
.pb-project-cards-model-3__read-more-link:hover, .pb-project-cards-model-3__read-more-link:focus {
  color: color-mix(in srgb, var(--accent-color), black 10%);
}
.pb-project-cards-model-3__read-more-link:hover i, .pb-project-cards-model-3__read-more-link:focus i {
  transform: translateX(4px);
}
.pb-project-cards-model-3__consultation-banner {
  margin-top: 72px;
  padding: 56px 40px;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: var(--card-border-radius);
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .pb-project-cards-model-3__consultation-banner {
    padding: 40px 24px;
    margin-top: 48px;
  }
}
.pb-project-cards-model-3__consultation-banner h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 12px;
  letter-spacing: 0.01em;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
@media (max-width: 768px) {
  .pb-project-cards-model-3__consultation-banner h3 {
    font-size: 22px;
  }
}
.pb-project-cards-model-3__consultation-banner p {
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 28px;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--default-font);
}
.pb-project-cards-model-3__banner-decoration {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--accent-color);
}
.pb-project-cards-model-3__consultation-btn {
  display: inline-block;
  padding: 16px 40px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: all 0.4s ease;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--accent-color), transparent 70%);
  font-family: var(--default-font);
}
.pb-project-cards-model-3__consultation-btn:hover, .pb-project-cards-model-3__consultation-btn:focus {
  background: color-mix(in srgb, var(--accent-color), black 10%);
  color: var(--contrast-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color), transparent 60%);
}

/*--------------------------------------------------------------
# Page Builder Project Cards — Model 4
--------------------------------------------------------------*/
section.section.pb-project-cards-model-4,
section.pb-project-cards-model-4,
.section.pb-project-cards-model-4,
.pb-project-cards-model-4 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-project-cards-model-4.pb-ready-model .pb-project-cards-model-4__card-info h3, .pb-project-cards-model-4.pb-ready-model .pb-project-cards-model-4__card-info p, .pb-project-cards-model-4.pb-ready-model .pb-project-cards-model-4__action-banner h4, .pb-project-cards-model-4.pb-ready-model .pb-project-cards-model-4__action-banner p {
  white-space: normal;
}
.pb-project-cards-model-4 a.pb-project-cards-model-4__action-link,
.pb-project-cards-model-4 a.pb-project-cards-model-4__action-link:hover,
.pb-project-cards-model-4 a.pb-project-cards-model-4__action-link:focus,
.pb-project-cards-model-4 a.pb-project-cards-model-4__btn-launch,
.pb-project-cards-model-4 a.pb-project-cards-model-4__btn-launch:hover,
.pb-project-cards-model-4 a.pb-project-cards-model-4__btn-launch:focus,
.pb-project-cards-model-4 a.pb-project-cards-model-4__btn-explore,
.pb-project-cards-model-4 a.pb-project-cards-model-4__btn-explore:hover,
.pb-project-cards-model-4 a.pb-project-cards-model-4__btn-explore:focus {
  text-decoration: none;
}
.pb-project-cards-model-4__filter-tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 50px;
  padding: 0;
  list-style: none;
  border-bottom: 2px solid color-mix(in srgb, var(--default-color), transparent 88%);
}
@media (max-width: 768px) {
  .pb-project-cards-model-4__filter-tabs {
    margin-bottom: 35px;
  }
}
.pb-project-cards-model-4__filter-tabs li {
  padding: 14px 22px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  position: relative;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  font-family: var(--heading-font);
  letter-spacing: 0.3px;
}
@media (max-width: 768px) {
  .pb-project-cards-model-4__filter-tabs li {
    padding: 10px 14px;
    font-size: 0.8rem;
  }
}
.pb-project-cards-model-4__filter-tabs li:hover {
  color: var(--accent-color);
}
.pb-project-cards-model-4__filter-tabs li.filter-active {
  color: var(--accent-color);
  border-bottom-color: var(--accent-color);
}
.pb-project-cards-model-4__showcase-card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
  border-left: 3px solid transparent;
  height: 100%;
}
.pb-project-cards-model-4__showcase-card:hover {
  border-left-color: var(--accent-color);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  border-left-color: var(--accent-color);
  box-shadow: 0 10px 35px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-project-cards-model-4__showcase-card:hover .pb-project-cards-model-4__card-thumbnail img {
  transform: scale(1.08);
}
.pb-project-cards-model-4__showcase-card:hover .pb-project-cards-model-4__card-thumbnail .pb-project-cards-model-4__overlay-actions {
  opacity: 1;
  transform: translateY(0);
}
.pb-project-cards-model-4__card-thumbnail {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 220px;
}
@media (max-width: 768px) {
  .pb-project-cards-model-4__card-thumbnail {
    min-height: 200px;
  }
}
.pb-project-cards-model-4__card-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.pb-project-cards-model-4__overlay-actions {
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: flex;
  gap: 8px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
}
.pb-project-cards-model-4__action-link {
  width: 40px;
  height: 40px;
  background-color: var(--surface-color);
  color: var(--accent-color);
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  transition: all 0.3s ease;
  box-shadow: 0 3px 12px color-mix(in srgb, var(--default-color), transparent 70%);
}
.pb-project-cards-model-4__action-link:hover, .pb-project-cards-model-4__action-link:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-2px);
}
.pb-project-cards-model-4__card-info {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@media (max-width: 768px) {
  .pb-project-cards-model-4__card-info {
    padding: 20px;
  }
}
.pb-project-cards-model-4__card-info h3 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--heading-color);
  line-height: 1.35;
  font-family: var(--heading-font);
}
.pb-project-cards-model-4__card-info p {
  font-size: 0.83rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 16px;
  line-height: 1.6;
  font-family: var(--default-font);
}
.pb-project-cards-model-4__info-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.pb-project-cards-model-4__category-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  padding: 4px 10px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
}
.pb-project-cards-model-4__rating-badge {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #f59e0b;
  font-family: var(--default-font);
}
.pb-project-cards-model-4__rating-badge i {
  font-size: 0.75rem;
}
.pb-project-cards-model-4__stack-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.pb-project-cards-model-4__stack-list span {
  font-size: 0.72rem;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: var(--button-border-radius);
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: color-mix(in srgb, var(--accent-color), var(--default-color) 30%);
  transition: all 0.3s ease;
  font-family: var(--default-font);
}
.pb-project-cards-model-4__stack-list span:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 80%);
  color: var(--accent-color);
}
.pb-project-cards-model-4__action-banner {
  margin-top: 60px;
  padding: 40px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 30%));
  border-radius: var(--card-border-radius);
}
@media (max-width: 768px) {
  .pb-project-cards-model-4__action-banner {
    padding: 30px 24px;
  }
}
.pb-project-cards-model-4__action-banner h4 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--contrast-color);
  font-family: var(--heading-font);
}
.pb-project-cards-model-4__action-banner p {
  font-size: 0.95rem;
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  margin-bottom: 0;
  font-family: var(--default-font);
}
.pb-project-cards-model-4__btn-launch {
  display: inline-block;
  padding: 13px 28px;
  font-weight: 600;
  font-size: 0.9rem;
  border-radius: var(--button-border-radius);
  background-color: var(--contrast-color);
  color: var(--accent-color);
  transition: all 0.3s ease;
  text-decoration: none;
  margin-right: 12px;
  font-family: var(--default-font);
}
.pb-project-cards-model-4__btn-launch:hover, .pb-project-cards-model-4__btn-launch:focus {
  background-color: color-mix(in srgb, var(--contrast-color), transparent 10%);
  color: var(--accent-color);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--default-color), transparent 60%);
}
@media (max-width: 768px) {
  .pb-project-cards-model-4__btn-launch {
    margin-right: 8px;
    margin-bottom: 10px;
  }
}
.pb-project-cards-model-4__btn-explore {
  display: inline-block;
  padding: 13px 28px;
  font-weight: 600;
  font-size: 0.9rem;
  border-radius: var(--button-border-radius);
  background-color: transparent;
  color: var(--contrast-color);
  border: 2px solid color-mix(in srgb, var(--contrast-color), transparent 40%);
  transition: all 0.3s ease;
  text-decoration: none;
  font-family: var(--default-font);
}
.pb-project-cards-model-4__btn-explore:hover, .pb-project-cards-model-4__btn-explore:focus {
  border-color: var(--contrast-color);
  background-color: color-mix(in srgb, var(--contrast-color), transparent 85%);
  color: var(--contrast-color);
  transform: translateY(-2px);
}

/*--------------------------------------------------------------
# Page Builder Project Cards — Model 5
--------------------------------------------------------------*/
section.section.pb-project-cards-model-5,
section.pb-project-cards-model-5,
.section.pb-project-cards-model-5,
.pb-project-cards-model-5 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-project-cards-model-5.pb-ready-model .pb-project-cards-model-5__card-content h3, .pb-project-cards-model-5.pb-ready-model .pb-project-cards-model-5__card-content p {
  white-space: normal;
}
.pb-project-cards-model-5 a.pb-project-cards-model-5__card-action,
.pb-project-cards-model-5 a.pb-project-cards-model-5__card-action:hover,
.pb-project-cards-model-5 a.pb-project-cards-model-5__card-action:focus {
  text-decoration: none;
}
.pb-project-cards-model-5__portfolio-filters {
  list-style: none;
  padding: 0;
  margin: 0 0 48px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.pb-project-cards-model-5__portfolio-filters li {
  cursor: pointer;
  padding: 10px 24px;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 600;
  color: var(--default-color);
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
  font-family: var(--default-font);
}
.pb-project-cards-model-5__portfolio-filters li:hover, .pb-project-cards-model-5__portfolio-filters li.filter-active {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-project-cards-model-5__project-card {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  height: 300px;
}
.pb-project-cards-model-5__project-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}
.pb-project-cards-model-5__project-card:hover img {
  transform: scale(1.05);
}
.pb-project-cards-model-5__project-card:hover .pb-project-cards-model-5__card-overlay {
  background: linear-gradient(to top, color-mix(in srgb, var(--heading-color), transparent 5%) 0%, color-mix(in srgb, var(--heading-color), transparent 80%) 100%);
}
.pb-project-cards-model-5__project-card:hover .pb-project-cards-model-5__tag {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-project-cards-model-5__project-card:hover .pb-project-cards-model-5__card-action {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 991px) {
  .pb-project-cards-model-5__project-card {
    height: 260px;
  }
}
@media (max-width: 575px) {
  .pb-project-cards-model-5__project-card {
    height: 240px;
  }
  .pb-project-cards-model-5__project-card .pb-project-cards-model-5__card-content h3 {
    font-size: 18px;
  }
  .pb-project-cards-model-5__project-card .pb-project-cards-model-5__card-action {
    opacity: 1;
    transform: translateY(0);
  }
}
.pb-project-cards-model-5__card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, color-mix(in srgb, var(--heading-color), transparent 15%) 0%, transparent 60%);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 24px;
  transition: background 0.4s ease;
}
.pb-project-cards-model-5__card-content {
  min-width: 0;
}
.pb-project-cards-model-5__card-content h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--contrast-color);
  margin: 0;
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-project-cards-model-5__card-content p {
  font-size: 14px;
  color: color-mix(in srgb, var(--contrast-color), transparent 25%);
  margin: 8px 0 0;
  line-height: 1.5;
  font-family: var(--default-font);
}
.pb-project-cards-model-5__tag {
  display: inline-block;
  padding: 4px 12px;
  border-radius: var(--button-border-radius);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: color-mix(in srgb, var(--contrast-color), transparent 80%);
  color: var(--contrast-color);
  margin-bottom: 8px;
  transition: all 0.3s ease;
  font-family: var(--default-font);
}
.pb-project-cards-model-5__card-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-self: flex-end;
  flex-shrink: 0;
}
.pb-project-cards-model-5__card-action {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  background: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  opacity: 0;
  transform: translateY(8px);
  transition: all 0.3s ease;
}
.pb-project-cards-model-5__card-action:nth-child(2) {
  transition-delay: 0.1s;
}
.pb-project-cards-model-5__card-action:hover, .pb-project-cards-model-5__card-action:focus {
  background: color-mix(in srgb, var(--accent-color), black 10%);
  color: var(--contrast-color);
}

/*--------------------------------------------------------------
# Page Builder Project Cards — Model 6
--------------------------------------------------------------*/
section.section.pb-project-cards-model-6,
section.pb-project-cards-model-6,
.section.pb-project-cards-model-6,
.pb-project-cards-model-6 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-project-cards-model-6.pb-ready-model .pb-project-cards-model-6__project-info h3, .pb-project-cards-model-6.pb-ready-model .pb-project-cards-model-6__project-info p, .pb-project-cards-model-6.pb-ready-model .pb-project-cards-model-6__cta-content h3, .pb-project-cards-model-6.pb-ready-model .pb-project-cards-model-6__cta-content p {
  white-space: normal;
}
.pb-project-cards-model-6 a.pb-project-cards-model-6__action-btn,
.pb-project-cards-model-6 a.pb-project-cards-model-6__action-btn:hover,
.pb-project-cards-model-6 a.pb-project-cards-model-6__action-btn:focus,
.pb-project-cards-model-6 a.pb-project-cards-model-6__btn-cta-primary,
.pb-project-cards-model-6 a.pb-project-cards-model-6__btn-cta-primary:hover,
.pb-project-cards-model-6 a.pb-project-cards-model-6__btn-cta-primary:focus,
.pb-project-cards-model-6 a.pb-project-cards-model-6__btn-cta-secondary,
.pb-project-cards-model-6 a.pb-project-cards-model-6__btn-cta-secondary:hover,
.pb-project-cards-model-6 a.pb-project-cards-model-6__btn-cta-secondary:focus {
  text-decoration: none;
}
.pb-project-cards-model-6__filters-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .pb-project-cards-model-6__filters-wrapper {
    margin-bottom: 32px;
  }
}
.pb-project-cards-model-6__portfolio-filters {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding: 8px;
  margin: 0;
  list-style: none;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--heading-color), transparent 92%);
}
@media (max-width: 768px) {
  .pb-project-cards-model-6__portfolio-filters {
    padding: 8px;
    gap: 6px;
  }
}
.pb-project-cards-model-6__portfolio-filters li {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: var(--default-color);
  background: transparent;
  font-family: var(--default-font);
}
@media (max-width: 768px) {
  .pb-project-cards-model-6__portfolio-filters li {
    padding: 10px 16px;
    font-size: 13px;
  }
}
.pb-project-cards-model-6__portfolio-filters li:hover {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-project-cards-model-6__portfolio-filters li.filter-active {
  background: var(--accent-color);
  color: var(--contrast-color);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-project-cards-model-6__project-card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 10px 40px color-mix(in srgb, var(--heading-color), transparent 92%);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-project-cards-model-6__project-card:hover {
  transform: translateY(-8px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--heading-color), transparent 88%);
}
.pb-project-cards-model-6__project-card:hover .pb-project-cards-model-6__image-wrapper img {
  transform: scale(1.08);
}
.pb-project-cards-model-6__project-card:hover .pb-project-cards-model-6__hover-overlay {
  opacity: 1;
  visibility: visible;
}
.pb-project-cards-model-6__project-card.is-featured .pb-project-cards-model-6__image-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 80%), transparent);
  z-index: 1;
  pointer-events: none;
}
.pb-project-cards-model-6__image-wrapper {
  position: relative;
  height: 220px;
  overflow: hidden;
}
@media (max-width: 576px) {
  .pb-project-cards-model-6__image-wrapper {
    height: 200px;
  }
}
.pb-project-cards-model-6__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-project-cards-model-6__hover-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--heading-color), transparent 20%) 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 24px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 2;
}
.pb-project-cards-model-6__overlay-actions {
  display: flex;
  gap: 12px;
}
.pb-project-cards-model-6__action-btn {
  width: 48px;
  height: 48px;
  background: var(--surface-color);
  color: var(--accent-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--heading-color), transparent 80%);
}
.pb-project-cards-model-6__action-btn:hover, .pb-project-cards-model-6__action-btn:focus {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: scale(1.1);
}
.pb-project-cards-model-6__category-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 8px 16px;
  background: var(--surface-color);
  color: var(--accent-color);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: var(--button-border-radius);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 90%);
  z-index: 2;
  font-family: var(--default-font);
}
.pb-project-cards-model-6__featured-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 8px 14px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 20%));
  color: var(--contrast-color);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--accent-color), transparent 50%);
  z-index: 2;
  font-family: var(--default-font);
}
.pb-project-cards-model-6__featured-badge i {
  font-size: 10px;
}
.pb-project-cards-model-6__project-info {
  padding: 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .pb-project-cards-model-6__project-info {
    padding: 20px;
  }
}
.pb-project-cards-model-6__project-info h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 8px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  font-family: var(--heading-font);
}
.pb-project-cards-model-6__project-info p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.6;
  margin-bottom: 16px;
  flex-grow: 1;
  font-family: var(--default-font);
}
.pb-project-cards-model-6__project-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-project-cards-model-6__tech-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.pb-project-cards-model-6__tech-tags span {
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-family: var(--default-font);
}
.pb-project-cards-model-6__year {
  font-size: 13px;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  white-space: nowrap;
  font-family: var(--default-font);
}
.pb-project-cards-model-6__cta-section {
  margin-top: 80px;
  padding: 64px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 25%));
  border-radius: var(--card-border-radius);
  position: relative;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 992px) {
  .pb-project-cards-model-6__cta-section {
    padding: 48px 32px;
    margin-top: 64px;
  }
}
@media (max-width: 576px) {
  .pb-project-cards-model-6__cta-section {
    padding: 40px 24px;
  }
}
.pb-project-cards-model-6__cta-content {
  position: relative;
  z-index: 2;
}
.pb-project-cards-model-6__cta-content h3 {
  font-size: 36px;
  font-weight: 800;
  color: var(--contrast-color);
  margin-bottom: 16px;
  letter-spacing: -0.02em;
  line-height: 1.2;
  font-family: var(--heading-font);
}
@media (max-width: 768px) {
  .pb-project-cards-model-6__cta-content h3 {
    font-size: 28px;
  }
}
.pb-project-cards-model-6__cta-content p {
  font-size: 18px;
  color: color-mix(in srgb, var(--contrast-color), transparent 15%);
  max-width: 600px;
  margin: 0 auto 32px;
  line-height: 1.7;
  font-family: var(--default-font);
}
@media (max-width: 768px) {
  .pb-project-cards-model-6__cta-content p {
    font-size: 16px;
  }
}
.pb-project-cards-model-6__cta-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: color-mix(in srgb, var(--contrast-color), transparent 85%);
  color: var(--contrast-color);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: var(--button-border-radius);
  margin-bottom: 24px;
  font-family: var(--default-font);
}
.pb-project-cards-model-6__cta-label i {
  font-size: 16px;
}
.pb-project-cards-model-6__cta-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .pb-project-cards-model-6__cta-buttons {
    flex-direction: column;
    align-items: center;
  }
}
.pb-project-cards-model-6__btn-cta-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 36px;
  background: var(--surface-color);
  color: var(--accent-color);
  font-size: 15px;
  font-weight: 700;
  border-radius: var(--button-border-radius);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 80%);
  font-family: var(--default-font);
}
@media (max-width: 576px) {
  .pb-project-cards-model-6__btn-cta-primary {
    width: 100%;
    justify-content: center;
  }
}
.pb-project-cards-model-6__btn-cta-primary:hover, .pb-project-cards-model-6__btn-cta-primary:focus {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--heading-color), transparent 75%);
  color: var(--accent-color);
}
.pb-project-cards-model-6__btn-cta-primary:hover i, .pb-project-cards-model-6__btn-cta-primary:focus i {
  transform: translateX(4px);
}
.pb-project-cards-model-6__btn-cta-primary i {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.pb-project-cards-model-6__btn-cta-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 36px;
  background: transparent;
  color: var(--contrast-color);
  font-size: 15px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  border: 2px solid color-mix(in srgb, var(--contrast-color), transparent 60%);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-family: var(--default-font);
}
@media (max-width: 576px) {
  .pb-project-cards-model-6__btn-cta-secondary {
    width: 100%;
    justify-content: center;
  }
}
.pb-project-cards-model-6__btn-cta-secondary:hover, .pb-project-cards-model-6__btn-cta-secondary:focus {
  background: color-mix(in srgb, var(--contrast-color), transparent 85%);
  border-color: var(--contrast-color);
  color: var(--contrast-color);
}
.pb-project-cards-model-6__btn-cta-secondary i {
  font-size: 20px;
}
.pb-project-cards-model-6__cta-decoration {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.pb-project-cards-model-6__floating-shape {
  position: absolute;
  border-radius: 50%;
  background: color-mix(in srgb, var(--contrast-color), transparent 90%);
}
.pb-project-cards-model-6__floating-shape.shape-1 {
  width: 300px;
  height: 300px;
  top: -100px;
  right: -50px;
}
.pb-project-cards-model-6__floating-shape.shape-2 {
  width: 200px;
  height: 200px;
  bottom: -80px;
  left: -60px;
}
.pb-project-cards-model-6__floating-shape.shape-3 {
  width: 120px;
  height: 120px;
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
}

/*--------------------------------------------------------------
# Page Builder Project Cards — Model 7
--------------------------------------------------------------*/
section.section.pb-project-cards-model-7,
section.pb-project-cards-model-7,
.section.pb-project-cards-model-7,
.pb-project-cards-model-7 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-project-cards-model-7.pb-ready-model .pb-project-cards-model-7__portfolio-content h3, .pb-project-cards-model-7.pb-ready-model .pb-project-cards-model-7__portfolio-content p, .pb-project-cards-model-7.pb-ready-model .pb-project-cards-model-7__portfolio-cta h4, .pb-project-cards-model-7.pb-ready-model .pb-project-cards-model-7__portfolio-cta p {
  white-space: normal;
}
.pb-project-cards-model-7 a.pb-project-cards-model-7__action-btn,
.pb-project-cards-model-7 a.pb-project-cards-model-7__action-btn:hover,
.pb-project-cards-model-7 a.pb-project-cards-model-7__action-btn:focus,
.pb-project-cards-model-7 a.pb-project-cards-model-7__btn,
.pb-project-cards-model-7 a.pb-project-cards-model-7__btn:hover,
.pb-project-cards-model-7 a.pb-project-cards-model-7__btn:focus {
  text-decoration: none;
}
.pb-project-cards-model-7__portfolio-filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 40px;
  padding: 0;
  list-style: none;
}
@media (max-width: 768px) {
  .pb-project-cards-model-7__portfolio-filters {
    gap: 6px;
    margin-bottom: 30px;
  }
}
.pb-project-cards-model-7__portfolio-filters li {
  padding: 12px 24px;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: var(--surface-color);
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  position: relative;
  overflow: hidden;
  font-family: var(--default-font);
}
@media (max-width: 768px) {
  .pb-project-cards-model-7__portfolio-filters li {
    padding: 10px 18px;
    font-size: 0.8rem;
  }
}
.pb-project-cards-model-7__portfolio-filters li::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--contrast-color), transparent 60%), transparent);
  transition: left 0.5s;
}
.pb-project-cards-model-7__portfolio-filters li:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--accent-color), transparent 85%);
  border-color: var(--accent-color);
}
.pb-project-cards-model-7__portfolio-filters li:hover::before {
  left: 100%;
}
.pb-project-cards-model-7__portfolio-filters li.filter-active {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 20%));
  color: var(--contrast-color);
  border-color: var(--accent-color);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-project-cards-model-7__portfolio-wrapper {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 4px 20px color-mix(in srgb, var(--heading-color), transparent 92%);
  height: 100%;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-project-cards-model-7__portfolio-wrapper:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px color-mix(in srgb, var(--heading-color), transparent 85%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-project-cards-model-7__portfolio-wrapper:hover .pb-project-cards-model-7__portfolio-image img {
  transform: scale(1.05);
}
.pb-project-cards-model-7__portfolio-wrapper:hover .pb-project-cards-model-7__portfolio-hover {
  opacity: 1;
  visibility: visible;
}
.pb-project-cards-model-7__portfolio-image {
  position: relative;
  overflow: hidden;
  height: 240px;
}
.pb-project-cards-model-7__portfolio-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-project-cards-model-7__portfolio-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 10%), color-mix(in srgb, var(--accent-color), black 25%));
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(2px);
}
.pb-project-cards-model-7__portfolio-actions {
  display: flex;
  gap: 15px;
}
.pb-project-cards-model-7__action-btn {
  width: 50px;
  height: 50px;
  background-color: var(--surface-color);
  color: var(--accent-color);
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 15px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-project-cards-model-7__action-btn:hover, .pb-project-cards-model-7__action-btn:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--heading-color), transparent 85%);
}
.pb-project-cards-model-7__portfolio-content {
  padding: 25px;
}
.pb-project-cards-model-7__portfolio-content h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--heading-color);
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-project-cards-model-7__portfolio-content p {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 20px;
  line-height: 1.5;
  font-family: var(--default-font);
}
.pb-project-cards-model-7__portfolio-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
}
.pb-project-cards-model-7__project-type {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--accent-color);
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 90%), color-mix(in srgb, var(--accent-color), transparent 85%));
  padding: 6px 12px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
}
.pb-project-cards-model-7__project-rating {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--accent-color);
  font-family: var(--default-font);
}
.pb-project-cards-model-7__project-rating i {
  font-size: 0.8rem;
}
.pb-project-cards-model-7__portfolio-tech {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pb-project-cards-model-7__tech-badge {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: var(--button-border-radius);
  background-color: color-mix(in srgb, var(--heading-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
  font-family: var(--default-font);
}
.pb-project-cards-model-7__tech-badge:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-project-cards-model-7__portfolio-cta {
  margin-top: 60px;
  padding: 40px 30px;
  background: linear-gradient(135deg, var(--surface-color), color-mix(in srgb, var(--surface-color), var(--accent-color) 5%));
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-project-cards-model-7__portfolio-cta h4 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-project-cards-model-7__portfolio-cta p {
  font-size: 1rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 30px;
  font-family: var(--default-font);
}
.pb-project-cards-model-7__cta-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}
.pb-project-cards-model-7__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  font-size: 0.925rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--default-font);
}
.pb-project-cards-model-7__btn-primary {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 20%));
  color: var(--contrast-color);
  border: none;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-project-cards-model-7__btn-primary:hover, .pb-project-cards-model-7__btn-primary:focus {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
.pb-project-cards-model-7__btn-outline {
  background-color: transparent;
  color: var(--accent-color);
  border: 2px solid var(--accent-color);
}
.pb-project-cards-model-7__btn-outline:hover, .pb-project-cards-model-7__btn-outline:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--accent-color), transparent 70%);
}

/*--------------------------------------------------------------
# Page Builder Team Models — Model 1
--------------------------------------------------------------*/
section.section.pb-team-models-model-1,
section.pb-team-models-model-1,
.section.pb-team-models-model-1,
.pb-team-models-model-1 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-team-models-model-1.pb-ready-model .pb-team-models-model-1__crew-detail h4, .pb-team-models-model-1.pb-ready-model .pb-team-models-model-1__crew-detail p {
  white-space: normal;
}
.pb-team-models-model-1__crew-links a, .pb-team-models-model-1__crew-links a:hover, .pb-team-models-model-1__crew-links a:focus {
  text-decoration: none;
}
.pb-team-models-model-1__crew-card {
  position: relative;
  text-align: center;
  padding: 0 10px;
}
.pb-team-models-model-1__crew-card:hover .pb-team-models-model-1__crew-shape {
  transform: rotate(120deg);
  border-color: var(--accent-color);
}
.pb-team-models-model-1__crew-card:hover .pb-team-models-model-1__crew-frame img {
  transform: scale(1.04);
  filter: saturate(1.1);
}
.pb-team-models-model-1__crew-card:hover .pb-team-models-model-1__crew-links {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-6px);
}
.pb-team-models-model-1__crew-card:hover .pb-team-models-model-1__crew-detail h4::after {
  width: 60px;
}
@media (max-width: 768px) {
  .pb-team-models-model-1__crew-card .pb-team-models-model-1__crew-frame {
    width: 180px;
    height: 180px;
  }
  .pb-team-models-model-1__crew-card .pb-team-models-model-1__crew-detail h4 {
    font-size: 18px;
  }
}
.pb-team-models-model-1__crew-frame {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 0 auto 25px;
  border-radius: 50%;
  overflow: visible;
  isolation: isolate;
}
.pb-team-models-model-1__crew-frame img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  z-index: 1;
  transition: transform 0.4s ease, filter 0.4s ease;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-team-models-model-1__crew-shape {
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  border: 2px dashed color-mix(in srgb, var(--accent-color), transparent 50%);
  transition: transform 0.6s ease, border-color 0.4s ease;
  z-index: 0;
}
.pb-team-models-model-1__crew-links {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: -18px;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
  background-color: var(--surface-color);
  padding: 8px 14px;
  border-radius: var(--button-border-radius);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--default-color), transparent 88%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;
  z-index: 3;
}
.pb-team-models-model-1__crew-links li {
  display: inline-flex;
}
.pb-team-models-model-1__crew-links a {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--default-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  transition: all 0.3s ease;
}
.pb-team-models-model-1__crew-links a i {
  font-size: 14px;
}
.pb-team-models-model-1__crew-links a:hover, .pb-team-models-model-1__crew-links a:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-2px);
}
.pb-team-models-model-1__crew-detail {
  padding-top: 20px;
}
.pb-team-models-model-1__crew-detail h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px;
  position: relative;
  display: inline-block;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-team-models-model-1__crew-detail h4::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  width: 28px;
  height: 2px;
  background-color: var(--accent-color);
  transition: width 0.3s ease;
}
.pb-team-models-model-1__crew-detail p {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 0;
  font-family: var(--default-font);
}
.pb-team-models-model-1__crew-role {
  display: block;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--accent-color);
  font-family: var(--default-font);
}

/*--------------------------------------------------------------
# Page Builder Team Models — Model 2
--------------------------------------------------------------*/
section.section.pb-team-models-model-2,
section.pb-team-models-model-2,
.section.pb-team-models-model-2,
.pb-team-models-model-2 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-team-models-model-2.pb-ready-model .pb-team-models-model-2__intro p, .pb-team-models-model-2.pb-ready-model .pb-team-models-model-2__member-info h4, .pb-team-models-model-2.pb-ready-model .pb-team-models-model-2__member-info p {
  white-space: normal;
}
.pb-team-models-model-2__social a, .pb-team-models-model-2__social a:hover, .pb-team-models-model-2__social a:focus {
  text-decoration: none;
}
.pb-team-models-model-2__intro {
  max-width: 680px;
  margin: 0 auto 64px;
  text-align: center;
}
.pb-team-models-model-2__intro p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.8;
  color: var(--default-color);
  font-family: var(--default-font);
}
@media (max-width: 992px) {
  .pb-team-models-model-2__intro {
    margin-bottom: 56px;
  }
}
@media (max-width: 576px) {
  .pb-team-models-model-2__intro {
    margin-bottom: 48px;
  }
}
.pb-team-models-model-2__team-member {
  height: 100%;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  transition: border-color 0.3s ease;
}
.pb-team-models-model-2__team-member:hover {
  border-color: var(--accent-color);
}
.pb-team-models-model-2__member-img img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
}
.pb-team-models-model-2__member-info {
  padding: 32px;
  text-align: center;
}
.pb-team-models-model-2__member-info h4 {
  margin-bottom: 16px;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-team-models-model-2__member-info p {
  margin: 0 0 28px;
  font-size: 0.95rem;
  line-height: 1.8;
  color: var(--default-color);
  font-family: var(--default-font);
}
@media (max-width: 992px) {
  .pb-team-models-model-2__member-info {
    padding: 28px;
  }
}
@media (max-width: 576px) {
  .pb-team-models-model-2__member-info {
    padding: 24px;
  }
  .pb-team-models-model-2__member-info p {
    margin-bottom: 24px;
  }
}
.pb-team-models-model-2__member-role {
  display: inline-block;
  margin-bottom: 14px;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent-color);
  font-family: var(--default-font);
}
.pb-team-models-model-2__social {
  display: flex;
  justify-content: center;
  gap: 14px;
}
.pb-team-models-model-2__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--button-border-radius);
  color: var(--default-color);
  font-size: 1rem;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.pb-team-models-model-2__social a:hover, .pb-team-models-model-2__social a:focus {
  color: var(--accent-color);
  border-color: var(--accent-color);
  background-color: var(--surface-color);
}

/*--------------------------------------------------------------
# Page Builder Team Models — Model 3
--------------------------------------------------------------*/
section.section.pb-team-models-model-3,
section.pb-team-models-model-3,
.section.pb-team-models-model-3,
.pb-team-models-model-3 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-team-models-model-3.pb-ready-model .pb-team-models-model-3__staff-details h4, .pb-team-models-model-3.pb-ready-model .pb-team-models-model-3__staff-details p {
  white-space: normal;
}
.pb-team-models-model-3 a.pb-team-models-model-3__profile-link,
.pb-team-models-model-3 a.pb-team-models-model-3__profile-link:hover,
.pb-team-models-model-3 a.pb-team-models-model-3__profile-link:focus, .pb-team-models-model-3__social-links a, .pb-team-models-model-3__social-links a:hover, .pb-team-models-model-3__social-links a:focus {
  text-decoration: none;
}
.pb-team-models-model-3__staff-card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease-in-out;
  height: 100%;
}
.pb-team-models-model-3__staff-card:hover {
  box-shadow: 0 12px 40px color-mix(in srgb, var(--heading-color), transparent 88%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-team-models-model-3__staff-card:hover .pb-team-models-model-3__photo-overlay {
  opacity: 1;
}
.pb-team-models-model-3__staff-card:hover .pb-team-models-model-3__staff-photo img {
  transform: scale(1.08);
}
.pb-team-models-model-3__staff-card:hover .pb-team-models-model-3__profile-link {
  color: var(--accent-color);
}
.pb-team-models-model-3__staff-card:hover .pb-team-models-model-3__profile-link i {
  transform: translateX(4px);
}
@media (max-width: 768px) {
  .pb-team-models-model-3__staff-card .pb-team-models-model-3__staff-details {
    padding: 26px 22px;
  }
  .pb-team-models-model-3__staff-card .pb-team-models-model-3__staff-details .pb-team-models-model-3__role-tag {
    font-size: 0.7rem;
  }
  .pb-team-models-model-3__staff-card .pb-team-models-model-3__staff-details h4 {
    font-size: 1.25rem;
  }
}
@media (max-width: 576px) {
  .pb-team-models-model-3__staff-card .pb-team-models-model-3__staff-photo {
    min-height: 260px;
  }
  .pb-team-models-model-3__staff-card .pb-team-models-model-3__staff-details {
    padding: 24px 20px;
  }
  .pb-team-models-model-3__staff-card .pb-team-models-model-3__staff-details h4 {
    font-size: 1.2rem;
  }
  .pb-team-models-model-3__staff-card .pb-team-models-model-3__staff-details p {
    font-size: 0.85rem;
  }
}
.pb-team-models-model-3__staff-photo {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 280px;
}
.pb-team-models-model-3__staff-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.pb-team-models-model-3__photo-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, color-mix(in srgb, var(--accent-color), transparent 10%) 0%, color-mix(in srgb, var(--accent-color), transparent 80%) 50%, transparent 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 20px;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.pb-team-models-model-3__social-links {
  display: flex;
  gap: 10px;
}
.pb-team-models-model-3__social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background-color: var(--contrast-color);
  border-radius: 50%;
  color: var(--accent-color);
  font-size: 15px;
  transition: all 0.3s ease;
  transform: translateY(10px);
}
.pb-team-models-model-3__social-links a:hover, .pb-team-models-model-3__social-links a:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(0);
}
.pb-team-models-model-3__staff-details {
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.pb-team-models-model-3__staff-details h4 {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 12px;
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-team-models-model-3__staff-details p {
  font-size: 0.9rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 18px;
  font-family: var(--default-font);
}
.pb-team-models-model-3__role-tag {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  padding: 5px 14px;
  border-radius: var(--button-border-radius);
  margin-bottom: 14px;
  width: fit-content;
  font-family: var(--default-font);
}
.pb-team-models-model-3__profile-link {
  font-size: 0.85rem;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  font-family: var(--default-font);
}
.pb-team-models-model-3__profile-link i {
  font-size: 0.85rem;
  transition: transform 0.3s ease;
}

/*--------------------------------------------------------------
# Page Builder Team Models — Model 4
--------------------------------------------------------------*/
section.section.pb-team-models-model-4,
section.pb-team-models-model-4,
.section.pb-team-models-model-4,
.pb-team-models-model-4 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-team-models-model-4.pb-ready-model .pb-team-models-model-4__member-details h5, .pb-team-models-model-4.pb-ready-model .pb-team-models-model-4__panel-info h5, .pb-team-models-model-4.pb-ready-model .pb-team-models-model-4__panel-info p, .pb-team-models-model-4.pb-ready-model .pb-team-models-model-4__banner-copy, .pb-team-models-model-4.pb-ready-model .pb-team-models-model-4__banner-copy h4, .pb-team-models-model-4.pb-ready-model .pb-team-models-model-4__banner-copy p, .pb-team-models-model-4.pb-ready-model .pb-team-models-model-4__banner-badge, .pb-team-models-model-4.pb-ready-model .pb-team-models-model-4__board-section, .pb-team-models-model-4.pb-ready-model .pb-team-models-model-4__board-heading, .pb-team-models-model-4.pb-ready-model .pb-team-models-model-4__board-panel {
  white-space: normal;
}
.pb-team-models-model-4__social-links a, .pb-team-models-model-4__social-links a:hover, .pb-team-models-model-4__social-links a:focus, .pb-team-models-model-4__panel-socials a, .pb-team-models-model-4__panel-socials a:hover, .pb-team-models-model-4__panel-socials a:focus,
.pb-team-models-model-4 a.pb-team-models-model-4__action-btn,
.pb-team-models-model-4 a.pb-team-models-model-4__action-btn:hover,
.pb-team-models-model-4 a.pb-team-models-model-4__action-btn:focus {
  text-decoration: none;
}
.pb-team-models-model-4 .swiper-wrapper {
  height: auto !important;
}
.pb-team-models-model-4__intro-block {
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .pb-team-models-model-4__intro-block .pb-team-models-model-4__stats-badges {
    gap: 12px;
  }
  .pb-team-models-model-4__intro-block .pb-team-models-model-4__stats-badges .pb-team-models-model-4__badge-item {
    padding: 8px 14px;
  }
}
.pb-team-models-model-4__stats-badges {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.pb-team-models-model-4__badge-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border-radius: var(--button-border-radius);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-team-models-model-4__badge-item i {
  color: var(--accent-color);
  font-size: 1.1rem;
}
.pb-team-models-model-4__badge-item strong {
  font-size: 1.1rem;
  color: var(--accent-color);
  font-weight: 700;
  font-family: var(--heading-font);
}
.pb-team-models-model-4__badge-item span {
  font-size: 0.85rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--default-font);
}
.pb-team-models-model-4__members {
  padding-top: 24px;
}
.pb-team-models-model-4__member-card {
  text-align: center;
  position: relative;
}
.pb-team-models-model-4__member-photo {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  margin-bottom: 20px;
  aspect-ratio: 1;
}
.pb-team-models-model-4__member-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.pb-team-models-model-4__member-photo:hover img {
  transform: scale(1.08);
}
.pb-team-models-model-4__member-photo:hover .pb-team-models-model-4__social-links {
  opacity: 1;
  transform: translateY(0);
}
.pb-team-models-model-4__social-links {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  background: linear-gradient(0deg, color-mix(in srgb, var(--default-color), transparent 20%) 0%, transparent 100%);
  display: flex;
  justify-content: center;
  gap: 10px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
}
.pb-team-models-model-4__social-links a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--surface-color);
  color: var(--accent-color);
  display: grid;
  place-items: center;
  font-size: 0.95rem;
  transition: all 0.3s ease;
}
.pb-team-models-model-4__social-links a:hover, .pb-team-models-model-4__social-links a:focus {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: scale(1.1);
}
.pb-team-models-model-4__member-details h5 {
  font-size: 1.15rem;
  color: var(--heading-color);
  margin-bottom: 4px;
  font-weight: 600;
  font-family: var(--heading-font);
}
.pb-team-models-model-4__member-details span {
  font-size: 0.9rem;
  color: var(--accent-color);
  font-weight: 500;
  font-family: var(--default-font);
}
.pb-team-models-model-4__board-heading {
  text-align: center;
  font-size: 1.7rem;
  color: var(--heading-color);
  margin-bottom: 35px;
  position: relative;
  font-family: var(--heading-font);
}
.pb-team-models-model-4__board-heading::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background: var(--accent-color);
  margin: 12px auto 0;
  border-radius: 2px;
}
@media (max-width: 576px) {
  .pb-team-models-model-4__board-heading {
    font-size: 1.4rem;
  }
}
.pb-team-models-model-4__board-carousel {
  padding-bottom: 50px;
}
.pb-team-models-model-4__board-carousel .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: color-mix(in srgb, var(--accent-color), transparent 70%);
  opacity: 1;
  transition: all 0.3s ease;
}
.pb-team-models-model-4__board-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--accent-color);
  width: 24px;
  border-radius: 5px;
}
.pb-team-models-model-4__board-panel {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
  height: 100%;
}
.pb-team-models-model-4__board-panel:hover {
  box-shadow: 0 12px 30px color-mix(in srgb, var(--heading-color), transparent 88%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-team-models-model-4__panel-image {
  height: 100%;
  min-height: 240px;
}
.pb-team-models-model-4__panel-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 992px) {
  .pb-team-models-model-4__panel-image {
    min-height: 180px;
  }
}
.pb-team-models-model-4__panel-info {
  padding: 25px;
}
.pb-team-models-model-4__panel-info h5 {
  font-size: 1.25rem;
  color: var(--heading-color);
  margin-bottom: 10px;
  font-weight: 700;
  font-family: var(--heading-font);
}
.pb-team-models-model-4__panel-info p {
  font-size: 0.9rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 15px;
  font-family: var(--default-font);
}
@media (max-width: 576px) {
  .pb-team-models-model-4__panel-info {
    padding: 20px;
  }
}
.pb-team-models-model-4__role-tag {
  display: inline-block;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  padding: 4px 12px;
  border-radius: var(--button-border-radius);
  margin-bottom: 12px;
  font-weight: 600;
  font-family: var(--default-font);
}
.pb-team-models-model-4__panel-socials {
  display: flex;
  gap: 8px;
}
.pb-team-models-model-4__panel-socials a {
  width: 36px;
  height: 36px;
  border-radius: var(--button-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  display: grid;
  place-items: center;
  transition: all 0.3s ease;
}
.pb-team-models-model-4__panel-socials a:hover, .pb-team-models-model-4__panel-socials a:focus {
  border-color: var(--accent-color);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.pb-team-models-model-4__careers-banner {
  background: var(--accent-color);
  border-radius: var(--card-border-radius);
  padding: 45px 40px;
  position: relative;
  overflow: hidden;
}
.pb-team-models-model-4__careers-banner::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, color-mix(in srgb, var(--contrast-color), transparent 85%) 0%, transparent 70%);
  border-radius: 50%;
}
.pb-team-models-model-4__careers-banner::after {
  content: "";
  position: absolute;
  bottom: -40%;
  left: 5%;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, color-mix(in srgb, var(--contrast-color), transparent 90%) 0%, transparent 70%);
  border-radius: 50%;
}
@media (max-width: 768px) {
  .pb-team-models-model-4__careers-banner {
    padding: 35px 25px;
    text-align: center;
  }
  .pb-team-models-model-4__careers-banner .pb-team-models-model-4__banner-actions {
    align-items: center;
    margin-top: 25px;
  }
  .pb-team-models-model-4__careers-banner .pb-team-models-model-4__banner-copy h4 {
    font-size: 1.5rem;
  }
}
.pb-team-models-model-4__banner-copy {
  position: relative;
  z-index: 2;
}
.pb-team-models-model-4__banner-copy h4 {
  font-size: 1.8rem;
  color: var(--contrast-color);
  margin-bottom: 12px;
  font-weight: 700;
  font-family: var(--heading-font);
}
.pb-team-models-model-4__banner-copy p {
  font-size: 0.95rem;
  color: color-mix(in srgb, var(--contrast-color), transparent 15%);
  line-height: 1.6;
  margin-bottom: 0;
  font-family: var(--default-font);
}
.pb-team-models-model-4__banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--contrast-color);
  opacity: 0.85;
  margin-bottom: 12px;
  font-weight: 500;
  font-family: var(--default-font);
}
.pb-team-models-model-4__banner-badge i {
  font-size: 1rem;
}
.pb-team-models-model-4__banner-actions {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-end;
}
.pb-team-models-model-4__action-btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  text-align: center;
  min-width: 200px;
  font-family: var(--default-font);
}
.pb-team-models-model-4__action-btn.is-primary {
  background: var(--contrast-color);
  color: var(--accent-color);
}
.pb-team-models-model-4__action-btn.is-primary:hover, .pb-team-models-model-4__action-btn.is-primary:focus {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--default-color), transparent 70%);
  color: var(--accent-color);
}
.pb-team-models-model-4__action-btn.is-secondary {
  background: transparent;
  color: var(--contrast-color);
  border: 2px solid color-mix(in srgb, var(--contrast-color), transparent 30%);
}
.pb-team-models-model-4__action-btn.is-secondary:hover, .pb-team-models-model-4__action-btn.is-secondary:focus {
  background: color-mix(in srgb, var(--contrast-color), transparent 85%);
  border-color: var(--contrast-color);
  transform: translateY(-2px);
  color: var(--contrast-color);
}
@media (max-width: 576px) {
  .pb-team-models-model-4__action-btn {
    min-width: 180px;
  }
}

/*--------------------------------------------------------------
# Page Builder Team Models — Model 5
--------------------------------------------------------------*/
section.section.pb-team-models-model-5,
section.pb-team-models-model-5,
.section.pb-team-models-model-5,
.pb-team-models-model-5 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-team-models-model-5.pb-ready-model .pb-team-models-model-5__crew-details h4, .pb-team-models-model-5.pb-ready-model .pb-team-models-model-5__crew-details p {
  white-space: normal;
}
.pb-team-models-model-5__crew-links a, .pb-team-models-model-5__crew-links a:hover, .pb-team-models-model-5__crew-links a:focus {
  text-decoration: none;
}
.pb-team-models-model-5__crew-card {
  display: flex;
  align-items: center;
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease-in-out;
  height: 100%;
}
.pb-team-models-model-5__crew-card:hover {
  box-shadow: 0 12px 40px color-mix(in srgb, var(--heading-color), transparent 88%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
}
@media (max-width: 768px) {
  .pb-team-models-model-5__crew-card {
    flex-direction: column;
  }
  .pb-team-models-model-5__crew-card .pb-team-models-model-5__crew-portrait {
    flex: 0 0 auto;
    width: 100%;
    height: 240px;
  }
  .pb-team-models-model-5__crew-card .pb-team-models-model-5__crew-details {
    padding: 24px 20px;
    text-align: center;
  }
  .pb-team-models-model-5__crew-card .pb-team-models-model-5__crew-details .pb-team-models-model-5__crew-role {
    margin-bottom: 10px;
  }
  .pb-team-models-model-5__crew-card .pb-team-models-model-5__crew-details h4 {
    font-size: 20px;
  }
}
.pb-team-models-model-5__crew-portrait {
  position: relative;
  flex: 0 0 220px;
  width: 220px;
  height: 260px;
  overflow: hidden;
}
.pb-team-models-model-5__crew-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease-in-out;
}
.pb-team-models-model-5__crew-portrait:hover .pb-team-models-model-5__crew-overlay {
  opacity: 1;
}
.pb-team-models-model-5__crew-portrait:hover .pb-team-models-model-5__crew-overlay .pb-team-models-model-5__crew-links {
  transform: translateY(0);
}
.pb-team-models-model-5__crew-portrait:hover img {
  transform: scale(1.1);
}
.pb-team-models-model-5__crew-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--accent-color), transparent 40%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 20px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.pb-team-models-model-5__crew-links {
  display: flex;
  gap: 10px;
  transform: translateY(15px);
  transition: transform 0.3s ease-in-out;
}
.pb-team-models-model-5__crew-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: var(--contrast-color);
  color: var(--accent-color);
  border-radius: 50%;
  font-size: 15px;
  transition: all 0.3s ease-in-out;
}
.pb-team-models-model-5__crew-links a:hover, .pb-team-models-model-5__crew-links a:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: scale(1.15);
}
.pb-team-models-model-5__crew-details {
  flex: 1;
  padding: 30px 32px;
}
.pb-team-models-model-5__crew-details h4 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 12px 0;
  color: var(--heading-color);
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-team-models-model-5__crew-details p {
  font-size: 14px;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin: 0;
  font-family: var(--default-font);
}
.pb-team-models-model-5__crew-role {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  padding: 4px 14px;
  border-radius: var(--button-border-radius);
  margin-bottom: 14px;
  font-family: var(--default-font);
}

/*--------------------------------------------------------------
# Page Builder Team Models — Model 6
--------------------------------------------------------------*/
section.section.pb-team-models-model-6,
section.pb-team-models-model-6,
.section.pb-team-models-model-6,
.pb-team-models-model-6 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-team-models-model-6.pb-ready-model .pb-team-models-model-6__member-meta h4, .pb-team-models-model-6.pb-ready-model .pb-team-models-model-6__member-meta span {
  white-space: normal;
}
.pb-team-models-model-6__social-links a, .pb-team-models-model-6__social-links a:hover, .pb-team-models-model-6__social-links a:focus {
  text-decoration: none;
}
.pb-team-models-model-6__member-card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--heading-color), transparent 92%);
  transition: all 0.3s ease;
  height: 100%;
}
.pb-team-models-model-6__member-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--heading-color), transparent 88%);
}
.pb-team-models-model-6__member-card:hover .pb-team-models-model-6__social-links {
  opacity: 1;
  bottom: 16px;
}
.pb-team-models-model-6__member-img {
  position: relative;
  overflow: hidden;
}
.pb-team-models-model-6__member-img img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
}
.pb-team-models-model-6__social-links {
  position: absolute;
  bottom: -48px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  opacity: 0;
  transition: all 0.4s ease;
}
.pb-team-models-model-6__social-links a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all 0.3s ease;
}
.pb-team-models-model-6__social-links a:hover, .pb-team-models-model-6__social-links a:focus {
  background: color-mix(in srgb, var(--accent-color), black 15%);
  color: var(--contrast-color);
}
.pb-team-models-model-6__member-meta {
  padding: 24px;
  text-align: center;
}
.pb-team-models-model-6__member-meta h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-team-models-model-6__member-meta span {
  font-size: 14px;
  color: var(--accent-color);
  font-weight: 400;
  font-family: var(--default-font);
}

/*--------------------------------------------------------------
# Page Builder Team Models — Model 7
--------------------------------------------------------------*/
section.section.pb-team-models-model-7,
section.pb-team-models-model-7,
.section.pb-team-models-model-7,
.pb-team-models-model-7 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-team-models-model-7.pb-ready-model .pb-team-models-model-7__crew-main h4, .pb-team-models-model-7.pb-ready-model .pb-team-models-model-7__crew-main p, .pb-team-models-model-7.pb-ready-model .pb-team-models-model-7__role {
  white-space: normal;
}
.pb-team-models-model-7__reach-links a, .pb-team-models-model-7__reach-links a:hover, .pb-team-models-model-7__reach-links a:focus, .pb-team-models-model-7__network-links a, .pb-team-models-model-7__network-links a:hover, .pb-team-models-model-7__network-links a:focus {
  text-decoration: none;
}
.pb-team-models-model-7__crew-card {
  position: relative;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 94%), 0 2px 4px color-mix(in srgb, var(--heading-color), transparent 96%);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-team-models-model-7__crew-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--heading-color), transparent 88%), 0 4px 8px color-mix(in srgb, var(--heading-color), transparent 94%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-team-models-model-7__crew-card:hover .pb-team-models-model-7__card-accent {
  height: 6px;
}
.pb-team-models-model-7__crew-card:hover .pb-team-models-model-7__avatar-wrap img {
  transform: scale(1.05);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-team-models-model-7__card-accent {
  height: 4px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 20%));
  transition: height 0.3s ease;
  flex-shrink: 0;
}
.pb-team-models-model-7__avatar-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 24px 0;
  position: relative;
}
.pb-team-models-model-7__avatar-wrap img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s ease;
  display: block;
}
@media (max-width: 992px) {
  .pb-team-models-model-7__avatar-wrap .pb-team-models-model-7__years-badge {
    right: 16px;
    top: 18px;
  }
}
@media (max-width: 768px) {
  .pb-team-models-model-7__avatar-wrap {
    padding: 24px 20px 0;
  }
  .pb-team-models-model-7__avatar-wrap img {
    width: 80px;
    height: 80px;
  }
  .pb-team-models-model-7__avatar-wrap .pb-team-models-model-7__years-badge {
    font-size: 10px;
    padding: 3px 10px;
    right: 14px;
    top: 16px;
  }
}
.pb-team-models-model-7__years-badge {
  position: absolute;
  top: 24px;
  right: 24px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 20%));
  color: var(--contrast-color);
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: var(--button-border-radius);
  letter-spacing: 0.02em;
  white-space: nowrap;
  font-family: var(--default-font);
}
.pb-team-models-model-7__crew-main {
  padding: 20px 24px 0;
  text-align: center;
  flex: 1;
}
.pb-team-models-model-7__crew-main h4 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 4px;
  letter-spacing: -0.01em;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-team-models-model-7__crew-main p {
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 16px;
  font-family: var(--default-font);
}
@media (max-width: 768px) {
  .pb-team-models-model-7__crew-main {
    padding: 16px 20px 0;
  }
  .pb-team-models-model-7__crew-main h4 {
    font-size: 16px;
  }
  .pb-team-models-model-7__crew-main p {
    font-size: 13px;
  }
}
.pb-team-models-model-7__role {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--accent-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 12px;
  font-family: var(--default-font);
}
@media (max-width: 768px) {
  .pb-team-models-model-7__role {
    font-size: 12px;
  }
}
.pb-team-models-model-7__cert-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-bottom: 20px;
}
.pb-team-models-model-7__cert {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  padding: 4px 10px;
  border-radius: var(--button-border-radius);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 82%);
  font-family: var(--default-font);
}
.pb-team-models-model-7__cert i {
  font-size: 12px;
}
@media (max-width: 768px) {
  .pb-team-models-model-7__cert {
    font-size: 10px;
    padding: 3px 8px;
  }
}
.pb-team-models-model-7__card-footer {
  padding: 16px 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  margin: 0 24px;
}
@media (max-width: 768px) {
  .pb-team-models-model-7__card-footer {
    margin: 0 20px;
    padding-bottom: 20px;
  }
}
.pb-team-models-model-7__reach-links, .pb-team-models-model-7__network-links {
  display: flex;
  gap: 8px;
}
.pb-team-models-model-7__reach-links a {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 14px;
  transition: all 0.3s ease;
}
.pb-team-models-model-7__reach-links a:hover, .pb-team-models-model-7__reach-links a:focus {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .pb-team-models-model-7__reach-links a {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }
}
.pb-team-models-model-7__network-links a {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--heading-color), transparent 92%);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 14px;
  transition: all 0.3s ease;
}
.pb-team-models-model-7__network-links a:hover, .pb-team-models-model-7__network-links a:focus {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .pb-team-models-model-7__network-links a {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }
}

/*--------------------------------------------------------------
# Page Builder Team Models — Model 8
--------------------------------------------------------------*/
section.section.pb-team-models-model-8,
section.pb-team-models-model-8,
.section.pb-team-models-model-8,
.pb-team-models-model-8 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-team-models-model-8.pb-ready-model .pb-team-models-model-8__card-main h4, .pb-team-models-model-8.pb-ready-model .pb-team-models-model-8__qualifications, .pb-team-models-model-8.pb-ready-model .pb-team-models-model-8__bio, .pb-team-models-model-8.pb-ready-model .pb-team-models-model-8__role {
  white-space: normal;
}
.pb-team-models-model-8 a.pb-team-models-model-8__social-link,
.pb-team-models-model-8 a.pb-team-models-model-8__social-link:hover,
.pb-team-models-model-8 a.pb-team-models-model-8__social-link:focus {
  text-decoration: none;
}
.pb-team-models-model-8__team-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media (max-width: 992px) {
  .pb-team-models-model-8__team-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (max-width: 576px) {
  .pb-team-models-model-8__team-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.pb-team-models-model-8__team-card:hover .pb-team-models-model-8__avatar-wrap img {
  transform: scale(1.05);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-team-models-model-8__card-inner {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 32px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 94%), 0 2px 4px color-mix(in srgb, var(--heading-color), transparent 97%);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-team-models-model-8__card-inner:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--heading-color), transparent 90%), 0 6px 12px color-mix(in srgb, var(--heading-color), transparent 95%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 75%);
}
@media (max-width: 768px) {
  .pb-team-models-model-8__card-inner {
    padding: 24px;
  }
}
.pb-team-models-model-8__avatar-wrap {
  position: relative;
  width: 120px;
  height: 120px;
  margin-bottom: 24px;
}
.pb-team-models-model-8__avatar-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid var(--surface-color);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 80%);
  transition: all 0.3s ease;
  display: block;
}
@media (max-width: 768px) {
  .pb-team-models-model-8__avatar-wrap {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
  }
}
.pb-team-models-model-8__status-dot {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 25%));
  border-radius: 50%;
  border: 3px solid var(--surface-color);
}
.pb-team-models-model-8__card-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pb-team-models-model-8__card-main h4 {
  font-size: 20px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 8px;
  letter-spacing: -0.01em;
  font-family: var(--heading-font);
}
@media (max-width: 768px) {
  .pb-team-models-model-8__card-main h4 {
    font-size: 18px;
  }
}
.pb-team-models-model-8__role {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--contrast-color);
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 20%));
  padding: 6px 16px;
  border-radius: var(--button-border-radius);
  margin-bottom: 12px;
  font-family: var(--default-font);
}
@media (max-width: 768px) {
  .pb-team-models-model-8__role {
    font-size: 13px;
    padding: 5px 14px;
  }
}
.pb-team-models-model-8__qualifications {
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-bottom: 16px;
  font-family: var(--default-font);
}
.pb-team-models-model-8__bio {
  font-size: 14px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 0;
  flex: 1;
  font-family: var(--default-font);
}
@media (max-width: 768px) {
  .pb-team-models-model-8__bio {
    font-size: 13px;
  }
}
.pb-team-models-model-8__card-footer {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 768px) {
  .pb-team-models-model-8__card-footer {
    margin-top: 20px;
    padding-top: 20px;
  }
}
.pb-team-models-model-8__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
  transition: all 0.3s ease;
}
.pb-team-models-model-8__social-link i {
  font-size: 16px;
}
.pb-team-models-model-8__social-link:hover, .pb-team-models-model-8__social-link:focus {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 20%));
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--accent-color), transparent 65%);
}

/*--------------------------------------------------------------
# Page Builder Team Models — Model 9
--------------------------------------------------------------*/
section.section.pb-team-models-model-9,
section.pb-team-models-model-9,
.section.pb-team-models-model-9,
.pb-team-models-model-9 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-team-models-model-9.pb-ready-model .pb-team-models-model-9__member-meta h4, .pb-team-models-model-9.pb-ready-model .pb-team-models-model-9__member-meta p, .pb-team-models-model-9.pb-ready-model .pb-team-models-model-9__role-badge {
  white-space: normal;
}
.pb-team-models-model-9__social-icons a, .pb-team-models-model-9__social-icons a:hover, .pb-team-models-model-9__social-icons a:focus {
  text-decoration: none;
}
.pb-team-models-model-9__team-card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 90%);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  height: 100%;
  position: relative;
}
.pb-team-models-model-9__team-card:hover {
  transform: translateY(-8px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-team-models-model-9__team-card:hover .pb-team-models-model-9__profile-image img {
  transform: scale(1.05);
}
.pb-team-models-model-9__team-card:hover .pb-team-models-model-9__social-icons {
  opacity: 1;
  transform: translateY(0);
}
.pb-team-models-model-9__profile-image {
  position: relative;
  height: 320px;
  overflow: hidden;
}
.pb-team-models-model-9__profile-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
@media (max-width: 992px) {
  .pb-team-models-model-9__profile-image {
    height: 280px;
  }
}
@media (max-width: 768px) {
  .pb-team-models-model-9__profile-image {
    height: 250px;
  }
}
.pb-team-models-model-9__role-badge {
  position: absolute;
  top: 20px;
  right: 0;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 6px 15px;
  font-size: 14px;
  font-weight: 600;
  border-radius: var(--button-border-radius) 0 0 var(--button-border-radius);
  box-shadow: -2px 3px 8px color-mix(in srgb, var(--heading-color), transparent 90%);
  font-family: var(--default-font);
}
.pb-team-models-model-9__social-icons {
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.pb-team-models-model-9__social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: var(--contrast-color);
  color: var(--accent-color);
  border-radius: 50%;
  font-size: 16px;
  transition: 0.3s;
}
.pb-team-models-model-9__social-icons a:hover, .pb-team-models-model-9__social-icons a:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: scale(1.1);
}
.pb-team-models-model-9__member-meta {
  padding: 25px 20px;
}
.pb-team-models-model-9__member-meta h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--heading-color);
  transition: color 0.3s ease;
  font-family: var(--heading-font);
}
.pb-team-models-model-9__member-meta p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-family: var(--default-font);
}
@media (max-width: 768px) {
  .pb-team-models-model-9__member-meta {
    padding: 20px 15px;
  }
  .pb-team-models-model-9__member-meta h4 {
    font-size: 18px;
  }
  .pb-team-models-model-9__member-meta p {
    font-size: 14px;
  }
}

/*--------------------------------------------------------------
# Page Builder Team Models — Model 10
--------------------------------------------------------------*/
section.section.pb-team-models-model-10,
section.pb-team-models-model-10,
.section.pb-team-models-model-10,
.pb-team-models-model-10 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-team-models-model-10.pb-ready-model .pb-team-models-model-10__member-meta h4, .pb-team-models-model-10.pb-ready-model .pb-team-models-model-10__member-meta span, .pb-team-models-model-10.pb-ready-model .pb-team-models-model-10__member-meta p {
  white-space: normal;
}
.pb-team-models-model-10__social a, .pb-team-models-model-10__social a:hover, .pb-team-models-model-10__social a:focus {
  text-decoration: none;
}
.pb-team-models-model-10__team-member {
  background-color: var(--surface-color);
  box-shadow: 0 0 30px color-mix(in srgb, var(--heading-color), transparent 90%);
  overflow: hidden;
  text-align: center;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: 0.3s;
  width: 100%;
}
.pb-team-models-model-10__team-member:hover {
  transform: scale(1.08);
  box-shadow: 0 0 30px color-mix(in srgb, var(--heading-color), transparent 90%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-team-models-model-10__team-member:hover .pb-team-models-model-10__social {
  right: 8px;
  opacity: 1;
}
.pb-team-models-model-10__member-img {
  position: relative;
  overflow: hidden;
}
.pb-team-models-model-10__member-img img {
  width: 100%;
  display: block;
}
.pb-team-models-model-10__member-img::after {
  position: absolute;
  content: "";
  left: -1px;
  right: -1px;
  bottom: -1px;
  height: 100%;
  background-color: var(--surface-color);
  -webkit-mask: url("../img/svg/wave.svg") no-repeat center bottom;
  mask: url("../img/svg/wave.svg") no-repeat center bottom;
  -webkit-mask-size: contain;
  mask-size: contain;
  z-index: 1;
  pointer-events: none;
}
.pb-team-models-model-10__social {
  position: absolute;
  right: -100%;
  top: 30px;
  opacity: 0;
  border-radius: var(--button-border-radius);
  transition: 0.5s;
  background: color-mix(in srgb, var(--background-color), transparent 60%);
  z-index: 2;
}
.pb-team-models-model-10__social a {
  transition: color 0.3s;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin: 15px 12px;
  display: block;
  line-height: 0;
  text-align: center;
}
.pb-team-models-model-10__social a:hover, .pb-team-models-model-10__social a:focus {
  color: var(--default-color);
}
.pb-team-models-model-10__social a i {
  font-size: 18px;
}
.pb-team-models-model-10__member-meta {
  padding: 10px 15px 20px 15px;
}
.pb-team-models-model-10__member-meta h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-team-models-model-10__member-meta span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-family: var(--default-font);
}
.pb-team-models-model-10__member-meta p {
  font-style: italic;
  font-size: 14px;
  padding-top: 15px;
  line-height: 26px;
  margin-bottom: 0;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-family: var(--default-font);
}

/*--------------------------------------------------------------
# Page Builder Team Models — Model 11
--------------------------------------------------------------*/
section.section.pb-team-models-model-11,
section.pb-team-models-model-11,
.section.pb-team-models-model-11,
.pb-team-models-model-11 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-team-models-model-11.pb-ready-model .pb-team-models-model-11__member-meta h4, .pb-team-models-model-11.pb-ready-model .pb-team-models-model-11__role, .pb-team-models-model-11.pb-ready-model .pb-team-models-model-11__cert-badge {
  white-space: normal;
}
.pb-team-models-model-11__social a, .pb-team-models-model-11__social a:hover, .pb-team-models-model-11__social a:focus {
  text-decoration: none;
}
.pb-team-models-model-11__team-member {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 20px color-mix(in srgb, var(--default-color), transparent 90%);
  transition: all 0.3s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-team-models-model-11__team-member:hover {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 80%);
}
.pb-team-models-model-11__member-img {
  position: relative;
  overflow: hidden;
}
.pb-team-models-model-11__member-img img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
  transition: all 0.3s ease-in-out;
}
.pb-team-models-model-11__member-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: 1;
  pointer-events: none;
}
.pb-team-models-model-11__member-img:hover::before {
  opacity: 1;
}
.pb-team-models-model-11__member-img:hover .pb-team-models-model-11__social {
  opacity: 1;
}
.pb-team-models-model-11__member-img:hover img {
  transform: scale(1.1);
}
.pb-team-models-model-11__social {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
  display: flex;
  gap: 10px;
  z-index: 2;
}
.pb-team-models-model-11__social a {
  background: var(--accent-color);
  color: var(--contrast-color);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}
.pb-team-models-model-11__social a:hover, .pb-team-models-model-11__social a:focus {
  background: color-mix(in srgb, var(--accent-color), black 20%);
  color: var(--contrast-color);
  transform: scale(1.1);
}
.pb-team-models-model-11__member-meta {
  padding: 25px 20px;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pb-team-models-model-11__member-meta h4 {
  color: var(--heading-color);
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 8px 0;
  line-height: 1.2;
  font-family: var(--heading-font);
}
.pb-team-models-model-11__role {
  color: var(--accent-color);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--default-font);
}
.pb-team-models-model-11__cert-list {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.pb-team-models-model-11__cert-badge {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  font-size: 11px;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: var(--button-border-radius);
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s ease-in-out;
  font-family: var(--default-font);
}
.pb-team-models-model-11__cert-badge:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
@media (max-width: 768px) {
  .pb-team-models-model-11 .pb-team-models-model-11__member-img img {
    height: 250px;
  }
  .pb-team-models-model-11 .pb-team-models-model-11__member-meta {
    padding: 20px 15px;
  }
  .pb-team-models-model-11 .pb-team-models-model-11__member-meta h4 {
    font-size: 18px;
  }
  .pb-team-models-model-11 .pb-team-models-model-11__cert-badge {
    font-size: 10px;
    padding: 3px 6px;
  }
}
@media (max-width: 576px) {
  .pb-team-models-model-11 .pb-team-models-model-11__social {
    gap: 8px;
  }
  .pb-team-models-model-11 .pb-team-models-model-11__social a {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }
}

/*--------------------------------------------------------------
# Page Builder Step Models — Model 1
--------------------------------------------------------------*/
section.section.pb-step-models-model-1,
section.pb-step-models-model-1,
.section.pb-step-models-model-1,
.pb-step-models-model-1 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-step-models-model-1.pb-ready-model .pb-step-models-model-1__step h3, .pb-step-models-model-1.pb-ready-model .pb-step-models-model-1__step p, .pb-step-models-model-1.pb-ready-model .pb-step-models-model-1__num {
  white-space: normal;
}
.pb-step-models-model-1__steps {
  position: relative;
}
.pb-step-models-model-1__step {
  position: relative;
  height: 100%;
  padding: 36px 28px;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 95%);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-step-models-model-1__step i {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--button-border-radius);
  margin-bottom: 20px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 26px;
  transition: all 0.3s ease;
}
.pb-step-models-model-1__step h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-step-models-model-1__step p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  color: var(--default-color);
  font-family: var(--default-font);
}
.pb-step-models-model-1__step:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px color-mix(in srgb, var(--heading-color), transparent 90%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-step-models-model-1__step:hover i {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), white 30%));
  color: var(--contrast-color);
}
.pb-step-models-model-1__step:hover .pb-step-models-model-1__num {
  color: color-mix(in srgb, var(--accent-color), transparent 78%);
}
.pb-step-models-model-1__num {
  position: absolute;
  top: 20px;
  right: 24px;
  font-size: 38px;
  font-weight: 700;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--accent-color), transparent 88%);
  line-height: 1;
}

/*--------------------------------------------------------------
# Page Builder Step Models — Model 2
--------------------------------------------------------------*/
section.section.pb-step-models-model-2,
section.pb-step-models-model-2,
.section.pb-step-models-model-2,
.pb-step-models-model-2 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-step-models-model-2.pb-ready-model .pb-step-models-model-2__intro h2, .pb-step-models-model-2.pb-ready-model .pb-step-models-model-2__intro p, .pb-step-models-model-2.pb-ready-model .pb-step-models-model-2__process-card h3, .pb-step-models-model-2.pb-ready-model .pb-step-models-model-2__process-card p, .pb-step-models-model-2.pb-ready-model .pb-step-models-model-2__card-number {
  white-space: normal;
}
.pb-step-models-model-2__btn-primary, .pb-step-models-model-2__btn-primary:hover, .pb-step-models-model-2__btn-primary:focus, .pb-step-models-model-2__btn-outline, .pb-step-models-model-2__btn-outline:hover, .pb-step-models-model-2__btn-outline:focus {
  text-decoration: none;
}
.pb-step-models-model-2__intro h2 {
  font-size: 2.8rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: var(--heading-color);
  margin-bottom: 1.25rem;
  font-family: var(--heading-font);
}
@media (max-width: 768px) {
  .pb-step-models-model-2__intro h2 {
    font-size: 2rem;
  }
}
.pb-step-models-model-2__intro p {
  font-size: 1.1rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  max-width: 560px;
  margin-bottom: 0;
  font-family: var(--default-font);
}
.pb-step-models-model-2__actions {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .pb-step-models-model-2__actions {
    justify-content: flex-start;
    margin-top: 24px;
  }
}
.pb-step-models-model-2__btn-primary {
  display: inline-block;
  padding: 16px 40px;
  font-weight: 700;
  font-size: 1rem;
  border-radius: var(--button-border-radius);
  color: var(--contrast-color);
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 25%));
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color), transparent 65%);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--default-font);
}
.pb-step-models-model-2__btn-primary:hover, .pb-step-models-model-2__btn-primary:focus {
  color: var(--contrast-color);
  transform: translateY(-4px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 55%);
}
.pb-step-models-model-2__btn-outline {
  display: inline-block;
  padding: 16px 40px;
  font-weight: 700;
  font-size: 1rem;
  border-radius: var(--button-border-radius);
  color: var(--accent-color);
  border: 2px solid var(--accent-color);
  background: transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--default-font);
}
.pb-step-models-model-2__btn-outline:hover, .pb-step-models-model-2__btn-outline:focus {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-4px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 65%);
}
.pb-step-models-model-2__process-card {
  position: relative;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 40px 28px 36px;
  text-align: center;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 8px 28px color-mix(in srgb, var(--heading-color), transparent 92%);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  height: 100%;
  overflow: hidden;
}
.pb-step-models-model-2__process-card:hover {
  transform: translateY(-10px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 18px 48px color-mix(in srgb, var(--heading-color), transparent 86%);
}
.pb-step-models-model-2__process-card:hover .pb-step-models-model-2__card-accent-bar {
  height: 6px;
}
.pb-step-models-model-2__process-card:hover .pb-step-models-model-2__card-icon {
  transform: scale(1.1);
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 25%));
  color: var(--contrast-color);
}
.pb-step-models-model-2__process-card:hover .pb-step-models-model-2__card-number {
  opacity: 0.12;
}
.pb-step-models-model-2__process-card h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 12px;
  letter-spacing: -0.01em;
  font-family: var(--heading-font);
}
.pb-step-models-model-2__process-card p {
  font-size: 0.9rem;
  line-height: 1.65;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 0;
  font-family: var(--default-font);
}
.pb-step-models-model-2__card-accent-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 30%));
  transition: height 0.3s ease;
}
.pb-step-models-model-2__card-number {
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 3.5rem;
  font-weight: 800;
  color: var(--accent-color);
  opacity: 0.08;
  line-height: 1;
  transition: opacity 0.3s ease;
  pointer-events: none;
  font-family: var(--heading-font);
}
.pb-step-models-model-2__card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), var(--surface-color) 88%);
  color: var(--accent-color);
  font-size: 28px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}
.pb-step-models-model-2__connector-line {
  position: relative;
  margin-top: 32px;
  height: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 60px;
}
.pb-step-models-model-2__line-track {
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent-color), transparent 85%), var(--accent-color), color-mix(in srgb, var(--accent-color), transparent 85%));
}

/*--------------------------------------------------------------
# Page Builder Step Models — Model 3
--------------------------------------------------------------*/
section.section.pb-step-models-model-3,
section.pb-step-models-model-3,
.section.pb-step-models-model-3,
.pb-step-models-model-3 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-step-models-model-3.pb-ready-model .pb-step-models-model-3__process-body h3, .pb-step-models-model-3.pb-ready-model .pb-step-models-model-3__process-body p, .pb-step-models-model-3.pb-ready-model .pb-step-models-model-3__step-num {
  white-space: normal;
}
.pb-step-models-model-3__process-card {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding: 48px 40px;
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: border-color 0.3s ease;
}
.pb-step-models-model-3__process-card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-step-models-model-3__process-card:hover .pb-step-models-model-3__step-num {
  color: var(--accent-color);
}
.pb-step-models-model-3__step-num {
  font-family: var(--heading-font);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  color: color-mix(in srgb, var(--default-color), transparent 82%);
  flex-shrink: 0;
  transition: color 0.3s ease;
}
.pb-step-models-model-3__process-body {
  padding-top: 6px;
}
.pb-step-models-model-3__process-body h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 12px;
  letter-spacing: -0.01em;
  font-family: var(--heading-font);
}
.pb-step-models-model-3__process-body p {
  font-size: 0.95rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
  max-width: 380px;
  font-family: var(--default-font);
}
@media (max-width: 992px) {
  .pb-step-models-model-3 .pb-step-models-model-3__process-card {
    padding: 40px 32px;
  }
  .pb-step-models-model-3 .pb-step-models-model-3__step-num {
    font-size: 2.5rem;
  }
}
@media (max-width: 576px) {
  .pb-step-models-model-3 .pb-step-models-model-3__process-card {
    padding: 32px 16px;
    gap: 20px;
  }
  .pb-step-models-model-3 .pb-step-models-model-3__step-num {
    font-size: 2rem;
  }
  .pb-step-models-model-3 .pb-step-models-model-3__process-body h3 {
    font-size: 1.1rem;
  }
  .pb-step-models-model-3 .pb-step-models-model-3__process-body p {
    font-size: 0.9rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Step Models — Model 4
--------------------------------------------------------------*/
section.section.pb-step-models-model-4,
section.pb-step-models-model-4,
.section.pb-step-models-model-4,
.pb-step-models-model-4 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-step-models-model-4.pb-ready-model .pb-step-models-model-4__process-step h3, .pb-step-models-model-4.pb-ready-model .pb-step-models-model-4__process-step p, .pb-step-models-model-4.pb-ready-model .pb-step-models-model-4__step-number {
  white-space: normal;
}
.pb-step-models-model-4__process-step {
  text-align: center;
  padding: 32px 24px;
  position: relative;
}
.pb-step-models-model-4__process-step h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-step-models-model-4__process-step p {
  font-size: 16px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin: 0;
  font-family: var(--default-font);
}
.pb-step-models-model-4__step-number {
  font-size: 56px;
  font-weight: 800;
  color: color-mix(in srgb, var(--accent-color), transparent 85%);
  line-height: 1;
  margin-bottom: 16px;
  font-family: var(--heading-font);
}
.pb-step-models-model-4__step-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  position: relative;
}
.pb-step-models-model-4__step-icon i {
  font-size: 32px;
  color: var(--contrast-color);
}
@media (min-width: 992px) {
  .pb-step-models-model-4 .col-lg-3 .pb-step-models-model-4__process-step::after {
    content: "";
    position: absolute;
    top: 110px;
    right: -16px;
    width: 32px;
    height: 2px;
    background: color-mix(in srgb, var(--accent-color), transparent 60%);
  }
  .pb-step-models-model-4 .col-lg-3:last-child .pb-step-models-model-4__process-step::after {
    display: none;
  }
}
@media (max-width: 575px) {
  .pb-step-models-model-4 .pb-step-models-model-4__process-step {
    padding: 24px 16px;
  }
  .pb-step-models-model-4 .pb-step-models-model-4__process-step h3 {
    font-size: 20px;
  }
  .pb-step-models-model-4 .pb-step-models-model-4__step-number {
    font-size: 44px;
  }
  .pb-step-models-model-4 .pb-step-models-model-4__step-icon {
    width: 64px;
    height: 64px;
  }
  .pb-step-models-model-4 .pb-step-models-model-4__step-icon i {
    font-size: 24px;
  }
}

/*--------------------------------------------------------------
# Page Builder Step Models — Model 5
--------------------------------------------------------------*/
section.section.pb-step-models-model-5,
section.pb-step-models-model-5,
.section.pb-step-models-model-5,
.pb-step-models-model-5 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-step-models-model-5.pb-ready-model .pb-step-models-model-5__process-body h3, .pb-step-models-model-5.pb-ready-model .pb-step-models-model-5__process-body p, .pb-step-models-model-5.pb-ready-model .pb-step-models-model-5__step-badge, .pb-step-models-model-5.pb-ready-model .pb-step-models-model-5__trust-item span {
  white-space: normal;
}
.pb-step-models-model-5__process-track {
  position: relative;
  padding: 20px 0 40px;
}
.pb-step-models-model-5__process-card {
  text-align: center;
  padding: 0 20px;
  position: relative;
  height: 100%;
}
.pb-step-models-model-5__process-card:hover .pb-step-models-model-5__process-icon {
  background: var(--accent-color);
  transform: scale(1.1);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 55%);
}
.pb-step-models-model-5__process-card:hover .pb-step-models-model-5__process-icon i {
  color: var(--contrast-color);
}
.pb-step-models-model-5__icon-wrap {
  position: relative;
  display: inline-flex;
  margin-bottom: 28px;
}
.pb-step-models-model-5__process-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.pb-step-models-model-5__process-icon i {
  font-size: 32px;
  color: var(--accent-color);
  transition: all 0.3s ease;
}
.pb-step-models-model-5__step-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  font-family: var(--heading-font);
  letter-spacing: -0.01em;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-step-models-model-5__connector {
  display: none;
}
.pb-step-models-model-5__process-body h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  letter-spacing: -0.01em;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-step-models-model-5__process-body p {
  font-size: 14px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
  font-family: var(--default-font);
}
@media (min-width: 992px) {
  .pb-step-models-model-5 .pb-step-models-model-5__connector {
    display: block;
    position: absolute;
    top: 40px;
    right: -10px;
    width: calc(100% - 80px);
    height: 2px;
    z-index: 1;
    transform: translateX(50%);
  }
  .pb-step-models-model-5 .pb-step-models-model-5__connector span {
    display: block;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(to right, color-mix(in srgb, var(--accent-color), transparent 60%), color-mix(in srgb, var(--accent-color), transparent 60%) 6px, transparent 6px, transparent 12px);
  }
}
.pb-step-models-model-5__trust-strip {
  margin-top: 60px;
  padding: 24px 32px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-step-models-model-5__trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.pb-step-models-model-5__trust-item i {
  font-size: 22px;
  color: var(--accent-color);
}
.pb-step-models-model-5__trust-item span {
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  letter-spacing: -0.01em;
  font-family: var(--default-font);
}
@media (max-width: 991px) {
  .pb-step-models-model-5 .pb-step-models-model-5__process-card {
    padding: 0 15px;
    margin-bottom: 36px;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__process-icon {
    width: 70px;
    height: 70px;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__process-icon i {
    font-size: 28px;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__step-badge {
    width: 26px;
    height: 26px;
    font-size: 10px;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__process-body h3 {
    font-size: 18px;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__process-body p {
    font-size: 13px;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__trust-strip {
    margin-top: 20px;
    padding: 20px 24px;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__trust-item {
    justify-content: center;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__trust-item i {
    font-size: 20px;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__trust-item span {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .pb-step-models-model-5 .pb-step-models-model-5__process-card {
    padding: 0 10px;
    margin-bottom: 32px;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__icon-wrap {
    margin-bottom: 20px;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__process-icon {
    width: 64px;
    height: 64px;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__process-icon i {
    font-size: 24px;
  }
  .pb-step-models-model-5 .pb-step-models-model-5__trust-strip {
    padding: 16px 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Step Models — Model 6
--------------------------------------------------------------*/
section.section.pb-step-models-model-6,
section.pb-step-models-model-6,
.section.pb-step-models-model-6,
.pb-step-models-model-6 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-step-models-model-6.pb-ready-model .pb-step-models-model-6__step-main h3, .pb-step-models-model-6.pb-ready-model .pb-step-models-model-6__step-main p, .pb-step-models-model-6.pb-ready-model .pb-step-models-model-6__step-number, .pb-step-models-model-6.pb-ready-model .pb-step-models-model-6__step-tag {
  white-space: normal;
}
.pb-step-models-model-6__steps-grid {
  padding: 16px 0;
}
.pb-step-models-model-6__step-panel {
  height: 100%;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 24px;
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease;
}
.pb-step-models-model-6__step-panel:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 92%);
}
.pb-step-models-model-6__step-panel:hover .pb-step-models-model-6__step-icon i {
  color: var(--accent-color);
}
.pb-step-models-model-6__step-panel.is-active {
  border-color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), var(--surface-color) 97%);
}
.pb-step-models-model-6__step-panel.is-active .pb-step-models-model-6__step-number {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-step-models-model-6__step-panel.is-active .pb-step-models-model-6__step-icon i {
  color: var(--accent-color);
}
.pb-step-models-model-6__step-panel.is-active .pb-step-models-model-6__step-tag {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-step-models-model-6__step-panel.is-active:hover {
  border-color: var(--accent-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color), transparent 88%);
}
.pb-step-models-model-6__step-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.pb-step-models-model-6__step-number {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--button-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  background: var(--surface-color);
  font-family: var(--heading-font);
  letter-spacing: -0.01em;
  transition: all 0.2s ease;
}
.pb-step-models-model-6__step-line {
  flex: 1;
  height: 1px;
  background: color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-step-models-model-6__step-main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pb-step-models-model-6__step-main h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--heading-color);
  letter-spacing: -0.01em;
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-step-models-model-6__step-main p {
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
  font-family: var(--default-font);
}
.pb-step-models-model-6__step-icon {
  margin-bottom: 16px;
}
.pb-step-models-model-6__step-icon i {
  font-size: 24px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  transition: color 0.2s ease;
}
.pb-step-models-model-6__step-footer {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-step-models-model-6__step-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--heading-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  letter-spacing: 0.02em;
  transition: all 0.2s ease;
  font-family: var(--default-font);
}
@media (max-width: 768px) {
  .pb-step-models-model-6 .pb-step-models-model-6__step-panel {
    padding: 20px;
  }
  .pb-step-models-model-6 .pb-step-models-model-6__step-main h3 {
    font-size: 16px;
  }
  .pb-step-models-model-6 .pb-step-models-model-6__step-main p {
    font-size: 13px;
  }
  .pb-step-models-model-6 .pb-step-models-model-6__step-header {
    margin-bottom: 20px;
  }
  .pb-step-models-model-6 .pb-step-models-model-6__step-footer {
    margin-top: 20px;
    padding-top: 12px;
  }
}

/*--------------------------------------------------------------
# Page Builder Step Models — Model 7
--------------------------------------------------------------*/
section.section.pb-step-models-model-7,
section.pb-step-models-model-7,
.section.pb-step-models-model-7,
.pb-step-models-model-7 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-step-models-model-7.pb-ready-model .pb-step-models-model-7__copy h3, .pb-step-models-model-7.pb-ready-model .pb-step-models-model-7__copy p, .pb-step-models-model-7.pb-ready-model .pb-step-models-model-7__step-badge {
  white-space: normal;
}
.pb-step-models-model-7__process-timeline {
  position: relative;
  padding: 32px 0;
}
.pb-step-models-model-7__process-card {
  height: 100%;
}
.pb-step-models-model-7__process-card:hover .pb-step-models-model-7__card-inner {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--heading-color), transparent 88%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-step-models-model-7__process-card:hover .pb-step-models-model-7__card-inner::before {
  transform: scaleX(1);
}
.pb-step-models-model-7__process-card:hover .pb-step-models-model-7__icon-wrap {
  background: var(--accent-color);
  transform: scale(1.1);
}
.pb-step-models-model-7__process-card:hover .pb-step-models-model-7__icon-wrap i {
  color: var(--contrast-color);
}
.pb-step-models-model-7__process-card:hover .pb-step-models-model-7__card-arrow {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: translateX(4px);
}
.pb-step-models-model-7__process-card.is-featured .pb-step-models-model-7__card-inner {
  background: var(--accent-color);
  border-color: var(--accent-color);
}
.pb-step-models-model-7__process-card.is-featured .pb-step-models-model-7__card-inner::before {
  background: var(--contrast-color);
}
.pb-step-models-model-7__process-card.is-featured .pb-step-models-model-7__step-badge {
  background: color-mix(in srgb, var(--contrast-color), transparent 80%);
  color: var(--contrast-color);
}
.pb-step-models-model-7__process-card.is-featured .pb-step-models-model-7__icon-wrap {
  background: color-mix(in srgb, var(--contrast-color), transparent 80%);
}
.pb-step-models-model-7__process-card.is-featured .pb-step-models-model-7__icon-wrap i {
  color: var(--contrast-color);
}
.pb-step-models-model-7__process-card.is-featured .pb-step-models-model-7__copy h3 {
  color: var(--contrast-color);
}
.pb-step-models-model-7__process-card.is-featured .pb-step-models-model-7__copy p {
  color: color-mix(in srgb, var(--contrast-color), transparent 15%);
}
.pb-step-models-model-7__process-card.is-featured .pb-step-models-model-7__card-arrow {
  background: color-mix(in srgb, var(--contrast-color), transparent 80%);
  color: var(--contrast-color);
}
.pb-step-models-model-7__process-card.is-featured:hover .pb-step-models-model-7__card-inner {
  border-color: var(--accent-color);
}
.pb-step-models-model-7__process-card.is-featured:hover .pb-step-models-model-7__icon-wrap {
  background: var(--contrast-color);
}
.pb-step-models-model-7__process-card.is-featured:hover .pb-step-models-model-7__icon-wrap i {
  color: var(--accent-color);
}
.pb-step-models-model-7__process-card.is-featured:hover .pb-step-models-model-7__card-arrow {
  background: var(--contrast-color);
  color: var(--accent-color);
}
.pb-step-models-model-7__card-inner {
  position: relative;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 32px;
  padding-bottom: 80px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 10px 40px color-mix(in srgb, var(--heading-color), transparent 92%);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-step-models-model-7__card-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--accent-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}
.pb-step-models-model-7__step-badge {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: var(--button-border-radius);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  margin-bottom: 24px;
  width: fit-content;
  font-family: var(--default-font);
}
.pb-step-models-model-7__card-main {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  flex: 1;
}
.pb-step-models-model-7__icon-wrap {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-step-models-model-7__icon-wrap i {
  font-size: 24px;
  color: var(--accent-color);
  transition: color 0.3s ease;
}
.pb-step-models-model-7__copy {
  flex: 1;
}
.pb-step-models-model-7__copy h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--heading-color);
  letter-spacing: -0.5px;
  font-family: var(--heading-font);
}
.pb-step-models-model-7__copy p {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 0;
  font-family: var(--default-font);
}
.pb-step-models-model-7__card-arrow {
  position: absolute;
  bottom: 24px;
  right: 24px;
  width: 40px;
  height: 40px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-color);
  font-size: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (max-width: 991px) {
  .pb-step-models-model-7 .pb-step-models-model-7__card-inner {
    padding: 24px;
    padding-bottom: 72px;
  }
  .pb-step-models-model-7 .pb-step-models-model-7__icon-wrap {
    width: 48px;
    height: 48px;
  }
  .pb-step-models-model-7 .pb-step-models-model-7__icon-wrap i {
    font-size: 20px;
  }
  .pb-step-models-model-7 .pb-step-models-model-7__copy h3 {
    font-size: 18px;
  }
  .pb-step-models-model-7 .pb-step-models-model-7__copy p {
    font-size: 14px;
  }
  .pb-step-models-model-7 .pb-step-models-model-7__card-arrow {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .pb-step-models-model-7 .pb-step-models-model-7__card-main {
    flex-direction: column;
    gap: 16px;
  }
  .pb-step-models-model-7 .pb-step-models-model-7__step-badge {
    font-size: 12px;
    padding: 6px 12px;
    margin-bottom: 16px;
  }
  .pb-step-models-model-7 .pb-step-models-model-7__card-inner {
    padding: 24px;
    padding-bottom: 80px;
  }
}

/*--------------------------------------------------------------
# Page Builder Step Models — Model 8
--------------------------------------------------------------*/
section.section.pb-step-models-model-8,
section.pb-step-models-model-8,
.section.pb-step-models-model-8,
.pb-step-models-model-8 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-step-models-model-8.pb-ready-model .pb-step-models-model-8__process-item h3, .pb-step-models-model-8.pb-ready-model .pb-step-models-model-8__process-item p, .pb-step-models-model-8.pb-ready-model .pb-step-models-model-8__number-badge {
  white-space: normal;
}
.pb-step-models-model-8__track {
  position: relative;
}
.pb-step-models-model-8__track::before {
  content: "";
  position: absolute;
  top: 80px;
  left: 12.5%;
  right: 12.5%;
  height: 2px;
  background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-color) 25%, var(--accent-color) 50%, var(--accent-color) 75%, var(--accent-color) 100%);
  z-index: 0;
}
@media (max-width: 991px) {
  .pb-step-models-model-8__track::before {
    display: none;
  }
}
.pb-step-models-model-8__process-item {
  background: var(--surface-color);
  padding: 2rem 1.5rem;
  border-radius: var(--card-border-radius);
  text-align: center;
  position: relative;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--heading-color), transparent 94%);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.pb-step-models-model-8__process-item:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-color), transparent 85%);
  transform: translateY(-5px);
}
.pb-step-models-model-8__process-item:hover .pb-step-models-model-8__icon-wrap {
  transform: scale(1.05);
  background: var(--accent-color);
}
.pb-step-models-model-8__process-item:hover .pb-step-models-model-8__icon-wrap i {
  color: var(--contrast-color);
}
.pb-step-models-model-8__process-item:hover .pb-step-models-model-8__number-badge {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-step-models-model-8__process-item h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
@media (max-width: 576px) {
  .pb-step-models-model-8__process-item h3 {
    font-size: 1.1rem;
  }
}
.pb-step-models-model-8__process-item p {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.7;
  margin-bottom: 0;
  flex-grow: 1;
  font-family: var(--default-font);
}
.pb-step-models-model-8__number-badge {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 45px;
  height: 45px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 700;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color), transparent 80%);
  transition: all 0.3s ease;
  z-index: 2;
  font-family: var(--heading-font);
}
.pb-step-models-model-8__icon-wrap {
  width: 90px;
  height: 90px;
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem auto 1.5rem;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}
.pb-step-models-model-8__icon-wrap i {
  font-size: 2.5rem;
  color: var(--accent-color);
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .pb-step-models-model-8 .pb-step-models-model-8__icon-wrap {
    width: 80px;
    height: 80px;
  }
  .pb-step-models-model-8 .pb-step-models-model-8__icon-wrap i {
    font-size: 2.2rem;
  }
}
@media (max-width: 767px) {
  .pb-step-models-model-8 .pb-step-models-model-8__process-item {
    padding: 1.75rem 1.25rem;
  }
  .pb-step-models-model-8 .pb-step-models-model-8__process-item h3 {
    font-size: 1.05rem;
  }
  .pb-step-models-model-8 .pb-step-models-model-8__process-item p {
    font-size: 0.85rem;
  }
  .pb-step-models-model-8 .pb-step-models-model-8__number-badge {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
  .pb-step-models-model-8 .pb-step-models-model-8__icon-wrap {
    width: 70px;
    height: 70px;
    margin: 1.5rem auto 1.25rem;
  }
  .pb-step-models-model-8 .pb-step-models-model-8__icon-wrap i {
    font-size: 2rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Step Models — Model 9
--------------------------------------------------------------*/
section.section.pb-step-models-model-9,
section.pb-step-models-model-9,
.section.pb-step-models-model-9,
.pb-step-models-model-9 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-step-models-model-9.pb-ready-model .pb-step-models-model-9__intro h2, .pb-step-models-model-9.pb-ready-model .pb-step-models-model-9__intro p, .pb-step-models-model-9.pb-ready-model .pb-step-models-model-9__spotlight, .pb-step-models-model-9.pb-ready-model .pb-step-models-model-9__step-main h3, .pb-step-models-model-9.pb-ready-model .pb-step-models-model-9__step-main p, .pb-step-models-model-9.pb-ready-model .pb-step-models-model-9__step-number {
  white-space: normal;
}
.pb-step-models-model-9__btn-primary, .pb-step-models-model-9__btn-primary:hover, .pb-step-models-model-9__btn-primary:focus, .pb-step-models-model-9__btn-outline, .pb-step-models-model-9__btn-outline:hover, .pb-step-models-model-9__btn-outline:focus {
  text-decoration: none;
}
.pb-step-models-model-9__intro {
  padding-right: 30px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .pb-step-models-model-9__intro {
    padding-right: 0;
  }
}
.pb-step-models-model-9__intro h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
@media (max-width: 768px) {
  .pb-step-models-model-9__intro h2 {
    font-size: 2rem;
  }
}
.pb-step-models-model-9__intro > p:not(.pb-step-models-model-9__spotlight) {
  margin-bottom: 2rem;
  color: var(--default-color);
  font-family: var(--default-font);
}
.pb-step-models-model-9__spotlight {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  color: var(--default-color);
  font-family: var(--default-font);
}
.pb-step-models-model-9__cta {
  display: flex;
  gap: 15px;
}
@media (max-width: 576px) {
  .pb-step-models-model-9__cta {
    flex-direction: column;
  }
}
.pb-step-models-model-9__btn-primary, .pb-step-models-model-9__btn-outline {
  display: inline-block;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease;
  font-family: var(--default-font);
  text-align: center;
}
.pb-step-models-model-9__btn-primary {
  background-color: var(--accent-color);
  border: 2px solid var(--accent-color);
  color: var(--contrast-color);
}
.pb-step-models-model-9__btn-primary:hover, .pb-step-models-model-9__btn-primary:focus {
  background-color: color-mix(in srgb, var(--accent-color), black 10%);
  border-color: color-mix(in srgb, var(--accent-color), black 10%);
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 5px 15px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-step-models-model-9__btn-outline {
  background-color: transparent;
  border: 2px solid var(--accent-color);
  color: var(--accent-color);
}
.pb-step-models-model-9__btn-outline:hover, .pb-step-models-model-9__btn-outline:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 5px 15px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-step-models-model-9__steps-list {
  position: relative;
}
.pb-step-models-model-9__steps-list::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
  width: 2px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
@media (max-width: 576px) {
  .pb-step-models-model-9__steps-list::before {
    left: 20px;
  }
}
.pb-step-models-model-9__step-item {
  display: flex;
  margin-bottom: 30px;
  position: relative;
}
.pb-step-models-model-9__step-item:last-child {
  margin-bottom: 0;
}
.pb-step-models-model-9__step-item:hover .pb-step-models-model-9__step-number {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: scale(1.1);
}
.pb-step-models-model-9__step-number {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--accent-color) 10%, white 90%);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  margin-right: 20px;
  z-index: 1;
  transition: all 0.3s ease;
  font-family: var(--heading-font);
}
@media (max-width: 576px) {
  .pb-step-models-model-9__step-number {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
}
.pb-step-models-model-9__step-main {
  padding-top: 5px;
}
.pb-step-models-model-9__step-main h3 {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
@media (max-width: 576px) {
  .pb-step-models-model-9__step-main h3 {
    font-size: 1.1rem;
  }
}
.pb-step-models-model-9__step-main p {
  font-size: 0.95rem;
  color: var(--default-color);
  margin-bottom: 0;
  font-family: var(--default-font);
}

/*--------------------------------------------------------------
# Page Builder Step Models — Model 10
--------------------------------------------------------------*/
section.section.pb-step-models-model-10,
section.pb-step-models-model-10,
.section.pb-step-models-model-10,
.pb-step-models-model-10 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-step-models-model-10.pb-ready-model .pb-step-models-model-10__steps-header h2, .pb-step-models-model-10.pb-ready-model .pb-step-models-model-10__spotlight, .pb-step-models-model-10.pb-ready-model .pb-step-models-model-10__step-card h3, .pb-step-models-model-10.pb-ready-model .pb-step-models-model-10__step-card p, .pb-step-models-model-10.pb-ready-model .pb-step-models-model-10__step-number, .pb-step-models-model-10.pb-ready-model .pb-step-models-model-10__cta-message {
  white-space: normal;
}
.pb-step-models-model-10__btn-primary, .pb-step-models-model-10__btn-primary:hover, .pb-step-models-model-10__btn-primary:focus, .pb-step-models-model-10__btn-outline, .pb-step-models-model-10__btn-outline:hover, .pb-step-models-model-10__btn-outline:focus {
  text-decoration: none;
}
.pb-step-models-model-10__steps-header {
  margin-bottom: 4rem;
}
.pb-step-models-model-10__steps-header h2 {
  font-size: 2.8rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
@media (max-width: 768px) {
  .pb-step-models-model-10__steps-header h2 {
    font-size: 2.2rem;
  }
}
.pb-step-models-model-10__spotlight {
  font-size: 1.1rem;
  font-weight: 400;
  color: var(--default-color);
  line-height: 1.6;
  margin-bottom: 0;
  font-family: var(--default-font);
}
.pb-step-models-model-10__steps-container {
  margin-bottom: 4rem;
}
.pb-step-models-model-10__steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  position: relative;
}
@media (min-width: 992px) {
  .pb-step-models-model-10__steps-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 768px) {
  .pb-step-models-model-10__steps-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.pb-step-models-model-10__step-card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 2.5rem 2rem;
  text-align: center;
  position: relative;
  transition: all 0.4s ease;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--heading-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-step-models-model-10__step-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px color-mix(in srgb, var(--accent-color), transparent 80%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-step-models-model-10__step-card:hover .pb-step-models-model-10__step-icon {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: scale(1.1) rotate(5deg);
}
.pb-step-models-model-10__step-card:hover .pb-step-models-model-10__step-arrow {
  opacity: 1;
  transform: translateX(10px) translateY(-50%);
}
.pb-step-models-model-10__step-card h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
@media (max-width: 768px) {
  .pb-step-models-model-10__step-card h3 {
    font-size: 1.2rem;
  }
}
.pb-step-models-model-10__step-card p {
  color: var(--default-color);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 0;
  font-family: var(--default-font);
}
.pb-step-models-model-10__step-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  font-size: 2rem;
  transition: all 0.4s ease;
}
@media (max-width: 768px) {
  .pb-step-models-model-10__step-icon {
    width: 70px;
    height: 70px;
    font-size: 1.8rem;
  }
}
.pb-step-models-model-10__step-number {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--accent-color);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1rem;
  font-family: var(--default-font);
}
.pb-step-models-model-10__step-arrow {
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 10;
}
@media (max-width: 991px) {
  .pb-step-models-model-10__step-arrow {
    display: none;
  }
}
.pb-step-models-model-10__cta-bottom .pb-step-models-model-10__cta-message {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 2rem;
  font-family: var(--default-font);
}
.pb-step-models-model-10__cta-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
}
@media (max-width: 576px) {
  .pb-step-models-model-10__cta-buttons {
    flex-direction: column;
    align-items: center;
  }
}
.pb-step-models-model-10__btn-primary, .pb-step-models-model-10__btn-outline {
  display: inline-block;
  padding: 15px 35px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease;
  font-size: 1rem;
  min-width: 180px;
  text-align: center;
  font-family: var(--default-font);
}
@media (max-width: 576px) {
  .pb-step-models-model-10__btn-primary, .pb-step-models-model-10__btn-outline {
    min-width: 200px;
  }
}
.pb-step-models-model-10__btn-primary {
  background: linear-gradient(45deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 20%));
  border: none;
  color: var(--contrast-color);
}
.pb-step-models-model-10__btn-primary:hover, .pb-step-models-model-10__btn-primary:focus {
  background: linear-gradient(45deg, color-mix(in srgb, var(--accent-color), black 10%), color-mix(in srgb, var(--accent-color), black 30%));
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 10px 25px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-step-models-model-10__btn-outline {
  background: transparent;
  border: 2px solid var(--accent-color);
  color: var(--accent-color);
}
.pb-step-models-model-10__btn-outline:hover, .pb-step-models-model-10__btn-outline:focus {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 10px 25px color-mix(in srgb, var(--accent-color), transparent 60%);
}

/*--------------------------------------------------------------
# Page Builder Step Models — Model 11
--------------------------------------------------------------*/
section.section.pb-step-models-model-11,
section.pb-step-models-model-11,
.section.pb-step-models-model-11,
.pb-step-models-model-11 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-step-models-model-11.pb-ready-model .pb-step-models-model-11__timeline-body h3, .pb-step-models-model-11.pb-ready-model .pb-step-models-model-11__timeline-body p, .pb-step-models-model-11.pb-ready-model .pb-step-models-model-11__step-number {
  white-space: normal;
}
.pb-step-models-model-11__timeline-container {
  position: relative;
  padding: 30px 0;
}
.pb-step-models-model-11__timeline-track {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.pb-step-models-model-11__timeline-track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--accent-color) 10%, var(--accent-color) 90%, transparent);
  transform: translateX(-50%);
  z-index: 1;
}
.pb-step-models-model-11__timeline-item {
  position: relative;
  margin-bottom: 60px;
}
.pb-step-models-model-11__timeline-item:last-child {
  margin-bottom: 0;
}
.pb-step-models-model-11__timeline-item.is-left .pb-step-models-model-11__timeline-panel {
  padding-right: 50px;
  text-align: right;
}
.pb-step-models-model-11__timeline-item.is-left .pb-step-models-model-11__timeline-panel .pb-step-models-model-11__timeline-marker {
  right: -35px;
}
.pb-step-models-model-11__timeline-item.is-right .pb-step-models-model-11__timeline-panel {
  padding-left: 50px;
  margin-left: 50%;
}
.pb-step-models-model-11__timeline-item.is-right .pb-step-models-model-11__timeline-panel .pb-step-models-model-11__timeline-marker {
  left: -35px;
}
.pb-step-models-model-11__timeline-item:hover .pb-step-models-model-11__timeline-marker {
  transform: scale(1.1);
  background-color: var(--accent-color);
}
.pb-step-models-model-11__timeline-item:hover .pb-step-models-model-11__timeline-marker .pb-step-models-model-11__step-icon {
  color: var(--contrast-color);
}
.pb-step-models-model-11__timeline-item:hover .pb-step-models-model-11__timeline-body {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 15px 30px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-step-models-model-11__timeline-panel {
  position: relative;
  width: 50%;
}
.pb-step-models-model-11__timeline-marker {
  position: absolute;
  top: 15px;
  width: 70px;
  height: 70px;
  background-color: var(--surface-color);
  border: 3px solid var(--accent-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: transform 0.3s ease, background-color 0.3s ease;
  box-shadow: 0 5px 15px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-step-models-model-11__step-number {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 35px;
  height: 35px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--heading-font);
  font-size: 0.9rem;
  font-weight: 700;
  z-index: 3;
  border: 3px solid var(--surface-color);
}
.pb-step-models-model-11__step-icon {
  font-size: 1.5rem;
  color: var(--accent-color);
  transition: all 0.3s ease;
}
.pb-step-models-model-11__timeline-body {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 25px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 15px color-mix(in srgb, var(--heading-color), transparent 95%);
  transition: all 0.3s ease;
}
.pb-step-models-model-11__timeline-body h3 {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 15px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-step-models-model-11__timeline-body p {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 0;
  font-family: var(--default-font);
}
@media (max-width: 991px) {
  .pb-step-models-model-11 .pb-step-models-model-11__timeline-track::before {
    left: 30px;
  }
  .pb-step-models-model-11 .pb-step-models-model-11__timeline-item.is-left .pb-step-models-model-11__timeline-panel, .pb-step-models-model-11 .pb-step-models-model-11__timeline-item.is-right .pb-step-models-model-11__timeline-panel {
    width: 100%;
    padding-left: 80px;
    padding-right: 0;
    margin-left: 0;
    text-align: left;
  }
  .pb-step-models-model-11 .pb-step-models-model-11__timeline-item.is-left .pb-step-models-model-11__timeline-panel .pb-step-models-model-11__timeline-marker, .pb-step-models-model-11 .pb-step-models-model-11__timeline-item.is-right .pb-step-models-model-11__timeline-panel .pb-step-models-model-11__timeline-marker {
    left: 0;
    right: auto;
  }
}
@media (max-width: 767px) {
  .pb-step-models-model-11 .pb-step-models-model-11__timeline-item {
    margin-bottom: 50px;
  }
  .pb-step-models-model-11 .pb-step-models-model-11__timeline-marker {
    width: 60px;
    height: 60px;
  }
  .pb-step-models-model-11 .pb-step-models-model-11__step-number {
    width: 30px;
    height: 30px;
    font-size: 0.8rem;
  }
  .pb-step-models-model-11 .pb-step-models-model-11__step-icon {
    font-size: 1.3rem;
  }
  .pb-step-models-model-11 .pb-step-models-model-11__timeline-body {
    padding: 20px;
  }
  .pb-step-models-model-11 .pb-step-models-model-11__timeline-body h3 {
    font-size: 1.2rem;
  }
  .pb-step-models-model-11 .pb-step-models-model-11__timeline-body p {
    font-size: 0.9rem;
  }
}
@media (max-width: 575px) {
  .pb-step-models-model-11 .pb-step-models-model-11__timeline-marker {
    width: 50px;
    height: 50px;
  }
  .pb-step-models-model-11 .pb-step-models-model-11__step-icon {
    font-size: 1.1rem;
  }
  .pb-step-models-model-11 .pb-step-models-model-11__timeline-item.is-left .pb-step-models-model-11__timeline-panel, .pb-step-models-model-11 .pb-step-models-model-11__timeline-item.is-right .pb-step-models-model-11__timeline-panel {
    padding-left: 70px;
  }
}

/*--------------------------------------------------------------
# Page Builder Reference Models — Model 1
--------------------------------------------------------------*/
section.section.pb-reference-models-model-1,
section.pb-reference-models-model-1,
.section.pb-reference-models-model-1,
.pb-reference-models-model-1 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-reference-models-model-1__logo-card {
  padding: 24px 16px;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 95%);
  transition: all 0.2s ease;
  min-height: 88px;
  text-decoration: none;
  color: inherit;
}
.pb-reference-models-model-1__logo-card:hover, .pb-reference-models-model-1__logo-card:focus {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 92%);
  text-decoration: none;
  color: inherit;
}
.pb-reference-models-model-1__logo-card:hover img, .pb-reference-models-model-1__logo-card:focus img {
  opacity: 1;
  filter: grayscale(0%);
}
.pb-reference-models-model-1__logo-card img {
  max-height: 40px;
  width: auto;
  opacity: 0.55;
  filter: grayscale(100%);
  transition: all 0.2s ease;
}

/*--------------------------------------------------------------
# Page Builder Reference Models — Model 2
--------------------------------------------------------------*/
section.section.pb-reference-models-model-2,
section.pb-reference-models-model-2,
.section.pb-reference-models-model-2,
.pb-reference-models-model-2 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-reference-models-model-2.pb-ready-model .pb-reference-models-model-2__badge-label {
  white-space: normal;
}
.pb-reference-models-model-2__container {
  text-align: center;
}
.pb-reference-models-model-2__showcase {
  position: relative;
  z-index: 1;
}
.pb-reference-models-model-2__client-card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 10px 40px color-mix(in srgb, var(--heading-color), transparent 92%);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  height: 120px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}
.pb-reference-models-model-2__client-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--card-border-radius);
  padding: 2px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 70%), transparent 50%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.pb-reference-models-model-2__client-card img {
  max-width: 80%;
  max-height: 60px;
  object-fit: contain;
  transition: all 0.4s ease;
}
.pb-reference-models-model-2__client-card:hover, .pb-reference-models-model-2__client-card:focus {
  transform: translateY(-8px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--heading-color), transparent 88%);
  text-decoration: none;
  color: inherit;
}
.pb-reference-models-model-2__client-card:hover::before, .pb-reference-models-model-2__client-card:focus::before {
  opacity: 1;
}
.pb-reference-models-model-2__client-card:hover img, .pb-reference-models-model-2__client-card:focus img {
  filter: none;
  opacity: 1;
  transform: scale(1.05);
}
.pb-reference-models-model-2__client-card.is-featured {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 20%));
  border-color: var(--accent-color);
  transform: scale(1.05);
  z-index: 2;
}
.pb-reference-models-model-2__client-card.is-featured::before {
  display: none;
}
.pb-reference-models-model-2__client-card.is-featured img {
  filter: brightness(0) invert(1);
  opacity: 1;
}
.pb-reference-models-model-2__client-card.is-featured:hover, .pb-reference-models-model-2__client-card.is-featured:focus {
  transform: scale(1.05) translateY(-8px);
  border-color: var(--accent-color);
}
.pb-reference-models-model-2__client-card.is-featured:hover img, .pb-reference-models-model-2__client-card.is-featured:focus img {
  filter: brightness(0) invert(1);
}
@media (max-width: 768px) {
  .pb-reference-models-model-2__client-card {
    padding: 24px;
    height: 100px;
  }
  .pb-reference-models-model-2__client-card img {
    max-height: 45px;
  }
}
.pb-reference-models-model-2__trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  background: var(--surface-color);
  border-radius: var(--button-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--heading-color), transparent 90%);
  margin-top: 48px;
  position: relative;
  z-index: 1;
}
@media (max-width: 576px) {
  .pb-reference-models-model-2__trust-badge {
    padding: 10px 20px;
    gap: 10px;
    margin-top: 32px;
  }
}
.pb-reference-models-model-2__badge-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pb-reference-models-model-2__badge-icon i {
  font-size: 20px;
  color: var(--accent-color);
}
@media (max-width: 576px) {
  .pb-reference-models-model-2__badge-icon {
    width: 36px;
    height: 36px;
  }
  .pb-reference-models-model-2__badge-icon i {
    font-size: 18px;
  }
}
.pb-reference-models-model-2__badge-label {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--heading-color);
  font-family: var(--default-font);
}
@media (max-width: 576px) {
  .pb-reference-models-model-2__badge-label {
    font-size: 12px;
  }
}

/*--------------------------------------------------------------
# Page Builder Reference Models — Model 3
--------------------------------------------------------------*/
section.section.pb-reference-models-model-3,
section.pb-reference-models-model-3,
.section.pb-reference-models-model-3,
.pb-reference-models-model-3 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-reference-models-model-3--bounded .pb-reference-models-model-3__fluid {
  overflow-x: hidden;
  border-radius: var(--card-border-radius);
}
.pb-reference-models-model-3__fluid {
  width: 100%;
  overflow-x: hidden;
}
.pb-reference-models-model-3__slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}
.pb-reference-models-model-3__slider:not(:last-child) {
  margin-bottom: 20px;
}
.pb-reference-models-model-3__track {
  display: flex;
  width: fit-content;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.pb-reference-models-model-3__track.is-track-1 {
  animation-name: pb-reference-models-model-3-scroll-left;
}
.pb-reference-models-model-3__track.is-track-2 {
  animation-name: pb-reference-models-model-3-scroll-right;
}
.pb-reference-models-model-3__track:hover {
  animation-play-state: paused;
}
.pb-reference-models-model-3__slide {
  flex: 0 0 auto;
  width: 200px;
  height: 100px;
  margin: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 15px color-mix(in srgb, var(--heading-color), transparent 95%);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}
.pb-reference-models-model-3__slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--default-color), transparent 96%), transparent);
  transition: 0.5s;
  pointer-events: none;
}
.pb-reference-models-model-3__slide:hover, .pb-reference-models-model-3__slide:focus {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--heading-color), transparent 90%);
  text-decoration: none;
  color: inherit;
}
.pb-reference-models-model-3__slide:hover::before, .pb-reference-models-model-3__slide:focus::before {
  left: 100%;
}
.pb-reference-models-model-3__slide:hover img, .pb-reference-models-model-3__slide:focus img {
  filter: none;
  opacity: 1;
}
.pb-reference-models-model-3__slide img {
  max-width: 80%;
  max-height: 60%;
  filter: grayscale(100%);
  opacity: 0.7;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .pb-reference-models-model-3 .pb-reference-models-model-3__slide {
    width: 180px;
    height: 90px;
    margin: 0 20px;
  }
}
@media (max-width: 767px) {
  .pb-reference-models-model-3 .pb-reference-models-model-3__slide {
    width: 150px;
    height: 75px;
    margin: 0 15px;
  }
}

@keyframes pb-reference-models-model-3-scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes pb-reference-models-model-3-scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pb-reference-models-model-3__track {
    animation: none !important;
  }
}
/*--------------------------------------------------------------
# Page Builder Reference Models — Model 4
--------------------------------------------------------------*/
section.section.pb-reference-models-model-4,
section.pb-reference-models-model-4,
.section.pb-reference-models-model-4,
.pb-reference-models-model-4 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-reference-models-model-4__wrapper {
  position: relative;
  padding: 60px 0;
}
.pb-reference-models-model-4__wrapper::before, .pb-reference-models-model-4__wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
  z-index: 2;
  pointer-events: none;
}
.pb-reference-models-model-4__wrapper::before {
  left: 0;
  background: linear-gradient(to right, var(--background-color), transparent);
}
.pb-reference-models-model-4__wrapper::after {
  right: 0;
  background: linear-gradient(to left, var(--background-color), transparent);
}
.pb-reference-models-model-4__viewport {
  overflow: hidden;
  width: 100%;
}
.pb-reference-models-model-4__track {
  display: flex;
  width: max-content;
  gap: 30px;
  padding: 30px 0;
  animation: pb-reference-models-model-4-scroll 35s linear infinite;
}
.pb-reference-models-model-4__track:hover {
  animation-play-state: paused;
}
.pb-reference-models-model-4__client-logo {
  flex: 0 0 auto;
  width: 180px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  color: inherit;
}
.pb-reference-models-model-4__client-logo img {
  max-width: 100%;
  max-height: 80px;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.6;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-reference-models-model-4__client-logo:hover, .pb-reference-models-model-4__client-logo:focus {
  transform: scale(1.05);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 85%);
  background-color: color-mix(in srgb, var(--surface-color), var(--accent-color) 2%);
  text-decoration: none;
  color: inherit;
}
.pb-reference-models-model-4__client-logo:hover img, .pb-reference-models-model-4__client-logo:focus img {
  filter: grayscale(0);
  opacity: 1;
}
@media (max-width: 991px) {
  .pb-reference-models-model-4 .pb-reference-models-model-4__client-logo {
    width: 160px;
    height: 120px;
  }
  .pb-reference-models-model-4 .pb-reference-models-model-4__client-logo img {
    max-height: 70px;
  }
}
@media (max-width: 767px) {
  .pb-reference-models-model-4 .pb-reference-models-model-4__client-logo {
    width: 140px;
    height: 100px;
    padding: 15px;
  }
  .pb-reference-models-model-4 .pb-reference-models-model-4__client-logo img {
    max-height: 60px;
  }
  .pb-reference-models-model-4 .pb-reference-models-model-4__track {
    gap: 20px;
    padding: 15px 0;
    animation-duration: 28s;
  }
}

@keyframes pb-reference-models-model-4-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pb-reference-models-model-4__track {
    animation: none;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }
}
/*--------------------------------------------------------------
# Page Builder Reference Models — Model 5
--------------------------------------------------------------*/
section.section.pb-reference-models-model-5,
section.pb-reference-models-model-5,
.section.pb-reference-models-model-5,
.pb-reference-models-model-5 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-reference-models-model-5__clients-wrap {
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-left: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-reference-models-model-5__client-logo {
  background-color: var(--surface-color);
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  overflow: hidden;
  height: 100%;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.3s ease;
}
.pb-reference-models-model-5__client-logo img {
  padding: 50px;
  max-width: 80%;
  transition: 0.3s;
}
@media (max-width: 640px) {
  .pb-reference-models-model-5__client-logo img {
    padding: 30px;
    max-width: 50%;
  }
}
.pb-reference-models-model-5__client-logo:hover, .pb-reference-models-model-5__client-logo:focus {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  text-decoration: none;
  color: inherit;
}
.pb-reference-models-model-5__client-logo:hover img, .pb-reference-models-model-5__client-logo:focus img {
  transform: scale(1.1);
}

/*--------------------------------------------------------------
# Page Builder Reference Models — Model 6
--------------------------------------------------------------*/
section.section.pb-reference-models-model-6,
section.pb-reference-models-model-6,
.section.pb-reference-models-model-6,
.pb-reference-models-model-6 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-reference-models-model-6__logo-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.pb-reference-models-model-6__logo-link:hover, .pb-reference-models-model-6__logo-link:focus {
  text-decoration: none;
  color: inherit;
}
.pb-reference-models-model-6__swiper {
  padding: 10px 0;
}
.pb-reference-models-model-6__swiper .swiper-wrapper {
  height: auto;
}
.pb-reference-models-model-6__swiper .swiper-slide img {
  transition: 0.3s;
  max-width: 100%;
  height: auto;
}
.pb-reference-models-model-6__swiper .swiper-slide img:hover {
  transform: scale(1.1);
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 1
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-1,
section.pb-testimonial-models-model-1,
.section.pb-testimonial-models-model-1,
.pb-testimonial-models-model-1 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-1.pb-ready-model .pb-testimonial-models-model-1__card blockquote, .pb-testimonial-models-model-1.pb-ready-model .pb-testimonial-models-model-1__name, .pb-testimonial-models-model-1.pb-ready-model .pb-testimonial-models-model-1__role {
  white-space: normal;
}
.pb-testimonial-models-model-1__card {
  height: 100%;
  margin: 0;
  padding: 32px;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 95%);
  transition: all 0.3s ease;
}
.pb-testimonial-models-model-1__card:hover {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 16px 36px color-mix(in srgb, var(--heading-color), transparent 91%);
}
.pb-testimonial-models-model-1__rating {
  display: flex;
  gap: 4px;
  margin-bottom: 18px;
}
.pb-testimonial-models-model-1__rating i {
  color: var(--review-star-color);
  font-size: 16px;
}
.pb-testimonial-models-model-1__card blockquote {
  margin: 0 0 24px;
  padding: 0;
  border: none;
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.7;
  color: var(--default-color);
}
.pb-testimonial-models-model-1__card figcaption {
  display: flex;
  align-items: center;
  gap: 14px;
}
.pb-testimonial-models-model-1__card figcaption img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
}
.pb-testimonial-models-model-1__name {
  display: block;
  font-family: var(--heading-font);
  font-weight: 600;
  color: var(--heading-color);
  font-size: 15px;
}
.pb-testimonial-models-model-1__role {
  display: block;
  font-family: var(--default-font);
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 2
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-2,
section.pb-testimonial-models-model-2,
.section.pb-testimonial-models-model-2,
.pb-testimonial-models-model-2 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-2.pb-ready-model .pb-testimonial-models-model-2__quote, .pb-testimonial-models-model-2.pb-ready-model .pb-testimonial-models-model-2__info h4, .pb-testimonial-models-model-2.pb-ready-model .pb-testimonial-models-model-2__info span {
  white-space: normal;
}
.pb-testimonial-models-model-2__carousel {
  position: relative;
  padding-bottom: 56px;
}
.pb-testimonial-models-model-2__carousel .swiper-wrapper {
  height: auto !important;
}
.pb-testimonial-models-model-2__card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--heading-color), transparent 94%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pb-testimonial-models-model-2__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-testimonial-models-model-2__body {
  padding: 24px 24px 0;
  flex: 1;
}
.pb-testimonial-models-model-2__footer {
  padding: 16px 24px;
  margin-top: 24px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-testimonial-models-model-2__quote-icon {
  margin-bottom: 16px;
}
.pb-testimonial-models-model-2__quote-icon i {
  font-size: 32px;
  color: color-mix(in srgb, var(--accent-color), transparent 60%);
  line-height: 1;
}
.pb-testimonial-models-model-2__stars {
  display: flex;
  gap: 2px;
}
.pb-testimonial-models-model-2__stars i {
  font-size: 14px;
  color: var(--review-star-color);
}
.pb-testimonial-models-model-2__quote {
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 0;
}
.pb-testimonial-models-model-2__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.pb-testimonial-models-model-2__info h4 {
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.01em;
  color: var(--heading-color);
}
.pb-testimonial-models-model-2__info span {
  font-family: var(--default-font);
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-testimonial-models-model-2__pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.pb-testimonial-models-model-2__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: color-mix(in srgb, var(--heading-color), transparent 80%);
  opacity: 1;
  margin: 0 4px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.pb-testimonial-models-model-2__pagination .swiper-pagination-bullet-active {
  background: var(--accent-color);
  width: 24px;
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 3
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-3,
section.pb-testimonial-models-model-3,
.section.pb-testimonial-models-model-3,
.pb-testimonial-models-model-3 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-3.pb-ready-model .pb-testimonial-models-model-3__quote, .pb-testimonial-models-model-3.pb-ready-model .pb-testimonial-models-model-3__info h4, .pb-testimonial-models-model-3.pb-ready-model .pb-testimonial-models-model-3__info span {
  white-space: normal;
}
.pb-testimonial-models-model-3__card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--heading-color), transparent 92%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.pb-testimonial-models-model-3__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-testimonial-models-model-3__card.is-featured {
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
}
.pb-testimonial-models-model-3__card.is-featured:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-testimonial-models-model-3__stars {
  display: flex;
  gap: 2px;
  margin-bottom: 16px;
}
.pb-testimonial-models-model-3__stars i {
  font-size: 14px;
  color: var(--review-star-color);
}
.pb-testimonial-models-model-3__quote {
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
  color: var(--default-color);
}
.pb-testimonial-models-model-3__footer {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-testimonial-models-model-3__footer img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.pb-testimonial-models-model-3__info h4 {
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
  letter-spacing: -0.01em;
  color: var(--heading-color);
}
.pb-testimonial-models-model-3__info span {
  font-family: var(--default-font);
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
}
@media (max-width: 992px) {
  .pb-testimonial-models-model-3__card {
    padding: 20px;
  }
  .pb-testimonial-models-model-3__quote {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .pb-testimonial-models-model-3__card {
    padding: 16px;
  }
  .pb-testimonial-models-model-3__footer {
    margin-top: 16px;
    padding-top: 12px;
  }
  .pb-testimonial-models-model-3__info h4 {
    font-size: 13px;
  }
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 4
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-4,
section.pb-testimonial-models-model-4,
.section.pb-testimonial-models-model-4,
.pb-testimonial-models-model-4 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-4.pb-ready-model .pb-testimonial-models-model-4__quote, .pb-testimonial-models-model-4.pb-ready-model .pb-testimonial-models-model-4__headline, .pb-testimonial-models-model-4.pb-ready-model .pb-testimonial-models-model-4__person h3, .pb-testimonial-models-model-4.pb-ready-model .pb-testimonial-models-model-4__review-count, .pb-testimonial-models-model-4.pb-ready-model .pb-testimonial-models-model-4__badge {
  white-space: normal;
}
.pb-testimonial-models-model-4__overall {
  display: flex;
  align-items: center;
  gap: 16px;
}
.pb-testimonial-models-model-4__rating-number {
  font-size: 48px;
  font-weight: 700;
  color: var(--heading-color);
  font-family: var(--heading-font);
  line-height: 1;
}
.pb-testimonial-models-model-4__stars-row {
  display: flex;
  gap: 2px;
  margin-bottom: 4px;
}
.pb-testimonial-models-model-4__stars-row i {
  color: var(--review-star-color);
  font-size: 18px;
}
.pb-testimonial-models-model-4__review-count {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-testimonial-models-model-4__badges {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.pb-testimonial-models-model-4__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--heading-color);
}
.pb-testimonial-models-model-4__badge i {
  color: var(--accent-color);
  font-size: 16px;
}
.pb-testimonial-models-model-4__slider .swiper-wrapper {
  height: auto !important;
}
.pb-testimonial-models-model-4__slider .swiper-slide {
  height: auto;
}
.pb-testimonial-models-model-4__card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 28px;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}
.pb-testimonial-models-model-4__card:hover {
  box-shadow: 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 90%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-testimonial-models-model-4__header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.pb-testimonial-models-model-4__avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-testimonial-models-model-4__person h3 {
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 2px;
  color: var(--heading-color);
}
.pb-testimonial-models-model-4__verified {
  font-family: var(--default-font);
  font-size: 12px;
  color: var(--success-color);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}
.pb-testimonial-models-model-4__verified i {
  font-size: 13px;
  color: var(--success-color);
}
.pb-testimonial-models-model-4__stars {
  margin-bottom: 12px;
}
.pb-testimonial-models-model-4__stars i {
  color: var(--review-star-color);
  font-size: 15px;
  margin-right: 1px;
}
.pb-testimonial-models-model-4__headline {
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--heading-color);
}
.pb-testimonial-models-model-4__quote {
  font-family: var(--default-font);
  font-size: 14px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 16px;
  flex-grow: 1;
}
.pb-testimonial-models-model-4__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-testimonial-models-model-4__date {
  font-family: var(--default-font);
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.pb-testimonial-models-model-4__helpful {
  font-family: var(--default-font);
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  transition: color 0.3s ease;
}
.pb-testimonial-models-model-4__helpful:hover {
  color: var(--accent-color);
}
.pb-testimonial-models-model-4__helpful i {
  font-size: 14px;
}
.pb-testimonial-models-model-4__pagination {
  margin-top: 32px;
  position: relative;
}
.pb-testimonial-models-model-4__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: color-mix(in srgb, var(--heading-color), transparent 70%);
  opacity: 1;
  transition: all 0.3s ease;
}
.pb-testimonial-models-model-4__pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color);
  width: 24px;
  border-radius: 5px;
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 5
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-5,
section.pb-testimonial-models-model-5,
.section.pb-testimonial-models-model-5,
.pb-testimonial-models-model-5 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-5.pb-ready-model .pb-testimonial-models-model-5__quote, .pb-testimonial-models-model-5.pb-ready-model .pb-testimonial-models-model-5__side h4, .pb-testimonial-models-model-5.pb-ready-model .pb-testimonial-models-model-5__role {
  white-space: normal;
}
.pb-testimonial-models-model-5__carousel .swiper-wrapper {
  height: auto !important;
}
.pb-testimonial-models-model-5__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 92%), 0 2px 4px color-mix(in srgb, var(--heading-color), transparent 96%);
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-testimonial-models-model-5__card:hover {
  box-shadow: 0 12px 32px color-mix(in srgb, var(--heading-color), transparent 88%), 0 4px 8px color-mix(in srgb, var(--heading-color), transparent 94%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-testimonial-models-model-5__side {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  padding: 48px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 320px;
}
.pb-testimonial-models-model-5__side h4 {
  color: var(--contrast-color);
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 6px;
  letter-spacing: -0.01em;
}
.pb-testimonial-models-model-5__avatar {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid color-mix(in srgb, var(--contrast-color), transparent 70%);
  margin-bottom: 20px;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 80%);
}
.pb-testimonial-models-model-5__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pb-testimonial-models-model-5__role {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  font-family: var(--default-font);
  font-size: 14px;
  margin-bottom: 16px;
}
.pb-testimonial-models-model-5__rating i {
  color: var(--review-star-color);
  font-size: 16px;
  margin: 0 2px;
}
.pb-testimonial-models-model-5__content {
  padding: 48px 40px;
  position: relative;
}
.pb-testimonial-models-model-5__quote-icon {
  font-size: 48px;
  color: color-mix(in srgb, var(--accent-color), transparent 75%);
  line-height: 1;
  display: block;
  margin-bottom: 16px;
}
.pb-testimonial-models-model-5__quote {
  font-family: var(--default-font);
  font-size: 17px;
  line-height: 1.7;
  margin: 0 0 24px;
  color: var(--default-color);
  font-style: italic;
}
.pb-testimonial-models-model-5__meta {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-top: 20px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-testimonial-models-model-5__date, .pb-testimonial-models-model-5__verified {
  font-family: var(--default-font);
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  display: flex;
  align-items: center;
  gap: 6px;
}
.pb-testimonial-models-model-5__verified {
  color: var(--success-color);
}
.pb-testimonial-models-model-5__verified i {
  color: var(--success-color);
}
.pb-testimonial-models-model-5__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 40px;
}
.pb-testimonial-models-model-5__nav .swiper-button-prev,
.pb-testimonial-models-model-5__nav .swiper-button-next {
  position: static;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--heading-color), transparent 94%);
  transition: all 0.3s ease;
  margin: 0;
}
.pb-testimonial-models-model-5__nav .swiper-button-prev::after,
.pb-testimonial-models-model-5__nav .swiper-button-next::after {
  font-size: 16px;
  font-weight: 700;
  color: var(--default-color);
}
.pb-testimonial-models-model-5__nav .swiper-button-prev:hover,
.pb-testimonial-models-model-5__nav .swiper-button-next:hover {
  background: var(--accent-color);
  border-color: var(--accent-color);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-testimonial-models-model-5__nav .swiper-button-prev:hover::after,
.pb-testimonial-models-model-5__nav .swiper-button-next:hover::after {
  color: var(--contrast-color);
}
.pb-testimonial-models-model-5__pagination {
  position: static;
  width: auto;
}
.pb-testimonial-models-model-5__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: color-mix(in srgb, var(--heading-color), transparent 70%);
  opacity: 1;
  transition: all 0.3s ease;
}
.pb-testimonial-models-model-5__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  width: 24px;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .pb-testimonial-models-model-5__side {
    min-height: auto;
    padding: 32px 24px;
    border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
  }
  .pb-testimonial-models-model-5__content {
    padding: 32px 24px;
  }
  .pb-testimonial-models-model-5__quote-icon {
    font-size: 36px;
  }
  .pb-testimonial-models-model-5__quote {
    font-size: 15px;
  }
  .pb-testimonial-models-model-5__meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 6
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-6,
section.pb-testimonial-models-model-6,
.section.pb-testimonial-models-model-6,
.pb-testimonial-models-model-6 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-6.pb-ready-model .pb-testimonial-models-model-6__quote, .pb-testimonial-models-model-6.pb-ready-model .pb-testimonial-models-model-6__body h3, .pb-testimonial-models-model-6.pb-ready-model .pb-testimonial-models-model-6__role {
  white-space: normal;
}
.pb-testimonial-models-model-6__carousel .swiper-wrapper {
  height: auto !important;
}
.pb-testimonial-models-model-6__card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  padding: 60px 25px 30px;
  margin-top: 45px;
  text-align: center;
  position: relative;
  box-shadow: 0 4px 20px color-mix(in srgb, var(--heading-color), transparent 90%);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.pb-testimonial-models-model-6__card:hover {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--heading-color), transparent 85%);
}
.pb-testimonial-models-model-6__photo {
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
}
.pb-testimonial-models-model-6__photo img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid var(--surface-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 85%);
}
.pb-testimonial-models-model-6__body {
  position: relative;
  overflow: hidden;
}
.pb-testimonial-models-model-6__body h3 {
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 4px;
  color: var(--heading-color);
}
.pb-testimonial-models-model-6__quote-decor {
  position: absolute;
  top: -10px;
  right: 10px;
  font-size: 80px;
  color: color-mix(in srgb, var(--accent-color), transparent 88%);
  line-height: 1;
  z-index: 0;
  transform: scale(-1, -1);
}
.pb-testimonial-models-model-6__quote {
  position: relative;
  z-index: 1;
  font-family: var(--default-font);
  font-style: italic;
  font-size: 15px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 18px;
  min-height: 80px;
}
.pb-testimonial-models-model-6__rating {
  margin-bottom: 14px;
}
.pb-testimonial-models-model-6__rating i {
  color: var(--review-star-color);
  font-size: 14px;
  margin: 0 2px;
}
.pb-testimonial-models-model-6__role {
  display: inline-block;
  font-family: var(--default-font);
  font-size: 13px;
  color: var(--accent-color);
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.pb-testimonial-models-model-6__prev, .pb-testimonial-models-model-6__next {
  width: 40px;
  height: 40px;
  background-color: var(--surface-color);
  border-radius: 50%;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--heading-color), transparent 88%);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.pb-testimonial-models-model-6__prev::after, .pb-testimonial-models-model-6__next::after {
  font-size: 16px;
  color: var(--accent-color);
  font-weight: 700;
}
.pb-testimonial-models-model-6__prev:hover, .pb-testimonial-models-model-6__next:hover {
  background-color: var(--accent-color);
}
.pb-testimonial-models-model-6__prev:hover::after, .pb-testimonial-models-model-6__next:hover::after {
  color: var(--contrast-color);
}
@media (max-width: 768px) {
  .pb-testimonial-models-model-6__prev, .pb-testimonial-models-model-6__next {
    display: none;
  }
}
.pb-testimonial-models-model-6__pagination {
  margin-top: 30px;
  position: relative;
}
.pb-testimonial-models-model-6__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  opacity: 1;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.pb-testimonial-models-model-6__pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color);
  transform: scale(1.3);
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 7
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-7,
section.pb-testimonial-models-model-7,
.section.pb-testimonial-models-model-7,
.pb-testimonial-models-model-7 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-7.pb-ready-model .pb-testimonial-models-model-7__quote, .pb-testimonial-models-model-7.pb-ready-model .pb-testimonial-models-model-7__info h4, .pb-testimonial-models-model-7.pb-ready-model .pb-testimonial-models-model-7__info span {
  white-space: normal;
}
.pb-testimonial-models-model-7__card {
  position: relative;
  border-radius: 0;
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  height: 100%;
}
.pb-testimonial-models-model-7__card:hover {
  transform: scale(1.02);
  box-shadow: 0 12px 40px color-mix(in srgb, var(--heading-color), transparent 88%);
}
.pb-testimonial-models-model-7__card:hover .pb-testimonial-models-model-7__accent {
  width: 8px;
}
.pb-testimonial-models-model-7__card:hover .pb-testimonial-models-model-7__photo img {
  transform: scale(1.05);
}
.pb-testimonial-models-model-7__card.is-featured .pb-testimonial-models-model-7__accent {
  background: linear-gradient(180deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--default-color) 30%));
}
.pb-testimonial-models-model-7__card.is-featured .pb-testimonial-models-model-7__body {
  background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
}
.pb-testimonial-models-model-7__card.is-featured .pb-testimonial-models-model-7__stars i {
  color: var(--review-star-color);
}
.pb-testimonial-models-model-7__card.is-featured .pb-testimonial-models-model-7__decor {
  color: color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-testimonial-models-model-7__accent {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: var(--accent-color);
  transition: width 0.3s ease;
  z-index: 2;
}
.pb-testimonial-models-model-7__body {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 2rem 2rem 2rem 2.5rem;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-left: none;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.pb-testimonial-models-model-7__photo {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 3px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-testimonial-models-model-7__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.pb-testimonial-models-model-7__content {
  flex: 1;
  min-width: 0;
}
.pb-testimonial-models-model-7__quote {
  font-family: var(--default-font);
  font-size: 0.9375rem;
  line-height: 1.75;
  margin: 0.75rem 0 1rem;
  position: relative;
  z-index: 1;
  color: var(--default-color);
}
.pb-testimonial-models-model-7__stars {
  display: flex;
  gap: 3px;
}
.pb-testimonial-models-model-7__stars i {
  font-size: 0.875rem;
  color: var(--review-star-color);
}
.pb-testimonial-models-model-7__info h4 {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.15rem;
  color: var(--heading-color);
}
.pb-testimonial-models-model-7__info span {
  font-family: var(--default-font);
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
  font-style: italic;
}
.pb-testimonial-models-model-7__decor {
  position: absolute;
  bottom: 0.75rem;
  right: 1.25rem;
  font-size: 4rem;
  color: color-mix(in srgb, var(--heading-color), transparent 92%);
  z-index: 0;
  line-height: 1;
  pointer-events: none;
}
@media (max-width: 992px) {
  .pb-testimonial-models-model-7__body {
    padding: 1.5rem 1.5rem 1.5rem 2rem;
    gap: 1.25rem;
  }
  .pb-testimonial-models-model-7__photo {
    width: 60px;
    height: 60px;
  }
  .pb-testimonial-models-model-7__decor {
    font-size: 3rem;
  }
}
@media (max-width: 576px) {
  .pb-testimonial-models-model-7__body {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5rem 1.25rem 1.5rem 1.75rem;
  }
  .pb-testimonial-models-model-7__photo {
    width: 64px;
    height: 64px;
  }
  .pb-testimonial-models-model-7__stars {
    justify-content: center;
  }
  .pb-testimonial-models-model-7__quote {
    font-size: 0.875rem;
  }
  .pb-testimonial-models-model-7__decor {
    font-size: 2.5rem;
    right: 0.75rem;
    bottom: 0.5rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 8
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-8,
section.pb-testimonial-models-model-8,
.section.pb-testimonial-models-model-8,
.pb-testimonial-models-model-8 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-8.pb-ready-model .pb-testimonial-models-model-8__quote, .pb-testimonial-models-model-8.pb-ready-model .pb-testimonial-models-model-8__name, .pb-testimonial-models-model-8.pb-ready-model .pb-testimonial-models-model-8__role {
  white-space: normal;
}
.pb-testimonial-models-model-8__slider .swiper-wrapper {
  height: auto !important;
  align-items: stretch;
}
.pb-testimonial-models-model-8__slider .swiper-slide {
  height: auto;
}
.pb-testimonial-models-model-8__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 32px 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-left: 4px solid var(--accent-color);
  box-shadow: 0 2px 20px color-mix(in srgb, var(--heading-color), transparent 92%);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  position: relative;
  overflow: hidden;
}
.pb-testimonial-models-model-8__card::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 72px;
  height: 72px;
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
  border-radius: 72px 0 var(--card-border-radius) 0;
  pointer-events: none;
}
.pb-testimonial-models-model-8__card:hover {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  border-left-color: var(--accent-color);
  box-shadow: 0 12px 40px color-mix(in srgb, var(--heading-color), transparent 84%);
}
.pb-testimonial-models-model-8__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.pb-testimonial-models-model-8__stars {
  display: flex;
  gap: 3px;
  align-items: center;
}
.pb-testimonial-models-model-8__stars i {
  color: var(--review-star-color);
  font-size: 0.82rem;
}
.pb-testimonial-models-model-8__quote-icon {
  font-size: 3.5rem;
  color: var(--accent-color);
  opacity: 0.18;
  line-height: 0.8;
  display: block;
  flex-shrink: 0;
}
.pb-testimonial-models-model-8__quote-wrap {
  flex: 1;
  margin: 0 0 24px;
}
.pb-testimonial-models-model-8__quote {
  font-family: var(--default-font);
  font-size: 0.97rem;
  line-height: 1.82;
  font-style: italic;
  color: color-mix(in srgb, var(--default-color), transparent 12%);
  margin: 0;
}
.pb-testimonial-models-model-8__footer {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 20px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 90%);
  margin-top: auto;
}
.pb-testimonial-models-model-8__avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 3px solid color-mix(in srgb, var(--accent-color), transparent 72%);
}
.pb-testimonial-models-model-8__name {
  font-family: var(--heading-font);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0 0 3px;
}
.pb-testimonial-models-model-8__role {
  font-family: var(--default-font);
  font-size: 0.78rem;
  color: color-mix(in srgb, var(--default-color), transparent 44%);
  display: block;
}
.pb-testimonial-models-model-8__controls {
  margin-top: 36px;
  gap: 16px;
}
.pb-testimonial-models-model-8__prev, .pb-testimonial-models-model-8__next {
  width: 44px;
  height: 44px;
  border: 2px solid var(--accent-color);
  border-radius: var(--button-border-radius);
  background: transparent;
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1rem;
  flex-shrink: 0;
  transition: all 0.3s ease;
  padding: 0;
}
.pb-testimonial-models-model-8__prev:hover, .pb-testimonial-models-model-8__next:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-testimonial-models-model-8__pagination {
  position: static;
  width: auto;
  display: flex;
  align-items: center;
  gap: 6px;
}
.pb-testimonial-models-model-8__pagination .swiper-pagination-bullet {
  width: 28px;
  height: 3px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--heading-color), transparent 78%);
  opacity: 1;
  margin: 0;
  transition: all 0.3s ease;
}
.pb-testimonial-models-model-8__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 44px;
  background: var(--accent-color);
}
@media (max-width: 768px) {
  .pb-testimonial-models-model-8__card {
    padding: 26px 22px;
  }
  .pb-testimonial-models-model-8__controls {
    margin-top: 28px;
  }
}
@media (max-width: 576px) {
  .pb-testimonial-models-model-8__card {
    padding: 22px 18px;
  }
  .pb-testimonial-models-model-8__controls {
    margin-top: 22px;
    gap: 12px;
  }
  .pb-testimonial-models-model-8__prev, .pb-testimonial-models-model-8__next {
    width: 38px;
    height: 38px;
    font-size: 0.88rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 9
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-9,
section.pb-testimonial-models-model-9,
.section.pb-testimonial-models-model-9,
.pb-testimonial-models-model-9 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-9.pb-ready-model .pb-testimonial-models-model-9__quote, .pb-testimonial-models-model-9.pb-ready-model .pb-testimonial-models-model-9__details h4, .pb-testimonial-models-model-9.pb-ready-model .pb-testimonial-models-model-9__details span {
  white-space: normal;
}
.pb-testimonial-models-model-9__card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.3s ease;
}
.pb-testimonial-models-model-9__card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
  box-shadow: 0 12px 40px color-mix(in srgb, var(--heading-color), transparent 92%);
  transform: translateY(-4px);
}
.pb-testimonial-models-model-9__card.is-highlighted {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}
.pb-testimonial-models-model-9__card.is-highlighted .pb-testimonial-models-model-9__decor {
  color: color-mix(in srgb, var(--contrast-color), transparent 70%);
}
.pb-testimonial-models-model-9__card.is-highlighted:hover {
  box-shadow: 0 12px 40px color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-testimonial-models-model-9__card.is-highlighted .pb-testimonial-models-model-9__stars i {
  color: var(--review-star-color);
}
.pb-testimonial-models-model-9__card.is-highlighted .pb-testimonial-models-model-9__quote {
  color: color-mix(in srgb, var(--contrast-color), transparent 10%);
}
.pb-testimonial-models-model-9__card.is-highlighted .pb-testimonial-models-model-9__details h4 {
  color: var(--contrast-color);
}
.pb-testimonial-models-model-9__card.is-highlighted .pb-testimonial-models-model-9__details span {
  color: color-mix(in srgb, var(--contrast-color), transparent 30%);
}
.pb-testimonial-models-model-9__card.is-highlighted .pb-testimonial-models-model-9__avatar {
  border-color: color-mix(in srgb, var(--contrast-color), transparent 50%);
}
.pb-testimonial-models-model-9__card.is-highlighted .pb-testimonial-models-model-9__person {
  border-top-color: color-mix(in srgb, var(--contrast-color), transparent 75%);
}
.pb-testimonial-models-model-9__decor {
  position: absolute;
  top: 20px;
  right: 24px;
  font-size: 2.5rem;
  color: color-mix(in srgb, var(--accent-color), transparent 85%);
  line-height: 1;
  pointer-events: none;
}
.pb-testimonial-models-model-9__stars {
  display: flex;
  gap: 4px;
  margin-bottom: 1.25rem;
}
.pb-testimonial-models-model-9__stars i {
  font-size: 0.875rem;
  color: var(--review-star-color);
}
.pb-testimonial-models-model-9 blockquote {
  flex: 1;
  margin: 0 0 1.5rem;
}
.pb-testimonial-models-model-9__quote {
  font-family: var(--default-font);
  font-size: 0.95rem;
  line-height: 1.7;
  font-style: italic;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin: 0;
}
.pb-testimonial-models-model-9__person {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  margin-top: auto;
  padding-top: 1.25rem;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-testimonial-models-model-9__avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-testimonial-models-model-9__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pb-testimonial-models-model-9__details h4 {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 2px;
  color: var(--heading-color);
}
.pb-testimonial-models-model-9__details span {
  font-family: var(--default-font);
  font-size: 0.8rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
@media (max-width: 768px) {
  .pb-testimonial-models-model-9__card {
    padding: 1.5rem;
  }
  .pb-testimonial-models-model-9__decor {
    font-size: 2rem;
    top: 16px;
    right: 18px;
  }
  .pb-testimonial-models-model-9__quote {
    font-size: 0.9rem;
  }
  .pb-testimonial-models-model-9__avatar {
    width: 44px;
    height: 44px;
  }
  .pb-testimonial-models-model-9__details h4 {
    font-size: 0.925rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 10
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-10,
section.pb-testimonial-models-model-10,
.section.pb-testimonial-models-model-10,
.pb-testimonial-models-model-10 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-10.pb-ready-model .pb-testimonial-models-model-10__quote, .pb-testimonial-models-model-10.pb-ready-model .pb-testimonial-models-model-10__details h4, .pb-testimonial-models-model-10.pb-ready-model .pb-testimonial-models-model-10__details span {
  white-space: normal;
}
.pb-testimonial-models-model-10__block {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 48px;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--heading-color), transparent 94%);
  transition: all 0.4s ease;
  position: relative;
}
.pb-testimonial-models-model-10__block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--accent-color);
  border-radius: var(--card-border-radius) 0 0 var(--card-border-radius);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.pb-testimonial-models-model-10__block:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 90%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pb-testimonial-models-model-10__block:hover::before {
  opacity: 1;
}
.pb-testimonial-models-model-10__block:hover .pb-testimonial-models-model-10__quote-icon {
  color: var(--accent-color);
}
.pb-testimonial-models-model-10__block.is-alternate::before {
  left: auto;
  right: 0;
  border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0;
}
.pb-testimonial-models-model-10__profile {
  text-align: center;
  padding: 0 16px;
}
.pb-testimonial-models-model-10__profile img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 92%);
  margin-bottom: 20px;
}
.pb-testimonial-models-model-10__details h4 {
  font-family: var(--heading-font);
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 0 6px;
  color: var(--heading-color);
  letter-spacing: 0.01em;
}
.pb-testimonial-models-model-10__details span {
  display: block;
  font-family: var(--default-font);
  font-size: 0.85rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 12px;
  font-weight: 400;
}
.pb-testimonial-models-model-10__rating {
  display: flex;
  justify-content: center;
  gap: 3px;
}
.pb-testimonial-models-model-10__rating i {
  font-size: 0.8rem;
  color: var(--review-star-color);
}
.pb-testimonial-models-model-10__content {
  position: relative;
  padding-left: 24px;
  border-left: 1px solid color-mix(in srgb, var(--heading-color), transparent 88%);
}
.pb-testimonial-models-model-10__quote-icon {
  display: block;
  font-size: 2.4rem;
  line-height: 1;
  color: color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 16px;
  transition: color 0.4s ease;
  transform: scaleX(-1);
}
.pb-testimonial-models-model-10__quote {
  font-family: var(--default-font);
  font-size: 1.05rem;
  line-height: 1.8;
  color: color-mix(in srgb, var(--default-color), transparent 10%);
  font-style: italic;
  margin: 0;
  letter-spacing: 0.01em;
}
.pb-testimonial-models-model-10__block.is-alternate .pb-testimonial-models-model-10__content {
  padding-left: 0;
  padding-right: 24px;
  border-left: none;
  border-right: 1px solid color-mix(in srgb, var(--heading-color), transparent 88%);
}
@media (max-width: 768px) {
  .pb-testimonial-models-model-10__block {
    padding: 36px 28px;
  }
  .pb-testimonial-models-model-10__profile {
    margin-bottom: 28px;
    padding: 0;
  }
  .pb-testimonial-models-model-10__profile img {
    width: 80px;
    height: 80px;
  }
  .pb-testimonial-models-model-10__content {
    padding-left: 0;
    border-left: none;
    border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 88%);
    padding-top: 24px;
  }
  .pb-testimonial-models-model-10__quote-icon {
    font-size: 2rem;
  }
  .pb-testimonial-models-model-10__quote {
    font-size: 0.95rem;
  }
  .pb-testimonial-models-model-10__block.is-alternate .pb-testimonial-models-model-10__content {
    padding-right: 0;
    border-right: none;
    border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 88%);
    padding-top: 24px;
  }
}
@media (max-width: 576px) {
  .pb-testimonial-models-model-10__block {
    padding: 28px 20px;
  }
  .pb-testimonial-models-model-10__profile img {
    width: 72px;
    height: 72px;
  }
  .pb-testimonial-models-model-10__details h4 {
    font-size: 1rem;
  }
  .pb-testimonial-models-model-10__details span {
    font-size: 0.8rem;
  }
  .pb-testimonial-models-model-10__quote-icon {
    font-size: 1.8rem;
  }
  .pb-testimonial-models-model-10__quote {
    font-size: 0.9rem;
    line-height: 1.7;
  }
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 11
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-11,
section.pb-testimonial-models-model-11,
.section.pb-testimonial-models-model-11,
.pb-testimonial-models-model-11 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-11.pb-ready-model .pb-testimonial-models-model-11__quote, .pb-testimonial-models-model-11.pb-ready-model .pb-testimonial-models-model-11__headline, .pb-testimonial-models-model-11.pb-ready-model .pb-testimonial-models-model-11__summary, .pb-testimonial-models-model-11.pb-ready-model .pb-testimonial-models-model-11__badge, .pb-testimonial-models-model-11.pb-ready-model .pb-testimonial-models-model-11__btn {
  white-space: normal;
}
.pb-testimonial-models-model-11 a.pb-testimonial-models-model-11__btn {
  color: var(--contrast-color);
  text-decoration: none;
}
.pb-testimonial-models-model-11__sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 40px;
}
.pb-testimonial-models-model-11__avatars {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.pb-testimonial-models-model-11__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--surface-color);
  margin-left: -12px;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 90%);
  transition: transform 0.3s ease;
}
.pb-testimonial-models-model-11__avatar:first-child {
  margin-left: 0;
}
.pb-testimonial-models-model-11__avatar:hover {
  transform: scale(1.1) translateY(-4px);
  z-index: 5;
}
.pb-testimonial-models-model-11__avatar-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 700;
  margin-left: -12px;
  border: 3px solid var(--surface-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-testimonial-models-model-11__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  margin-bottom: 24px;
}
.pb-testimonial-models-model-11__badge i {
  font-size: 12px;
}
.pb-testimonial-models-model-11__headline {
  font-family: var(--heading-font);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--heading-color);
  margin-bottom: 16px;
}
.pb-testimonial-models-model-11__summary {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 32px;
}
.pb-testimonial-models-model-11__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  border-radius: var(--button-border-radius);
  background: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-size: 15px;
  font-weight: 600;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-testimonial-models-model-11__btn i {
  transition: transform 0.3s ease;
}
.pb-testimonial-models-model-11__btn:hover {
  background: color-mix(in srgb, var(--accent-color), var(--default-color) 15%);
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--accent-color), transparent 50%);
  text-decoration: none;
}
.pb-testimonial-models-model-11__btn:hover i {
  transform: translateX(5px);
}
.pb-testimonial-models-model-11__carousel {
  padding-bottom: 60px;
}
.pb-testimonial-models-model-11__carousel .swiper-wrapper {
  height: auto !important;
}
.pb-testimonial-models-model-11__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 32px;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-testimonial-models-model-11__card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 40%));
  opacity: 0;
  transition: opacity 0.4s ease;
}
.pb-testimonial-models-model-11__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-testimonial-models-model-11__card:hover::before {
  opacity: 1;
}
.pb-testimonial-models-model-11__card:hover .pb-testimonial-models-model-11__quote-mark {
  transform: scale(1.15);
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-testimonial-models-model-11__card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.pb-testimonial-models-model-11__stars {
  display: flex;
  gap: 4px;
}
.pb-testimonial-models-model-11__stars i {
  color: var(--review-star-color);
  font-size: 16px;
}
.pb-testimonial-models-model-11__quote-mark {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  transition: all 0.4s ease;
}
.pb-testimonial-models-model-11__quote-mark i {
  font-size: 22px;
}
.pb-testimonial-models-model-11__quote {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  margin-bottom: 28px;
  position: relative;
}
.pb-testimonial-models-model-11__author {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 20px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-testimonial-models-model-11__author-img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pb-testimonial-models-model-11__author-meta h5 {
  font-family: var(--heading-font);
  font-size: 17px;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0 0 4px;
}
.pb-testimonial-models-model-11__author-meta span {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-testimonial-models-model-11__pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.pb-testimonial-models-model-11__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: color-mix(in srgb, var(--heading-color), transparent 75%);
  opacity: 1;
  margin: 0 6px;
  border-radius: 50%;
  transition: all 0.4s ease;
}
.pb-testimonial-models-model-11__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 32px;
  border-radius: 10px;
  background: var(--accent-color);
}
@media (max-width: 1199px) {
  .pb-testimonial-models-model-11__sidebar {
    padding-right: 24px;
  }
  .pb-testimonial-models-model-11__headline {
    font-size: 28px;
  }
  .pb-testimonial-models-model-11__card {
    padding: 28px;
  }
}
@media (max-width: 991px) {
  .pb-testimonial-models-model-11__sidebar {
    padding-right: 0;
    padding-bottom: 48px;
    text-align: center;
  }
  .pb-testimonial-models-model-11__avatars {
    justify-content: center;
  }
  .pb-testimonial-models-model-11__headline {
    font-size: 26px;
  }
  .pb-testimonial-models-model-11__summary {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .pb-testimonial-models-model-11__avatar, .pb-testimonial-models-model-11__avatar-count {
    width: 42px;
    height: 42px;
  }
  .pb-testimonial-models-model-11__badge {
    font-size: 12px;
    padding: 6px 14px;
  }
  .pb-testimonial-models-model-11__headline {
    font-size: 24px;
  }
  .pb-testimonial-models-model-11__summary {
    font-size: 15px;
  }
  .pb-testimonial-models-model-11__btn {
    padding: 12px 28px;
    font-size: 14px;
  }
  .pb-testimonial-models-model-11__card {
    padding: 24px;
  }
  .pb-testimonial-models-model-11__stars i {
    font-size: 14px;
  }
  .pb-testimonial-models-model-11__quote-mark {
    width: 40px;
    height: 40px;
  }
  .pb-testimonial-models-model-11__quote-mark i {
    font-size: 18px;
  }
  .pb-testimonial-models-model-11__quote {
    font-size: 15px;
    margin-bottom: 24px;
  }
  .pb-testimonial-models-model-11__author {
    gap: 12px;
    padding-top: 16px;
  }
  .pb-testimonial-models-model-11__author-img {
    width: 46px;
    height: 46px;
  }
  .pb-testimonial-models-model-11__author-meta h5 {
    font-size: 15px;
  }
  .pb-testimonial-models-model-11__author-meta span {
    font-size: 13px;
  }
  .pb-testimonial-models-model-11__carousel {
    padding-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .pb-testimonial-models-model-11__sidebar {
    padding-bottom: 40px;
  }
  .pb-testimonial-models-model-11__avatars {
    margin-bottom: 24px;
  }
  .pb-testimonial-models-model-11__avatar, .pb-testimonial-models-model-11__avatar-count {
    width: 38px;
    height: 38px;
    margin-left: -10px;
  }
  .pb-testimonial-models-model-11__avatar:first-child {
    margin-left: 0;
  }
  .pb-testimonial-models-model-11__avatar-count {
    font-size: 11px;
  }
  .pb-testimonial-models-model-11__headline {
    font-size: 22px;
  }
  .pb-testimonial-models-model-11__summary {
    font-size: 14px;
  }
  .pb-testimonial-models-model-11__card {
    padding: 20px;
  }
  .pb-testimonial-models-model-11__card-top {
    margin-bottom: 20px;
  }
  .pb-testimonial-models-model-11__quote-mark {
    width: 36px;
    height: 36px;
  }
  .pb-testimonial-models-model-11__quote-mark i {
    font-size: 16px;
  }
  .pb-testimonial-models-model-11__quote {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
  .pb-testimonial-models-model-11__author-img {
    width: 42px;
    height: 42px;
    border-width: 2px;
  }
  .pb-testimonial-models-model-11__author-meta h5 {
    font-size: 14px;
  }
  .pb-testimonial-models-model-11__author-meta span {
    font-size: 12px;
  }
  .pb-testimonial-models-model-11__carousel {
    padding-bottom: 45px;
  }
  .pb-testimonial-models-model-11__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px;
  }
  .pb-testimonial-models-model-11__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 26px;
  }
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 12
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-12,
section.pb-testimonial-models-model-12,
.section.pb-testimonial-models-model-12,
.pb-testimonial-models-model-12 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-12.pb-ready-model .pb-testimonial-models-model-12__quote, .pb-testimonial-models-model-12.pb-ready-model .pb-testimonial-models-model-12__info h4, .pb-testimonial-models-model-12.pb-ready-model .pb-testimonial-models-model-12__role, .pb-testimonial-models-model-12.pb-ready-model .pb-testimonial-models-model-12__badge {
  white-space: normal;
}
.pb-testimonial-models-model-12__grid {
  row-gap: 32px;
}
.pb-testimonial-models-model-12__card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 32px;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  position: relative;
}
.pb-testimonial-models-model-12__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 2px 4px color-mix(in srgb, var(--heading-color), transparent 92%);
  transform: translateY(-2px);
}
.pb-testimonial-models-model-12__card.is-featured {
  border-color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 97%);
}
.pb-testimonial-models-model-12__badge {
  position: absolute;
  top: 16px;
  right: 16px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: var(--button-border-radius);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pb-testimonial-models-model-12__rating {
  display: flex;
  gap: 4px;
  margin-bottom: 20px;
}
.pb-testimonial-models-model-12__rating i {
  color: var(--review-star-color);
  font-size: 16px;
}
.pb-testimonial-models-model-12__quote-wrap {
  flex-grow: 1;
  margin-bottom: 24px;
}
.pb-testimonial-models-model-12__quote {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.6;
  color: var(--default-color);
  margin: 0;
}
.pb-testimonial-models-model-12__person {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-testimonial-models-model-12__photo {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.pb-testimonial-models-model-12__info h4 {
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--heading-color);
}
.pb-testimonial-models-model-12__role {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .pb-testimonial-models-model-12__grid {
    row-gap: 24px;
  }
  .pb-testimonial-models-model-12__card {
    padding: 24px;
  }
}
@media (max-width: 767.98px) {
  .pb-testimonial-models-model-12__card {
    padding: 24px;
  }
  .pb-testimonial-models-model-12__badge {
    top: 12px;
    right: 12px;
    font-size: 11px;
    padding: 3px 10px;
  }
  .pb-testimonial-models-model-12__rating {
    margin-bottom: 16px;
  }
  .pb-testimonial-models-model-12__rating i {
    font-size: 14px;
  }
  .pb-testimonial-models-model-12__quote-wrap {
    margin-bottom: 20px;
  }
  .pb-testimonial-models-model-12__quote {
    font-size: 15px;
  }
  .pb-testimonial-models-model-12__person {
    gap: 12px;
    padding-top: 20px;
  }
  .pb-testimonial-models-model-12__photo {
    width: 48px;
    height: 48px;
  }
  .pb-testimonial-models-model-12__info h4 {
    font-size: 15px;
  }
  .pb-testimonial-models-model-12__role {
    font-size: 13px;
  }
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 13
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-13,
section.pb-testimonial-models-model-13,
.section.pb-testimonial-models-model-13,
.pb-testimonial-models-model-13 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-13.pb-ready-model .pb-testimonial-models-model-13__quote, .pb-testimonial-models-model-13.pb-ready-model .pb-testimonial-models-model-13__user h3, .pb-testimonial-models-model-13.pb-ready-model .pb-testimonial-models-model-13__role {
  white-space: normal;
}
.pb-testimonial-models-model-13__slider .swiper-wrapper {
  height: auto !important;
  padding-bottom: 20px;
}
.pb-testimonial-models-model-13__slider .swiper-slide {
  height: auto;
}
.pb-testimonial-models-model-13__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 32px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
}
.pb-testimonial-models-model-13__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 50%));
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
}
.pb-testimonial-models-model-13__card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-testimonial-models-model-13__header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 24px;
}
.pb-testimonial-models-model-13__avatar {
  position: relative;
}
.pb-testimonial-models-model-13__avatar img {
  width: 64px;
  height: 64px;
  border-radius: var(--card-border-radius);
  object-fit: cover;
  border: 3px solid color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-testimonial-models-model-13__user {
  flex: 1;
}
.pb-testimonial-models-model-13__user h3 {
  margin: 0 0 4px;
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-testimonial-models-model-13__role {
  display: block;
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
  margin-bottom: 8px;
}
.pb-testimonial-models-model-13__rating {
  display: flex;
  gap: 2px;
}
.pb-testimonial-models-model-13__rating i {
  color: var(--review-star-color);
  font-size: 14px;
}
.pb-testimonial-models-model-13__body {
  flex-grow: 1;
  position: relative;
  margin-bottom: 24px;
}
.pb-testimonial-models-model-13__quote-mark {
  position: absolute;
  top: -12px;
  right: 0;
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 50%));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-testimonial-models-model-13__quote-mark i {
  color: var(--contrast-color);
  font-size: 20px;
}
.pb-testimonial-models-model-13__quote {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  margin: 0;
  font-weight: 500;
  padding-right: 56px;
}
.pb-testimonial-models-model-13__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-testimonial-models-model-13__company {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: var(--button-border-radius);
}
.pb-testimonial-models-model-13__company i {
  color: var(--accent-color);
  font-size: 14px;
}
.pb-testimonial-models-model-13__company span {
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--accent-color);
}
.pb-testimonial-models-model-13__verified {
  display: flex;
  align-items: center;
  gap: 6px;
}
.pb-testimonial-models-model-13__verified i {
  color: var(--success-color);
  font-size: 16px;
}
.pb-testimonial-models-model-13__verified span {
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 600;
  color: var(--success-color);
}
.pb-testimonial-models-model-13__pagination {
  margin-top: 40px;
  position: relative;
}
.pb-testimonial-models-model-13__pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 70%);
  border-radius: 50%;
  opacity: 1;
  transition: all 0.3s ease;
}
.pb-testimonial-models-model-13__pagination .swiper-pagination-bullet-active {
  background: var(--accent-color);
  transform: scale(1.2);
}
@media (max-width: 767px) {
  .pb-testimonial-models-model-13__card {
    padding: 24px;
  }
  .pb-testimonial-models-model-13__header {
    gap: 12px;
    margin-bottom: 20px;
  }
  .pb-testimonial-models-model-13__avatar img {
    width: 56px;
    height: 56px;
  }
  .pb-testimonial-models-model-13__user h3 {
    font-size: 16px;
  }
  .pb-testimonial-models-model-13__body {
    margin-bottom: 20px;
  }
  .pb-testimonial-models-model-13__quote-mark {
    width: 40px;
    height: 40px;
  }
  .pb-testimonial-models-model-13__quote-mark i {
    font-size: 16px;
  }
  .pb-testimonial-models-model-13__quote {
    font-size: 15px;
    padding-right: 48px;
  }
  .pb-testimonial-models-model-13__footer {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  .pb-testimonial-models-model-13__company {
    padding: 6px 10px;
  }
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 14
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-14,
section.pb-testimonial-models-model-14,
.section.pb-testimonial-models-model-14,
.pb-testimonial-models-model-14 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-14.pb-ready-model .pb-testimonial-models-model-14__quote, .pb-testimonial-models-model-14.pb-ready-model .pb-testimonial-models-model-14__info h4, .pb-testimonial-models-model-14.pb-ready-model .pb-testimonial-models-model-14__role, .pb-testimonial-models-model-14.pb-ready-model .pb-testimonial-models-model-14__company, .pb-testimonial-models-model-14.pb-ready-model .pb-testimonial-models-model-14__badge {
  white-space: normal;
}
.pb-testimonial-models-model-14__wrap {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.pb-testimonial-models-model-14__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  padding: 2rem 0;
}
.pb-testimonial-models-model-14__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 2.5rem;
  position: relative;
  transition: all 0.4s ease;
  box-shadow: 0 8px 32px color-mix(in srgb, var(--heading-color), transparent 92%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  height: 100%;
}
.pb-testimonial-models-model-14__card:hover {
  transform: translateY(-12px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--heading-color), transparent 85%);
}
.pb-testimonial-models-model-14__card.is-featured {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 94%) 0%, var(--surface-color) 100%);
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  transform: scale(1.05);
}
.pb-testimonial-models-model-14__card.is-featured:hover {
  transform: scale(1.05) translateY(-12px);
}
.pb-testimonial-models-model-14__badge {
  position: absolute;
  top: -12px;
  right: 2rem;
  background: linear-gradient(135deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color), var(--heading-color) 20%) 100%);
  color: var(--contrast-color);
  padding: 0.5rem 1rem;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 0.8rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-testimonial-models-model-14__badge i {
  font-size: 0.875rem;
}
.pb-testimonial-models-model-14__rating {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 1.5rem;
}
.pb-testimonial-models-model-14__rating i {
  color: var(--review-star-color);
  font-size: 1rem;
  filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--review-star-color), transparent 60%));
}
.pb-testimonial-models-model-14__quote {
  font-family: var(--default-font);
  font-size: 1.125rem;
  line-height: 1.8;
  color: var(--default-color);
  margin: 0 0 2rem;
  position: relative;
  font-style: italic;
  border: none;
  padding: 0;
}
.pb-testimonial-models-model-14__quote::before {
  content: '"';
  position: absolute;
  top: -1rem;
  left: -0.5rem;
  font-size: 4rem;
  color: color-mix(in srgb, var(--accent-color), transparent 80%);
  font-family: var(--heading-font);
  line-height: 1;
}
.pb-testimonial-models-model-14__person {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-testimonial-models-model-14__avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--accent-color);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--accent-color), transparent 80%);
  flex-shrink: 0;
}
.pb-testimonial-models-model-14__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pb-testimonial-models-model-14__info {
  flex: 1;
}
.pb-testimonial-models-model-14__info h4 {
  font-family: var(--heading-font);
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 0.25rem;
  color: var(--heading-color);
}
.pb-testimonial-models-model-14__role {
  font-family: var(--default-font);
  font-size: 0.9rem;
  color: var(--accent-color);
  font-weight: 500;
  display: block;
  margin-bottom: 0.25rem;
}
.pb-testimonial-models-model-14__company {
  font-family: var(--default-font);
  font-size: 0.85rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  .pb-testimonial-models-model-14__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  .pb-testimonial-models-model-14__card {
    padding: 2rem;
  }
  .pb-testimonial-models-model-14__card.is-featured {
    transform: scale(1.02);
  }
  .pb-testimonial-models-model-14__card.is-featured:hover {
    transform: scale(1.02) translateY(-12px);
  }
  .pb-testimonial-models-model-14__quote {
    font-size: 1rem;
  }
}
@media (max-width: 767.98px) {
  .pb-testimonial-models-model-14__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .pb-testimonial-models-model-14__card {
    padding: 1.5rem;
  }
  .pb-testimonial-models-model-14__card.is-featured {
    transform: none;
  }
  .pb-testimonial-models-model-14__card.is-featured:hover {
    transform: translateY(-8px);
  }
  .pb-testimonial-models-model-14__card:hover {
    transform: translateY(-8px);
  }
  .pb-testimonial-models-model-14__quote {
    font-size: 0.95rem;
    line-height: 1.7;
  }
  .pb-testimonial-models-model-14__quote::before {
    font-size: 3rem;
    top: -0.75rem;
  }
  .pb-testimonial-models-model-14__avatar {
    width: 50px;
    height: 50px;
  }
  .pb-testimonial-models-model-14__info h4 {
    font-size: 1rem;
  }
  .pb-testimonial-models-model-14__role {
    font-size: 0.85rem;
  }
  .pb-testimonial-models-model-14__company {
    font-size: 0.8rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 15
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-15,
section.pb-testimonial-models-model-15,
.section.pb-testimonial-models-model-15,
.pb-testimonial-models-model-15 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-15.pb-ready-model .pb-testimonial-models-model-15__quote, .pb-testimonial-models-model-15.pb-ready-model .pb-testimonial-models-model-15__meta h4, .pb-testimonial-models-model-15.pb-ready-model .pb-testimonial-models-model-15__meta span {
  white-space: normal;
}
.pb-testimonial-models-model-15__carousel .swiper-wrapper {
  height: auto !important;
}
.pb-testimonial-models-model-15__card {
  background-color: var(--surface-color);
  padding: 24px;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s;
  height: 100%;
}
.pb-testimonial-models-model-15__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-testimonial-models-model-15__stars {
  margin-bottom: 16px;
  color: var(--review-star-color);
}
.pb-testimonial-models-model-15__stars i {
  font-size: 18px;
  margin: 0 2px;
  color: var(--review-star-color);
}
.pb-testimonial-models-model-15__quote {
  font-family: var(--default-font);
  font-size: 15px;
  font-style: italic;
  margin: 0 0 20px;
  color: var(--default-color);
}
.pb-testimonial-models-model-15__profile {
  display: flex;
  align-items: center;
  gap: 16px;
}
.pb-testimonial-models-model-15__photo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.pb-testimonial-models-model-15__meta h4 {
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px;
  color: var(--heading-color);
}
.pb-testimonial-models-model-15__meta h4 i {
  font-size: 14px;
  color: var(--success-color);
  margin-left: 4px;
}
.pb-testimonial-models-model-15__meta span {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-testimonial-models-model-15__pagination {
  margin-top: 30px;
  position: relative;
}
.pb-testimonial-models-model-15__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: color-mix(in srgb, var(--heading-color), transparent 70%);
  opacity: 1;
}
.pb-testimonial-models-model-15__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--accent-color);
  width: 20px;
  border-radius: 4px;
}
@media (max-width: 1199.98px) {
  .pb-testimonial-models-model-15__card {
    margin: 0;
  }
}

/*--------------------------------------------------------------
# Page Builder Testimonial Models — Model 16
--------------------------------------------------------------*/
section.section.pb-testimonial-models-model-16,
section.pb-testimonial-models-model-16,
.section.pb-testimonial-models-model-16,
.pb-testimonial-models-model-16 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-testimonial-models-model-16.pb-ready-model .pb-testimonial-models-model-16__quote, .pb-testimonial-models-model-16.pb-ready-model .pb-testimonial-models-model-16__profile h3, .pb-testimonial-models-model-16.pb-ready-model .pb-testimonial-models-model-16__profile h4 {
  white-space: normal;
}
.pb-testimonial-models-model-16__carousel .swiper-wrapper {
  height: auto;
}
.pb-testimonial-models-model-16__carousel .swiper-slide {
  opacity: 0.3;
}
.pb-testimonial-models-model-16__card {
  background-color: var(--surface-color);
  box-shadow: 0 0 20px color-mix(in srgb, var(--heading-color), transparent 90%);
  box-sizing: content-box;
  padding: 30px;
  margin: 40px 30px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  text-align: center;
  transition: 0.3s;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
}
.pb-testimonial-models-model-16__stars {
  margin-bottom: 15px;
}
.pb-testimonial-models-model-16__stars i {
  color: var(--review-star-color);
  margin: 0 1px;
}
.pb-testimonial-models-model-16__quote {
  font-family: var(--default-font);
  font-style: italic;
  margin: 0 auto 15px;
  color: var(--default-color);
}
.pb-testimonial-models-model-16__photo {
  width: 90px;
  height: auto;
  border-radius: 50%;
  border: 4px solid var(--background-color);
  margin: 0 auto;
  object-fit: cover;
}
.pb-testimonial-models-model-16__profile h3 {
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px;
  color: var(--heading-color);
}
.pb-testimonial-models-model-16__profile h4 {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
}
.pb-testimonial-models-model-16__pagination {
  margin-top: 20px;
  position: relative;
}
.pb-testimonial-models-model-16__pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: color-mix(in srgb, var(--heading-color), transparent 85%);
  opacity: 1;
}
.pb-testimonial-models-model-16__pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color);
}
@media (max-width: 1199px) {
  .pb-testimonial-models-model-16__carousel .swiper-slide-active {
    opacity: 1;
  }
  .pb-testimonial-models-model-16__pagination {
    margin-top: 0;
  }
  .pb-testimonial-models-model-16__card {
    margin: 40px 20px;
  }
}
@media (min-width: 1200px) {
  .pb-testimonial-models-model-16__carousel .swiper-slide-next {
    opacity: 1;
    transform: scale(1.12);
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 1
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-1,
section.pb-pricing-models-model-1,
.section.pb-pricing-models-model-1,
.pb-pricing-models-model-1 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-1 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
  --pb-pricing-shadow-sm: 0 1px 3px color-mix(in srgb, var(--heading-color), transparent 90%);
  --pb-pricing-shadow-md: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 86%);
}
.pb-pricing-models-model-1.pb-ready-model .pb-pricing-models-model-1__summary, .pb-pricing-models-model-1.pb-ready-model .pb-pricing-models-model-1__features-heading, .pb-pricing-models-model-1.pb-ready-model .pb-pricing-models-model-1__checklist li {
  white-space: normal;
}
.pb-pricing-models-model-1__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
  position: relative;
}
.pb-pricing-models-model-1__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-1__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-1__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-1__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-1__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-1__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-1__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-1__switch input:checked + .pb-pricing-models-model-1__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-1__switch input:checked + .pb-pricing-models-model-1__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-1__card {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--card-border-radius);
  padding: 24px;
  box-shadow: var(--pb-pricing-shadow-sm);
  display: flex;
  flex-direction: column;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.pb-pricing-models-model-1__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: var(--pb-pricing-shadow-md);
}
.pb-pricing-models-model-1__card.is-recommended {
  border-color: var(--heading-color);
  box-shadow: var(--pb-pricing-shadow-md);
  position: relative;
}
.pb-pricing-models-model-1__recommended-tag {
  position: absolute;
  top: -12px;
  left: 24px;
  background: var(--heading-color);
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: var(--button-border-radius);
  letter-spacing: 0.02em;
}
.pb-pricing-models-model-1__header {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--pb-pricing-border);
  margin-bottom: 24px;
}
.pb-pricing-models-model-1__label {
  display: inline-block;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--pb-pricing-muted);
  margin-bottom: 16px;
}
.pb-pricing-models-model-1__price {
  margin-bottom: 8px;
}
.pb-pricing-models-model-1__amount {
  font-family: var(--heading-font);
  font-size: 48px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1;
  letter-spacing: -0.02em;
  display: none;
}
.pb-pricing-models-model-1__amount sup {
  font-size: 20px;
  top: -0.5em;
  position: relative;
  margin-right: 2px;
}
.pb-pricing-models-model-1__currency-suffix {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  white-space: pre;
}
.pb-pricing-models-model-1__billing {
  display: none;
  font-family: var(--default-font);
  font-size: 14px;
  color: var(--pb-pricing-muted);
  margin-left: 4px;
}
.pb-pricing-models-model-1__summary {
  font-family: var(--default-font);
  font-size: 14px;
  color: var(--pb-pricing-muted);
  line-height: 1.6;
  margin: 0;
}
.pb-pricing-models-model-1__body {
  flex: 1;
}
.pb-pricing-models-model-1__features-heading {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 12px;
}
.pb-pricing-models-model-1__checklist {
  margin: 0;
}
.pb-pricing-models-model-1__checklist li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  font-family: var(--default-font);
  font-size: 14px;
  color: var(--default-color);
}
.pb-pricing-models-model-1__checklist li i {
  font-size: 16px;
  color: var(--heading-color);
  flex-shrink: 0;
}
.pb-pricing-models-model-1__checklist li.is-disabled {
  color: var(--pb-pricing-muted);
}
.pb-pricing-models-model-1__checklist li.is-disabled i {
  color: var(--pb-pricing-muted);
}
.pb-pricing-models-model-1__footer {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--pb-pricing-border);
}
.pb-pricing-models-model-1__btn {
  font-family: var(--default-font);
  font-weight: 500;
  font-size: 14px;
  padding: 10px 24px;
  border-radius: var(--button-border-radius);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.pb-pricing-models-model-1__btn--primary {
  background: var(--heading-color);
  color: var(--contrast-color);
  border: 1px solid var(--heading-color);
}
.pb-pricing-models-model-1__btn--primary:hover {
  background: color-mix(in srgb, var(--heading-color), transparent 10%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-1__btn--primary:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--heading-color), transparent 80%);
}
.pb-pricing-models-model-1__btn--secondary {
  background: transparent;
  color: var(--heading-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 70%);
}
.pb-pricing-models-model-1__btn--secondary:hover {
  background: var(--surface-color);
  border-color: color-mix(in srgb, var(--heading-color), transparent 50%);
}
.pb-pricing-models-model-1__btn--secondary:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--heading-color), transparent 80%);
}
.pb-pricing-models-model-1__link-monthly, .pb-pricing-models-model-1__link-yearly {
  display: none;
}
.pb-pricing-models-model-1__toggle-wrap ~ .row .pb-pricing-models-model-1__card .pb-pricing-models-model-1__price-monthly,
.pb-pricing-models-model-1 .row .pb-pricing-models-model-1__card .pb-pricing-models-model-1__price-monthly {
  display: inline;
}
.pb-pricing-models-model-1__toggle-wrap ~ .row .pb-pricing-models-model-1__card .pb-pricing-models-model-1__price-yearly,
.pb-pricing-models-model-1 .row .pb-pricing-models-model-1__card .pb-pricing-models-model-1__price-yearly {
  display: none;
}
.pb-pricing-models-model-1__toggle-wrap ~ .row .pb-pricing-models-model-1__card .pb-pricing-models-model-1__link-monthly,
.pb-pricing-models-model-1 .row .pb-pricing-models-model-1__card .pb-pricing-models-model-1__link-monthly {
  display: inline-block;
}
.pb-pricing-models-model-1__toggle-wrap ~ .row .pb-pricing-models-model-1__card .pb-pricing-models-model-1__link-yearly,
.pb-pricing-models-model-1 .row .pb-pricing-models-model-1__card .pb-pricing-models-model-1__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-1__toggle-wrap:has(.pb-pricing-models-model-1__switch input:checked) ~ .row .pb-pricing-models-model-1__card .pb-pricing-models-model-1__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-1__toggle-wrap:has(.pb-pricing-models-model-1__switch input:checked) ~ .row .pb-pricing-models-model-1__card .pb-pricing-models-model-1__price-yearly {
    display: inline;
  }
  .pb-pricing-models-model-1__toggle-wrap:has(.pb-pricing-models-model-1__switch input:checked) ~ .row .pb-pricing-models-model-1__card .pb-pricing-models-model-1__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-1__toggle-wrap:has(.pb-pricing-models-model-1__switch input:checked) ~ .row .pb-pricing-models-model-1__card .pb-pricing-models-model-1__link-yearly {
    display: inline-block;
  }
  .pb-pricing-models-model-1__toggle-wrap:has(.pb-pricing-models-model-1__switch input:checked) .pb-pricing-models-model-1__period--monthly {
    color: var(--pb-pricing-muted) !important;
  }
  .pb-pricing-models-model-1__toggle-wrap:has(.pb-pricing-models-model-1__switch input:checked) .pb-pricing-models-model-1__period--yearly {
    color: var(--heading-color) !important;
  }
}
@media (max-width: 768px) {
  .pb-pricing-models-model-1__amount {
    font-size: 40px;
  }
  .pb-pricing-models-model-1__amount sup {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .pb-pricing-models-model-1__card {
    padding: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 2
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-2,
section.pb-pricing-models-model-2,
.section.pb-pricing-models-model-2,
.pb-pricing-models-model-2 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-2 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
  --pb-pricing-pink-mix: #ff006e;
}
.pb-pricing-models-model-2.pb-ready-model .pb-pricing-models-model-2__tagline, .pb-pricing-models-model-2.pb-ready-model .pb-pricing-models-model-2__perks li {
  white-space: normal;
}
.pb-pricing-models-model-2__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
  position: relative;
}
.pb-pricing-models-model-2__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-2__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-2__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-2__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-2__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-2__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-2__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-2__switch input:checked + .pb-pricing-models-model-2__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-2__switch input:checked + .pb-pricing-models-model-2__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-2__card {
  position: relative;
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 48px 36px 40px;
  text-align: center;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  height: 100%;
}
.pb-pricing-models-model-2__card::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 70%), color-mix(in srgb, var(--accent-color), transparent 90%));
  z-index: 0;
}
.pb-pricing-models-model-2__card::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: -30px;
  width: 90px;
  height: 90px;
  border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 85%), color-mix(in srgb, var(--accent-color), transparent 92%));
  z-index: 0;
}
.pb-pricing-models-model-2__card:hover {
  transform: translateY(-8px) rotate(-1deg);
  box-shadow: 0 20px 48px color-mix(in srgb, var(--heading-color), transparent 88%);
}
.pb-pricing-models-model-2__badge {
  position: relative;
  z-index: 1;
  display: inline-block;
  font-family: var(--heading-font);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  padding: 6px 20px;
  border-radius: var(--button-border-radius);
  margin-bottom: 20px;
}
.pb-pricing-models-model-2__icon {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--pb-pricing-pink-mix) 30%));
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 55%);
}
.pb-pricing-models-model-2__icon i {
  font-size: 28px;
  color: var(--contrast-color);
}
.pb-pricing-models-model-2__cost {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
  font-family: var(--heading-font);
}
.pb-pricing-models-model-2__symbol {
  font-size: 22px;
  font-weight: 700;
  color: var(--accent-color);
  vertical-align: super;
}
.pb-pricing-models-model-2__value {
  font-size: 56px;
  font-weight: 800;
  line-height: 1;
  color: var(--heading-color);
  letter-spacing: -0.03em;
}
.pb-pricing-models-model-2__currency-suffix {
  font-size: 22px;
  font-weight: 700;
  color: var(--accent-color);
  white-space: pre;
}
.pb-pricing-models-model-2__cycle {
  font-size: 15px;
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-pricing-models-model-2__tagline {
  position: relative;
  z-index: 1;
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 28px;
  padding: 0 10px;
}
.pb-pricing-models-model-2__perks {
  position: relative;
  z-index: 1;
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  text-align: left;
}
.pb-pricing-models-model-2__perks li {
  padding: 10px 0;
  display: flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 15px;
  color: var(--default-color);
  border-bottom: 1px dashed color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-pricing-models-model-2__perks li:last-child {
  border-bottom: none;
}
.pb-pricing-models-model-2__perks li i {
  font-size: 14px;
  margin-right: 10px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-pricing-models-model-2__perks li.is-unavailable {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.pb-pricing-models-model-2__perks li.is-unavailable i {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.pb-pricing-models-model-2__btn {
  position: relative;
  z-index: 1;
  display: none;
  padding: 14px 40px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--accent-color);
  background: transparent;
  border: 3px solid var(--accent-color);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  text-decoration: none;
}
.pb-pricing-models-model-2__btn:hover {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--pb-pricing-pink-mix) 30%));
  border-color: transparent;
  color: var(--contrast-color);
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-pricing-models-model-2__ribbon {
  position: absolute;
  top: 18px;
  right: -32px;
  z-index: 2;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--pb-pricing-pink-mix) 30%));
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 6px 40px;
  transform: rotate(35deg);
}
.pb-pricing-models-model-2__card--popular {
  background: linear-gradient(160deg, color-mix(in srgb, var(--accent-color), transparent 92%), var(--surface-color) 40%, var(--surface-color));
  border: 3px solid color-mix(in srgb, var(--accent-color), transparent 60%);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-pricing-models-model-2__card--popular .pb-pricing-models-model-2__btn {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--pb-pricing-pink-mix) 30%));
  border-color: transparent;
  color: var(--contrast-color);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color), transparent 55%);
}
.pb-pricing-models-model-2__card--popular .pb-pricing-models-model-2__btn:hover {
  box-shadow: 0 14px 36px color-mix(in srgb, var(--accent-color), transparent 40%);
}
.pb-pricing-models-model-2__card--starter .pb-pricing-models-model-2__icon {
  background: linear-gradient(135deg, #f7971e, #ffd200);
  box-shadow: 0 8px 24px color-mix(in srgb, #f7971e, transparent 55%);
}
.pb-pricing-models-model-2__card--ultimate .pb-pricing-models-model-2__icon {
  background: linear-gradient(135deg, #8e2de2, #4a00e0);
  box-shadow: 0 8px 24px color-mix(in srgb, #8e2de2, transparent 55%);
}
.pb-pricing-models-model-2__price-monthly, .pb-pricing-models-model-2__price-yearly, .pb-pricing-models-model-2__link-monthly, .pb-pricing-models-model-2__link-yearly {
  display: none;
}
.pb-pricing-models-model-2__toggle-wrap ~ .row .pb-pricing-models-model-2__card .pb-pricing-models-model-2__price-monthly,
.pb-pricing-models-model-2 .row .pb-pricing-models-model-2__card .pb-pricing-models-model-2__price-monthly {
  display: inline;
}
.pb-pricing-models-model-2__toggle-wrap ~ .row .pb-pricing-models-model-2__card .pb-pricing-models-model-2__price-yearly,
.pb-pricing-models-model-2 .row .pb-pricing-models-model-2__card .pb-pricing-models-model-2__price-yearly {
  display: none;
}
.pb-pricing-models-model-2__toggle-wrap ~ .row .pb-pricing-models-model-2__card .pb-pricing-models-model-2__link-monthly,
.pb-pricing-models-model-2 .row .pb-pricing-models-model-2__card .pb-pricing-models-model-2__link-monthly {
  display: inline-block;
}
.pb-pricing-models-model-2__toggle-wrap ~ .row .pb-pricing-models-model-2__card .pb-pricing-models-model-2__link-yearly,
.pb-pricing-models-model-2 .row .pb-pricing-models-model-2__card .pb-pricing-models-model-2__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-2__toggle-wrap:has(.pb-pricing-models-model-2__switch input:checked) ~ .row .pb-pricing-models-model-2__card .pb-pricing-models-model-2__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-2__toggle-wrap:has(.pb-pricing-models-model-2__switch input:checked) ~ .row .pb-pricing-models-model-2__card .pb-pricing-models-model-2__price-yearly {
    display: inline;
  }
  .pb-pricing-models-model-2__toggle-wrap:has(.pb-pricing-models-model-2__switch input:checked) ~ .row .pb-pricing-models-model-2__card .pb-pricing-models-model-2__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-2__toggle-wrap:has(.pb-pricing-models-model-2__switch input:checked) ~ .row .pb-pricing-models-model-2__card .pb-pricing-models-model-2__link-yearly {
    display: inline-block;
  }
  .pb-pricing-models-model-2__toggle-wrap:has(.pb-pricing-models-model-2__switch input:checked) .pb-pricing-models-model-2__period--monthly {
    color: var(--pb-pricing-muted) !important;
  }
  .pb-pricing-models-model-2__toggle-wrap:has(.pb-pricing-models-model-2__switch input:checked) .pb-pricing-models-model-2__period--yearly {
    color: var(--heading-color) !important;
  }
}
@media (max-width: 992px) {
  .pb-pricing-models-model-2__card {
    max-width: 420px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .pb-pricing-models-model-2__value {
    font-size: 48px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 3
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-3,
section.pb-pricing-models-model-3,
.section.pb-pricing-models-model-3,
.pb-pricing-models-model-3 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-3 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-models-model-3.pb-ready-model .pb-pricing-models-model-3__summary, .pb-pricing-models-model-3.pb-ready-model .pb-pricing-models-model-3__perks li, .pb-pricing-models-model-3.pb-ready-model .pb-pricing-models-model-3__footer-note, .pb-pricing-models-model-3.pb-ready-model .pb-pricing-models-model-3__footer-cta {
  white-space: normal;
}
.pb-pricing-models-model-3__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
  position: relative;
}
.pb-pricing-models-model-3__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-3__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-3__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-3__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-3__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-3__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-3__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-3__switch input:checked + .pb-pricing-models-model-3__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-3__switch input:checked + .pb-pricing-models-model-3__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-3__card {
  background-color: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: 0;
  padding: 48px;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: border-color 0.3s ease;
}
.pb-pricing-models-model-3__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-pricing-models-model-3__card.is-highlighted {
  border-top: 2px solid var(--accent-color);
}
.pb-pricing-models-model-3__label {
  font-family: var(--default-font);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 24px;
}
.pb-pricing-models-model-3__recommended-tag {
  color: var(--accent-color);
  text-transform: none;
  font-weight: 500;
  letter-spacing: 0;
  font-size: 0.8rem;
}
.pb-pricing-models-model-3__price {
  display: flex;
  align-items: baseline;
  gap: 2px;
  margin-bottom: 16px;
}
.pb-pricing-models-model-3__symbol {
  font-family: var(--default-font);
  font-size: 1.125rem;
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-pricing-models-model-3__value {
  font-family: var(--heading-font);
  font-size: 3.5rem;
  font-weight: 300;
  color: var(--heading-color);
  line-height: 1;
  letter-spacing: -0.03em;
}
.pb-pricing-models-model-3__currency-suffix {
  font-family: var(--default-font);
  font-size: 1.125rem;
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  white-space: pre;
}
.pb-pricing-models-model-3__cycle {
  font-family: var(--default-font);
  font-size: 0.875rem;
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-left: 4px;
}
.pb-pricing-models-model-3__summary {
  font-family: var(--default-font);
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.7;
  margin-bottom: 0;
}
.pb-pricing-models-model-3__divider {
  border: none;
  border-top: 1px solid var(--pb-pricing-border);
  margin: 32px 0;
}
.pb-pricing-models-model-3__perks {
  list-style: none;
  padding: 0;
  margin: 0 0 48px;
  flex-grow: 1;
}
.pb-pricing-models-model-3__perks li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  font-family: var(--default-font);
  font-size: 0.9rem;
  color: var(--default-color);
  line-height: 1.6;
}
.pb-pricing-models-model-3__perks li i {
  font-size: 0.7rem;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  flex-shrink: 0;
}
.pb-pricing-models-model-3__btn {
  display: none;
  width: 100%;
  padding: 14px 24px;
  text-align: center;
  font-family: var(--default-font);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-decoration: none;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 60%);
  border-radius: var(--button-border-radius);
  color: var(--default-color);
  background-color: transparent;
  transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;
  margin-top: auto;
  box-sizing: border-box;
}
.pb-pricing-models-model-3__btn:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
.pb-pricing-models-model-3__btn--solid {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-3__btn--solid:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 10%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-3__footer-note {
  font-family: var(--default-font);
  font-size: 0.8rem;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-bottom: 8px;
  letter-spacing: 0.01em;
}
.pb-pricing-models-model-3__footer-cta {
  font-family: var(--default-font);
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
}
.pb-pricing-models-model-3__footer-cta a {
  color: var(--accent-color);
  text-decoration: none;
  font-weight: 500;
}
.pb-pricing-models-model-3__footer-cta a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 15%);
}
.pb-pricing-models-model-3__price-monthly, .pb-pricing-models-model-3__price-yearly, .pb-pricing-models-model-3__link-monthly, .pb-pricing-models-model-3__link-yearly {
  display: none;
}
.pb-pricing-models-model-3__toggle-wrap ~ .row .pb-pricing-models-model-3__card .pb-pricing-models-model-3__price-monthly,
.pb-pricing-models-model-3 .row .pb-pricing-models-model-3__card .pb-pricing-models-model-3__price-monthly {
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.pb-pricing-models-model-3__toggle-wrap ~ .row .pb-pricing-models-model-3__card .pb-pricing-models-model-3__price-yearly,
.pb-pricing-models-model-3 .row .pb-pricing-models-model-3__card .pb-pricing-models-model-3__price-yearly {
  display: none;
}
.pb-pricing-models-model-3__toggle-wrap ~ .row .pb-pricing-models-model-3__card .pb-pricing-models-model-3__link-monthly,
.pb-pricing-models-model-3 .row .pb-pricing-models-model-3__card .pb-pricing-models-model-3__link-monthly {
  display: block;
}
.pb-pricing-models-model-3__toggle-wrap ~ .row .pb-pricing-models-model-3__card .pb-pricing-models-model-3__link-yearly,
.pb-pricing-models-model-3 .row .pb-pricing-models-model-3__card .pb-pricing-models-model-3__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-3__toggle-wrap:has(.pb-pricing-models-model-3__switch input:checked) ~ .row .pb-pricing-models-model-3__card .pb-pricing-models-model-3__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-3__toggle-wrap:has(.pb-pricing-models-model-3__switch input:checked) ~ .row .pb-pricing-models-model-3__card .pb-pricing-models-model-3__price-yearly {
    display: flex;
    align-items: baseline;
    gap: 2px;
  }
  .pb-pricing-models-model-3__toggle-wrap:has(.pb-pricing-models-model-3__switch input:checked) ~ .row .pb-pricing-models-model-3__card .pb-pricing-models-model-3__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-3__toggle-wrap:has(.pb-pricing-models-model-3__switch input:checked) ~ .row .pb-pricing-models-model-3__card .pb-pricing-models-model-3__link-yearly {
    display: block;
  }
  .pb-pricing-models-model-3__toggle-wrap:has(.pb-pricing-models-model-3__switch input:checked) .pb-pricing-models-model-3__period--monthly {
    color: var(--pb-pricing-muted) !important;
  }
  .pb-pricing-models-model-3__toggle-wrap:has(.pb-pricing-models-model-3__switch input:checked) .pb-pricing-models-model-3__period--yearly {
    color: var(--heading-color) !important;
  }
}
@media (max-width: 768px) {
  .pb-pricing-models-model-3__card {
    padding: 36px 28px;
  }
  .pb-pricing-models-model-3__value {
    font-size: 2.75rem;
  }
  .pb-pricing-models-model-3__perks {
    margin-bottom: 36px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 4
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-4,
section.pb-pricing-models-model-4,
.section.pb-pricing-models-model-4,
.pb-pricing-models-model-4 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-4 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-models-model-4.pb-ready-model .pb-pricing-models-model-4__subtitle, .pb-pricing-models-model-4.pb-ready-model .pb-pricing-models-model-4__features li, .pb-pricing-models-model-4.pb-ready-model .pb-pricing-models-model-4__billing, .pb-pricing-models-model-4.pb-ready-model .pb-pricing-models-model-4__badge-copy, .pb-pricing-models-model-4.pb-ready-model .pb-pricing-models-model-4__trial-note {
  white-space: normal;
}
.pb-pricing-models-model-4__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-4__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-4__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-4__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-4__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-4__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-4__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-4__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-4__switch input:checked + .pb-pricing-models-model-4__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-4__switch input:checked + .pb-pricing-models-model-4__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-4__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 4px 24px color-mix(in srgb, var(--heading-color), transparent 94%);
  border: 1px solid var(--pb-pricing-border);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.pb-pricing-models-model-4__card:hover {
  box-shadow: 0 12px 48px color-mix(in srgb, var(--heading-color), transparent 88%);
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-pricing-models-model-4__card.is-highlighted {
  border: 2px solid var(--accent-color);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-pricing-models-model-4__card.is-highlighted .pb-pricing-models-model-4__header {
  background: var(--accent-color);
}
.pb-pricing-models-model-4__card.is-highlighted .pb-pricing-models-model-4__header .pb-pricing-models-model-4__icon {
  background: color-mix(in srgb, var(--contrast-color), transparent 80%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-4__card.is-highlighted .pb-pricing-models-model-4__header .pb-pricing-models-model-4__title,
.pb-pricing-models-model-4__card.is-highlighted .pb-pricing-models-model-4__header .pb-pricing-models-model-4__subtitle {
  color: var(--contrast-color);
}
.pb-pricing-models-model-4__card.is-highlighted .pb-pricing-models-model-4__btn {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-4__card.is-highlighted .pb-pricing-models-model-4__btn:hover {
  background: color-mix(in srgb, var(--accent-color), black 15%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-4__card.is-highlighted:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 56px color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pb-pricing-models-model-4__header {
  padding: 32px 28px 24px;
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  text-align: center;
  border-bottom: 1px solid var(--pb-pricing-border);
}
.pb-pricing-models-model-4__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  font-size: 24px;
  margin-bottom: 16px;
}
.pb-pricing-models-model-4__title {
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--heading-color);
}
.pb-pricing-models-model-4__subtitle {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
}
.pb-pricing-models-model-4__body {
  padding: 28px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.pb-pricing-models-model-4__price-wrap {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  margin-bottom: 4px;
}
.pb-pricing-models-model-4__price-wrap.is-custom {
  padding: 12px 0;
}
.pb-pricing-models-model-4__currency-mark {
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: 700;
  color: var(--heading-color);
  align-self: flex-start;
  margin-top: 8px;
}
.pb-pricing-models-model-4__amount {
  font-family: var(--heading-font);
  font-size: 52px;
  font-weight: 800;
  color: var(--heading-color);
  line-height: 1;
  letter-spacing: -2px;
}
.pb-pricing-models-model-4__currency-suffix {
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: 700;
  color: var(--heading-color);
  white-space: pre;
  align-self: flex-start;
  margin-top: 8px;
}
.pb-pricing-models-model-4__cycle {
  font-family: var(--default-font);
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-weight: 500;
}
.pb-pricing-models-model-4__custom-label {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 800;
  color: var(--heading-color);
  letter-spacing: -1px;
}
.pb-pricing-models-model-4__billing {
  font-family: var(--default-font);
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  text-align: center;
  margin-bottom: 24px;
}
.pb-pricing-models-model-4__features {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  flex-grow: 1;
}
.pb-pricing-models-model-4__features li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  font-family: var(--default-font);
  font-size: 14px;
  color: var(--default-color);
}
.pb-pricing-models-model-4__features li i {
  font-size: 16px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-pricing-models-model-4__btn {
  display: none;
  width: 100%;
  padding: 14px 24px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  transition: all 0.3s ease;
  border: none;
  text-decoration: none;
  box-sizing: border-box;
}
.pb-pricing-models-model-4__btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-4__trial-note {
  display: block;
  font-family: var(--default-font);
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  text-align: center;
  margin-top: 12px;
}
.pb-pricing-models-model-4__badges {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 64px;
  padding: 32px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid var(--pb-pricing-border);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--heading-color), transparent 94%);
}
.pb-pricing-models-model-4__badge {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease;
}
.pb-pricing-models-model-4__badge:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-pricing-models-model-4__badge i {
  font-size: 28px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-pricing-models-model-4__badge-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pb-pricing-models-model-4__badge-copy strong {
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
}
.pb-pricing-models-model-4__badge-copy span {
  font-family: var(--default-font);
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-pricing-models-model-4__help {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  margin-top: 40px;
}
.pb-pricing-models-model-4__help a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-color);
  transition: all 0.3s ease;
  padding: 8px 0;
  text-decoration: none;
}
.pb-pricing-models-model-4__help a i {
  font-size: 18px;
}
.pb-pricing-models-model-4__help a:hover {
  color: color-mix(in srgb, var(--accent-color), black 25%);
  transform: translateY(-2px);
}
.pb-pricing-models-model-4__price-monthly, .pb-pricing-models-model-4__price-yearly, .pb-pricing-models-model-4__billing-yearly, .pb-pricing-models-model-4__link-monthly, .pb-pricing-models-model-4__link-yearly {
  display: none;
}
.pb-pricing-models-model-4__toggle-wrap ~ .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__price-monthly,
.pb-pricing-models-model-4 .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__price-monthly {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
}
.pb-pricing-models-model-4__toggle-wrap ~ .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__price-yearly,
.pb-pricing-models-model-4 .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__price-yearly {
  display: none;
}
.pb-pricing-models-model-4__toggle-wrap ~ .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__billing-monthly,
.pb-pricing-models-model-4 .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__billing-monthly {
  display: block;
}
.pb-pricing-models-model-4__toggle-wrap ~ .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__billing-yearly,
.pb-pricing-models-model-4 .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__billing-yearly {
  display: none;
}
.pb-pricing-models-model-4__toggle-wrap ~ .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__link-monthly,
.pb-pricing-models-model-4 .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__link-monthly {
  display: block;
}
.pb-pricing-models-model-4__toggle-wrap ~ .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__link-yearly,
.pb-pricing-models-model-4 .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-4__toggle-wrap:has(.pb-pricing-models-model-4__switch input:checked) ~ .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-4__toggle-wrap:has(.pb-pricing-models-model-4__switch input:checked) ~ .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__price-yearly {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
  }
  .pb-pricing-models-model-4__toggle-wrap:has(.pb-pricing-models-model-4__switch input:checked) ~ .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__billing-monthly {
    display: none;
  }
  .pb-pricing-models-model-4__toggle-wrap:has(.pb-pricing-models-model-4__switch input:checked) ~ .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__billing-yearly {
    display: block;
  }
  .pb-pricing-models-model-4__toggle-wrap:has(.pb-pricing-models-model-4__switch input:checked) ~ .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-4__toggle-wrap:has(.pb-pricing-models-model-4__switch input:checked) ~ .row .pb-pricing-models-model-4__card .pb-pricing-models-model-4__link-yearly {
    display: block;
  }
  .pb-pricing-models-model-4__toggle-wrap:has(.pb-pricing-models-model-4__switch input:checked) .pb-pricing-models-model-4__period--monthly {
    color: var(--pb-pricing-muted) !important;
  }
  .pb-pricing-models-model-4__toggle-wrap:has(.pb-pricing-models-model-4__switch input:checked) .pb-pricing-models-model-4__period--yearly {
    color: var(--heading-color) !important;
  }
}
@media (max-width: 992px) {
  .pb-pricing-models-model-4__badges {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .pb-pricing-models-model-4__header {
    padding: 24px 20px 20px;
  }
  .pb-pricing-models-model-4__body {
    padding: 24px 20px;
  }
  .pb-pricing-models-model-4__amount {
    font-size: 44px;
  }
  .pb-pricing-models-model-4__custom-label {
    font-size: 30px;
  }
  .pb-pricing-models-model-4__icon {
    width: 48px;
    height: 48px;
    font-size: 20px;
  }
  .pb-pricing-models-model-4__badges {
    margin-top: 48px;
  }
}
@media (max-width: 576px) {
  .pb-pricing-models-model-4__badges {
    grid-template-columns: 1fr;
    padding: 24px;
    gap: 16px;
  }
  .pb-pricing-models-model-4__help {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 5
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-5,
section.pb-pricing-models-model-5,
.section.pb-pricing-models-model-5,
.pb-pricing-models-model-5 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-5 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-models-model-5.pb-ready-model .pb-pricing-models-model-5__billing, .pb-pricing-models-model-5.pb-ready-model .pb-pricing-models-model-5__features li, .pb-pricing-models-model-5.pb-ready-model .pb-pricing-models-model-5__trial, .pb-pricing-models-model-5.pb-ready-model .pb-pricing-models-model-5__trust-item {
  white-space: normal;
}
.pb-pricing-models-model-5__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-5__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-5__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-5__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-5__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-5__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-5__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-5__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-5__switch input:checked + .pb-pricing-models-model-5__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-5__switch input:checked + .pb-pricing-models-model-5__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-5__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: center;
}
@media (max-width: 992px) {
  .pb-pricing-models-model-5__grid {
    grid-template-columns: 1fr;
    gap: 32px;
    max-width: 480px;
    margin: 0 auto;
  }
}
.pb-pricing-models-model-5__item {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 40px 32px;
  position: relative;
  box-shadow: 0 10px 40px color-mix(in srgb, var(--heading-color), transparent 94%);
  border: 1px solid var(--pb-pricing-border);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pb-pricing-models-model-5__item:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--heading-color), transparent 90%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-pricing-models-model-5__item.is-featured {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: scale(1.05);
  z-index: 2;
  padding: 56px 32px 40px;
  border-color: transparent;
}
@media (max-width: 992px) {
  .pb-pricing-models-model-5__item.is-featured {
    transform: scale(1);
  }
}
.pb-pricing-models-model-5__item.is-featured:hover {
  transform: scale(1.05) translateY(-8px);
}
@media (max-width: 992px) {
  .pb-pricing-models-model-5__item.is-featured:hover {
    transform: translateY(-8px);
  }
}
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__featured-tag {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: color-mix(in srgb, var(--accent-color) 90%, white 25%);
  box-shadow: 0 5px 20px color-mix(in srgb, var(--heading-color), transparent 85%);
  color: var(--contrast-color);
  padding: 10px 24px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
}
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__badge {
  background: color-mix(in srgb, var(--contrast-color), transparent 80%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__currency,
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__currency-suffix,
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__value,
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__cycle,
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__custom-label {
  color: var(--contrast-color);
}
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__billing {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
}
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__features li {
  color: var(--contrast-color);
  border-bottom-color: color-mix(in srgb, var(--contrast-color), transparent 85%);
}
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__features li i {
  color: var(--contrast-color);
}
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__btn {
  background: var(--contrast-color);
  color: var(--accent-color);
}
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__btn:hover {
  background: color-mix(in srgb, var(--contrast-color), transparent 10%);
  transform: translateX(4px);
}
.pb-pricing-models-model-5__item.is-featured .pb-pricing-models-model-5__trial {
  color: color-mix(in srgb, var(--contrast-color), transparent 25%);
}
.pb-pricing-models-model-5__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 600;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  margin-bottom: 24px;
  align-self: flex-start;
}
.pb-pricing-models-model-5__badge i {
  font-size: 16px;
}
.pb-pricing-models-model-5__price {
  margin-bottom: 8px;
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
}
.pb-pricing-models-model-5__price.is-custom {
  flex-direction: column;
  gap: 0;
}
.pb-pricing-models-model-5__price.is-custom .pb-pricing-models-model-5__cycle {
  font-size: 18px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-left: 0;
}
.pb-pricing-models-model-5__price-display {
  display: flex;
  align-items: flex-start;
}
.pb-pricing-models-model-5__currency {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}
.pb-pricing-models-model-5__currency-suffix {
  font-family: var(--heading-font);
  font-size: 28px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
  align-self: flex-end;
  margin-bottom: 8px;
}
.pb-pricing-models-model-5__value {
  font-family: var(--heading-font);
  font-size: 56px;
  font-weight: 800;
  color: var(--heading-color);
  line-height: 1;
  letter-spacing: -2px;
}
.pb-pricing-models-model-5__cycle {
  font-family: var(--default-font);
  font-size: 16px;
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-left: 4px;
}
.pb-pricing-models-model-5__custom-label {
  font-family: var(--heading-font);
  font-size: 48px;
  font-weight: 800;
  color: var(--heading-color);
  line-height: 1.1;
  letter-spacing: -1px;
}
.pb-pricing-models-model-5__billing {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-bottom: 32px;
}
.pb-pricing-models-model-5__features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  flex-grow: 1;
}
.pb-pricing-models-model-5__features li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  font-family: var(--default-font);
  font-size: 15px;
  color: var(--default-color);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-pricing-models-model-5__features li:last-child {
  border-bottom: none;
}
.pb-pricing-models-model-5__features li i {
  font-size: 18px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-pricing-models-model-5__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 16px 32px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 15px;
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
  text-decoration: none;
}
.pb-pricing-models-model-5__btn i {
  font-size: 16px;
  transition: transform 0.3s ease;
}
.pb-pricing-models-model-5__btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-5__btn:hover i {
  transform: translateX(4px);
}
.pb-pricing-models-model-5__trial {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-family: var(--default-font);
  font-size: 13px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 0;
}
.pb-pricing-models-model-5__trust {
  margin-top: 80px;
  padding-top: 48px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  text-align: center;
}
@media (max-width: 768px) {
  .pb-pricing-models-model-5__trust {
    margin-top: 48px;
    padding-top: 32px;
  }
}
.pb-pricing-models-model-5__trust-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  margin-bottom: 32px;
}
@media (max-width: 576px) {
  .pb-pricing-models-model-5__trust-items {
    gap: 16px;
  }
}
.pb-pricing-models-model-5__trust-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--default-color);
}
.pb-pricing-models-model-5__trust-item i {
  font-size: 18px;
  color: var(--accent-color);
}
@media (max-width: 576px) {
  .pb-pricing-models-model-5__trust-item {
    padding: 10px 16px;
    font-size: 13px;
  }
}
.pb-pricing-models-model-5__footer-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
.pb-pricing-models-model-5__footer-actions a {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-color);
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
}
.pb-pricing-models-model-5__footer-actions a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--accent-color);
  transition: width 0.3s ease;
}
.pb-pricing-models-model-5__footer-actions a:hover {
  color: color-mix(in srgb, var(--accent-color) 80%, var(--heading-color));
}
.pb-pricing-models-model-5__footer-actions a:hover::after {
  width: 100%;
}
@media (max-width: 576px) {
  .pb-pricing-models-model-5__footer-actions {
    flex-direction: column;
    gap: 16px;
  }
}
.pb-pricing-models-model-5__link-monthly, .pb-pricing-models-model-5__link-yearly {
  display: none;
}
.pb-pricing-models-model-5__toggle-wrap ~ .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__price-monthly,
.pb-pricing-models-model-5 .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__price-monthly {
  display: flex;
  align-items: flex-start;
}
.pb-pricing-models-model-5__toggle-wrap ~ .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__price-yearly,
.pb-pricing-models-model-5 .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__price-yearly {
  display: none;
}
.pb-pricing-models-model-5__toggle-wrap ~ .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__billing-monthly,
.pb-pricing-models-model-5 .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__billing-monthly {
  display: block;
}
.pb-pricing-models-model-5__toggle-wrap ~ .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__billing-yearly,
.pb-pricing-models-model-5 .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__billing-yearly {
  display: none;
}
.pb-pricing-models-model-5__toggle-wrap ~ .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__link-monthly,
.pb-pricing-models-model-5 .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__link-monthly {
  display: inline-flex;
}
.pb-pricing-models-model-5__toggle-wrap ~ .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__link-yearly,
.pb-pricing-models-model-5 .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-5__toggle-wrap:has(.pb-pricing-models-model-5__switch input:checked) ~ .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-5__toggle-wrap:has(.pb-pricing-models-model-5__switch input:checked) ~ .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__price-yearly {
    display: flex;
    align-items: flex-start;
  }
  .pb-pricing-models-model-5__toggle-wrap:has(.pb-pricing-models-model-5__switch input:checked) ~ .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__billing-monthly {
    display: none;
  }
  .pb-pricing-models-model-5__toggle-wrap:has(.pb-pricing-models-model-5__switch input:checked) ~ .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__billing-yearly {
    display: block;
  }
  .pb-pricing-models-model-5__toggle-wrap:has(.pb-pricing-models-model-5__switch input:checked) ~ .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-5__toggle-wrap:has(.pb-pricing-models-model-5__switch input:checked) ~ .pb-pricing-models-model-5__grid .pb-pricing-models-model-5__item .pb-pricing-models-model-5__link-yearly {
    display: inline-flex;
  }
  .pb-pricing-models-model-5__toggle-wrap:has(.pb-pricing-models-model-5__switch input:checked) .pb-pricing-models-model-5__period--monthly {
    color: var(--pb-pricing-muted) !important;
  }
  .pb-pricing-models-model-5__toggle-wrap:has(.pb-pricing-models-model-5__switch input:checked) .pb-pricing-models-model-5__period--yearly {
    color: var(--heading-color) !important;
  }
}
@media (max-width: 768px) {
  .pb-pricing-models-model-5__item {
    padding: 32px 24px;
  }
  .pb-pricing-models-model-5__item.is-featured {
    padding: 48px 24px 32px;
  }
  .pb-pricing-models-model-5__value {
    font-size: 44px;
  }
  .pb-pricing-models-model-5__currency {
    font-size: 20px;
  }
  .pb-pricing-models-model-5__currency-suffix {
    font-size: 22px;
    margin-bottom: 6px;
  }
  .pb-pricing-models-model-5__custom-label {
    font-size: 40px;
  }
  .pb-pricing-models-model-5__features li {
    font-size: 14px;
    padding: 12px 0;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 6
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-6,
section.pb-pricing-models-model-6,
.section.pb-pricing-models-model-6,
.pb-pricing-models-model-6 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-6 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-models-model-6.pb-ready-model .pb-pricing-models-model-6__subtitle, .pb-pricing-models-model-6.pb-ready-model .pb-pricing-models-model-6__billing, .pb-pricing-models-model-6.pb-ready-model .pb-pricing-models-model-6__features-list li, .pb-pricing-models-model-6.pb-ready-model .pb-pricing-models-model-6__trial, .pb-pricing-models-model-6.pb-ready-model .pb-pricing-models-model-6__footer-text {
  white-space: normal;
}
.pb-pricing-models-model-6__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-6__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-6__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-6__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-6__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-6__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-6__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-6__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-6__switch input:checked + .pb-pricing-models-model-6__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-6__switch input:checked + .pb-pricing-models-model-6__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-6__card {
  background-color: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--card-border-radius);
  padding: 32px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.3s;
}
.pb-pricing-models-model-6__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 92%);
}
.pb-pricing-models-model-6__card.is-featured {
  border-color: var(--accent-color);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-pricing-models-model-6__card.is-featured .pb-pricing-models-model-6__popular-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 6px 20px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.pb-pricing-models-model-6__card.is-featured .pb-pricing-models-model-6__btn {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-pricing-models-model-6__card.is-featured .pb-pricing-models-model-6__btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 10%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-6__header {
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.pb-pricing-models-model-6__name {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--heading-color);
}
.pb-pricing-models-model-6__subtitle {
  font-family: var(--default-font);
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin: 0;
}
.pb-pricing-models-model-6__pricing {
  margin-bottom: 32px;
}
.pb-pricing-models-model-6__price-wrap {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.pb-pricing-models-model-6__price-wrap.is-custom {
  justify-content: flex-start;
}
.pb-pricing-models-model-6__price-monthly, .pb-pricing-models-model-6__price-yearly {
  display: none;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
}
.pb-pricing-models-model-6__currency {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 500;
  color: var(--heading-color);
}
.pb-pricing-models-model-6__currency-suffix {
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: 600;
  color: var(--heading-color);
  align-self: flex-end;
  margin-bottom: 6px;
}
.pb-pricing-models-model-6__amount {
  font-family: var(--heading-font);
  font-size: 48px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1;
}
.pb-pricing-models-model-6__period-label {
  font-family: var(--default-font);
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 400;
}
.pb-pricing-models-model-6__custom-text {
  font-family: var(--heading-font);
  font-size: 32px;
  font-weight: 700;
  color: var(--heading-color);
}
.pb-pricing-models-model-6__billing {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
}
.pb-pricing-models-model-6__features {
  flex-grow: 1;
  margin-bottom: 32px;
}
.pb-pricing-models-model-6__features-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-pricing-models-model-6__features-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  font-family: var(--default-font);
  font-size: 15px;
  color: var(--default-color);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 95%);
}
.pb-pricing-models-model-6__features-list li:last-child {
  border-bottom: none;
}
.pb-pricing-models-model-6__features-list li i {
  color: var(--accent-color);
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}
.pb-pricing-models-model-6__features-list li span {
  flex: 1;
}
.pb-pricing-models-model-6__action {
  text-align: center;
  margin-top: auto;
}
.pb-pricing-models-model-6__btn {
  display: none;
  width: 100%;
  padding: 14px 28px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s;
}
.pb-pricing-models-model-6__btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  border-color: var(--accent-color);
}
.pb-pricing-models-model-6__trial {
  font-family: var(--default-font);
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 12px 0 0;
}
.pb-pricing-models-model-6__footer {
  text-align: center;
  margin-top: 64px;
  padding-top: 32px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-pricing-models-model-6__footer-text {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 16px;
}
.pb-pricing-models-model-6__footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
.pb-pricing-models-model-6__footer-links a {
  font-family: var(--default-font);
  font-size: 14px;
  color: var(--accent-color);
  font-weight: 500;
  text-decoration: none;
}
.pb-pricing-models-model-6__footer-links a:hover {
  color: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
}
.pb-pricing-models-model-6__divider {
  color: color-mix(in srgb, var(--default-color), transparent 80%);
}
.pb-pricing-models-model-6__toggle-wrap ~ .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__price-monthly,
.pb-pricing-models-model-6 .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__price-monthly {
  display: inline-flex;
}
.pb-pricing-models-model-6__toggle-wrap ~ .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__price-yearly,
.pb-pricing-models-model-6 .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__price-yearly {
  display: none;
}
.pb-pricing-models-model-6__toggle-wrap ~ .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__billing-monthly,
.pb-pricing-models-model-6 .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__billing-monthly {
  display: block;
}
.pb-pricing-models-model-6__toggle-wrap ~ .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__billing-yearly,
.pb-pricing-models-model-6 .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__billing-yearly {
  display: none;
}
.pb-pricing-models-model-6__toggle-wrap ~ .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__link-monthly,
.pb-pricing-models-model-6 .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__link-monthly {
  display: block;
}
.pb-pricing-models-model-6__toggle-wrap ~ .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__link-yearly,
.pb-pricing-models-model-6 .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-6__toggle-wrap:has(.pb-pricing-models-model-6__switch input:checked) ~ .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-6__toggle-wrap:has(.pb-pricing-models-model-6__switch input:checked) ~ .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__price-yearly {
    display: inline-flex;
  }
  .pb-pricing-models-model-6__toggle-wrap:has(.pb-pricing-models-model-6__switch input:checked) ~ .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__billing-monthly {
    display: none;
  }
  .pb-pricing-models-model-6__toggle-wrap:has(.pb-pricing-models-model-6__switch input:checked) ~ .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__billing-yearly {
    display: block;
  }
  .pb-pricing-models-model-6__toggle-wrap:has(.pb-pricing-models-model-6__switch input:checked) ~ .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-6__toggle-wrap:has(.pb-pricing-models-model-6__switch input:checked) ~ .row .pb-pricing-models-model-6__card .pb-pricing-models-model-6__link-yearly {
    display: block;
  }
  .pb-pricing-models-model-6__toggle-wrap:has(.pb-pricing-models-model-6__switch input:checked) .pb-pricing-models-model-6__period--monthly {
    color: var(--pb-pricing-muted) !important;
  }
  .pb-pricing-models-model-6__toggle-wrap:has(.pb-pricing-models-model-6__switch input:checked) .pb-pricing-models-model-6__period--yearly {
    color: var(--heading-color) !important;
  }
}
@media (max-width: 992px) {
  .pb-pricing-models-model-6__card {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .pb-pricing-models-model-6__card {
    padding: 24px;
  }
  .pb-pricing-models-model-6__amount {
    font-size: 40px;
  }
  .pb-pricing-models-model-6__currency {
    font-size: 18px;
  }
  .pb-pricing-models-model-6__currency-suffix {
    font-size: 18px;
    margin-bottom: 4px;
  }
  .pb-pricing-models-model-6__period-label {
    font-size: 14px;
  }
  .pb-pricing-models-model-6__custom-text {
    font-size: 28px;
  }
  .pb-pricing-models-model-6__features-list li {
    font-size: 14px;
  }
  .pb-pricing-models-model-6__features-list li i {
    font-size: 16px;
  }
  .pb-pricing-models-model-6__footer-links {
    flex-direction: column;
    gap: 8px;
  }
  .pb-pricing-models-model-6__divider {
    display: none;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 7
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-7,
section.pb-pricing-models-model-7,
.section.pb-pricing-models-model-7,
.pb-pricing-models-model-7 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-7 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
  --card-shadow-color: color-mix(in srgb, var(--heading-color), transparent 92%);
  --card-hover-shadow: color-mix(in srgb, var(--heading-color), transparent 88%);
}
.pb-pricing-models-model-7.pb-ready-model .pb-pricing-models-model-7__intro, .pb-pricing-models-model-7.pb-ready-model .pb-pricing-models-model-7__description, .pb-pricing-models-model-7.pb-ready-model .pb-pricing-models-model-7__features li {
  white-space: normal;
}
.pb-pricing-models-model-7__intro {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--default-font);
}
.pb-pricing-models-model-7__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-7__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-7__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-7__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-7__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-7__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-7__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-7__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-7__switch input:checked + .pb-pricing-models-model-7__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-7__switch input:checked + .pb-pricing-models-model-7__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-7__card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 32px 28px;
  background-color: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--card-border-radius);
  box-shadow: 0 20px 40px -32px var(--card-shadow-color);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.pb-pricing-models-model-7__card:hover {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 28px 48px -28px var(--card-hover-shadow);
}
.pb-pricing-models-model-7__card.is-featured {
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 25%);
  background: color-mix(in srgb, var(--surface-color), var(--accent-color) 6%);
}
.pb-pricing-models-model-7__card.is-featured .pb-pricing-models-model-7__label {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-7__badge {
  position: absolute;
  top: 18px;
  right: 24px;
  padding: 6px 14px;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  border-radius: var(--button-border-radius);
}
.pb-pricing-models-model-7__header {
  margin-bottom: 26px;
}
.pb-pricing-models-model-7__label {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  margin-bottom: 14px;
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--accent-color), transparent 15%);
  background: color-mix(in srgb, var(--accent-color), var(--surface-color) 70%);
  border-radius: var(--button-border-radius);
}
.pb-pricing-models-model-7__description {
  margin-bottom: 0;
  font-family: var(--default-font);
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-pricing-models-model-7__price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 26px;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
.pb-pricing-models-model-7__price-monthly, .pb-pricing-models-model-7__price-yearly {
  display: none;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}
.pb-pricing-models-model-7__currency {
  font-size: 20px;
  font-weight: 600;
}
.pb-pricing-models-model-7__currency-suffix {
  font-size: 22px;
  font-weight: 600;
  align-self: flex-end;
  margin-bottom: 4px;
}
.pb-pricing-models-model-7__amount {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
}
.pb-pricing-models-model-7__duration {
  font-family: var(--default-font);
  font-size: 16px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.pb-pricing-models-model-7__features {
  flex-grow: 1;
  display: grid;
  gap: 14px;
  margin-bottom: 32px;
}
.pb-pricing-models-model-7__features li {
  display: flex;
  gap: 12px;
  align-items: start;
  font-family: var(--default-font);
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 10%);
}
.pb-pricing-models-model-7__features li i {
  font-size: 18px;
  color: var(--accent-color);
  margin-top: 2px;
  flex-shrink: 0;
}
.pb-pricing-models-model-7__action {
  margin-top: auto;
}
.pb-pricing-models-model-7__btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 18px;
  font-family: var(--default-font);
  font-weight: 600;
  border-radius: var(--button-border-radius);
  color: var(--contrast-color);
  background: var(--accent-color);
  border: none;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.pb-pricing-models-model-7__btn:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 10%);
  color: var(--contrast-color);
  transform: translateY(-2px);
}
.pb-pricing-models-model-7__toggle-wrap ~ .row .pb-pricing-models-model-7__card .pb-pricing-models-model-7__price-monthly,
.pb-pricing-models-model-7 .row .pb-pricing-models-model-7__card .pb-pricing-models-model-7__price-monthly {
  display: inline-flex;
}
.pb-pricing-models-model-7__toggle-wrap ~ .row .pb-pricing-models-model-7__card .pb-pricing-models-model-7__price-yearly,
.pb-pricing-models-model-7 .row .pb-pricing-models-model-7__card .pb-pricing-models-model-7__price-yearly {
  display: none;
}
.pb-pricing-models-model-7__toggle-wrap ~ .row .pb-pricing-models-model-7__card .pb-pricing-models-model-7__link-monthly,
.pb-pricing-models-model-7 .row .pb-pricing-models-model-7__card .pb-pricing-models-model-7__link-monthly {
  display: inline-flex;
}
.pb-pricing-models-model-7__toggle-wrap ~ .row .pb-pricing-models-model-7__card .pb-pricing-models-model-7__link-yearly,
.pb-pricing-models-model-7 .row .pb-pricing-models-model-7__card .pb-pricing-models-model-7__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-7__toggle-wrap:has(.pb-pricing-models-model-7__switch input:checked) ~ .row .pb-pricing-models-model-7__card .pb-pricing-models-model-7__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-7__toggle-wrap:has(.pb-pricing-models-model-7__switch input:checked) ~ .row .pb-pricing-models-model-7__card .pb-pricing-models-model-7__price-yearly {
    display: inline-flex;
  }
  .pb-pricing-models-model-7__toggle-wrap:has(.pb-pricing-models-model-7__switch input:checked) ~ .row .pb-pricing-models-model-7__card .pb-pricing-models-model-7__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-7__toggle-wrap:has(.pb-pricing-models-model-7__switch input:checked) ~ .row .pb-pricing-models-model-7__card .pb-pricing-models-model-7__link-yearly {
    display: inline-flex;
  }
  .pb-pricing-models-model-7__toggle-wrap:has(.pb-pricing-models-model-7__switch input:checked) .pb-pricing-models-model-7__period--monthly {
    color: var(--pb-pricing-muted) !important;
  }
  .pb-pricing-models-model-7__toggle-wrap:has(.pb-pricing-models-model-7__switch input:checked) .pb-pricing-models-model-7__period--yearly {
    color: var(--heading-color) !important;
  }
}
@media (max-width: 992px) {
  .pb-pricing-models-model-7__card {
    padding: 28px 24px;
  }
  .pb-pricing-models-model-7__amount {
    font-size: 40px;
  }
}
@media (max-width: 576px) {
  .pb-pricing-models-model-7__price {
    flex-wrap: wrap;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 8
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-8,
section.pb-pricing-models-model-8,
.section.pb-pricing-models-model-8,
.pb-pricing-models-model-8 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-8 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-models-model-8.pb-ready-model .pb-pricing-models-model-8__header p, .pb-pricing-models-model-8.pb-ready-model .pb-pricing-models-model-8__features li {
  white-space: normal;
}
.pb-pricing-models-model-8__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-8__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-8__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-8__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-8__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-8__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-8__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-8__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-8__switch input:checked + .pb-pricing-models-model-8__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-8__switch input:checked + .pb-pricing-models-model-8__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-8__card {
  height: 100%;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--heading-color), transparent 95%);
  overflow: hidden;
  position: relative;
  transition: all 0.4s;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--pb-pricing-border);
}
.pb-pricing-models-model-8__card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px color-mix(in srgb, var(--heading-color), transparent 90%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-pricing-models-model-8__card.is-featured {
  border: 2px solid var(--accent-color);
}
.pb-pricing-models-model-8__card.is-featured .pb-pricing-models-model-8__btn {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-8__card.is-featured .pb-pricing-models-model-8__btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-8__popular-tag {
  position: absolute;
  top: 20px;
  right: -35px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 600;
  padding: 8px 40px;
  transform: rotate(45deg);
  white-space: nowrap;
  z-index: 1;
}
.pb-pricing-models-model-8__header {
  padding: 30px 30px 20px;
  text-align: center;
}
.pb-pricing-models-model-8__header h3 {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--heading-color);
}
.pb-pricing-models-model-8__header p {
  font-family: var(--default-font);
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin: 0;
}
.pb-pricing-models-model-8__icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-pricing-models-model-8__icon i {
  font-size: 28px;
  color: var(--accent-color);
}
.pb-pricing-models-model-8__pricing {
  text-align: center;
  padding: 10px 30px 20px;
  position: relative;
}
.pb-pricing-models-model-8__price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px;
}
.pb-pricing-models-model-8__price-monthly, .pb-pricing-models-model-8__price-yearly {
  display: none;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px;
}
.pb-pricing-models-model-8__currency {
  font-family: var(--heading-font);
  font-size: 24px;
  vertical-align: top;
  line-height: 1;
  color: var(--heading-color);
  font-weight: 600;
}
.pb-pricing-models-model-8__currency-suffix {
  font-family: var(--heading-font);
  font-size: 28px;
  font-weight: 600;
  color: var(--heading-color);
  align-self: flex-end;
  margin-bottom: 8px;
}
.pb-pricing-models-model-8__amount {
  font-family: var(--heading-font);
  font-size: 60px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1;
}
.pb-pricing-models-model-8__period-label {
  font-family: var(--default-font);
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-pricing-models-model-8__features {
  padding: 20px 30px;
  flex: 1;
}
.pb-pricing-models-model-8__features ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-pricing-models-model-8__features li {
  padding: 12px 0;
  font-family: var(--default-font);
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-pricing-models-model-8__features li.is-disabled {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.pb-pricing-models-model-8__features li.is-disabled i {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.pb-pricing-models-model-8__features li i {
  font-size: 18px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-pricing-models-model-8__cta {
  padding: 10px 30px 30px;
  text-align: center;
}
.pb-pricing-models-model-8__btn {
  display: none;
  width: 100%;
  padding: 14px 32px;
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  color: var(--default-color);
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
  border: none;
}
.pb-pricing-models-model-8__btn:hover {
  background-color: color-mix(in srgb, var(--default-color), transparent 80%);
  color: var(--default-color);
}
.pb-pricing-models-model-8__toggle-wrap ~ .row .pb-pricing-models-model-8__card .pb-pricing-models-model-8__price-monthly,
.pb-pricing-models-model-8 .row .pb-pricing-models-model-8__card .pb-pricing-models-model-8__price-monthly {
  display: inline-flex;
}
.pb-pricing-models-model-8__toggle-wrap ~ .row .pb-pricing-models-model-8__card .pb-pricing-models-model-8__price-yearly,
.pb-pricing-models-model-8 .row .pb-pricing-models-model-8__card .pb-pricing-models-model-8__price-yearly {
  display: none;
}
.pb-pricing-models-model-8__toggle-wrap ~ .row .pb-pricing-models-model-8__card .pb-pricing-models-model-8__link-monthly,
.pb-pricing-models-model-8 .row .pb-pricing-models-model-8__card .pb-pricing-models-model-8__link-monthly {
  display: inline-block;
}
.pb-pricing-models-model-8__toggle-wrap ~ .row .pb-pricing-models-model-8__card .pb-pricing-models-model-8__link-yearly,
.pb-pricing-models-model-8 .row .pb-pricing-models-model-8__card .pb-pricing-models-model-8__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-8__toggle-wrap:has(.pb-pricing-models-model-8__switch input:checked) ~ .row .pb-pricing-models-model-8__card .pb-pricing-models-model-8__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-8__toggle-wrap:has(.pb-pricing-models-model-8__switch input:checked) ~ .row .pb-pricing-models-model-8__card .pb-pricing-models-model-8__price-yearly {
    display: inline-flex;
  }
  .pb-pricing-models-model-8__toggle-wrap:has(.pb-pricing-models-model-8__switch input:checked) ~ .row .pb-pricing-models-model-8__card .pb-pricing-models-model-8__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-8__toggle-wrap:has(.pb-pricing-models-model-8__switch input:checked) ~ .row .pb-pricing-models-model-8__card .pb-pricing-models-model-8__link-yearly {
    display: inline-block;
  }
  .pb-pricing-models-model-8__toggle-wrap:has(.pb-pricing-models-model-8__switch input:checked) .pb-pricing-models-model-8__period--monthly {
    color: var(--pb-pricing-muted) !important;
  }
  .pb-pricing-models-model-8__toggle-wrap:has(.pb-pricing-models-model-8__switch input:checked) .pb-pricing-models-model-8__period--yearly {
    color: var(--heading-color) !important;
  }
}
@media (max-width: 992px) {
  .pb-pricing-models-model-8__card {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .pb-pricing-models-model-8__amount {
    font-size: 48px;
  }
  .pb-pricing-models-model-8__currency-suffix {
    font-size: 22px;
    margin-bottom: 6px;
  }
  .pb-pricing-models-model-8__header {
    padding: 25px 20px 15px;
  }
  .pb-pricing-models-model-8__features, .pb-pricing-models-model-8__pricing, .pb-pricing-models-model-8__cta {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 9
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-9,
section.pb-pricing-models-model-9,
.section.pb-pricing-models-model-9,
.pb-pricing-models-model-9 {
  padding: 0;
  position: relative;
  overflow: hidden;
  background-color: transparent;
}

.pb-pricing-models-model-9 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
  --pb-pricing-soft: color-mix(in srgb, var(--background-color), var(--surface-color) 50%);
}
.pb-pricing-models-model-9.pb-ready-model .pb-pricing-models-model-9__header p, .pb-pricing-models-model-9.pb-ready-model .pb-pricing-models-model-9__features li {
  white-space: normal;
}
.pb-pricing-models-model-9__container {
  position: relative;
  z-index: 1;
}
.pb-pricing-models-model-9__toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--surface-color);
  padding: 10px 20px;
  border-radius: var(--button-border-radius);
  box-shadow: 0 5px 15px color-mix(in srgb, var(--heading-color), transparent 92%);
  border: 1px solid var(--pb-pricing-border);
}
.pb-pricing-models-model-9__period {
  font-family: var(--default-font);
  font-size: 16px;
  font-weight: 600;
  padding: 0 15px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
}
.pb-pricing-models-model-9__period.active {
  color: var(--accent-color);
}
.pb-pricing-models-model-9__switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 32px;
  margin: 0;
}
.pb-pricing-models-model-9__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-9__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: color-mix(in srgb, var(--accent-color), transparent 80%);
  transition: 0.3s;
  border-radius: 34px;
}
.pb-pricing-models-model-9__slider::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 4px;
  bottom: 4px;
  background-color: var(--contrast-color);
  transition: 0.3s;
  border-radius: 50%;
}
.pb-pricing-models-model-9__switch input:checked + .pb-pricing-models-model-9__slider {
  background-color: var(--accent-color);
}
.pb-pricing-models-model-9__switch input:checked + .pb-pricing-models-model-9__slider::before {
  transform: translateX(28px);
}
.pb-pricing-models-model-9__save-badge {
  position: absolute;
  right: -15px;
  top: -15px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: var(--button-border-radius);
  box-shadow: 0 2px 5px color-mix(in srgb, var(--heading-color), transparent 90%);
  animation: pb-pricing-models-model-9-pulse 2s infinite;
}
@keyframes pb-pricing-models-model-9-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.pb-pricing-models-model-9__item {
  position: relative;
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 5px 30px color-mix(in srgb, var(--heading-color), transparent 95%);
  border: 1px solid var(--pb-pricing-border);
  transition: all 0.4s;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-pricing-models-model-9__item:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 40px color-mix(in srgb, var(--heading-color), transparent 90%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-pricing-models-model-9__item.is-featured {
  border: 2px solid var(--accent-color);
  transform: scale(1.03);
  box-shadow: 0 10px 40px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-pricing-models-model-9__item.is-featured:hover {
  transform: translateY(-10px) scale(1.03);
}
.pb-pricing-models-model-9__item.is-featured .pb-pricing-models-model-9__btn {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-pricing-models-model-9__popular-badge {
  position: absolute;
  top: 24px;
  right: -35px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 700;
  padding: 6px 40px;
  transform: rotate(45deg);
  z-index: 10;
  white-space: nowrap;
}
.pb-pricing-models-model-9__header {
  padding: 35px 30px 20px;
  text-align: center;
}
.pb-pricing-models-model-9__header h3 {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 700;
  margin: 15px 0 10px;
  color: var(--heading-color);
}
.pb-pricing-models-model-9__header p {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 0;
}
.pb-pricing-models-model-9__icon {
  margin: 0 auto;
  width: 70px;
  height: 70px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(45deg);
}
.pb-pricing-models-model-9__icon i {
  color: var(--accent-color);
  font-size: 28px;
  transform: rotate(-45deg);
}
.pb-pricing-models-model-9__price-wrap {
  padding: 20px 30px;
  text-align: center;
  background-color: var(--pb-pricing-soft);
}
.pb-pricing-models-model-9__price h4 {
  font-family: var(--heading-font);
  font-size: 52px;
  font-weight: 700;
  margin: 0;
  color: var(--heading-color);
  line-height: 1;
}
.pb-pricing-models-model-9__currency {
  font-size: 24px;
  position: relative;
  top: -15px;
  margin-right: 2px;
}
.pb-pricing-models-model-9__currency-suffix {
  font-size: 28px;
  font-weight: 600;
  position: relative;
  top: -8px;
  margin-left: 2px;
}
.pb-pricing-models-model-9__period-label {
  font-family: var(--default-font);
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-weight: 400;
  margin-left: 5px;
}
.pb-pricing-models-model-9__features {
  padding: 30px;
  flex-grow: 1;
}
.pb-pricing-models-model-9__features ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-pricing-models-model-9__features li {
  display: flex;
  align-items: flex-start;
  padding: 12px 0;
  font-family: var(--default-font);
  color: var(--default-color);
}
.pb-pricing-models-model-9__features li.is-na {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.pb-pricing-models-model-9__features li.is-na .pb-pricing-models-model-9__feature-icon i {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-pricing-models-model-9__features li.is-na > span:last-child {
  text-decoration: line-through;
}
.pb-pricing-models-model-9__feature-icon {
  flex-shrink: 0;
  margin-right: 15px;
}
.pb-pricing-models-model-9__feature-icon i {
  color: var(--accent-color);
  font-size: 18px;
}
.pb-pricing-models-model-9__action {
  padding: 20px 30px 35px;
  text-align: center;
}
.pb-pricing-models-model-9__btn {
  display: none;
  padding: 12px 40px;
  border-radius: var(--button-border-radius);
  background-color: var(--pb-pricing-soft);
  color: var(--heading-color);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--heading-color), transparent 95%);
  border: 1px solid var(--pb-pricing-border);
  width: 100%;
  text-decoration: none;
}
.pb-pricing-models-model-9__btn:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-3px);
  border-color: var(--accent-color);
}
.pb-pricing-models-model-9__price-monthly, .pb-pricing-models-model-9__price-yearly, .pb-pricing-models-model-9__link-monthly, .pb-pricing-models-model-9__link-yearly {
  display: none;
}
.pb-pricing-models-model-9__toggle-wrap ~ .row .pb-pricing-models-model-9__item .pb-pricing-models-model-9__price-monthly,
.pb-pricing-models-model-9 .row .pb-pricing-models-model-9__item .pb-pricing-models-model-9__price-monthly {
  display: block;
}
.pb-pricing-models-model-9__toggle-wrap ~ .row .pb-pricing-models-model-9__item .pb-pricing-models-model-9__price-yearly,
.pb-pricing-models-model-9 .row .pb-pricing-models-model-9__item .pb-pricing-models-model-9__price-yearly {
  display: none;
}
.pb-pricing-models-model-9__toggle-wrap ~ .row .pb-pricing-models-model-9__item .pb-pricing-models-model-9__link-monthly,
.pb-pricing-models-model-9 .row .pb-pricing-models-model-9__item .pb-pricing-models-model-9__link-monthly {
  display: inline-block;
}
.pb-pricing-models-model-9__toggle-wrap ~ .row .pb-pricing-models-model-9__item .pb-pricing-models-model-9__link-yearly,
.pb-pricing-models-model-9 .row .pb-pricing-models-model-9__item .pb-pricing-models-model-9__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-9__toggle-wrap:has(.pb-pricing-models-model-9__switch input:checked) ~ .row .pb-pricing-models-model-9__item .pb-pricing-models-model-9__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-9__toggle-wrap:has(.pb-pricing-models-model-9__switch input:checked) ~ .row .pb-pricing-models-model-9__item .pb-pricing-models-model-9__price-yearly {
    display: block;
  }
  .pb-pricing-models-model-9__toggle-wrap:has(.pb-pricing-models-model-9__switch input:checked) ~ .row .pb-pricing-models-model-9__item .pb-pricing-models-model-9__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-9__toggle-wrap:has(.pb-pricing-models-model-9__switch input:checked) ~ .row .pb-pricing-models-model-9__item .pb-pricing-models-model-9__link-yearly {
    display: inline-block;
  }
  .pb-pricing-models-model-9__toggle-wrap:has(.pb-pricing-models-model-9__switch input:checked) .pb-pricing-models-model-9__period--monthly {
    color: color-mix(in srgb, var(--default-color), transparent 30%) !important;
  }
  .pb-pricing-models-model-9__toggle-wrap:has(.pb-pricing-models-model-9__switch input:checked) .pb-pricing-models-model-9__period--yearly {
    color: var(--accent-color) !important;
  }
}
@media (max-width: 991px) {
  .pb-pricing-models-model-9__item.is-featured {
    transform: scale(1);
  }
  .pb-pricing-models-model-9__item.is-featured:hover {
    transform: translateY(-10px);
  }
}
@media (max-width: 768px) {
  .pb-pricing-models-model-9__period {
    font-size: 14px;
    padding: 0 10px;
  }
  .pb-pricing-models-model-9__switch {
    width: 50px;
  }
  .pb-pricing-models-model-9__switch input:checked + .pb-pricing-models-model-9__slider::before {
    transform: translateX(18px);
  }
  .pb-pricing-models-model-9__price h4 {
    font-size: 42px;
  }
  .pb-pricing-models-model-9__currency {
    font-size: 20px;
  }
  .pb-pricing-models-model-9__currency-suffix {
    font-size: 22px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 10
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-10,
section.pb-pricing-models-model-10,
.section.pb-pricing-models-model-10,
.pb-pricing-models-model-10 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-10 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-pricing-models-model-10.pb-ready-model .pb-pricing-models-model-10__item ul li {
  white-space: normal;
}
.pb-pricing-models-model-10__toggle {
  position: relative;
}
.pb-pricing-models-model-10__period {
  font-family: var(--default-font);
  font-size: 1rem;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  transition: all 0.3s ease;
  user-select: none;
  cursor: pointer;
}
.pb-pricing-models-model-10__period.active {
  color: var(--accent-color);
}
.pb-pricing-models-model-10__badge {
  display: inline-block;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.35em 0.65em;
  border-radius: var(--button-border-radius);
  margin-left: 0.5rem;
}
.pb-pricing-models-model-10__switch .form-check-input {
  width: 3rem;
  height: 1.5rem;
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  border: none;
  cursor: pointer;
  background-image: none;
  position: relative;
}
.pb-pricing-models-model-10__switch .form-check-input::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(1.5rem - 4px);
  height: calc(1.5rem - 4px);
  background-color: var(--contrast-color);
  border-radius: 50%;
  transition: transform 0.2s ease;
}
.pb-pricing-models-model-10__switch .form-check-input:checked {
  background-color: var(--accent-color);
  background-image: none;
}
.pb-pricing-models-model-10__switch .form-check-input:checked::before {
  transform: translateX(1.5rem);
}
.pb-pricing-models-model-10__switch .form-check-input:focus {
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-pricing-models-model-10__item {
  position: relative;
  padding: 2rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  box-shadow: 0 5px 30px color-mix(in srgb, var(--heading-color), transparent 95%);
  border: 1px solid var(--pb-pricing-border);
  transition: all 0.5s ease;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-pricing-models-model-10__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.25rem;
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent-color), transparent 85%), var(--accent-color));
  opacity: 0;
  transition: opacity 0.3s ease;
}
.pb-pricing-models-model-10__item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 40px color-mix(in srgb, var(--heading-color), transparent 90%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-pricing-models-model-10__item:hover::before {
  opacity: 1;
}
.pb-pricing-models-model-10__item.is-featured {
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent-color), transparent 97%), var(--surface-color));
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-pricing-models-model-10__item.is-featured::before {
  opacity: 1;
}
.pb-pricing-models-model-10__item ul {
  margin-bottom: 2rem;
  flex-grow: 1;
}
.pb-pricing-models-model-10__item ul li {
  padding: 0.75rem 0;
  font-family: var(--default-font);
  color: var(--default-color);
}
.pb-pricing-models-model-10__item ul li i {
  margin-right: 0.5rem;
  color: var(--accent-color);
}
.pb-pricing-models-model-10__item ul li.is-na {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  text-decoration: line-through;
}
.pb-pricing-models-model-10__item ul li.is-na i {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.pb-pricing-models-model-10__header {
  text-align: center;
  margin-bottom: 2rem;
}
.pb-pricing-models-model-10__header h3 {
  font-family: var(--heading-font);
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: var(--heading-color);
}
.pb-pricing-models-model-10__price {
  font-family: var(--heading-font);
  font-size: 3rem;
  font-weight: 700;
  color: var(--heading-color);
}
.pb-pricing-models-model-10__price sup {
  font-size: 1.5rem;
  position: relative;
  top: -1rem;
}
.pb-pricing-models-model-10__price span {
  font-family: var(--default-font);
  font-size: 1rem;
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-pricing-models-model-10__currency-suffix {
  font-size: 1.5rem;
  top: -0.5rem;
}
.pb-pricing-models-model-10__btn {
  display: none;
  width: 100%;
  margin-top: auto;
  padding: 0.8rem 2rem;
  border-radius: var(--button-border-radius);
  color: var(--contrast-color);
  background: var(--accent-color);
  text-align: center;
  font-family: var(--default-font);
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
}
.pb-pricing-models-model-10__btn:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
  transform: scale(1.02);
}
.pb-pricing-models-model-10__price-monthly, .pb-pricing-models-model-10__price-yearly, .pb-pricing-models-model-10__link-monthly, .pb-pricing-models-model-10__link-yearly {
  display: none;
}
.pb-pricing-models-model-10__toggle ~ .row .pb-pricing-models-model-10__item .pb-pricing-models-model-10__price-monthly,
.pb-pricing-models-model-10 .row .pb-pricing-models-model-10__item .pb-pricing-models-model-10__price-monthly {
  display: block;
}
.pb-pricing-models-model-10__toggle ~ .row .pb-pricing-models-model-10__item .pb-pricing-models-model-10__price-yearly,
.pb-pricing-models-model-10 .row .pb-pricing-models-model-10__item .pb-pricing-models-model-10__price-yearly {
  display: none;
}
.pb-pricing-models-model-10__toggle ~ .row .pb-pricing-models-model-10__item .pb-pricing-models-model-10__link-monthly,
.pb-pricing-models-model-10 .row .pb-pricing-models-model-10__item .pb-pricing-models-model-10__link-monthly {
  display: inline-block;
}
.pb-pricing-models-model-10__toggle ~ .row .pb-pricing-models-model-10__item .pb-pricing-models-model-10__link-yearly,
.pb-pricing-models-model-10 .row .pb-pricing-models-model-10__item .pb-pricing-models-model-10__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-10__toggle:has(.form-check-input:checked) ~ .row .pb-pricing-models-model-10__item .pb-pricing-models-model-10__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-10__toggle:has(.form-check-input:checked) ~ .row .pb-pricing-models-model-10__item .pb-pricing-models-model-10__price-yearly {
    display: block;
  }
  .pb-pricing-models-model-10__toggle:has(.form-check-input:checked) ~ .row .pb-pricing-models-model-10__item .pb-pricing-models-model-10__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-10__toggle:has(.form-check-input:checked) ~ .row .pb-pricing-models-model-10__item .pb-pricing-models-model-10__link-yearly {
    display: inline-block;
  }
  .pb-pricing-models-model-10__toggle:has(.form-check-input:checked) .pb-pricing-models-model-10__period--monthly {
    color: color-mix(in srgb, var(--default-color), transparent 50%) !important;
  }
  .pb-pricing-models-model-10__toggle:has(.form-check-input:checked) .pb-pricing-models-model-10__period--yearly {
    color: var(--accent-color) !important;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 11
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-11,
section.pb-pricing-models-model-11,
.section.pb-pricing-models-model-11,
.pb-pricing-models-model-11 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-11 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 55%);
  --pb-pricing-line: color-mix(in srgb, var(--heading-color), transparent 85%);
  --pb-pricing-accent-soft: color-mix(in srgb, var(--accent-color), transparent 85%);
  --pb-pricing-accent-strong: color-mix(in srgb, var(--accent-color), transparent 70%);
  --pb-pricing-shadow: 0 10px 30px color-mix(in srgb, var(--heading-color), transparent 92%);
}
.pb-pricing-models-model-11.pb-ready-model .pb-pricing-models-model-11__subtitle, .pb-pricing-models-model-11.pb-ready-model .pb-pricing-models-model-11__features li, .pb-pricing-models-model-11.pb-ready-model .pb-pricing-models-model-11__hint {
  white-space: normal;
}
.pb-pricing-models-model-11__toggle-container {
  text-align: center;
}
.pb-pricing-models-model-11__toggle {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border: 1px solid var(--pb-pricing-accent-soft);
  border-radius: var(--button-border-radius);
}
.pb-pricing-models-model-11__period {
  font-family: var(--default-font);
  font-weight: 600;
  color: var(--default-color);
  opacity: 0.7;
  transition: 0.3s;
  cursor: pointer;
  user-select: none;
}
.pb-pricing-models-model-11__period.active {
  color: var(--heading-color);
  opacity: 1;
}
.pb-pricing-models-model-11__switch {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 28px;
}
.pb-pricing-models-model-11__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-11__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: var(--pb-pricing-accent-soft);
  transition: 0.3s;
  border-radius: 999px;
}
.pb-pricing-models-model-11__slider::before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: 0.3s;
  border-radius: 50%;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--heading-color), transparent 85%);
}
.pb-pricing-models-model-11__switch input:checked + .pb-pricing-models-model-11__slider {
  background: var(--accent-color);
}
.pb-pricing-models-model-11__switch input:checked + .pb-pricing-models-model-11__slider::before {
  transform: translateX(26px);
}
.pb-pricing-models-model-11__hint {
  color: var(--pb-pricing-muted);
  font-family: var(--default-font);
}
.pb-pricing-models-model-11__card {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--card-border-radius);
  padding: 28px;
  box-shadow: var(--pb-pricing-shadow);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s;
}
.pb-pricing-models-model-11__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 40px color-mix(in srgb, var(--heading-color), transparent 88%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-pricing-models-model-11__card.is-featured {
  border-color: var(--pb-pricing-accent-strong);
  box-shadow: 0 16px 44px color-mix(in srgb, var(--accent-color), transparent 80%);
  background: radial-gradient(1200px 1200px at 110% -10%, color-mix(in srgb, var(--accent-color), transparent 92%) 0%, transparent 50%) no-repeat, var(--surface-color);
}
.pb-pricing-models-model-11__card.is-featured .pb-pricing-models-model-11__btn {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-pricing-models-model-11__card.is-featured .pb-pricing-models-model-11__btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 8%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-11__ribbon {
  position: absolute;
  top: 14px;
  right: 14px;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: var(--button-border-radius);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--accent-color), transparent 70%);
  z-index: 1;
}
.pb-pricing-models-model-11__ribbon i {
  font-size: 12px;
}
.pb-pricing-models-model-11__head {
  margin-bottom: 18px;
}
.pb-pricing-models-model-11__badge {
  display: inline-block;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid var(--pb-pricing-accent-soft);
  padding: 6px 10px;
  border-radius: var(--button-border-radius);
  margin-bottom: 10px;
}
.pb-pricing-models-model-11__title {
  font-family: var(--heading-font);
  font-size: 22px;
  margin: 2px 0 8px;
  color: var(--heading-color);
}
.pb-pricing-models-model-11__subtitle {
  font-family: var(--default-font);
  color: var(--pb-pricing-muted);
  margin: 0 0 14px;
}
.pb-pricing-models-model-11__price-wrap {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.pb-pricing-models-model-11__price {
  font-family: var(--heading-font);
  color: var(--heading-color);
  font-weight: 800;
  line-height: 1;
  display: none;
  font-size: 40px;
  align-items: baseline;
}
.pb-pricing-models-model-11__price sup {
  font-size: 18px;
  top: -0.6em;
  position: relative;
  margin-right: 2px;
}
.pb-pricing-models-model-11__currency-suffix {
  font-size: 18px;
  top: -0.4em;
}
.pb-pricing-models-model-11__period-label {
  font-family: var(--default-font);
  font-size: 14px;
  color: var(--pb-pricing-muted);
  margin-left: 6px;
  font-weight: 600;
}
.pb-pricing-models-model-11__features {
  border-top: 1px dashed var(--pb-pricing-line);
  padding-top: 16px;
}
.pb-pricing-models-model-11__features li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  font-family: var(--default-font);
  color: var(--default-color);
}
.pb-pricing-models-model-11__features li i {
  color: var(--accent-color);
  font-size: 18px;
  flex-shrink: 0;
}
.pb-pricing-models-model-11__features li.is-muted {
  color: var(--pb-pricing-muted);
}
.pb-pricing-models-model-11__features li.is-muted i {
  color: var(--pb-pricing-muted);
}
.pb-pricing-models-model-11__cta {
  margin-top: auto;
}
.pb-pricing-models-model-11__btn {
  display: none;
  border: 2px solid var(--accent-color);
  color: var(--accent-color);
  background: transparent;
  font-family: var(--default-font);
  font-weight: 700;
  padding: 10px 16px;
  border-radius: var(--button-border-radius);
  transition: 0.3s;
  text-decoration: none;
}
.pb-pricing-models-model-11__btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-11__toggle-container ~ .row .pb-pricing-models-model-11__card .pb-pricing-models-model-11__price-monthly,
.pb-pricing-models-model-11 .row .pb-pricing-models-model-11__card .pb-pricing-models-model-11__price-monthly {
  display: inline-flex;
}
.pb-pricing-models-model-11__toggle-container ~ .row .pb-pricing-models-model-11__card .pb-pricing-models-model-11__price-yearly,
.pb-pricing-models-model-11 .row .pb-pricing-models-model-11__card .pb-pricing-models-model-11__price-yearly {
  display: none;
}
.pb-pricing-models-model-11__toggle-container ~ .row .pb-pricing-models-model-11__card .pb-pricing-models-model-11__link-monthly,
.pb-pricing-models-model-11 .row .pb-pricing-models-model-11__card .pb-pricing-models-model-11__link-monthly {
  display: inline-block;
}
.pb-pricing-models-model-11__toggle-container ~ .row .pb-pricing-models-model-11__card .pb-pricing-models-model-11__link-yearly,
.pb-pricing-models-model-11 .row .pb-pricing-models-model-11__card .pb-pricing-models-model-11__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-11__toggle-container:has(.pb-pricing-models-model-11__switch input:checked) ~ .row .pb-pricing-models-model-11__card .pb-pricing-models-model-11__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-11__toggle-container:has(.pb-pricing-models-model-11__switch input:checked) ~ .row .pb-pricing-models-model-11__card .pb-pricing-models-model-11__price-yearly {
    display: inline-flex;
  }
  .pb-pricing-models-model-11__toggle-container:has(.pb-pricing-models-model-11__switch input:checked) ~ .row .pb-pricing-models-model-11__card .pb-pricing-models-model-11__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-11__toggle-container:has(.pb-pricing-models-model-11__switch input:checked) ~ .row .pb-pricing-models-model-11__card .pb-pricing-models-model-11__link-yearly {
    display: inline-block;
  }
  .pb-pricing-models-model-11__toggle-container:has(.pb-pricing-models-model-11__switch input:checked) .pb-pricing-models-model-11__period--monthly {
    opacity: 0.6;
    color: var(--default-color);
  }
  .pb-pricing-models-model-11__toggle-container:has(.pb-pricing-models-model-11__switch input:checked) .pb-pricing-models-model-11__period--yearly {
    opacity: 1;
    color: var(--heading-color);
  }
}
@media (max-width: 992px) {
  .pb-pricing-models-model-11__price {
    font-size: 36px;
  }
  .pb-pricing-models-model-11__price sup {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .pb-pricing-models-model-11__card {
    padding: 22px;
  }
  .pb-pricing-models-model-11__toggle {
    gap: 10px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 12
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-12,
section.pb-pricing-models-model-12,
.section.pb-pricing-models-model-12,
.pb-pricing-models-model-12 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-12 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-models-model-12.pb-ready-model .pb-pricing-models-model-12__description, .pb-pricing-models-model-12.pb-ready-model .pb-pricing-models-model-12__item ul li {
  white-space: normal;
}
.pb-pricing-models-model-12__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-12__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-12__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-12__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-12__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-12__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-12__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-12__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-12__switch input:checked + .pb-pricing-models-model-12__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-12__switch input:checked + .pb-pricing-models-model-12__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-12__item {
  padding: 30px;
  border-radius: var(--card-border-radius);
  border: 1px solid var(--pb-pricing-border);
  background: var(--surface-color);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-pricing-models-model-12__item h3 {
  font-family: var(--heading-font);
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 20px;
  color: var(--heading-color);
}
.pb-pricing-models-model-12__item ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.pb-pricing-models-model-12__item ul li {
  display: flex;
  align-items: center;
  padding: 10px 0;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-pricing-models-model-12__item ul li i {
  color: var(--accent-color);
  font-size: 20px;
  padding-right: 8px;
  flex-shrink: 0;
}
.pb-pricing-models-model-12__item.is-featured {
  border-color: var(--accent-color);
  border-width: 2px;
}
.pb-pricing-models-model-12__item.is-featured h3 {
  color: var(--accent-color);
}
.pb-pricing-models-model-12__description {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 20px;
  font-family: var(--default-font);
  font-size: 15px;
}
.pb-pricing-models-model-12__price {
  font-family: var(--heading-font);
  font-size: 48px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 25px;
}
.pb-pricing-models-model-12__price sup {
  font-size: 28px;
  font-weight: 300;
  margin-right: 5px;
}
.pb-pricing-models-model-12__price span {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-family: var(--default-font);
  font-size: 16px;
  font-weight: 400;
}
.pb-pricing-models-model-12__currency-suffix {
  font-size: 28px;
  font-weight: 300;
  margin-left: 2px;
}
.pb-pricing-models-model-12__btn {
  display: none;
  margin-bottom: 25px;
  width: 100%;
  padding: 10px 30px;
  font-family: var(--default-font);
  font-size: 15px;
  font-weight: 600;
  transition: 0.3s;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  text-align: center;
}
.pb-pricing-models-model-12__btn.is-solid {
  background-color: var(--accent-color);
  border: 1px solid var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-12__btn.is-solid:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-12__btn.is-outline {
  background-color: transparent;
  border: 1px solid var(--accent-color);
  color: var(--accent-color);
}
.pb-pricing-models-model-12__btn.is-outline:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-12__price-monthly, .pb-pricing-models-model-12__price-yearly, .pb-pricing-models-model-12__link-monthly, .pb-pricing-models-model-12__link-yearly {
  display: none;
}
.pb-pricing-models-model-12__toggle-wrap ~ .row .pb-pricing-models-model-12__item .pb-pricing-models-model-12__price-monthly,
.pb-pricing-models-model-12 .row .pb-pricing-models-model-12__item .pb-pricing-models-model-12__price-monthly {
  display: block;
}
.pb-pricing-models-model-12__toggle-wrap ~ .row .pb-pricing-models-model-12__item .pb-pricing-models-model-12__price-yearly,
.pb-pricing-models-model-12 .row .pb-pricing-models-model-12__item .pb-pricing-models-model-12__price-yearly {
  display: none;
}
.pb-pricing-models-model-12__toggle-wrap ~ .row .pb-pricing-models-model-12__item .pb-pricing-models-model-12__link-monthly,
.pb-pricing-models-model-12 .row .pb-pricing-models-model-12__item .pb-pricing-models-model-12__link-monthly {
  display: block;
}
.pb-pricing-models-model-12__toggle-wrap ~ .row .pb-pricing-models-model-12__item .pb-pricing-models-model-12__link-yearly,
.pb-pricing-models-model-12 .row .pb-pricing-models-model-12__item .pb-pricing-models-model-12__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-12__toggle-wrap:has(.pb-pricing-models-model-12__switch input:checked) ~ .row .pb-pricing-models-model-12__item .pb-pricing-models-model-12__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-12__toggle-wrap:has(.pb-pricing-models-model-12__switch input:checked) ~ .row .pb-pricing-models-model-12__item .pb-pricing-models-model-12__price-yearly {
    display: block;
  }
  .pb-pricing-models-model-12__toggle-wrap:has(.pb-pricing-models-model-12__switch input:checked) ~ .row .pb-pricing-models-model-12__item .pb-pricing-models-model-12__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-12__toggle-wrap:has(.pb-pricing-models-model-12__switch input:checked) ~ .row .pb-pricing-models-model-12__item .pb-pricing-models-model-12__link-yearly {
    display: block;
  }
  .pb-pricing-models-model-12__toggle-wrap:has(.pb-pricing-models-model-12__switch input:checked) .pb-pricing-models-model-12__period--monthly {
    color: var(--pb-pricing-muted) !important;
  }
  .pb-pricing-models-model-12__toggle-wrap:has(.pb-pricing-models-model-12__switch input:checked) .pb-pricing-models-model-12__period--yearly {
    color: var(--heading-color) !important;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 13
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-13,
section.pb-pricing-models-model-13,
.section.pb-pricing-models-model-13,
.pb-pricing-models-model-13 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-13 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-pricing-models-model-13.pb-ready-model .pb-pricing-models-model-13__description, .pb-pricing-models-model-13.pb-ready-model .pb-pricing-models-model-13__feature-list li, .pb-pricing-models-model-13.pb-ready-model .pb-pricing-models-model-13__features h6 {
  white-space: normal;
}
.pb-pricing-models-model-13__toggle {
  position: relative;
  margin-bottom: 2rem;
}
.pb-pricing-models-model-13__period {
  font-family: var(--default-font);
  font-size: 1rem;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  transition: all 0.3s ease;
  cursor: pointer;
  user-select: none;
}
.pb-pricing-models-model-13__period.active {
  color: var(--accent-color);
  font-weight: 600;
}
.pb-pricing-models-model-13__badge {
  display: inline-block;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: var(--button-border-radius);
  margin-left: 0.5rem;
}
.pb-pricing-models-model-13__switch .form-check-input {
  width: 3rem;
  height: 1.5rem;
  background-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  border: none;
  cursor: pointer;
  background-image: none;
  position: relative;
}
.pb-pricing-models-model-13__switch .form-check-input::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(1.5rem - 4px);
  height: calc(1.5rem - 4px);
  background-color: var(--contrast-color);
  border-radius: 50%;
  transition: transform 0.2s ease;
}
.pb-pricing-models-model-13__switch .form-check-input:checked {
  background-color: var(--accent-color);
  background-image: none;
}
.pb-pricing-models-model-13__switch .form-check-input:checked::before {
  transform: translateX(1.5rem);
}
.pb-pricing-models-model-13__switch .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--accent-color), transparent 70%);
  border-color: transparent;
}
.pb-pricing-models-model-13__item {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  box-shadow: 0 5px 15px color-mix(in srgb, var(--heading-color), transparent 95%);
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--pb-pricing-border);
}
.pb-pricing-models-model-13__item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px color-mix(in srgb, var(--heading-color), transparent 90%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-pricing-models-model-13__item.is-popular {
  border-color: var(--accent-color);
  box-shadow: 0 10px 25px color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-pricing-models-model-13__popular-badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-family: var(--default-font);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.75rem;
  border-radius: var(--button-border-radius);
}
.pb-pricing-models-model-13__header {
  margin-bottom: 1.5rem;
}
.pb-pricing-models-model-13__category {
  font-family: var(--heading-font);
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--heading-color);
}
.pb-pricing-models-model-13__price-wrap {
  margin-bottom: 0.5rem;
}
.pb-pricing-models-model-13__price {
  font-family: var(--heading-font);
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 0;
  line-height: 1.1;
}
.pb-pricing-models-model-13__price.is-custom {
  display: block;
}
.pb-pricing-models-model-13__price sup {
  font-size: 1.25rem;
  position: relative;
  top: -0.75rem;
}
.pb-pricing-models-model-13__price span {
  font-family: var(--default-font);
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-pricing-models-model-13__currency-suffix {
  font-size: 1.25rem;
  top: -0.4rem;
}
.pb-pricing-models-model-13__description {
  font-family: var(--default-font);
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
}
.pb-pricing-models-model-13__cta {
  margin-bottom: 1.5rem;
}
.pb-pricing-models-model-13__btn {
  display: none;
  background-color: var(--accent-color);
  border: 1px solid var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease;
  text-decoration: none;
}
.pb-pricing-models-model-13__btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-13__features {
  flex-grow: 1;
}
.pb-pricing-models-model-13__features h6 {
  font-family: var(--heading-font);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--heading-color);
}
.pb-pricing-models-model-13__feature-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.pb-pricing-models-model-13__feature-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.75rem;
  font-family: var(--default-font);
  font-size: 0.875rem;
  color: var(--default-color);
}
.pb-pricing-models-model-13__feature-list li i {
  color: var(--accent-color);
  margin-right: 0.5rem;
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.pb-pricing-models-model-13__feature-highlight {
  color: var(--accent-color);
  font-weight: 600;
}
.pb-pricing-models-model-13__price-monthly, .pb-pricing-models-model-13__price-yearly, .pb-pricing-models-model-13__link-monthly, .pb-pricing-models-model-13__link-yearly {
  display: none;
}
.pb-pricing-models-model-13__toggle ~ .row .pb-pricing-models-model-13__item .pb-pricing-models-model-13__price-monthly,
.pb-pricing-models-model-13 .row .pb-pricing-models-model-13__item .pb-pricing-models-model-13__price-monthly {
  display: block;
}
.pb-pricing-models-model-13__toggle ~ .row .pb-pricing-models-model-13__item .pb-pricing-models-model-13__price-yearly,
.pb-pricing-models-model-13 .row .pb-pricing-models-model-13__item .pb-pricing-models-model-13__price-yearly {
  display: none;
}
.pb-pricing-models-model-13__toggle ~ .row .pb-pricing-models-model-13__item .pb-pricing-models-model-13__link-monthly,
.pb-pricing-models-model-13 .row .pb-pricing-models-model-13__item .pb-pricing-models-model-13__link-monthly {
  display: block;
}
.pb-pricing-models-model-13__toggle ~ .row .pb-pricing-models-model-13__item .pb-pricing-models-model-13__link-yearly,
.pb-pricing-models-model-13 .row .pb-pricing-models-model-13__item .pb-pricing-models-model-13__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-13__toggle:has(.form-check-input:checked) ~ .row .pb-pricing-models-model-13__item .pb-pricing-models-model-13__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-13__toggle:has(.form-check-input:checked) ~ .row .pb-pricing-models-model-13__item .pb-pricing-models-model-13__price-yearly {
    display: block;
  }
  .pb-pricing-models-model-13__toggle:has(.form-check-input:checked) ~ .row .pb-pricing-models-model-13__item .pb-pricing-models-model-13__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-13__toggle:has(.form-check-input:checked) ~ .row .pb-pricing-models-model-13__item .pb-pricing-models-model-13__link-yearly {
    display: block;
  }
  .pb-pricing-models-model-13__toggle:has(.form-check-input:checked) .pb-pricing-models-model-13__period--monthly {
    color: color-mix(in srgb, var(--default-color), transparent 30%) !important;
    font-weight: 500;
  }
  .pb-pricing-models-model-13__toggle:has(.form-check-input:checked) .pb-pricing-models-model-13__period--yearly {
    color: var(--accent-color) !important;
    font-weight: 600;
  }
}
@media (max-width: 768px) {
  .pb-pricing-models-model-13__item {
    padding: 1.5rem;
  }
  .pb-pricing-models-model-13__price {
    font-size: 2rem;
  }
}
@media (max-width: 576px) {
  .pb-pricing-models-model-13__toggle {
    flex-direction: column;
  }
  .pb-pricing-models-model-13__toggle .form-check {
    margin: 1rem 0;
  }
  .pb-pricing-models-model-13__toggle .pb-pricing-models-model-13__badge {
    display: block;
    margin: 0.5rem auto 0;
    width: fit-content;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 14
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-14,
section.pb-pricing-models-model-14,
.section.pb-pricing-models-model-14,
.pb-pricing-models-model-14 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-14 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-models-model-14.pb-ready-model .pb-pricing-models-model-14__description, .pb-pricing-models-model-14.pb-ready-model .pb-pricing-models-model-14__features li {
  white-space: normal;
}
.pb-pricing-models-model-14__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-14__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-14__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-14__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-14__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-14__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-14__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-14__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-14__switch input:checked + .pb-pricing-models-model-14__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-14__switch input:checked + .pb-pricing-models-model-14__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-14__card {
  height: 100%;
  padding: 2rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid var(--pb-pricing-border);
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
}
.pb-pricing-models-model-14__card:hover {
  box-shadow: 0 10px 30px color-mix(in srgb, var(--heading-color), transparent 90%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-pricing-models-model-14__card.is-popular {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-pricing-models-model-14__card.is-popular h3,
.pb-pricing-models-model-14__card.is-popular h4 {
  color: var(--contrast-color);
}
.pb-pricing-models-model-14__card.is-popular .pb-pricing-models-model-14__currency,
.pb-pricing-models-model-14__card.is-popular .pb-pricing-models-model-14__currency-suffix,
.pb-pricing-models-model-14__card.is-popular .pb-pricing-models-model-14__amount,
.pb-pricing-models-model-14__card.is-popular .pb-pricing-models-model-14__period-label,
.pb-pricing-models-model-14__card.is-popular .pb-pricing-models-model-14__description {
  color: var(--contrast-color);
}
.pb-pricing-models-model-14__card.is-popular .pb-pricing-models-model-14__features li {
  color: var(--contrast-color);
}
.pb-pricing-models-model-14__card.is-popular .pb-pricing-models-model-14__features li i {
  color: var(--contrast-color);
}
.pb-pricing-models-model-14__card h3 {
  font-family: var(--heading-font);
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: var(--heading-color);
}
.pb-pricing-models-model-14__card h4 {
  font-family: var(--heading-font);
  font-size: 1.125rem;
  margin-bottom: 1rem;
  color: var(--heading-color);
}
.pb-pricing-models-model-14__popular-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--contrast-color);
  color: var(--accent-color);
  padding: 0.5rem 1rem;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 0.875rem;
  font-weight: 600;
  box-shadow: 0 -2px 10px color-mix(in srgb, var(--heading-color), transparent 92%);
  white-space: nowrap;
  z-index: 1;
}
.pb-pricing-models-model-14__price {
  margin-bottom: 1.5rem;
}
.pb-pricing-models-model-14__price-monthly, .pb-pricing-models-model-14__price-yearly {
  display: none;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px;
}
.pb-pricing-models-model-14__currency {
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 600;
  vertical-align: top;
  line-height: 1;
  color: var(--heading-color);
}
.pb-pricing-models-model-14__currency-suffix {
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--heading-color);
  align-self: flex-end;
  margin-bottom: 0.35rem;
}
.pb-pricing-models-model-14__amount {
  font-family: var(--heading-font);
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
  color: var(--heading-color);
}
.pb-pricing-models-model-14__period-label {
  font-family: var(--default-font);
  font-size: 1rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-pricing-models-model-14__description {
  margin-bottom: 2rem;
  font-family: var(--default-font);
  font-size: 0.975rem;
  color: var(--default-color);
}
.pb-pricing-models-model-14__features {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
  flex-grow: 1;
}
.pb-pricing-models-model-14__features li {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font-family: var(--default-font);
  color: var(--default-color);
}
.pb-pricing-models-model-14__features li i {
  color: var(--accent-color);
  margin-right: 0.75rem;
  font-size: 1.25rem;
  flex-shrink: 0;
}
.pb-pricing-models-model-14__btn {
  display: none;
  width: 100%;
  padding: 0.75rem 1.5rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: var(--default-font);
  font-weight: 500;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  border: none;
  margin-top: auto;
}
.pb-pricing-models-model-14__btn.is-primary {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-14__btn.is-primary:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-14__btn.is-light {
  background: var(--contrast-color);
  color: var(--accent-color);
}
.pb-pricing-models-model-14__btn.is-light:hover {
  background: color-mix(in srgb, var(--contrast-color), transparent 10%);
  color: var(--accent-color);
}
.pb-pricing-models-model-14__toggle-wrap ~ .row .pb-pricing-models-model-14__card .pb-pricing-models-model-14__price-monthly,
.pb-pricing-models-model-14 .row .pb-pricing-models-model-14__card .pb-pricing-models-model-14__price-monthly {
  display: inline-flex;
}
.pb-pricing-models-model-14__toggle-wrap ~ .row .pb-pricing-models-model-14__card .pb-pricing-models-model-14__price-yearly,
.pb-pricing-models-model-14 .row .pb-pricing-models-model-14__card .pb-pricing-models-model-14__price-yearly {
  display: none;
}
.pb-pricing-models-model-14__toggle-wrap ~ .row .pb-pricing-models-model-14__card .pb-pricing-models-model-14__link-monthly,
.pb-pricing-models-model-14 .row .pb-pricing-models-model-14__card .pb-pricing-models-model-14__link-monthly {
  display: flex;
}
.pb-pricing-models-model-14__toggle-wrap ~ .row .pb-pricing-models-model-14__card .pb-pricing-models-model-14__link-yearly,
.pb-pricing-models-model-14 .row .pb-pricing-models-model-14__card .pb-pricing-models-model-14__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-14__toggle-wrap:has(.pb-pricing-models-model-14__switch input:checked) ~ .row .pb-pricing-models-model-14__card .pb-pricing-models-model-14__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-14__toggle-wrap:has(.pb-pricing-models-model-14__switch input:checked) ~ .row .pb-pricing-models-model-14__card .pb-pricing-models-model-14__price-yearly {
    display: inline-flex;
  }
  .pb-pricing-models-model-14__toggle-wrap:has(.pb-pricing-models-model-14__switch input:checked) ~ .row .pb-pricing-models-model-14__card .pb-pricing-models-model-14__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-14__toggle-wrap:has(.pb-pricing-models-model-14__switch input:checked) ~ .row .pb-pricing-models-model-14__card .pb-pricing-models-model-14__link-yearly {
    display: flex;
  }
  .pb-pricing-models-model-14__toggle-wrap:has(.pb-pricing-models-model-14__switch input:checked) .pb-pricing-models-model-14__period--monthly {
    color: var(--pb-pricing-muted) !important;
  }
  .pb-pricing-models-model-14__toggle-wrap:has(.pb-pricing-models-model-14__switch input:checked) .pb-pricing-models-model-14__period--yearly {
    color: var(--heading-color) !important;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 15
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-15,
section.pb-pricing-models-model-15,
.section.pb-pricing-models-model-15,
.pb-pricing-models-model-15 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-15 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-models-model-15.pb-ready-model .pb-pricing-models-model-15__header p, .pb-pricing-models-model-15.pb-ready-model .pb-pricing-models-model-15__features li {
  white-space: normal;
}
.pb-pricing-models-model-15__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-15__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-15__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-15__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-15__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-15__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-15__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-15__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-15__switch input:checked + .pb-pricing-models-model-15__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-15__switch input:checked + .pb-pricing-models-model-15__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-15__card {
  height: 100%;
  padding: 32px;
  background-color: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--card-border-radius);
  transition: all 0.3s ease-in-out;
  position: relative;
  display: flex;
  flex-direction: column;
}
.pb-pricing-models-model-15__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--heading-color), transparent 90%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-pricing-models-model-15__card.is-featured {
  border-color: var(--accent-color);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-pricing-models-model-15__card.is-featured .pb-pricing-models-model-15__btn {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-15__card.is-featured .pb-pricing-models-model-15__btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-15__featured-label {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-size: 14px;
  padding: 4px 16px;
  border-radius: var(--button-border-radius);
  white-space: nowrap;
  z-index: 1;
}
.pb-pricing-models-model-15__featured-label i {
  margin-right: 4px;
}
.pb-pricing-models-model-15__header {
  text-align: left;
  margin-bottom: 24px;
}
.pb-pricing-models-model-15__header h3 {
  font-family: var(--heading-font);
  font-size: 24px;
  margin-bottom: 12px;
  color: var(--heading-color);
}
.pb-pricing-models-model-15__header p {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 15px;
  margin: 0;
}
.pb-pricing-models-model-15__price-block {
  margin-bottom: 24px;
}
.pb-pricing-models-model-15__price {
  display: none;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  color: var(--heading-color);
}
.pb-pricing-models-model-15__price.is-custom {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
}
.pb-pricing-models-model-15__price.is-custom i {
  font-size: 32px;
  color: var(--heading-color);
  flex-shrink: 0;
}
.pb-pricing-models-model-15__price.is-custom span {
  font-size: 14px;
  font-weight: normal;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-left: 8px;
}
.pb-pricing-models-model-15__price sup {
  font-size: 20px;
  font-weight: 600;
  top: -0.5em;
}
.pb-pricing-models-model-15__price > span {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: normal;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-left: 8px;
}
.pb-pricing-models-model-15__currency-suffix {
  font-size: 20px;
  font-weight: 600;
}
.pb-pricing-models-model-15__cta {
  margin-bottom: 32px;
}
.pb-pricing-models-model-15__btn {
  display: none;
  width: 100%;
  padding: 12px 24px;
  background-color: color-mix(in srgb, var(--heading-color), transparent 90%);
  color: var(--heading-color);
  border: none;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
.pb-pricing-models-model-15__btn:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-15__features h4 {
  font-family: var(--heading-font);
  font-size: 15px;
  margin-bottom: 16px;
  color: var(--heading-color);
}
.pb-pricing-models-model-15__features ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-pricing-models-model-15__features li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 12px;
}
.pb-pricing-models-model-15__features li i {
  color: var(--accent-color);
  font-size: 16px;
  margin-top: 2px;
  flex-shrink: 0;
}
.pb-pricing-models-model-15__badge {
  display: inline-block;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 11px;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: var(--button-border-radius);
  margin-left: 6px;
}
.pb-pricing-models-model-15__toggle-wrap ~ .row .pb-pricing-models-model-15__card .pb-pricing-models-model-15__price-monthly,
.pb-pricing-models-model-15 .row .pb-pricing-models-model-15__card .pb-pricing-models-model-15__price-monthly {
  display: flex;
}
.pb-pricing-models-model-15__toggle-wrap ~ .row .pb-pricing-models-model-15__card .pb-pricing-models-model-15__price-yearly,
.pb-pricing-models-model-15 .row .pb-pricing-models-model-15__card .pb-pricing-models-model-15__price-yearly {
  display: none;
}
.pb-pricing-models-model-15__toggle-wrap ~ .row .pb-pricing-models-model-15__card .pb-pricing-models-model-15__link-monthly,
.pb-pricing-models-model-15 .row .pb-pricing-models-model-15__card .pb-pricing-models-model-15__link-monthly {
  display: block;
}
.pb-pricing-models-model-15__toggle-wrap ~ .row .pb-pricing-models-model-15__card .pb-pricing-models-model-15__link-yearly,
.pb-pricing-models-model-15 .row .pb-pricing-models-model-15__card .pb-pricing-models-model-15__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-15__toggle-wrap:has(.pb-pricing-models-model-15__switch input:checked) ~ .row .pb-pricing-models-model-15__card .pb-pricing-models-model-15__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-15__toggle-wrap:has(.pb-pricing-models-model-15__switch input:checked) ~ .row .pb-pricing-models-model-15__card .pb-pricing-models-model-15__price-yearly {
    display: flex;
  }
  .pb-pricing-models-model-15__toggle-wrap:has(.pb-pricing-models-model-15__switch input:checked) ~ .row .pb-pricing-models-model-15__card .pb-pricing-models-model-15__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-15__toggle-wrap:has(.pb-pricing-models-model-15__switch input:checked) ~ .row .pb-pricing-models-model-15__card .pb-pricing-models-model-15__link-yearly {
    display: block;
  }
  .pb-pricing-models-model-15__toggle-wrap:has(.pb-pricing-models-model-15__switch input:checked) .pb-pricing-models-model-15__period--monthly {
    color: var(--pb-pricing-muted) !important;
  }
  .pb-pricing-models-model-15__toggle-wrap:has(.pb-pricing-models-model-15__switch input:checked) .pb-pricing-models-model-15__period--yearly {
    color: var(--heading-color) !important;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 16
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-16,
section.pb-pricing-models-model-16,
.section.pb-pricing-models-model-16,
.pb-pricing-models-model-16 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-16 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
  --basic-plan-color: #45B7D1;
  --standard-plan-color: #ee8d1e;
  --pro-plan-color: #b4194a;
  --enterprise-plan-color: #7367F0;
}
.pb-pricing-models-model-16.pb-ready-model .pb-pricing-models-model-16__features li {
  white-space: normal;
}
.pb-pricing-models-model-16__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-16__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-16__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-16__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-16__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-16__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-16__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-16__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-16__switch input:checked + .pb-pricing-models-model-16__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-16__switch input:checked + .pb-pricing-models-model-16__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-16__cards {
  perspective: 1000px;
}
.pb-pricing-models-model-16__card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  box-shadow: 0 0 10px color-mix(in srgb, var(--heading-color), transparent 90%);
  border: 1px solid var(--pb-pricing-border);
  border-top-width: 5px;
  padding: 2rem;
  transition: all 0.5s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.pb-pricing-models-model-16__card:hover {
  transform: translateZ(20px) rotateX(5deg);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-pricing-models-model-16__card.is-basic {
  border-top-color: var(--basic-plan-color);
}
.pb-pricing-models-model-16__card.is-basic .pb-pricing-models-model-16__icon {
  background-color: var(--basic-plan-color);
}
.pb-pricing-models-model-16__card.is-basic .pb-pricing-models-model-16__btn {
  background-color: var(--basic-plan-color);
}
.pb-pricing-models-model-16__card.is-standard {
  border-top-color: var(--standard-plan-color);
}
.pb-pricing-models-model-16__card.is-standard .pb-pricing-models-model-16__icon {
  background-color: var(--standard-plan-color);
}
.pb-pricing-models-model-16__card.is-standard .pb-pricing-models-model-16__btn {
  background-color: var(--standard-plan-color);
}
.pb-pricing-models-model-16__card.is-pro {
  border-top-color: var(--pro-plan-color);
}
.pb-pricing-models-model-16__card.is-pro .pb-pricing-models-model-16__icon {
  background-color: var(--pro-plan-color);
}
.pb-pricing-models-model-16__card.is-pro .pb-pricing-models-model-16__btn {
  background-color: var(--pro-plan-color);
}
.pb-pricing-models-model-16__card.is-enterprise {
  border-top-color: var(--enterprise-plan-color);
}
.pb-pricing-models-model-16__card.is-enterprise .pb-pricing-models-model-16__icon {
  background-color: var(--enterprise-plan-color);
}
.pb-pricing-models-model-16__card.is-enterprise .pb-pricing-models-model-16__btn {
  background-color: var(--enterprise-plan-color);
}
.pb-pricing-models-model-16__header {
  text-align: center;
  margin-bottom: 2rem;
  position: relative;
}
.pb-pricing-models-model-16__icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto 20px;
}
.pb-pricing-models-model-16__icon i {
  font-size: 2rem;
  color: var(--contrast-color);
}
.pb-pricing-models-model-16__header h3 {
  font-family: var(--heading-font);
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  color: var(--heading-color);
}
.pb-pricing-models-model-16__price {
  font-family: var(--heading-font);
  font-size: 2.5rem;
  font-weight: bold;
  color: var(--heading-color);
}
.pb-pricing-models-model-16__price-monthly, .pb-pricing-models-model-16__price-yearly {
  display: none;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px;
}
.pb-pricing-models-model-16__currency {
  font-size: 1.5rem;
  vertical-align: super;
}
.pb-pricing-models-model-16__currency-suffix {
  font-size: 1.5rem;
  align-self: flex-end;
  margin-bottom: 0.35rem;
}
.pb-pricing-models-model-16__amount {
  line-height: 1;
}
.pb-pricing-models-model-16__period-label {
  font-family: var(--default-font);
  font-size: 1rem;
  color: var(--default-color);
  opacity: 0.7;
  font-weight: 400;
  margin-left: -4px;
}
.pb-pricing-models-model-16__features {
  list-style: none;
  padding: 0;
  margin-bottom: 2rem;
  flex-grow: 1;
}
.pb-pricing-models-model-16__features li {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 1rem;
  color: var(--default-color);
}
.pb-pricing-models-model-16__features li i {
  margin-right: 0.75rem;
  font-size: 1.25rem;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-pricing-models-model-16__features li.is-excluded {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-pricing-models-model-16__features li.is-excluded i {
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-models-model-16__btn {
  display: none;
  padding: 0.75rem 2rem;
  font-family: var(--default-font);
  font-weight: 600;
  transition: all 0.3s ease;
  width: 100%;
  border: none;
  border-radius: var(--button-border-radius);
  color: var(--contrast-color);
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-decoration: none;
}
.pb-pricing-models-model-16__btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: color-mix(in srgb, var(--contrast-color), transparent 80%);
  transition: all 0.3s ease;
  z-index: -1;
}
.pb-pricing-models-model-16__btn:hover {
  color: var(--contrast-color);
}
.pb-pricing-models-model-16__btn:hover::before {
  width: 100%;
}
.pb-pricing-models-model-16__toggle-wrap ~ .row .pb-pricing-models-model-16__card .pb-pricing-models-model-16__price-monthly,
.pb-pricing-models-model-16 .row .pb-pricing-models-model-16__card .pb-pricing-models-model-16__price-monthly {
  display: inline-flex;
}
.pb-pricing-models-model-16__toggle-wrap ~ .row .pb-pricing-models-model-16__card .pb-pricing-models-model-16__price-yearly,
.pb-pricing-models-model-16 .row .pb-pricing-models-model-16__card .pb-pricing-models-model-16__price-yearly {
  display: none;
}
.pb-pricing-models-model-16__toggle-wrap ~ .row .pb-pricing-models-model-16__card .pb-pricing-models-model-16__link-monthly,
.pb-pricing-models-model-16 .row .pb-pricing-models-model-16__card .pb-pricing-models-model-16__link-monthly {
  display: inline-block;
}
.pb-pricing-models-model-16__toggle-wrap ~ .row .pb-pricing-models-model-16__card .pb-pricing-models-model-16__link-yearly,
.pb-pricing-models-model-16 .row .pb-pricing-models-model-16__card .pb-pricing-models-model-16__link-yearly {
  display: none;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-16__toggle-wrap:has(.pb-pricing-models-model-16__switch input:checked) ~ .row .pb-pricing-models-model-16__card .pb-pricing-models-model-16__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-16__toggle-wrap:has(.pb-pricing-models-model-16__switch input:checked) ~ .row .pb-pricing-models-model-16__card .pb-pricing-models-model-16__price-yearly {
    display: inline-flex;
  }
  .pb-pricing-models-model-16__toggle-wrap:has(.pb-pricing-models-model-16__switch input:checked) ~ .row .pb-pricing-models-model-16__card .pb-pricing-models-model-16__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-16__toggle-wrap:has(.pb-pricing-models-model-16__switch input:checked) ~ .row .pb-pricing-models-model-16__card .pb-pricing-models-model-16__link-yearly {
    display: inline-block;
  }
  .pb-pricing-models-model-16__toggle-wrap:has(.pb-pricing-models-model-16__switch input:checked) .pb-pricing-models-model-16__period--monthly {
    color: var(--pb-pricing-muted) !important;
  }
  .pb-pricing-models-model-16__toggle-wrap:has(.pb-pricing-models-model-16__switch input:checked) .pb-pricing-models-model-16__period--yearly {
    color: var(--heading-color) !important;
  }
}
@media (max-width: 991.98px) {
  .pb-pricing-models-model-16__card {
    margin-bottom: 0;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 17
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-17,
section.pb-pricing-models-model-17,
.section.pb-pricing-models-model-17,
.pb-pricing-models-model-17 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-17 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
  --free-plan-color: #20c997;
  --starter-plan-color: #0dcaf0;
  --business-plan-color: #fd7e14;
  --ultimate-plan-color: #0d6efd;
}
.pb-pricing-models-model-17.pb-ready-model .pb-pricing-models-model-17__features li {
  white-space: normal;
}
.pb-pricing-models-model-17__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-17__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-17__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-17__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-17__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-17__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-17__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-17__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-17__switch input:checked + .pb-pricing-models-model-17__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-17__switch input:checked + .pb-pricing-models-model-17__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-17__card {
  background-color: var(--surface-color);
  box-shadow: 0 0 30px color-mix(in srgb, var(--heading-color), transparent 90%);
  padding: 40px 20px;
  text-align: center;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  height: 100%;
}
@media (min-width: 1200px) {
  .pb-pricing-models-model-17__card:hover {
    transform: scale(1.1);
  }
}
.pb-pricing-models-model-17__card.is-free h3,
.pb-pricing-models-model-17__card.is-free .pb-pricing-models-model-17__icon i {
  color: var(--free-plan-color);
}
.pb-pricing-models-model-17__card.is-starter h3,
.pb-pricing-models-model-17__card.is-starter .pb-pricing-models-model-17__icon i {
  color: var(--starter-plan-color);
}
.pb-pricing-models-model-17__card.is-business h3,
.pb-pricing-models-model-17__card.is-business .pb-pricing-models-model-17__icon i {
  color: var(--business-plan-color);
}
.pb-pricing-models-model-17__card.is-ultimate h3,
.pb-pricing-models-model-17__card.is-ultimate .pb-pricing-models-model-17__icon i {
  color: var(--ultimate-plan-color);
}
.pb-pricing-models-model-17 h3 {
  font-family: var(--heading-font);
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}
.pb-pricing-models-model-17__price {
  font-size: 36px;
  color: var(--heading-color);
  font-weight: 600;
  font-family: var(--heading-font);
  line-height: 1.2;
}
.pb-pricing-models-model-17__currency {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  top: -15px;
  left: -3px;
}
.pb-pricing-models-model-17__currency-suffix {
  font-size: 20px;
  font-weight: 600;
}
.pb-pricing-models-model-17__period-label {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 16px;
  font-weight: 300;
}
.pb-pricing-models-model-17__price-monthly, .pb-pricing-models-model-17__price-yearly {
  display: none;
}
.pb-pricing-models-model-17__price-monthly {
  display: inline;
}
.pb-pricing-models-model-17__icon {
  padding: 20px 0;
}
.pb-pricing-models-model-17__icon i {
  font-size: 48px;
}
.pb-pricing-models-model-17__features {
  padding: 0;
  list-style: none;
  color: var(--default-color);
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  margin-bottom: 25px;
  font-family: var(--default-font);
}
.pb-pricing-models-model-17__features li {
  padding-bottom: 10px;
}
.pb-pricing-models-model-17__features .is-excluded {
  color: color-mix(in srgb, var(--default-color), transparent 70%);
  text-decoration: line-through;
}
.pb-pricing-models-model-17__btn {
  display: none;
  padding: 8px 40px 10px 40px;
  border-radius: 50px;
  color: var(--accent-color);
  font-size: 16px;
  font-family: var(--heading-font);
  font-weight: 600;
  transition: 0.3s;
  border: 1px solid var(--accent-color);
  text-decoration: none;
  background: transparent;
}
.pb-pricing-models-model-17__btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-17__link-monthly {
  display: inline-block;
}
.pb-pricing-models-model-17__featured {
  width: 200px;
  position: absolute;
  top: 18px;
  right: -68px;
  transform: rotate(45deg);
  z-index: 1;
  font-size: 14px;
  padding: 1px 0 3px 0;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--default-font);
}
.pb-pricing-models-model-17.is-yearly .pb-pricing-models-model-17__price-monthly, .pb-pricing-models-model-17.pb-pricing-models-model-17--yearly .pb-pricing-models-model-17__price-monthly {
  display: none;
}
.pb-pricing-models-model-17.is-yearly .pb-pricing-models-model-17__price-yearly, .pb-pricing-models-model-17.pb-pricing-models-model-17--yearly .pb-pricing-models-model-17__price-yearly {
  display: inline;
}
.pb-pricing-models-model-17.is-yearly .pb-pricing-models-model-17__link-monthly, .pb-pricing-models-model-17.pb-pricing-models-model-17--yearly .pb-pricing-models-model-17__link-monthly {
  display: none;
}
.pb-pricing-models-model-17.is-yearly .pb-pricing-models-model-17__link-yearly, .pb-pricing-models-model-17.pb-pricing-models-model-17--yearly .pb-pricing-models-model-17__link-yearly {
  display: inline-block;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-17__toggle-wrap:has(.pb-pricing-models-model-17__switch input:checked) ~ .row .pb-pricing-models-model-17__card .pb-pricing-models-model-17__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-17__toggle-wrap:has(.pb-pricing-models-model-17__switch input:checked) ~ .row .pb-pricing-models-model-17__card .pb-pricing-models-model-17__price-yearly {
    display: inline;
  }
  .pb-pricing-models-model-17__toggle-wrap:has(.pb-pricing-models-model-17__switch input:checked) ~ .row .pb-pricing-models-model-17__card .pb-pricing-models-model-17__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-17__toggle-wrap:has(.pb-pricing-models-model-17__switch input:checked) ~ .row .pb-pricing-models-model-17__card .pb-pricing-models-model-17__link-yearly {
    display: inline-block;
  }
  .pb-pricing-models-model-17__toggle-wrap:has(.pb-pricing-models-model-17__switch input:checked) .pb-pricing-models-model-17__period--monthly {
    color: var(--pb-pricing-muted);
  }
  .pb-pricing-models-model-17__toggle-wrap:has(.pb-pricing-models-model-17__switch input:checked) .pb-pricing-models-model-17__period--yearly {
    color: var(--heading-color);
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 18
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-18,
section.pb-pricing-models-model-18,
.section.pb-pricing-models-model-18,
.pb-pricing-models-model-18 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-18 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-models-model-18.pb-ready-model .pb-pricing-models-model-18__features li {
  white-space: normal;
}
.pb-pricing-models-model-18__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-18__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-18__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-18__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-18__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-18__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-18__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-18__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-18__switch input:checked + .pb-pricing-models-model-18__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-18__switch input:checked + .pb-pricing-models-model-18__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-18__card {
  background-color: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--card-border-radius);
  padding: 40px;
  height: 100%;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  position: relative;
}
.pb-pricing-models-model-18__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--heading-color), transparent 90%);
  transform: translateY(-5px);
}
.pb-pricing-models-model-18__card.is-featured {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-pricing-models-model-18__card.is-featured h3,
.pb-pricing-models-model-18__card.is-featured .pb-pricing-models-model-18__price,
.pb-pricing-models-model-18__card.is-featured .pb-pricing-models-model-18__billing,
.pb-pricing-models-model-18__card.is-featured .pb-pricing-models-model-18__features i {
  color: var(--contrast-color);
}
.pb-pricing-models-model-18__card.is-featured p,
.pb-pricing-models-model-18__card.is-featured .pb-pricing-models-model-18__features li {
  color: var(--contrast-color);
}
.pb-pricing-models-model-18__card.is-featured .pb-pricing-models-model-18__btn {
  background-color: var(--contrast-color);
  color: var(--accent-color);
}
.pb-pricing-models-model-18__card.is-featured .pb-pricing-models-model-18__btn:hover {
  background-color: color-mix(in srgb, var(--contrast-color) 80%, var(--accent-color));
  color: var(--accent-color);
}
.pb-pricing-models-model-18__card.is-featured:hover {
  border-color: var(--accent-color);
}
.pb-pricing-models-model-18__card h3 {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--heading-color);
}
.pb-pricing-models-model-18__card p {
  font-family: var(--default-font);
  font-size: 14px;
  margin-bottom: 25px;
  color: var(--default-color);
}
.pb-pricing-models-model-18__recommended {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: var(--contrast-color);
  color: var(--accent-color);
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: var(--button-border-radius);
}
.pb-pricing-models-model-18__price {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--heading-color);
}
.pb-pricing-models-model-18__price-monthly, .pb-pricing-models-model-18__price-yearly {
  display: none;
}
.pb-pricing-models-model-18__price-monthly {
  display: block;
}
.pb-pricing-models-model-18__billing {
  font-family: var(--default-font);
  font-size: 16px;
  font-weight: 400;
  color: var(--default-color);
  display: block;
  margin-top: 5px;
}
.pb-pricing-models-model-18__features {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
  font-family: var(--default-font);
}
.pb-pricing-models-model-18__features li {
  font-size: 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  color: var(--default-color);
}
.pb-pricing-models-model-18__features li i {
  color: var(--accent-color);
  margin-right: 10px;
  font-size: 18px;
  flex-shrink: 0;
}
.pb-pricing-models-model-18__actions {
  margin-top: auto;
}
.pb-pricing-models-model-18__btn {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 10px 20px;
  border-radius: var(--button-border-radius);
  font-family: var(--heading-font);
  font-weight: 600;
  text-decoration: none;
  display: none;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: none;
}
.pb-pricing-models-model-18__btn i {
  margin-left: 5px;
}
.pb-pricing-models-model-18__btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), var(--contrast-color) 20%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-18__link-monthly {
  display: inline-flex;
}
.pb-pricing-models-model-18.is-yearly .pb-pricing-models-model-18__price-monthly, .pb-pricing-models-model-18.pb-pricing-models-model-18--yearly .pb-pricing-models-model-18__price-monthly {
  display: none;
}
.pb-pricing-models-model-18.is-yearly .pb-pricing-models-model-18__price-yearly, .pb-pricing-models-model-18.pb-pricing-models-model-18--yearly .pb-pricing-models-model-18__price-yearly {
  display: block;
}
.pb-pricing-models-model-18.is-yearly .pb-pricing-models-model-18__link-monthly, .pb-pricing-models-model-18.pb-pricing-models-model-18--yearly .pb-pricing-models-model-18__link-monthly {
  display: none;
}
.pb-pricing-models-model-18.is-yearly .pb-pricing-models-model-18__link-yearly, .pb-pricing-models-model-18.pb-pricing-models-model-18--yearly .pb-pricing-models-model-18__link-yearly {
  display: inline-flex;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-18__toggle-wrap:has(.pb-pricing-models-model-18__switch input:checked) ~ .row .pb-pricing-models-model-18__card .pb-pricing-models-model-18__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-18__toggle-wrap:has(.pb-pricing-models-model-18__switch input:checked) ~ .row .pb-pricing-models-model-18__card .pb-pricing-models-model-18__price-yearly {
    display: block;
  }
  .pb-pricing-models-model-18__toggle-wrap:has(.pb-pricing-models-model-18__switch input:checked) ~ .row .pb-pricing-models-model-18__card .pb-pricing-models-model-18__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-18__toggle-wrap:has(.pb-pricing-models-model-18__switch input:checked) ~ .row .pb-pricing-models-model-18__card .pb-pricing-models-model-18__link-yearly {
    display: inline-flex;
  }
  .pb-pricing-models-model-18__toggle-wrap:has(.pb-pricing-models-model-18__switch input:checked) .pb-pricing-models-model-18__period--monthly {
    color: var(--pb-pricing-muted);
  }
  .pb-pricing-models-model-18__toggle-wrap:has(.pb-pricing-models-model-18__switch input:checked) .pb-pricing-models-model-18__period--yearly {
    color: var(--heading-color);
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 19
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-19,
section.pb-pricing-models-model-19,
.section.pb-pricing-models-model-19,
.pb-pricing-models-model-19 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-19 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
  --pb-pricing-check: #059652;
}
.pb-pricing-models-model-19.pb-ready-model .pb-pricing-models-model-19__features li {
  white-space: normal;
}
.pb-pricing-models-model-19__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-19__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-19__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-19__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-19__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-19__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-19__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-19__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-19__switch input:checked + .pb-pricing-models-model-19__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-19__switch input:checked + .pb-pricing-models-model-19__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-19__item {
  background-color: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  box-shadow: 0 3px 20px -2px color-mix(in srgb, var(--heading-color), transparent 90%);
  padding-bottom: 30px;
  position: relative;
  border-radius: var(--card-border-radius);
}
.pb-pricing-models-model-19__item h3 {
  font-family: var(--heading-font);
  font-weight: 700;
  margin-bottom: 0;
  font-size: 24px;
  color: var(--heading-color);
  text-align: center;
}
.pb-pricing-models-model-19__item.is-featured {
  background: var(--accent-color);
  border-color: var(--accent-color);
}
.pb-pricing-models-model-19__item.is-featured h3,
.pb-pricing-models-model-19__item.is-featured h4,
.pb-pricing-models-model-19__item.is-featured h4 span,
.pb-pricing-models-model-19__item.is-featured .pb-pricing-models-model-19__currency-suffix,
.pb-pricing-models-model-19__item.is-featured .pb-pricing-models-model-19__features,
.pb-pricing-models-model-19__item.is-featured .pb-pricing-models-model-19__features .is-excluded,
.pb-pricing-models-model-19__item.is-featured .pb-pricing-models-model-19__features i,
.pb-pricing-models-model-19__item.is-featured .pb-pricing-models-model-19__features .is-excluded i {
  color: var(--contrast-color);
}
.pb-pricing-models-model-19__item.is-featured .pb-pricing-models-model-19__btn {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--contrast-color);
}
.pb-pricing-models-model-19__item.is-featured .pb-pricing-models-model-19__btn:hover {
  background: color-mix(in srgb, var(--accent-color) 90%, var(--heading-color) 15%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-19__price {
  width: 100%;
}
.pb-pricing-models-model-19 h4 {
  font-size: 48px;
  color: var(--accent-color);
  font-weight: 400;
  font-family: var(--heading-font);
  margin-bottom: 25px;
  text-align: center;
}
.pb-pricing-models-model-19 h4 sup {
  font-size: 28px;
}
.pb-pricing-models-model-19 h4 span {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  font-size: 18px;
}
.pb-pricing-models-model-19__price-monthly, .pb-pricing-models-model-19__price-yearly {
  display: none;
}
.pb-pricing-models-model-19__price-monthly {
  display: block;
}
.pb-pricing-models-model-19__features {
  padding: 20px 0;
  list-style: none;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-align: left;
  line-height: 20px;
  margin: 0;
  font-family: var(--default-font);
}
.pb-pricing-models-model-19__features li {
  padding-top: 15px;
  display: flex;
  align-items: center;
}
.pb-pricing-models-model-19__features i {
  color: var(--pb-pricing-check);
  font-size: 24px;
  padding-right: 3px;
  flex-shrink: 0;
}
.pb-pricing-models-model-19__features .is-excluded {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.pb-pricing-models-model-19__features .is-excluded i {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.pb-pricing-models-model-19__features .is-excluded span,
.pb-pricing-models-model-19__features .is-excluded strong {
  text-decoration: line-through;
}
.pb-pricing-models-model-19__btn {
  color: var(--contrast-color);
  background-color: var(--accent-color);
  border: 2px solid var(--accent-color);
  display: none;
  padding: 12px 40px;
  border-radius: var(--button-border-radius);
  font-size: 16px;
  font-weight: 500;
  transition: 0.3s;
  font-family: var(--heading-font);
  text-decoration: none;
}
.pb-pricing-models-model-19__btn:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-19__link-monthly {
  display: inline-block;
}
.pb-pricing-models-model-19.is-yearly .pb-pricing-models-model-19__price-monthly, .pb-pricing-models-model-19.pb-pricing-models-model-19--yearly .pb-pricing-models-model-19__price-monthly {
  display: none;
}
.pb-pricing-models-model-19.is-yearly .pb-pricing-models-model-19__price-yearly, .pb-pricing-models-model-19.pb-pricing-models-model-19--yearly .pb-pricing-models-model-19__price-yearly {
  display: block;
}
.pb-pricing-models-model-19.is-yearly .pb-pricing-models-model-19__link-monthly, .pb-pricing-models-model-19.pb-pricing-models-model-19--yearly .pb-pricing-models-model-19__link-monthly {
  display: none;
}
.pb-pricing-models-model-19.is-yearly .pb-pricing-models-model-19__link-yearly, .pb-pricing-models-model-19.pb-pricing-models-model-19--yearly .pb-pricing-models-model-19__link-yearly {
  display: inline-block;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-19__toggle-wrap:has(.pb-pricing-models-model-19__switch input:checked) ~ .pb-pricing-models-model-19__item .pb-pricing-models-model-19__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-19__toggle-wrap:has(.pb-pricing-models-model-19__switch input:checked) ~ .pb-pricing-models-model-19__item .pb-pricing-models-model-19__price-yearly {
    display: block;
  }
  .pb-pricing-models-model-19__toggle-wrap:has(.pb-pricing-models-model-19__switch input:checked) ~ .pb-pricing-models-model-19__item .pb-pricing-models-model-19__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-19__toggle-wrap:has(.pb-pricing-models-model-19__switch input:checked) ~ .pb-pricing-models-model-19__item .pb-pricing-models-model-19__link-yearly {
    display: inline-block;
  }
  .pb-pricing-models-model-19__toggle-wrap:has(.pb-pricing-models-model-19__switch input:checked) .pb-pricing-models-model-19__period--monthly {
    color: var(--pb-pricing-muted);
  }
  .pb-pricing-models-model-19__toggle-wrap:has(.pb-pricing-models-model-19__switch input:checked) .pb-pricing-models-model-19__period--yearly {
    color: var(--heading-color);
  }
}
@media (max-width: 991.98px) {
  .pb-pricing-models-model-19__item {
    padding: 24px 16px 30px;
    text-align: center;
  }
  .pb-pricing-models-model-19__item h3 {
    margin-top: 16px;
  }
  .pb-pricing-models-model-19__features {
    text-align: left;
    width: 100%;
    max-width: 280px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 20
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-20,
section.pb-pricing-models-model-20,
.section.pb-pricing-models-model-20,
.pb-pricing-models-model-20 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-20 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-models-model-20__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-20__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-20__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-20__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-20__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-20__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-20__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-20__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-20__switch input:checked + .pb-pricing-models-model-20__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-20__switch input:checked + .pb-pricing-models-model-20__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-20__item {
  border-bottom: 1px dashed color-mix(in srgb, var(--default-color), transparent 60%);
  width: 100%;
  height: 100%;
  padding: 0 0 15px 0;
}
.pb-pricing-models-model-20__item h3 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 600;
  color: var(--heading-color);
}
.pb-pricing-models-model-20__item h4 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 18px;
  color: var(--accent-color);
  white-space: nowrap;
}
.pb-pricing-models-model-20__price-monthly, .pb-pricing-models-model-20__price-yearly {
  display: none;
}
.pb-pricing-models-model-20__price-monthly {
  display: block;
}
.pb-pricing-models-model-20__btn {
  display: none;
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--accent-color);
  text-decoration: none;
  border: 1px solid var(--accent-color);
  border-radius: var(--button-border-radius);
  padding: 4px 12px;
  transition: 0.2s ease;
  white-space: nowrap;
}
.pb-pricing-models-model-20__btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-20__link-monthly {
  display: inline-block;
}
.pb-pricing-models-model-20.is-yearly .pb-pricing-models-model-20__price-monthly, .pb-pricing-models-model-20.pb-pricing-models-model-20--yearly .pb-pricing-models-model-20__price-monthly {
  display: none;
}
.pb-pricing-models-model-20.is-yearly .pb-pricing-models-model-20__price-yearly, .pb-pricing-models-model-20.pb-pricing-models-model-20--yearly .pb-pricing-models-model-20__price-yearly {
  display: block;
}
.pb-pricing-models-model-20.is-yearly .pb-pricing-models-model-20__link-monthly, .pb-pricing-models-model-20.pb-pricing-models-model-20--yearly .pb-pricing-models-model-20__link-monthly {
  display: none;
}
.pb-pricing-models-model-20.is-yearly .pb-pricing-models-model-20__link-yearly, .pb-pricing-models-model-20.pb-pricing-models-model-20--yearly .pb-pricing-models-model-20__link-yearly {
  display: inline-block;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-20__toggle-wrap:has(.pb-pricing-models-model-20__switch input:checked) ~ .row .pb-pricing-models-model-20__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-20__toggle-wrap:has(.pb-pricing-models-model-20__switch input:checked) ~ .row .pb-pricing-models-model-20__price-yearly {
    display: block;
  }
  .pb-pricing-models-model-20__toggle-wrap:has(.pb-pricing-models-model-20__switch input:checked) ~ .row .pb-pricing-models-model-20__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-20__toggle-wrap:has(.pb-pricing-models-model-20__switch input:checked) ~ .row .pb-pricing-models-model-20__link-yearly {
    display: inline-block;
  }
  .pb-pricing-models-model-20__toggle-wrap:has(.pb-pricing-models-model-20__switch input:checked) .pb-pricing-models-model-20__period--monthly {
    color: var(--pb-pricing-muted);
  }
  .pb-pricing-models-model-20__toggle-wrap:has(.pb-pricing-models-model-20__switch input:checked) .pb-pricing-models-model-20__period--yearly {
    color: var(--heading-color);
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 21
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-21,
section.pb-pricing-models-model-21,
.section.pb-pricing-models-model-21,
.pb-pricing-models-model-21 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-21 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
  --pb-pricing-check: #059652;
}
.pb-pricing-models-model-21.pb-ready-model .pb-pricing-models-model-21__features li {
  white-space: normal;
}
.pb-pricing-models-model-21__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-21__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-21__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-21__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-21__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-21__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-21__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-21__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-21__switch input:checked + .pb-pricing-models-model-21__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-21__switch input:checked + .pb-pricing-models-model-21__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-21__card {
  background-color: color-mix(in srgb, var(--accent-color), transparent 96%);
  border: 1px solid var(--pb-pricing-border);
  padding: 40px;
  height: 100%;
  border-radius: var(--card-border-radius);
  position: relative;
}
.pb-pricing-models-model-21__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-pricing-models-model-21__card.is-featured .pb-pricing-models-model-21__btn {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-pricing-models-model-21__card h3 {
  font-family: var(--heading-font);
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 20px;
  color: var(--heading-color);
}
.pb-pricing-models-model-21__popular {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 4px 15px 6px 15px;
  margin: 0;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
}
.pb-pricing-models-model-21__description {
  font-family: var(--default-font);
  font-size: 14px;
  color: var(--default-color);
  margin-bottom: 1rem;
}
.pb-pricing-models-model-21 h4 {
  color: var(--accent-color);
  font-size: 48px;
  font-weight: 700;
  font-family: var(--heading-font);
  margin-bottom: 0;
}
.pb-pricing-models-model-21 h4 sup {
  font-size: 28px;
}
.pb-pricing-models-model-21 h4 span {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 18px;
  font-weight: 500;
}
.pb-pricing-models-model-21__price-monthly, .pb-pricing-models-model-21__price-yearly {
  display: none;
}
.pb-pricing-models-model-21__price-monthly {
  display: block;
}
.pb-pricing-models-model-21__btn {
  border: 1px solid var(--default-color);
  color: var(--default-color);
  display: none;
  text-align: center;
  padding: 10px 35px;
  border-radius: var(--button-border-radius);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--heading-font);
  transition: 0.3s;
  margin-top: 20px;
  margin-bottom: 6px;
  text-decoration: none;
  background: transparent;
}
.pb-pricing-models-model-21__btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-pricing-models-model-21__link-monthly {
  display: block;
}
.pb-pricing-models-model-21__note {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-pricing-models-model-21__features {
  padding: 0;
  list-style: none;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  text-align: left;
  line-height: 20px;
  margin: 1rem 0 0;
  font-family: var(--default-font);
}
.pb-pricing-models-model-21__features li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.pb-pricing-models-model-21__features li:last-child {
  padding-bottom: 0;
}
.pb-pricing-models-model-21__features i {
  color: var(--pb-pricing-check);
  font-size: 24px;
  padding-right: 3px;
  flex-shrink: 0;
}
.pb-pricing-models-model-21__features .is-excluded {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.pb-pricing-models-model-21__features .is-excluded i {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.pb-pricing-models-model-21__features .is-excluded span {
  text-decoration: line-through;
}
.pb-pricing-models-model-21.is-yearly .pb-pricing-models-model-21__price-monthly, .pb-pricing-models-model-21.pb-pricing-models-model-21--yearly .pb-pricing-models-model-21__price-monthly {
  display: none;
}
.pb-pricing-models-model-21.is-yearly .pb-pricing-models-model-21__price-yearly, .pb-pricing-models-model-21.pb-pricing-models-model-21--yearly .pb-pricing-models-model-21__price-yearly {
  display: block;
}
.pb-pricing-models-model-21.is-yearly .pb-pricing-models-model-21__link-monthly, .pb-pricing-models-model-21.pb-pricing-models-model-21--yearly .pb-pricing-models-model-21__link-monthly {
  display: none;
}
.pb-pricing-models-model-21.is-yearly .pb-pricing-models-model-21__link-yearly, .pb-pricing-models-model-21.pb-pricing-models-model-21--yearly .pb-pricing-models-model-21__link-yearly {
  display: block;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-21__toggle-wrap:has(.pb-pricing-models-model-21__switch input:checked) ~ .row .pb-pricing-models-model-21__card .pb-pricing-models-model-21__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-21__toggle-wrap:has(.pb-pricing-models-model-21__switch input:checked) ~ .row .pb-pricing-models-model-21__card .pb-pricing-models-model-21__price-yearly {
    display: block;
  }
  .pb-pricing-models-model-21__toggle-wrap:has(.pb-pricing-models-model-21__switch input:checked) ~ .row .pb-pricing-models-model-21__card .pb-pricing-models-model-21__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-21__toggle-wrap:has(.pb-pricing-models-model-21__switch input:checked) ~ .row .pb-pricing-models-model-21__card .pb-pricing-models-model-21__link-yearly {
    display: block;
  }
  .pb-pricing-models-model-21__toggle-wrap:has(.pb-pricing-models-model-21__switch input:checked) .pb-pricing-models-model-21__period--monthly {
    color: var(--pb-pricing-muted);
  }
  .pb-pricing-models-model-21__toggle-wrap:has(.pb-pricing-models-model-21__switch input:checked) .pb-pricing-models-model-21__period--yearly {
    color: var(--heading-color);
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Models — Model 22
--------------------------------------------------------------*/
section.section.pb-pricing-models-model-22,
section.pb-pricing-models-model-22,
.section.pb-pricing-models-model-22,
.pb-pricing-models-model-22 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-pricing-models-model-22 {
  --pb-pricing-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-pricing-muted: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-models-model-22.pb-ready-model .pb-pricing-models-model-22__features li {
  white-space: normal;
}
.pb-pricing-models-model-22__toggle {
  background: var(--surface-color);
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--button-border-radius);
  padding: 8px 16px;
}
.pb-pricing-models-model-22__period {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--pb-pricing-muted);
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}
.pb-pricing-models-model-22__period.active {
  color: var(--heading-color);
}
.pb-pricing-models-model-22__save-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  padding: 2px 10px;
  border-radius: var(--button-border-radius);
  margin-left: 4px;
}
.pb-pricing-models-model-22__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.pb-pricing-models-model-22__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pb-pricing-models-model-22__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 75%);
  transition: background 0.2s ease;
  border-radius: 999px;
}
.pb-pricing-models-model-22__slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: var(--surface-color);
  transition: transform 0.2s ease;
  border-radius: 50%;
}
.pb-pricing-models-model-22__switch input:checked + .pb-pricing-models-model-22__slider {
  background: var(--heading-color);
}
.pb-pricing-models-model-22__switch input:checked + .pb-pricing-models-model-22__slider::before {
  transform: translateX(20px);
}
.pb-pricing-models-model-22__card {
  background-color: var(--surface-color);
  padding: 60px 40px;
  box-shadow: 0 3px 20px -2px color-mix(in srgb, var(--heading-color), transparent 90%);
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--pb-pricing-border);
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
.pb-pricing-models-model-22__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-pricing-models-model-22__card.is-featured {
  border-color: var(--accent-color);
}
.pb-pricing-models-model-22__card.is-featured .pb-pricing-models-model-22__header {
  background-image: linear-gradient(color-mix(in srgb, var(--accent-color), transparent 10%), color-mix(in srgb, var(--accent-color), transparent 20%)), var(--pb-pricing-header-image, none);
  background-size: cover;
  background-position: center;
}
.pb-pricing-models-model-22__card.is-featured .pb-pricing-models-model-22__btn {
  border-color: var(--accent-color);
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-models-model-22__card.is-featured .pb-pricing-models-model-22__btn:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 10%);
  border-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 10%);
  color: var(--contrast-color);
}
.pb-pricing-models-model-22__header {
  background-image: linear-gradient(color-mix(in srgb, var(--heading-color) 92%, transparent), color-mix(in srgb, var(--heading-color) 75%, transparent)), var(--pb-pricing-header-image, none);
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 40px;
  margin: -60px -40px 0;
}
.pb-pricing-models-model-22__header h3 {
  font-family: var(--heading-font);
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 36px;
  color: var(--contrast-color);
}
.pb-pricing-models-model-22__header h4 {
  font-family: var(--heading-font);
  font-size: 48px;
  color: var(--contrast-color);
  font-weight: 400;
  margin-bottom: 0;
}
.pb-pricing-models-model-22__header h4 sup {
  font-size: 28px;
}
.pb-pricing-models-model-22__header h4 span {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  font-size: 24px;
}
.pb-pricing-models-model-22__price-monthly, .pb-pricing-models-model-22__price-yearly {
  display: none;
}
.pb-pricing-models-model-22__price-monthly {
  display: block;
}
.pb-pricing-models-model-22__features {
  padding: 30px 0;
  list-style: none;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  text-align: left;
  line-height: 20px;
  margin: 0;
  font-family: var(--default-font);
}
.pb-pricing-models-model-22__features li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.pb-pricing-models-model-22__features i {
  color: var(--accent-color);
  font-size: 18px;
  padding-right: 8px;
  line-height: 0;
  flex-shrink: 0;
}
.pb-pricing-models-model-22__features .ri-circle-fill {
  font-size: 12px;
  margin-right: 4px;
}
.pb-pricing-models-model-22__features .is-excluded {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.pb-pricing-models-model-22__features .is-excluded i {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  font-size: 24px;
  padding-left: 4px;
}
.pb-pricing-models-model-22__features .is-excluded span {
  text-decoration: line-through;
}
.pb-pricing-models-model-22__btn {
  display: none;
  padding: 12px 40px;
  border-radius: var(--button-border-radius);
  color: var(--default-color);
  font-size: 16px;
  font-weight: 500;
  transition: 0.3s;
  border: 1px solid var(--default-color);
  text-decoration: none;
  background: transparent;
  font-family: var(--heading-font);
}
.pb-pricing-models-model-22__btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-pricing-models-model-22__link-monthly {
  display: inline-block;
}
.pb-pricing-models-model-22.is-yearly .pb-pricing-models-model-22__price-monthly, .pb-pricing-models-model-22.pb-pricing-models-model-22--yearly .pb-pricing-models-model-22__price-monthly {
  display: none;
}
.pb-pricing-models-model-22.is-yearly .pb-pricing-models-model-22__price-yearly, .pb-pricing-models-model-22.pb-pricing-models-model-22--yearly .pb-pricing-models-model-22__price-yearly {
  display: block;
}
.pb-pricing-models-model-22.is-yearly .pb-pricing-models-model-22__link-monthly, .pb-pricing-models-model-22.pb-pricing-models-model-22--yearly .pb-pricing-models-model-22__link-monthly {
  display: none;
}
.pb-pricing-models-model-22.is-yearly .pb-pricing-models-model-22__link-yearly, .pb-pricing-models-model-22.pb-pricing-models-model-22--yearly .pb-pricing-models-model-22__link-yearly {
  display: inline-block;
}
@supports (selector(:has(*))) {
  .pb-pricing-models-model-22__toggle-wrap:has(.pb-pricing-models-model-22__switch input:checked) ~ .row .pb-pricing-models-model-22__card .pb-pricing-models-model-22__price-monthly {
    display: none;
  }
  .pb-pricing-models-model-22__toggle-wrap:has(.pb-pricing-models-model-22__switch input:checked) ~ .row .pb-pricing-models-model-22__card .pb-pricing-models-model-22__price-yearly {
    display: block;
  }
  .pb-pricing-models-model-22__toggle-wrap:has(.pb-pricing-models-model-22__switch input:checked) ~ .row .pb-pricing-models-model-22__card .pb-pricing-models-model-22__link-monthly {
    display: none;
  }
  .pb-pricing-models-model-22__toggle-wrap:has(.pb-pricing-models-model-22__switch input:checked) ~ .row .pb-pricing-models-model-22__card .pb-pricing-models-model-22__link-yearly {
    display: inline-block;
  }
  .pb-pricing-models-model-22__toggle-wrap:has(.pb-pricing-models-model-22__switch input:checked) .pb-pricing-models-model-22__period--monthly {
    color: var(--pb-pricing-muted);
  }
  .pb-pricing-models-model-22__toggle-wrap:has(.pb-pricing-models-model-22__switch input:checked) .pb-pricing-models-model-22__period--yearly {
    color: var(--heading-color);
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Card Models — Model 1
--------------------------------------------------------------*/
.pb-pricing-card-models-model-1.pb-ready-model .pb-pricing-card-models-model-1__title, .pb-pricing-card-models-model-1.pb-ready-model .pb-pricing-card-models-model-1__summary, .pb-pricing-card-models-model-1.pb-ready-model .pb-pricing-card-models-model-1__tutor strong, .pb-pricing-card-models-model-1.pb-ready-model .pb-pricing-card-models-model-1__tutor span {
  white-space: normal;
}
.pb-pricing-card-models-model-1 a.pb-pricing-card-models-model-1__btn,
.pb-pricing-card-models-model-1 a.pb-pricing-card-models-model-1__btn:hover,
.pb-pricing-card-models-model-1 a.pb-pricing-card-models-model-1__btn:focus,
.pb-pricing-card-models-model-1 a.pb-pricing-card-models-model-1__footer-btn,
.pb-pricing-card-models-model-1 a.pb-pricing-card-models-model-1__footer-btn:hover,
.pb-pricing-card-models-model-1 a.pb-pricing-card-models-model-1__footer-btn:focus,
.pb-pricing-card-models-model-1 .pb-pricing-card-models-model-1__title a,
.pb-pricing-card-models-model-1 .pb-pricing-card-models-model-1__title a:hover,
.pb-pricing-card-models-model-1 .pb-pricing-card-models-model-1__title a:focus {
  text-decoration: none;
}
.pb-pricing-card-models-model-1__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius, 16px);
  overflow: hidden;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 94%);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  height: 100%;
}
.pb-pricing-card-models-model-1__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-pricing-card-models-model-1__card:hover .pb-pricing-card-models-model-1__thumbnail img {
  transform: scale(1.08);
}
.pb-pricing-card-models-model-1__card:hover .pb-pricing-card-models-model-1__btn i {
  transform: translateX(4px);
}
.pb-pricing-card-models-model-1__thumbnail {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 280px;
}
.pb-pricing-card-models-model-1__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-pricing-card-models-model-1__thumbnail::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(to top, color-mix(in srgb, var(--default-color), transparent 40%), transparent);
  pointer-events: none;
}
.pb-pricing-card-models-model-1__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 2;
}
.pb-pricing-card-models-model-1__badge--tone-1 {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-1__badge--tone-2 {
  background: var(--success-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-1__badge--tone-3 {
  background: var(--review-star-color);
  color: var(--heading-color);
}
.pb-pricing-card-models-model-1__badge--tone-4 {
  background: var(--danger-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-1__body {
  padding: 28px 28px 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pb-pricing-card-models-model-1__meta-tags {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.pb-pricing-card-models-model-1__level, .pb-pricing-card-models-model-1__duration {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 50px;
}
.pb-pricing-card-models-model-1__level i, .pb-pricing-card-models-model-1__duration i {
  font-size: 11px;
}
.pb-pricing-card-models-model-1__level {
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
}
.pb-pricing-card-models-model-1__duration {
  background: color-mix(in srgb, var(--default-color), transparent 92%);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-pricing-card-models-model-1__title {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 10px;
  letter-spacing: -0.3px;
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-1__title a {
  color: var(--heading-color);
  transition: color 0.3s ease;
}
.pb-pricing-card-models-model-1__title a:hover {
  color: var(--accent-color);
}
.pb-pricing-card-models-model-1__summary {
  font-size: 14px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 16px;
}
.pb-pricing-card-models-model-1__tutor {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}
.pb-pricing-card-models-model-1__tutor img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-pricing-card-models-model-1__tutor strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-1__tutor span {
  font-size: 11px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-pricing-card-models-model-1__stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px dashed color-mix(in srgb, var(--default-color), transparent 88%);
  margin-bottom: 18px;
}
.pb-pricing-card-models-model-1__rating {
  display: flex;
  align-items: center;
  gap: 2px;
}
.pb-pricing-card-models-model-1__rating i {
  color: var(--review-star-color);
  font-size: 12px;
}
.pb-pricing-card-models-model-1__rating span {
  font-size: 13px;
  font-weight: 700;
  color: var(--heading-color);
  margin-left: 6px;
}
.pb-pricing-card-models-model-1__learners {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-weight: 500;
}
.pb-pricing-card-models-model-1__learners i {
  color: var(--accent-color);
  font-size: 13px;
}
.pb-pricing-card-models-model-1__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}
.pb-pricing-card-models-model-1__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 10px 24px;
  border-radius: var(--button-border-radius, 50px);
  font-size: 13px;
  font-weight: 600;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.pb-pricing-card-models-model-1__btn i {
  transition: transform 0.3s ease;
  font-size: 14px;
}
.pb-pricing-card-models-model-1__btn:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-pricing-card-models-model-1__price {
  font-size: 22px;
  font-weight: 800;
  color: var(--accent-color);
  font-family: var(--heading-font);
  letter-spacing: -0.5px;
}
.pb-pricing-card-models-model-1__price--free {
  font-size: 16px;
  font-weight: 700;
  background: color-mix(in srgb, var(--success-color), transparent 88%);
  color: var(--success-color);
  padding: 4px 14px;
  border-radius: 50px;
}
.pb-pricing-card-models-model-1__footer-cta {
  margin-top: 60px;
}
.pb-pricing-card-models-model-1__footer-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  color: var(--accent-color);
  padding: 16px 40px;
  border: 2px solid var(--accent-color);
  border-radius: var(--button-border-radius, 50px);
  font-weight: 600;
  font-size: 15px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-pricing-card-models-model-1__footer-btn i {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.pb-pricing-card-models-model-1__footer-btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-pricing-card-models-model-1__footer-btn:hover i {
  transform: translateX(4px);
}
@media (max-width: 768px) {
  .pb-pricing-card-models-model-1__thumbnail {
    min-height: 220px;
  }
  .pb-pricing-card-models-model-1__body {
    padding: 22px 20px 20px;
  }
  .pb-pricing-card-models-model-1__title {
    font-size: 17px;
  }
  .pb-pricing-card-models-model-1__stats {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .pb-pricing-card-models-model-1__action {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  .pb-pricing-card-models-model-1__action .pb-pricing-card-models-model-1__price {
    order: -1;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Card Models — Model 2
--------------------------------------------------------------*/
.pb-pricing-card-models-model-2.pb-ready-model .pb-pricing-card-models-model-2__title, .pb-pricing-card-models-model-2.pb-ready-model .pb-pricing-card-models-model-2__summary, .pb-pricing-card-models-model-2.pb-ready-model .pb-pricing-card-models-model-2__tutor span, .pb-pricing-card-models-model-2.pb-ready-model .pb-pricing-card-models-model-2__results {
  white-space: normal;
}
.pb-pricing-card-models-model-2 a.pb-pricing-card-models-model-2__btn,
.pb-pricing-card-models-model-2 a.pb-pricing-card-models-model-2__btn:hover,
.pb-pricing-card-models-model-2 a.pb-pricing-card-models-model-2__btn:focus,
.pb-pricing-card-models-model-2 a.pb-pricing-card-models-model-2__load-btn,
.pb-pricing-card-models-model-2 a.pb-pricing-card-models-model-2__load-btn:hover,
.pb-pricing-card-models-model-2 a.pb-pricing-card-models-model-2__load-btn:focus {
  text-decoration: none;
}
.pb-pricing-card-models-model-2__filter-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 40px;
}
.pb-pricing-card-models-model-2__tag-btn {
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  border-radius: var(--button-border-radius, 50px);
  border: 2px solid color-mix(in srgb, var(--default-color), transparent 85%);
  background: transparent;
  color: var(--default-color);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.pb-pricing-card-models-model-2__tag-btn:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
  transform: translateY(-2px);
}
.pb-pricing-card-models-model-2__tag-btn.filter-active {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-2__tag-divider {
  width: 2px;
  height: 24px;
  background-color: color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: 2px;
  margin: 0 6px;
}
.pb-pricing-card-models-model-2__card {
  background-color: var(--surface-color);
  border-radius: calc(var(--card-border-radius, 16px) + 4px);
  overflow: hidden;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 94%);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-pricing-card-models-model-2__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-pricing-card-models-model-2__card:hover .pb-pricing-card-models-model-2__media img {
  transform: scale(1.08);
}
.pb-pricing-card-models-model-2__card:hover .pb-pricing-card-models-model-2__btn i {
  transform: translateX(4px);
}
.pb-pricing-card-models-model-2__card--featured {
  box-shadow: 0 4px 20px color-mix(in srgb, var(--accent-color), transparent 82%);
}
.pb-pricing-card-models-model-2__card--featured .pb-pricing-card-models-model-2__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent-color), transparent 70%) 0%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}
.pb-pricing-card-models-model-2__media {
  position: relative;
  overflow: hidden;
}
.pb-pricing-card-models-model-2__media img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-pricing-card-models-model-2__ribbon {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pb-pricing-card-models-model-2__ribbon--tone-1 {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-2__ribbon--tone-2 {
  background-color: var(--success-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-2__ribbon--tone-3 {
  background-color: color-mix(in srgb, var(--accent-color), var(--danger-color) 42%);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-2__ribbon--tone-4 {
  background-color: color-mix(in srgb, var(--heading-color), var(--accent-color) 35%);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-2__price-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  background-color: color-mix(in srgb, var(--default-color), transparent 20%);
  color: var(--contrast-color);
  padding: 8px 18px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 800;
  backdrop-filter: blur(4px);
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-2__body {
  padding: 28px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.pb-pricing-card-models-model-2__meta-tags {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.pb-pricing-card-models-model-2__category {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
}
.pb-pricing-card-models-model-2__level {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 14px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  background-color: color-mix(in srgb, var(--default-color), transparent 92%);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-pricing-card-models-model-2__level i {
  font-size: 10px;
}
.pb-pricing-card-models-model-2__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 12px;
  color: var(--heading-color);
  letter-spacing: -0.3px;
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-2__summary {
  font-size: 14px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 20px;
  flex-grow: 1;
}
.pb-pricing-card-models-model-2__metrics {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 14px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-pricing-card-models-model-2__metric {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-pricing-card-models-model-2__metric i {
  color: var(--accent-color);
  font-size: 14px;
}
.pb-pricing-card-models-model-2__metric--stars i {
  color: var(--review-star-color);
}
.pb-pricing-card-models-model-2__metric--stars span {
  font-weight: 700;
  color: var(--default-color);
}
.pb-pricing-card-models-model-2__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  gap: 12px;
}
.pb-pricing-card-models-model-2__tutor {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pb-pricing-card-models-model-2__tutor img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-pricing-card-models-model-2__tutor span {
  font-size: 13px;
  font-weight: 600;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-2__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 22px;
  border-radius: var(--button-border-radius, 50px);
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.pb-pricing-card-models-model-2__btn i {
  transition: transform 0.3s ease;
}
.pb-pricing-card-models-model-2__btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-pricing-card-models-model-2__load-more {
  text-align: center;
  margin-top: 60px;
}
.pb-pricing-card-models-model-2__load-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 40px;
  border-radius: var(--button-border-radius, 50px);
  border: 2px solid var(--accent-color);
  background: transparent;
  color: var(--accent-color);
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.pb-pricing-card-models-model-2__load-btn:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-pricing-card-models-model-2__results {
  margin-top: 16px;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
}
@media (max-width: 992px) {
  .pb-pricing-card-models-model-2__tag-divider {
    display: none;
  }
  .pb-pricing-card-models-model-2__footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .pb-pricing-card-models-model-2__footer .pb-pricing-card-models-model-2__btn {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .pb-pricing-card-models-model-2__filter-tags {
    gap: 8px;
  }
  .pb-pricing-card-models-model-2__tag-btn {
    padding: 6px 14px;
    font-size: 12px;
  }
  .pb-pricing-card-models-model-2__media img {
    height: 180px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Card Models — Model 3
--------------------------------------------------------------*/
.pb-pricing-card-models-model-3.pb-ready-model .pb-pricing-card-models-model-3__title, .pb-pricing-card-models-model-3.pb-ready-model .pb-pricing-card-models-model-3__summary, .pb-pricing-card-models-model-3.pb-ready-model .pb-pricing-card-models-model-3__tutor-copy strong, .pb-pricing-card-models-model-3.pb-ready-model .pb-pricing-card-models-model-3__tutor-copy span, .pb-pricing-card-models-model-3.pb-ready-model .pb-pricing-card-models-model-3__catalog-copy span {
  white-space: normal;
}
.pb-pricing-card-models-model-3 a.pb-pricing-card-models-model-3__btn,
.pb-pricing-card-models-model-3 a.pb-pricing-card-models-model-3__btn:hover,
.pb-pricing-card-models-model-3 a.pb-pricing-card-models-model-3__btn:focus,
.pb-pricing-card-models-model-3 a.pb-pricing-card-models-model-3__catalog-btn,
.pb-pricing-card-models-model-3 a.pb-pricing-card-models-model-3__catalog-btn:hover,
.pb-pricing-card-models-model-3 a.pb-pricing-card-models-model-3__catalog-btn:focus,
.pb-pricing-card-models-model-3 .pb-pricing-card-models-model-3__title a,
.pb-pricing-card-models-model-3 .pb-pricing-card-models-model-3__title a:hover,
.pb-pricing-card-models-model-3 .pb-pricing-card-models-model-3__title a:focus {
  text-decoration: none;
}
.pb-pricing-card-models-model-3__card {
  background: var(--surface-color);
  border-radius: calc(var(--card-border-radius, 16px) + 4px);
  overflow: hidden;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 94%);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 93%);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-pricing-card-models-model-3__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 88%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 68%);
}
.pb-pricing-card-models-model-3__card:hover .pb-pricing-card-models-model-3__media img {
  transform: scale(1.08);
}
.pb-pricing-card-models-model-3__card:hover .pb-pricing-card-models-model-3__btn {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-3__card:hover .pb-pricing-card-models-model-3__btn i {
  transform: translateX(4px);
}
.pb-pricing-card-models-model-3__media {
  position: relative;
  overflow: hidden;
  height: 210px;
  flex-shrink: 0;
}
.pb-pricing-card-models-model-3__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-pricing-card-models-model-3__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 35%, color-mix(in srgb, var(--default-color), transparent 35%) 100%);
  pointer-events: none;
}
.pb-pricing-card-models-model-3__badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  padding: 5px 12px;
  border-radius: 50px;
}
.pb-pricing-card-models-model-3__badge--tone-1 {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-3__badge--tone-2 {
  background: var(--success-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-3__badge--tone-3 {
  background: var(--review-star-color);
  color: var(--heading-color);
}
.pb-pricing-card-models-model-3__badge--tone-4 {
  background: var(--danger-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-3__price {
  position: absolute;
  bottom: 14px;
  right: 14px;
  z-index: 2;
  background: var(--surface-color);
  color: var(--accent-color);
  font-size: 16px;
  font-weight: 800;
  font-family: var(--heading-font);
  padding: 6px 14px;
  border-radius: 10px;
  line-height: 1;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 88%);
  letter-spacing: -0.3px;
}
.pb-pricing-card-models-model-3__price--free {
  background: var(--success-color);
  color: var(--contrast-color);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.pb-pricing-card-models-model-3__body {
  padding: 22px 24px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.pb-pricing-card-models-model-3__meta {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.pb-pricing-card-models-model-3__level, .pb-pricing-card-models-model-3__duration {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
}
.pb-pricing-card-models-model-3__level i, .pb-pricing-card-models-model-3__duration i {
  font-size: 10px;
}
.pb-pricing-card-models-model-3__level {
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
}
.pb-pricing-card-models-model-3__duration {
  background: color-mix(in srgb, var(--default-color), transparent 92%);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-pricing-card-models-model-3__title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 10px;
  letter-spacing: -0.2px;
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-3__title a {
  color: var(--heading-color);
  transition: color 0.3s ease;
}
.pb-pricing-card-models-model-3__title a:hover {
  color: var(--accent-color);
}
.pb-pricing-card-models-model-3__summary {
  font-size: 13px;
  line-height: 1.65;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pb-pricing-card-models-model-3__tutor {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 16px;
  margin-top: 16px;
  margin-bottom: 14px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-pricing-card-models-model-3__tutor img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 60%);
  flex-shrink: 0;
}
.pb-pricing-card-models-model-3__tutor-copy strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--heading-color);
  font-family: var(--heading-font);
  line-height: 1.3;
}
.pb-pricing-card-models-model-3__tutor-copy span {
  font-size: 11px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.pb-pricing-card-models-model-3__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
}
.pb-pricing-card-models-model-3__rating {
  display: flex;
  align-items: center;
  gap: 4px;
}
.pb-pricing-card-models-model-3__stars {
  display: flex;
  gap: 1px;
}
.pb-pricing-card-models-model-3__stars i {
  color: var(--review-star-color);
  font-size: 11px;
}
.pb-pricing-card-models-model-3__rating-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--heading-color);
  margin-left: 4px;
}
.pb-pricing-card-models-model-3__rating-count {
  font-size: 11px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.pb-pricing-card-models-model-3__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  padding: 8px 16px;
  border-radius: var(--button-border-radius, 50px);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.pb-pricing-card-models-model-3__btn i {
  font-size: 12px;
  transition: transform 0.3s ease;
}
.pb-pricing-card-models-model-3__catalog-cta {
  margin-top: 56px;
}
.pb-pricing-card-models-model-3__catalog-inner {
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  border-radius: calc(var(--card-border-radius, 16px) + 2px);
  padding: 26px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.pb-pricing-card-models-model-3__catalog-copy {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  font-weight: 400;
  line-height: 1.5;
}
.pb-pricing-card-models-model-3__catalog-copy > i {
  font-size: 30px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-pricing-card-models-model-3__catalog-copy strong {
  color: var(--heading-color);
  font-weight: 700;
}
.pb-pricing-card-models-model-3__catalog-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 14px 32px;
  border-radius: var(--button-border-radius, 50px);
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  flex-shrink: 0;
}
.pb-pricing-card-models-model-3__catalog-btn i {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.pb-pricing-card-models-model-3__catalog-btn:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 55%);
  transform: translateY(-2px);
}
.pb-pricing-card-models-model-3__catalog-btn:hover i {
  transform: translateX(4px);
}
@media (max-width: 576px) {
  .pb-pricing-card-models-model-3__catalog-inner {
    flex-direction: column;
    text-align: center;
    padding: 28px 24px;
  }
}
@media (max-width: 768px) {
  .pb-pricing-card-models-model-3__media {
    height: 185px;
  }
  .pb-pricing-card-models-model-3__body {
    padding: 18px 20px;
  }
  .pb-pricing-card-models-model-3__footer {
    flex-wrap: wrap;
    gap: 10px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Card Models — Model 4
--------------------------------------------------------------*/
.pb-pricing-card-models-model-4.pb-ready-model .pb-pricing-card-models-model-4__title, .pb-pricing-card-models-model-4.pb-ready-model .pb-pricing-card-models-model-4__summary, .pb-pricing-card-models-model-4.pb-ready-model .pb-pricing-card-models-model-4__tutor-name, .pb-pricing-card-models-model-4.pb-ready-model .pb-pricing-card-models-model-4__tutor-role, .pb-pricing-card-models-model-4.pb-ready-model .pb-pricing-card-models-model-4__topic span {
  white-space: normal;
}
.pb-pricing-card-models-model-4 a.pb-pricing-card-models-model-4__browse-link,
.pb-pricing-card-models-model-4 a.pb-pricing-card-models-model-4__browse-link:hover,
.pb-pricing-card-models-model-4 a.pb-pricing-card-models-model-4__browse-link:focus,
.pb-pricing-card-models-model-4 .pb-pricing-card-models-model-4__title a,
.pb-pricing-card-models-model-4 .pb-pricing-card-models-model-4__title a:hover,
.pb-pricing-card-models-model-4 .pb-pricing-card-models-model-4__title a:focus {
  text-decoration: none;
}
.pb-pricing-card-models-model-4__card {
  background: var(--surface-color);
  border-radius: 0;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.pb-pricing-card-models-model-4__card:hover {
  border-color: var(--accent-color);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 88%);
}
.pb-pricing-card-models-model-4__card:hover .pb-pricing-card-models-model-4__media img {
  transform: scale(1.08);
}
.pb-pricing-card-models-model-4__media {
  position: relative;
  overflow: hidden;
}
.pb-pricing-card-models-model-4__media img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-pricing-card-models-model-4__level-badge {
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 6px 18px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pb-pricing-card-models-model-4__body {
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.pb-pricing-card-models-model-4__topic {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
  color: var(--accent-color);
  font-size: 13px;
  font-weight: 600;
}
.pb-pricing-card-models-model-4__topic i {
  font-size: 15px;
}
.pb-pricing-card-models-model-4__title {
  font-size: 19px;
  line-height: 1.4;
  margin-bottom: 10px;
  font-weight: 700;
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-4__title a {
  color: var(--heading-color);
  transition: color 0.3s ease;
}
.pb-pricing-card-models-model-4__title a:hover {
  color: var(--accent-color);
}
.pb-pricing-card-models-model-4__summary {
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 20px;
  flex-grow: 1;
}
.pb-pricing-card-models-model-4__details {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 22px;
}
.pb-pricing-card-models-model-4__detail {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  padding: 5px 12px;
  border-radius: 4px;
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-pricing-card-models-model-4__detail i {
  color: var(--accent-color);
  font-size: 13px;
}
.pb-pricing-card-models-model-4__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  margin-top: auto;
}
.pb-pricing-card-models-model-4__tutor {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pb-pricing-card-models-model-4__tutor-photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-pricing-card-models-model-4__tutor-copy {
  display: flex;
  flex-direction: column;
}
.pb-pricing-card-models-model-4__tutor-name {
  font-weight: 700;
  font-size: 13px;
  color: var(--heading-color);
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-4__tutor-role {
  font-size: 11px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-pricing-card-models-model-4__price {
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-weight: 800;
  font-size: 18px;
  padding: 6px 16px;
  border-radius: 4px;
  letter-spacing: -0.5px;
  font-family: var(--heading-font);
  flex-shrink: 0;
}
.pb-pricing-card-models-model-4__browse-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--accent-color);
  font-weight: 700;
  font-size: 16px;
  padding: 10px 0;
  border-bottom: 2px solid var(--accent-color);
  transition: color 0.3s ease, border-color 0.3s ease;
}
.pb-pricing-card-models-model-4__browse-link i {
  transition: transform 0.3s ease;
}
.pb-pricing-card-models-model-4__browse-link:hover {
  color: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
  border-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
}
.pb-pricing-card-models-model-4__browse-link:hover i {
  transform: translateX(5px);
}
@media (max-width: 768px) {
  .pb-pricing-card-models-model-4__detail {
    flex: 1 1 auto;
    justify-content: center;
  }
  .pb-pricing-card-models-model-4__footer {
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
  }
  .pb-pricing-card-models-model-4__price {
    align-self: flex-end;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Card Models — Model 5
--------------------------------------------------------------*/
.pb-pricing-card-models-model-5.pb-ready-model .pb-pricing-card-models-model-5__title, .pb-pricing-card-models-model-5.pb-ready-model .pb-pricing-card-models-model-5__summary, .pb-pricing-card-models-model-5.pb-ready-model .pb-pricing-card-models-model-5__tutor-meta strong, .pb-pricing-card-models-model-5.pb-ready-model .pb-pricing-card-models-model-5__tutor-meta span {
  white-space: normal;
}
.pb-pricing-card-models-model-5 a.pb-pricing-card-models-model-5__action,
.pb-pricing-card-models-model-5 a.pb-pricing-card-models-model-5__action:hover,
.pb-pricing-card-models-model-5 a.pb-pricing-card-models-model-5__action:focus,
.pb-pricing-card-models-model-5 .pb-pricing-card-models-model-5__title a,
.pb-pricing-card-models-model-5 .pb-pricing-card-models-model-5__title a:hover,
.pb-pricing-card-models-model-5 .pb-pricing-card-models-model-5__title a:focus {
  text-decoration: none;
}
.pb-pricing-card-models-model-5__card {
  background: var(--surface-color);
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.pb-pricing-card-models-model-5__card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-pricing-card-models-model-5__card:hover .pb-pricing-card-models-model-5__media img {
  transform: scale(1.03);
}
.pb-pricing-card-models-model-5__media {
  position: relative;
  height: 200px;
  overflow: hidden;
}
.pb-pricing-card-models-model-5__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.pb-pricing-card-models-model-5__header {
  padding: 24px 24px 0;
}
.pb-pricing-card-models-model-5__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.pb-pricing-card-models-model-5__tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  line-height: 1.6;
}
.pb-pricing-card-models-model-5__tag--badge-tone-1 {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-pricing-card-models-model-5__tag--badge-tone-2 {
  background: color-mix(in srgb, var(--success-color), transparent 90%);
  color: var(--success-color);
  border: 1px solid color-mix(in srgb, var(--success-color), transparent 70%);
}
.pb-pricing-card-models-model-5__tag--badge-tone-3 {
  background: color-mix(in srgb, var(--review-star-color), transparent 90%);
  color: color-mix(in srgb, var(--review-star-color), var(--heading-color) 25%);
  border: 1px solid color-mix(in srgb, var(--review-star-color), transparent 70%);
}
.pb-pricing-card-models-model-5__tag--badge-tone-4 {
  background: color-mix(in srgb, var(--danger-color), transparent 90%);
  color: var(--danger-color);
  border: 1px solid color-mix(in srgb, var(--danger-color), transparent 70%);
}
.pb-pricing-card-models-model-5__tag--level-tone-1 {
  background: color-mix(in srgb, var(--success-color), transparent 92%);
  color: var(--success-color);
  border: 1px solid color-mix(in srgb, var(--success-color), transparent 75%);
}
.pb-pricing-card-models-model-5__tag--level-tone-2 {
  background: color-mix(in srgb, var(--review-star-color), transparent 92%);
  color: color-mix(in srgb, var(--review-star-color), var(--heading-color) 25%);
  border: 1px solid color-mix(in srgb, var(--review-star-color), transparent 75%);
}
.pb-pricing-card-models-model-5__tag--level-tone-3 {
  background: color-mix(in srgb, var(--danger-color), transparent 92%);
  color: var(--danger-color);
  border: 1px solid color-mix(in srgb, var(--danger-color), transparent 75%);
}
.pb-pricing-card-models-model-5__tag--level-tone-4 {
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-pricing-card-models-model-5__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-5__title a {
  color: var(--heading-color);
  transition: color 0.2s ease;
}
.pb-pricing-card-models-model-5__title a:hover {
  color: var(--accent-color);
}
.pb-pricing-card-models-model-5__summary {
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
}
.pb-pricing-card-models-model-5__details {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  margin-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  flex-wrap: wrap;
}
.pb-pricing-card-models-model-5__detail {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.pb-pricing-card-models-model-5__detail i {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.pb-pricing-card-models-model-5__detail .bi-star-fill {
  color: var(--review-star-color);
}
.pb-pricing-card-models-model-5__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  gap: 12px;
}
.pb-pricing-card-models-model-5__tutor {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pb-pricing-card-models-model-5__tutor-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-pricing-card-models-model-5__tutor-meta strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-5__tutor-meta span {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
  font-weight: 500;
}
.pb-pricing-card-models-model-5__price {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading-color);
  letter-spacing: -0.01em;
  font-family: var(--heading-font);
  flex-shrink: 0;
}
.pb-pricing-card-models-model-5__price--free {
  font-size: 14px;
  font-weight: 600;
  color: var(--success-color);
  background: color-mix(in srgb, var(--success-color), transparent 90%);
  padding: 4px 12px;
  border-radius: 6px;
}
.pb-pricing-card-models-model-5__action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  margin: 0 24px 24px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  margin-top: auto;
}
.pb-pricing-card-models-model-5__action:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 10%);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-5__action:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--heading-color), transparent 80%);
}
.pb-pricing-card-models-model-5__action i {
  font-size: 14px;
  transition: transform 0.2s ease;
}
.pb-pricing-card-models-model-5__action:hover i {
  transform: translateX(4px);
}
@media (max-width: 992px) {
  .pb-pricing-card-models-model-5__media {
    height: 180px;
  }
}
@media (max-width: 768px) {
  .pb-pricing-card-models-model-5__header {
    padding: 16px 16px 0;
  }
  .pb-pricing-card-models-model-5__details {
    padding: 12px 16px;
    gap: 12px;
  }
  .pb-pricing-card-models-model-5__footer {
    padding: 12px 16px;
    flex-wrap: wrap;
  }
  .pb-pricing-card-models-model-5__action {
    margin: 0 16px 16px;
  }
  .pb-pricing-card-models-model-5__media {
    height: 160px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Card Models — Model 6
--------------------------------------------------------------*/
.pb-pricing-card-models-model-6.pb-ready-model .pb-pricing-card-models-model-6__title, .pb-pricing-card-models-model-6.pb-ready-model .pb-pricing-card-models-model-6__summary, .pb-pricing-card-models-model-6.pb-ready-model .pb-pricing-card-models-model-6__tutor span {
  white-space: normal;
}
.pb-pricing-card-models-model-6 a.pb-pricing-card-models-model-6__btn,
.pb-pricing-card-models-model-6 a.pb-pricing-card-models-model-6__btn:hover,
.pb-pricing-card-models-model-6 a.pb-pricing-card-models-model-6__btn:focus,
.pb-pricing-card-models-model-6 a.pb-pricing-card-models-model-6__footer-btn,
.pb-pricing-card-models-model-6 a.pb-pricing-card-models-model-6__footer-btn:hover,
.pb-pricing-card-models-model-6 a.pb-pricing-card-models-model-6__footer-btn:focus,
.pb-pricing-card-models-model-6 .pb-pricing-card-models-model-6__title a,
.pb-pricing-card-models-model-6 .pb-pricing-card-models-model-6__title a:hover,
.pb-pricing-card-models-model-6 .pb-pricing-card-models-model-6__title a:focus {
  text-decoration: none;
}
.pb-pricing-card-models-model-6__card {
  background: var(--surface-color);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 90%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-pricing-card-models-model-6__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-pricing-card-models-model-6__card:hover .pb-pricing-card-models-model-6__media img {
  transform: scale(1.05);
}
.pb-pricing-card-models-model-6__media {
  position: relative;
  overflow: hidden;
  height: 200px;
}
.pb-pricing-card-models-model-6__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.pb-pricing-card-models-model-6__badge-wrap {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}
.pb-pricing-card-models-model-6__badge {
  display: inline-flex;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pb-pricing-card-models-model-6__badge--tone-1 {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-6__badge--tone-2 {
  background: var(--success-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-6__badge--tone-3 {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 32%);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-6__body {
  padding: 25px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.pb-pricing-card-models-model-6__meta {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.pb-pricing-card-models-model-6__duration, .pb-pricing-card-models-model-6__level {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-pricing-card-models-model-6__duration i, .pb-pricing-card-models-model-6__level i {
  font-size: 14px;
}
.pb-pricing-card-models-model-6__title {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-6__title a {
  color: var(--heading-color);
  transition: color 0.3s ease;
}
.pb-pricing-card-models-model-6__title a:hover {
  color: var(--accent-color);
}
.pb-pricing-card-models-model-6__summary {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  flex-grow: 1;
}
.pb-pricing-card-models-model-6__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 15px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  gap: 12px;
}
.pb-pricing-card-models-model-6__tutor {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pb-pricing-card-models-model-6__tutor img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}
.pb-pricing-card-models-model-6__tutor span {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-weight: 500;
}
.pb-pricing-card-models-model-6__price {
  font-size: 18px;
  font-weight: 700;
  color: var(--accent-color);
  font-family: var(--heading-font);
  flex-shrink: 0;
}
.pb-pricing-card-models-model-6__price--free {
  color: color-mix(in srgb, var(--accent-color), var(--heading-color) 20%);
}
.pb-pricing-card-models-model-6__action {
  margin-top: auto;
}
.pb-pricing-card-models-model-6__btn {
  display: block;
  width: 100%;
  padding: 12px 0;
  background: var(--accent-color);
  color: var(--contrast-color);
  text-align: center;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-pricing-card-models-model-6__btn:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 10%);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-pricing-card-models-model-6__footer-btn {
  display: inline-block;
  padding: 15px 40px;
  background: transparent;
  color: var(--accent-color);
  border: 2px solid var(--accent-color);
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
.pb-pricing-card-models-model-6__footer-btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color), transparent 50%);
}
@media (max-width: 768px) {
  .pb-pricing-card-models-model-6__info {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .pb-pricing-card-models-model-6__info .pb-pricing-card-models-model-6__price {
    align-self: stretch;
    text-align: center;
    padding: 10px;
    background: color-mix(in srgb, var(--accent-color), transparent 90%);
    border-radius: 6px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Card Models — Model 7
--------------------------------------------------------------*/
.pb-pricing-card-models-model-7.pb-ready-model .pb-pricing-card-models-model-7__title, .pb-pricing-card-models-model-7.pb-ready-model .pb-pricing-card-models-model-7__summary, .pb-pricing-card-models-model-7.pb-ready-model .pb-pricing-card-models-model-7__tutor-copy h6, .pb-pricing-card-models-model-7.pb-ready-model .pb-pricing-card-models-model-7__tutor-copy span {
  white-space: normal;
}
.pb-pricing-card-models-model-7 a.pb-pricing-card-models-model-7__btn,
.pb-pricing-card-models-model-7 a.pb-pricing-card-models-model-7__btn:hover,
.pb-pricing-card-models-model-7 a.pb-pricing-card-models-model-7__btn:focus,
.pb-pricing-card-models-model-7 a.pb-pricing-card-models-model-7__more-btn,
.pb-pricing-card-models-model-7 a.pb-pricing-card-models-model-7__more-btn:hover,
.pb-pricing-card-models-model-7 a.pb-pricing-card-models-model-7__more-btn:focus,
.pb-pricing-card-models-model-7 .pb-pricing-card-models-model-7__title a,
.pb-pricing-card-models-model-7 .pb-pricing-card-models-model-7__title a:hover,
.pb-pricing-card-models-model-7 .pb-pricing-card-models-model-7__title a:focus {
  text-decoration: none;
}
.pb-pricing-card-models-model-7__card {
  background: var(--surface-color);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 20px color-mix(in srgb, var(--default-color), transparent 90%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-pricing-card-models-model-7__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-pricing-card-models-model-7__card:hover .pb-pricing-card-models-model-7__media img {
  transform: scale(1.05);
}
.pb-pricing-card-models-model-7__media {
  position: relative;
  overflow: hidden;
  height: 220px;
}
.pb-pricing-card-models-model-7__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.pb-pricing-card-models-model-7__badge {
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pb-pricing-card-models-model-7__badge--tone-1 {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-7__badge--tone-2 {
  background: var(--success-color);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-7__badge--tone-3 {
  background: var(--review-star-color);
  color: var(--heading-color);
}
.pb-pricing-card-models-model-7__badge--tone-4 {
  background: color-mix(in srgb, var(--danger-color), var(--accent-color) 35%);
  color: var(--contrast-color);
}
.pb-pricing-card-models-model-7__price-badge {
  position: absolute;
  top: 15px;
  right: 15px;
  background: var(--heading-color);
  color: var(--contrast-color);
  padding: 8px 15px;
  border-radius: 25px;
  font-weight: 700;
  font-size: 14px;
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-7__body {
  padding: 25px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pb-pricing-card-models-model-7__meta {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.pb-pricing-card-models-model-7__level, .pb-pricing-card-models-model-7__duration {
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 15px;
  font-weight: 500;
}
.pb-pricing-card-models-model-7__level {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}
.pb-pricing-card-models-model-7__duration {
  background: color-mix(in srgb, var(--heading-color), transparent 85%);
  color: var(--heading-color);
}
.pb-pricing-card-models-model-7__title {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-7__title a {
  color: var(--heading-color);
  transition: color 0.3s ease;
}
.pb-pricing-card-models-model-7__title a:hover {
  color: var(--accent-color);
}
.pb-pricing-card-models-model-7__summary {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.pb-pricing-card-models-model-7__tutor {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.pb-pricing-card-models-model-7__tutor-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.pb-pricing-card-models-model-7__tutor-copy h6 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-7__tutor-copy span {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-pricing-card-models-model-7__stats {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  padding-top: 15px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  gap: 12px;
  flex-wrap: wrap;
}
.pb-pricing-card-models-model-7__rating {
  display: flex;
  align-items: center;
  gap: 3px;
}
.pb-pricing-card-models-model-7__rating i {
  color: var(--review-star-color);
  font-size: 12px;
}
.pb-pricing-card-models-model-7__rating span {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 12px;
  margin-left: 8px;
  font-weight: 500;
}
.pb-pricing-card-models-model-7__learners {
  display: flex;
  align-items: center;
  gap: 5px;
}
.pb-pricing-card-models-model-7__learners i {
  color: var(--accent-color);
  font-size: 14px;
}
.pb-pricing-card-models-model-7__learners span {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 12px;
  font-weight: 500;
}
.pb-pricing-card-models-model-7__btn {
  display: inline-block;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 12px 25px;
  border-radius: 25px;
  font-weight: 600;
  text-align: center;
  transition: background-color 0.3s ease, transform 0.3s ease;
  margin-top: auto;
  align-self: flex-start;
}
.pb-pricing-card-models-model-7__btn:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 10%);
  color: var(--contrast-color);
  transform: translateY(-2px);
}
.pb-pricing-card-models-model-7__more {
  margin-top: 50px;
}
.pb-pricing-card-models-model-7__more-btn {
  display: inline-block;
  background: transparent;
  color: var(--accent-color);
  padding: 15px 40px;
  border: 2px solid var(--accent-color);
  border-radius: 30px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.pb-pricing-card-models-model-7__more-btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-3px);
}
@media (max-width: 768px) {
  .pb-pricing-card-models-model-7__media {
    height: 200px;
  }
  .pb-pricing-card-models-model-7__body {
    padding: 20px;
  }
  .pb-pricing-card-models-model-7__title {
    font-size: 18px;
  }
  .pb-pricing-card-models-model-7__stats {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

/*--------------------------------------------------------------
# Page Builder Pricing Card Models — Model 8
--------------------------------------------------------------*/
.pb-pricing-card-models-model-8.pb-ready-model .pb-pricing-card-models-model-8__title, .pb-pricing-card-models-model-8.pb-ready-model .pb-pricing-card-models-model-8__summary, .pb-pricing-card-models-model-8.pb-ready-model .pb-pricing-card-models-model-8__category, .pb-pricing-card-models-model-8.pb-ready-model .pb-pricing-card-models-model-8__price, .pb-pricing-card-models-model-8.pb-ready-model .pb-pricing-card-models-model-8__trainer-link, .pb-pricing-card-models-model-8.pb-ready-model .pb-pricing-card-models-model-8__trainer-name {
  white-space: normal;
}
.pb-pricing-card-models-model-8 a.pb-pricing-card-models-model-8__trainer-link,
.pb-pricing-card-models-model-8 a.pb-pricing-card-models-model-8__trainer-link:hover,
.pb-pricing-card-models-model-8 a.pb-pricing-card-models-model-8__trainer-link:focus,
.pb-pricing-card-models-model-8 .pb-pricing-card-models-model-8__title a,
.pb-pricing-card-models-model-8 .pb-pricing-card-models-model-8__title a:hover,
.pb-pricing-card-models-model-8 .pb-pricing-card-models-model-8__title a:focus {
  text-decoration: none;
}
.pb-pricing-card-models-model-8__card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.pb-pricing-card-models-model-8__media {
  width: 100%;
  display: block;
}
.pb-pricing-card-models-model-8__body {
  padding: 15px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.pb-pricing-card-models-model-8__topline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 12px;
}
.pb-pricing-card-models-model-8__category {
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 14px;
  padding: 6px 14px;
  margin: 0;
  border-radius: var(--button-border-radius);
}
.pb-pricing-card-models-model-8__price {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-pricing-card-models-model-8__price--free {
  color: var(--success-color);
}
.pb-pricing-card-models-model-8__title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px;
  font-family: var(--heading-font);
}
.pb-pricing-card-models-model-8__title a {
  color: var(--heading-color);
  transition: color 0.3s ease;
}
.pb-pricing-card-models-model-8__title a:hover {
  color: var(--accent-color);
}
.pb-pricing-card-models-model-8__summary {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.6;
  margin-bottom: 0;
  flex-grow: 1;
}
.pb-pricing-card-models-model-8__trainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-pricing-card-models-model-8__trainer-profile {
  display: flex;
  align-items: center;
  min-width: 0;
}
.pb-pricing-card-models-model-8__trainer-profile img {
  max-width: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.pb-pricing-card-models-model-8__trainer-link, .pb-pricing-card-models-model-8__trainer-name {
  padding-left: 10px;
  font-weight: 600;
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-pricing-card-models-model-8__trainer-link {
  transition: color 0.3s ease;
}
.pb-pricing-card-models-model-8__trainer-link:hover {
  color: var(--accent-color);
}
.pb-pricing-card-models-model-8__trainer-rank {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  flex-shrink: 0;
}
.pb-pricing-card-models-model-8__stat {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.pb-pricing-card-models-model-8__user-icon {
  font-size: 22px;
  color: var(--accent-color);
}
.pb-pricing-card-models-model-8__heart-icon {
  font-size: 18px;
  color: var(--danger-color);
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 1
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-1.pb-ready-model .pb-restaurant-menu-models-model-1__title, .pb-restaurant-menu-models-model-1.pb-ready-model .pb-restaurant-menu-models-model-1__summary, .pb-restaurant-menu-models-model-1.pb-ready-model .pb-restaurant-menu-models-model-1__price, .pb-restaurant-menu-models-model-1.pb-ready-model .pb-restaurant-menu-models-model-1__notice span, .pb-restaurant-menu-models-model-1.pb-ready-model .pb-restaurant-menu-models-model-1__spotlight-header h3, .pb-restaurant-menu-models-model-1.pb-ready-model .pb-restaurant-menu-models-model-1__spotlight-header p, .pb-restaurant-menu-models-model-1.pb-ready-model .pb-restaurant-menu-models-model-1__spotlight-body h4, .pb-restaurant-menu-models-model-1.pb-ready-model .pb-restaurant-menu-models-model-1__spotlight-body p {
  white-space: normal;
}
.pb-restaurant-menu-models-model-1 a.pb-restaurant-menu-models-model-1__download,
.pb-restaurant-menu-models-model-1 a.pb-restaurant-menu-models-model-1__download:hover,
.pb-restaurant-menu-models-model-1 a.pb-restaurant-menu-models-model-1__download:focus {
  text-decoration: none;
}
.pb-restaurant-menu-models-model-1__price sup, .pb-restaurant-menu-models-model-1__spotlight-price sup {
  font-size: 0.75em;
  top: -0.35em;
  position: relative;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-1__currency-suffix {
  font-weight: 700;
  white-space: pre;
}
.pb-restaurant-menu-models-model-1__filters {
  margin-bottom: 48px;
}
.pb-restaurant-menu-models-model-1__filters ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-restaurant-menu-models-model-1__filters ul li {
  padding: 14px 28px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  transition: all 0.3s ease;
  position: relative;
  letter-spacing: -0.01em;
}
.pb-restaurant-menu-models-model-1__filters ul li::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  border-radius: 3px 3px 0 0;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-restaurant-menu-models-model-1__filters ul li:hover {
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-1__filters ul li.filter-active {
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-1__filters ul li.filter-active::after {
  transform: scaleX(1);
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-1__filters ul {
    border-bottom: none;
  }
  .pb-restaurant-menu-models-model-1__filters ul li {
    padding: 10px 16px;
    font-size: 0.85rem;
    border-bottom: 2px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  }
}
.pb-restaurant-menu-models-model-1__dish {
  display: flex;
  align-items: stretch;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 94%);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  height: 100%;
}
.pb-restaurant-menu-models-model-1__dish:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 88%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-restaurant-menu-models-model-1__dish:hover .pb-restaurant-menu-models-model-1__thumb img {
  transform: scale(1.1);
}
.pb-restaurant-menu-models-model-1__dish--highlighted {
  border-color: var(--accent-color);
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 96%), var(--surface-color));
}
.pb-restaurant-menu-models-model-1__dish--highlighted .pb-restaurant-menu-models-model-1__title::after {
  content: "★";
  margin-left: 8px;
  color: var(--accent-color);
  font-size: 0.85rem;
}
.pb-restaurant-menu-models-model-1__thumb {
  position: relative;
  flex: 0 0 140px;
  min-height: 160px;
  overflow: hidden;
}
.pb-restaurant-menu-models-model-1__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-restaurant-menu-models-model-1__tag-stack {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pb-restaurant-menu-models-model-1__tag {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: var(--button-border-radius);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  backdrop-filter: blur(8px);
}
.pb-restaurant-menu-models-model-1__tag--tone-1 {
  background: color-mix(in srgb, var(--success-color), transparent 20%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-1__tag--tone-2 {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-1__tag--tone-3 {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 30%));
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-1__tag--tone-4 {
  background: color-mix(in srgb, var(--review-star-color), transparent 20%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-1__tag--tone-5 {
  background: color-mix(in srgb, var(--heading-color), transparent 25%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-1__tag--tone-6 {
  background: color-mix(in srgb, var(--success-color), var(--heading-color) 35%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-1__tag--tone-7 {
  background: color-mix(in srgb, var(--danger-color), transparent 20%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-1__tag--tone-8 {
  background: color-mix(in srgb, var(--success-color), var(--accent-color) 25%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-1__copy {
  flex: 1;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pb-restaurant-menu-models-model-1__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  gap: 12px;
}
.pb-restaurant-menu-models-model-1__title {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.01em;
  line-height: 1.3;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
.pb-restaurant-menu-models-model-1__price {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--accent-color);
  white-space: nowrap;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  padding: 4px 14px;
  border-radius: 20px;
}
.pb-restaurant-menu-models-model-1__summary {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 0.88rem;
  line-height: 1.6;
  margin-bottom: 12px;
}
.pb-restaurant-menu-models-model-1__heat {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pb-restaurant-menu-models-model-1__heat i {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 0.85rem;
}
.pb-restaurant-menu-models-model-1__heat-bar {
  display: block;
  width: 60px;
  height: 4px;
  background: color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 4px;
  overflow: hidden;
}
.pb-restaurant-menu-models-model-1__heat-fill {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--review-star-color), var(--danger-color));
  border-radius: 4px;
  transition: width 0.5s ease;
}
@media (max-width: 576px) {
  .pb-restaurant-menu-models-model-1__dish {
    flex-direction: column;
  }
  .pb-restaurant-menu-models-model-1__thumb {
    flex: 0 0 auto;
    min-height: 180px;
    height: 180px;
  }
  .pb-restaurant-menu-models-model-1__copy {
    padding: 20px;
  }
}
.pb-restaurant-menu-models-model-1__info-strip {
  margin-top: 48px;
  padding: 20px 28px;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
}
.pb-restaurant-menu-models-model-1__notice {
  display: flex;
  align-items: center;
  gap: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-size: 0.9rem;
}
.pb-restaurant-menu-models-model-1__notice i {
  color: var(--accent-color);
  font-size: 1.2rem;
  flex-shrink: 0;
}
.pb-restaurant-menu-models-model-1__download {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  color: var(--contrast-color);
  border-radius: 24px;
  font-weight: 600;
  font-size: 0.9rem;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s ease;
}
.pb-restaurant-menu-models-model-1__download:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-1__download i {
  font-size: 1.1rem;
}
@media (max-width: 992px) {
  .pb-restaurant-menu-models-model-1__info-strip {
    text-align: center;
  }
  .pb-restaurant-menu-models-model-1__notice {
    justify-content: center;
    margin-bottom: 16px;
  }
}
.pb-restaurant-menu-models-model-1__spotlight {
  margin-top: 64px;
  padding: 48px;
  border-radius: var(--card-border-radius);
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 94%), color-mix(in srgb, var(--heading-color), transparent 96%));
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-restaurant-menu-models-model-1__spotlight-header {
  text-align: center;
  margin-bottom: 40px;
}
.pb-restaurant-menu-models-model-1__spotlight-header .pb-restaurant-menu-models-model-1__spotlight-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--accent-color);
  margin-bottom: 12px;
}
.pb-restaurant-menu-models-model-1__spotlight-header .pb-restaurant-menu-models-model-1__spotlight-label i {
  font-size: 0.9rem;
}
.pb-restaurant-menu-models-model-1__spotlight-header h3 {
  font-size: 1.85rem;
  font-weight: 700;
  margin-bottom: 12px;
  letter-spacing: -0.01em;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
.pb-restaurant-menu-models-model-1__spotlight-header p {
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  font-size: 1rem;
  max-width: 500px;
  margin: 0 auto;
}
.pb-restaurant-menu-models-model-1__spotlight-card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 94%);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  height: 100%;
}
.pb-restaurant-menu-models-model-1__spotlight-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-restaurant-menu-models-model-1__spotlight-card:hover .pb-restaurant-menu-models-model-1__spotlight-media img {
  transform: scale(1.08);
}
.pb-restaurant-menu-models-model-1__spotlight-media {
  position: relative;
  height: 100%;
  min-height: 240px;
  overflow: hidden;
}
.pb-restaurant-menu-models-model-1__spotlight-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-restaurant-menu-models-model-1__pick-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 30%));
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-restaurant-menu-models-model-1__spotlight-body {
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.pb-restaurant-menu-models-model-1__spotlight-body h4 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: -0.01em;
  line-height: 1.3;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
.pb-restaurant-menu-models-model-1__spotlight-body p {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 0.88rem;
  line-height: 1.65;
  margin-bottom: 16px;
}
.pb-restaurant-menu-models-model-1__spotlight-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 12px;
}
.pb-restaurant-menu-models-model-1__spotlight-price {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-1__spotlight-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.pb-restaurant-menu-models-model-1__micro-tag {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: var(--button-border-radius);
  text-transform: uppercase;
}
.pb-restaurant-menu-models-model-1__micro-tag--tone-1 {
  background: color-mix(in srgb, var(--success-color), transparent 88%);
  color: var(--success-color);
}
.pb-restaurant-menu-models-model-1__micro-tag--tone-2 {
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-1__micro-tag--tone-3 {
  background: color-mix(in srgb, var(--review-star-color), transparent 88%);
  color: color-mix(in srgb, var(--review-star-color), var(--heading-color) 25%);
}
.pb-restaurant-menu-models-model-1__micro-tag--tone-4 {
  background: color-mix(in srgb, var(--heading-color), transparent 88%);
  color: var(--heading-color);
}
.pb-restaurant-menu-models-model-1__prep-time {
  font-size: 0.82rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-restaurant-menu-models-model-1__prep-time i {
  color: var(--accent-color);
  margin-right: 4px;
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-1__spotlight {
    padding: 32px 20px;
  }
  .pb-restaurant-menu-models-model-1__spotlight-header h3 {
    font-size: 1.5rem;
  }
  .pb-restaurant-menu-models-model-1__spotlight-media {
    min-height: 200px;
  }
  .pb-restaurant-menu-models-model-1__spotlight-body {
    padding: 20px 16px;
  }
  .pb-restaurant-menu-models-model-1__spotlight-body h4 {
    font-size: 1.05rem;
  }
  .pb-restaurant-menu-models-model-1__spotlight-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 2
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-2.pb-ready-model .pb-restaurant-menu-models-model-2__title, .pb-restaurant-menu-models-model-2.pb-ready-model .pb-restaurant-menu-models-model-2__summary, .pb-restaurant-menu-models-model-2.pb-ready-model .pb-restaurant-menu-models-model-2__price, .pb-restaurant-menu-models-model-2.pb-ready-model .pb-restaurant-menu-models-model-2__notice span, .pb-restaurant-menu-models-model-2.pb-ready-model .pb-restaurant-menu-models-model-2__specials-heading h3, .pb-restaurant-menu-models-model-2.pb-ready-model .pb-restaurant-menu-models-model-2__specials-heading p, .pb-restaurant-menu-models-model-2.pb-ready-model .pb-restaurant-menu-models-model-2__special-body h4, .pb-restaurant-menu-models-model-2.pb-ready-model .pb-restaurant-menu-models-model-2__special-body p {
  white-space: normal;
}
.pb-restaurant-menu-models-model-2 a.pb-restaurant-menu-models-model-2__download,
.pb-restaurant-menu-models-model-2 a.pb-restaurant-menu-models-model-2__download:hover,
.pb-restaurant-menu-models-model-2 a.pb-restaurant-menu-models-model-2__download:focus {
  text-decoration: none;
}
.pb-restaurant-menu-models-model-2__price sup, .pb-restaurant-menu-models-model-2__special-price sup {
  font-size: 0.75em;
  top: -0.35em;
  position: relative;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-2__currency-suffix {
  font-weight: 700;
  white-space: pre;
}
.pb-restaurant-menu-models-model-2__filters {
  margin-bottom: 30px;
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-restaurant-menu-models-model-2__filters ul {
  display: flex;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
.pb-restaurant-menu-models-model-2__filters ul li {
  padding: 10px 24px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
  font-family: var(--heading-font);
  letter-spacing: 0.3px;
}
.pb-restaurant-menu-models-model-2__filters ul li:hover {
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-2__filters ul li.filter-active {
  color: var(--accent-color);
  border-bottom-color: var(--accent-color);
}
.pb-restaurant-menu-models-model-2__dish {
  display: flex;
  align-items: stretch;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
}
.pb-restaurant-menu-models-model-2__dish:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-restaurant-menu-models-model-2__dish:hover .pb-restaurant-menu-models-model-2__thumb img {
  transform: scale(1.05);
}
.pb-restaurant-menu-models-model-2__thumb {
  width: 120px;
  min-width: 120px;
  overflow: hidden;
}
.pb-restaurant-menu-models-model-2__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.pb-restaurant-menu-models-model-2__copy {
  flex: 1;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pb-restaurant-menu-models-model-2__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
  gap: 12px;
}
.pb-restaurant-menu-models-model-2__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: var(--heading-color);
  font-family: var(--heading-font);
  line-height: 1.3;
}
.pb-restaurant-menu-models-model-2__price {
  font-size: 16px;
  font-weight: 700;
  color: var(--accent-color);
  white-space: nowrap;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-2__summary {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 10px;
  line-height: 1.5;
}
.pb-restaurant-menu-models-model-2__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.pb-restaurant-menu-models-model-2__tag {
  display: inline-block;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  border: 1px solid;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.pb-restaurant-menu-models-model-2__tag--tone-1 {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.pb-restaurant-menu-models-model-2__tag--tone-2 {
  color: var(--success-color);
  border-color: color-mix(in srgb, var(--success-color), transparent 60%);
  background: color-mix(in srgb, var(--success-color), transparent 92%);
}
.pb-restaurant-menu-models-model-2__tag--tone-3 {
  color: var(--heading-color);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  background: color-mix(in srgb, var(--heading-color), transparent 92%);
}
.pb-restaurant-menu-models-model-2__tag--tone-4 {
  color: color-mix(in srgb, var(--success-color), var(--accent-color) 35%);
  border-color: color-mix(in srgb, var(--success-color), transparent 60%);
  background: color-mix(in srgb, var(--success-color), transparent 92%);
}
.pb-restaurant-menu-models-model-2__tag--tone-5 {
  color: var(--review-star-color);
  border-color: color-mix(in srgb, var(--review-star-color), transparent 60%);
  background: color-mix(in srgb, var(--review-star-color), transparent 92%);
}
.pb-restaurant-menu-models-model-2__tag--tone-6 {
  color: var(--danger-color);
  border-color: color-mix(in srgb, var(--danger-color), transparent 60%);
  background: color-mix(in srgb, var(--danger-color), transparent 92%);
}
.pb-restaurant-menu-models-model-2__tag--tone-7 {
  color: color-mix(in srgb, var(--heading-color), var(--default-color) 25%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  background: color-mix(in srgb, var(--heading-color), transparent 92%);
}
.pb-restaurant-menu-models-model-2__prep-time {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}
.pb-restaurant-menu-models-model-2__prep-time i {
  font-size: 12px;
}
.pb-restaurant-menu-models-model-2__info-bar {
  margin-top: 40px;
  margin-bottom: 50px;
  padding: 16px 24px;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  border-radius: var(--card-border-radius);
}
.pb-restaurant-menu-models-model-2__notice {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-restaurant-menu-models-model-2__notice i {
  font-size: 18px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-restaurant-menu-models-model-2__download {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--accent-color);
  padding: 6px 0;
  transition: color 0.2s ease;
}
.pb-restaurant-menu-models-model-2__download:hover {
  color: color-mix(in srgb, var(--accent-color), var(--default-color) 20%);
}
.pb-restaurant-menu-models-model-2__download i {
  font-size: 16px;
}
.pb-restaurant-menu-models-model-2__specials {
  margin-top: 10px;
}
.pb-restaurant-menu-models-model-2__specials-heading {
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-restaurant-menu-models-model-2__specials-heading h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-2__specials-heading p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
}
.pb-restaurant-menu-models-model-2__special-card {
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  background: var(--surface-color);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
}
.pb-restaurant-menu-models-model-2__special-card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  box-shadow: 0 2px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-restaurant-menu-models-model-2__special-card:hover .pb-restaurant-menu-models-model-2__special-media img {
  transform: scale(1.05);
}
.pb-restaurant-menu-models-model-2__special-media {
  position: relative;
  height: 100%;
  min-height: 200px;
  overflow: hidden;
}
.pb-restaurant-menu-models-model-2__special-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.pb-restaurant-menu-models-model-2__special-label {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--surface-color);
  color: var(--accent-color);
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.pb-restaurant-menu-models-model-2__special-label i {
  font-size: 11px;
}
.pb-restaurant-menu-models-model-2__special-body {
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.pb-restaurant-menu-models-model-2__special-body h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-2__special-body p {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 16px;
  line-height: 1.6;
}
.pb-restaurant-menu-models-model-2__special-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  gap: 12px;
}
.pb-restaurant-menu-models-model-2__special-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.pb-restaurant-menu-models-model-2__mini-tag {
  display: inline-block;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pb-restaurant-menu-models-model-2__special-price {
  font-size: 20px;
  font-weight: 700;
  color: var(--accent-color);
  font-family: var(--heading-font);
  white-space: nowrap;
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-2__filters ul li {
    padding: 8px 16px;
    font-size: 13px;
  }
  .pb-restaurant-menu-models-model-2__thumb {
    width: 90px;
    min-width: 90px;
  }
  .pb-restaurant-menu-models-model-2__copy {
    padding: 12px 14px;
  }
  .pb-restaurant-menu-models-model-2__title {
    font-size: 14px;
  }
  .pb-restaurant-menu-models-model-2__price {
    font-size: 14px;
  }
  .pb-restaurant-menu-models-model-2__special-media {
    min-height: 180px;
  }
  .pb-restaurant-menu-models-model-2__info-bar .row {
    text-align: center;
  }
  .pb-restaurant-menu-models-model-2__notice {
    justify-content: center;
  }
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 3
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-3.pb-ready-model .pb-restaurant-menu-models-model-3__title, .pb-restaurant-menu-models-model-3.pb-ready-model .pb-restaurant-menu-models-model-3__summary, .pb-restaurant-menu-models-model-3.pb-ready-model .pb-restaurant-menu-models-model-3__price-bubble, .pb-restaurant-menu-models-model-3.pb-ready-model .pb-restaurant-menu-models-model-3__badge, .pb-restaurant-menu-models-model-3.pb-ready-model .pb-restaurant-menu-models-model-3__diet {
  white-space: normal;
}
.pb-restaurant-menu-models-model-3__filters {
  display: inline-flex;
  background: color-mix(in srgb, var(--accent-color) 8%, var(--background-color));
  border-radius: 50px;
  padding: 6px;
  margin-bottom: 48px;
}
.pb-restaurant-menu-models-model-3__filters ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: center;
}
.pb-restaurant-menu-models-model-3__filters ul li {
  cursor: pointer;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  border-radius: 50px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--heading-font);
  white-space: nowrap;
  letter-spacing: -0.01em;
}
.pb-restaurant-menu-models-model-3__filters ul li:hover {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
}
.pb-restaurant-menu-models-model-3__filters ul li.filter-active {
  color: var(--contrast-color);
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, var(--heading-color)));
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent-color) 30%, transparent);
}
@media (max-width: 576px) {
  .pb-restaurant-menu-models-model-3__filters ul li {
    padding: 8px 16px;
    font-size: 13px;
  }
}
.pb-restaurant-menu-models-model-3__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color) 8%, transparent), 0 2px 4px color-mix(in srgb, var(--default-color) 4%, transparent);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-restaurant-menu-models-model-3__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color) 12%, transparent), 0 4px 8px color-mix(in srgb, var(--default-color) 6%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);
}
.pb-restaurant-menu-models-model-3__card:hover .pb-restaurant-menu-models-model-3__visual img {
  transform: scale(1.08);
}
.pb-restaurant-menu-models-model-3__card:hover .pb-restaurant-menu-models-model-3__price-bubble {
  transform: scale(1.05);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color) 40%, transparent);
}
.pb-restaurant-menu-models-model-3__visual {
  position: relative;
  height: 220px;
  overflow: hidden;
}
.pb-restaurant-menu-models-model-3__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-restaurant-menu-models-model-3__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--default-color) 60%, transparent);
  border-radius: 50px;
  backdrop-filter: blur(8px);
}
.pb-restaurant-menu-models-model-3__badge--featured {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, var(--heading-color)));
}
.pb-restaurant-menu-models-model-3__price-bubble {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--heading-font);
  line-height: 1.1;
  color: var(--contrast-color);
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, var(--heading-color)));
  border-radius: 50%;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent-color) 30%, transparent);
  z-index: 2;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 3px solid var(--surface-color);
  padding: 4px;
}
.pb-restaurant-menu-models-model-3__price-bubble sup {
  font-size: 0.65em;
  top: -0.2em;
  position: relative;
  margin-right: 1px;
}
.pb-restaurant-menu-models-model-3--currency-try .pb-restaurant-menu-models-model-3__price-bubble {
  font-size: 11px;
}
.pb-restaurant-menu-models-model-3__currency-suffix {
  font-size: 0.85em;
  font-weight: 700;
  white-space: pre;
}
.pb-restaurant-menu-models-model-3__body {
  padding: 28px 24px 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pb-restaurant-menu-models-model-3__title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px;
  letter-spacing: -0.01em;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
.pb-restaurant-menu-models-model-3__summary {
  font-size: 14px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 20px;
  flex: 1;
}
.pb-restaurant-menu-models-model-3__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-restaurant-menu-models-model-3__pills {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pb-restaurant-menu-models-model-3__pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  background: color-mix(in srgb, var(--default-color) 5%, transparent);
  border-radius: 50px;
}
.pb-restaurant-menu-models-model-3__pill i {
  font-size: 12px;
  color: color-mix(in srgb, var(--accent-color), transparent 20%);
}
.pb-restaurant-menu-models-model-3__diet {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--success-color);
  background: color-mix(in srgb, var(--success-color) 10%, transparent);
  border-radius: 50px;
}
.pb-restaurant-menu-models-model-3__diet i {
  font-size: 12px;
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-3__visual {
    height: 180px;
  }
  .pb-restaurant-menu-models-model-3__body {
    padding: 24px 20px 20px;
  }
  .pb-restaurant-menu-models-model-3__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 4
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-4.pb-ready-model .pb-restaurant-menu-models-model-4__title, .pb-restaurant-menu-models-model-4.pb-ready-model .pb-restaurant-menu-models-model-4__summary, .pb-restaurant-menu-models-model-4.pb-ready-model .pb-restaurant-menu-models-model-4__price, .pb-restaurant-menu-models-model-4.pb-ready-model .pb-restaurant-menu-models-model-4__badge, .pb-restaurant-menu-models-model-4.pb-ready-model .pb-restaurant-menu-models-model-4__meta span {
  white-space: normal;
}
.pb-restaurant-menu-models-model-4 .pb-restaurant-menu-models-model-4__title a,
.pb-restaurant-menu-models-model-4 .pb-restaurant-menu-models-model-4__title a:hover,
.pb-restaurant-menu-models-model-4 .pb-restaurant-menu-models-model-4__title a:focus {
  text-decoration: none;
}
.pb-restaurant-menu-models-model-4__price sup {
  font-size: 0.65em;
  top: -0.35em;
  position: relative;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-4__currency-suffix {
  font-weight: 800;
  white-space: pre;
}
.pb-restaurant-menu-models-model-4__filters {
  list-style: none;
  padding: 6px;
  margin: 0 0 40px;
  display: inline-flex;
  gap: 4px;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  border-radius: 50px;
  flex-wrap: wrap;
  justify-content: center;
}
.pb-restaurant-menu-models-model-4__filters li {
  cursor: pointer;
  padding: 10px 24px;
  font-size: 15px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  border-radius: 50px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  white-space: nowrap;
}
.pb-restaurant-menu-models-model-4__filters li:hover {
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-4__filters li.filter-active {
  background: var(--accent-color);
  color: var(--contrast-color);
  box-shadow: 0 4px 15px color-mix(in srgb, var(--accent-color), transparent 50%);
}
@media (max-width: 576px) {
  .pb-restaurant-menu-models-model-4__filters {
    border-radius: var(--card-border-radius);
  }
  .pb-restaurant-menu-models-model-4__filters li {
    padding: 8px 18px;
    font-size: 14px;
  }
}
.pb-restaurant-menu-models-model-4__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 10px 40px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-restaurant-menu-models-model-4__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-restaurant-menu-models-model-4__card:hover .pb-restaurant-menu-models-model-4__media img {
  transform: scale(1.08);
}
.pb-restaurant-menu-models-model-4__card--featured {
  border: 2px solid var(--accent-color);
}
.pb-restaurant-menu-models-model-4__featured-mark {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  width: 36px;
  height: 36px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  pointer-events: none;
}
.pb-restaurant-menu-models-model-4__media {
  position: relative;
  overflow: hidden;
  height: 220px;
}
.pb-restaurant-menu-models-model-4__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-restaurant-menu-models-model-4__badge {
  position: absolute;
  bottom: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: color-mix(in srgb, var(--surface-color), transparent 10%);
  color: var(--accent-color);
  backdrop-filter: blur(8px);
}
.pb-restaurant-menu-models-model-4__body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.pb-restaurant-menu-models-model-4__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.pb-restaurant-menu-models-model-4__title {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-4__title a {
  color: var(--heading-color);
  transition: color 0.3s ease;
}
.pb-restaurant-menu-models-model-4__title a:hover {
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-4__price {
  font-size: 20px;
  font-weight: 800;
  color: var(--accent-color);
  white-space: nowrap;
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-4__summary {
  font-size: 14px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 16px;
  flex: 1;
}
.pb-restaurant-menu-models-model-4__meta {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  flex-wrap: wrap;
}
.pb-restaurant-menu-models-model-4__meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.pb-restaurant-menu-models-model-4__meta span i {
  font-size: 15px;
  color: var(--accent-color);
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-4__media {
    height: 180px;
  }
  .pb-restaurant-menu-models-model-4__body {
    padding: 20px;
  }
  .pb-restaurant-menu-models-model-4__title {
    font-size: 16px;
  }
  .pb-restaurant-menu-models-model-4__price {
    font-size: 18px;
  }
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 5
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-5.pb-ready-model .pb-restaurant-menu-models-model-5__title, .pb-restaurant-menu-models-model-5.pb-ready-model .pb-restaurant-menu-models-model-5__summary, .pb-restaurant-menu-models-model-5.pb-ready-model .pb-restaurant-menu-models-model-5__price-overlay, .pb-restaurant-menu-models-model-5.pb-ready-model .pb-restaurant-menu-models-model-5__notice span, .pb-restaurant-menu-models-model-5.pb-ready-model .pb-restaurant-menu-models-model-5__recommendations-header h3, .pb-restaurant-menu-models-model-5.pb-ready-model .pb-restaurant-menu-models-model-5__recommendations-header p, .pb-restaurant-menu-models-model-5.pb-ready-model .pb-restaurant-menu-models-model-5__recommendation-body h4, .pb-restaurant-menu-models-model-5.pb-ready-model .pb-restaurant-menu-models-model-5__recommendation-body p {
  white-space: normal;
}
.pb-restaurant-menu-models-model-5 a.pb-restaurant-menu-models-model-5__download,
.pb-restaurant-menu-models-model-5 a.pb-restaurant-menu-models-model-5__download:hover,
.pb-restaurant-menu-models-model-5 a.pb-restaurant-menu-models-model-5__download:focus {
  text-decoration: none;
}
.pb-restaurant-menu-models-model-5__price-overlay sup, .pb-restaurant-menu-models-model-5__recommendation-price sup {
  font-size: 0.7em;
  top: -0.25em;
  position: relative;
  margin-right: 1px;
}
.pb-restaurant-menu-models-model-5__currency-suffix {
  font-weight: 700;
  white-space: pre;
}
.pb-restaurant-menu-models-model-5__filters {
  margin-bottom: 3rem;
}
.pb-restaurant-menu-models-model-5__filters ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 8px;
  background-color: var(--surface-color);
  border-radius: 50px;
  box-shadow: 0 4px 20px color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-restaurant-menu-models-model-5__filters ul li {
  padding: 12px 24px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  border-radius: 40px;
  background-color: transparent;
  color: var(--default-color);
  transition: all 0.3s ease;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-5__filters ul li:hover {
  color: var(--accent-color);
  transform: translateY(-2px);
}
.pb-restaurant-menu-models-model-5__filters ul li.filter-active {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  box-shadow: 0 4px 15px color-mix(in srgb, var(--accent-color), transparent 60%);
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-5__filters ul {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
  }
  .pb-restaurant-menu-models-model-5__filters ul li {
    padding: 8px 16px;
    font-size: 0.85rem;
    background-color: var(--surface-color);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 95%);
  }
}
.pb-restaurant-menu-models-model-5__card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 8px 30px color-mix(in srgb, var(--default-color), transparent 94%);
  transition: all 0.4s ease;
  height: 100%;
  position: relative;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-restaurant-menu-models-model-5__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-restaurant-menu-models-model-5__card:hover .pb-restaurant-menu-models-model-5__media img {
  transform: scale(1.1);
}
.pb-restaurant-menu-models-model-5__card--featured {
  border: 2px solid var(--accent-color);
}
.pb-restaurant-menu-models-model-5__ribbon {
  position: absolute;
  top: 15px;
  right: -30px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 5px 40px;
  font-size: 0.75rem;
  font-weight: 600;
  transform: rotate(45deg);
  z-index: 5;
  pointer-events: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pb-restaurant-menu-models-model-5__media {
  position: relative;
  overflow: hidden;
  height: 250px;
}
.pb-restaurant-menu-models-model-5__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-restaurant-menu-models-model-5__badges {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  z-index: 2;
}
.pb-restaurant-menu-models-model-5__badge {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-restaurant-menu-models-model-5__badge--tone-1 {
  background-color: color-mix(in srgb, var(--success-color), transparent 20%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-5__badge--tone-2 {
  background-color: color-mix(in srgb, var(--success-color), var(--heading-color) 25%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-5__badge--tone-3 {
  background-color: color-mix(in srgb, var(--review-star-color), transparent 20%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-5__badge--tone-4 {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-5__badge--tone-5 {
  background-color: color-mix(in srgb, var(--review-star-color), transparent 15%);
  color: var(--heading-color);
}
.pb-restaurant-menu-models-model-5__badge--tone-6 {
  background-color: color-mix(in srgb, var(--heading-color), transparent 25%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-5__badge--tone-7 {
  background-color: color-mix(in srgb, var(--danger-color), transparent 20%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-5__badge--tone-8 {
  background-color: color-mix(in srgb, var(--success-color), var(--accent-color) 20%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-5__price-overlay {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 8px 16px;
  border-radius: 25px;
  font-weight: 700;
  font-size: 1.1rem;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 85%);
  z-index: 2;
  line-height: 1.2;
}
.pb-restaurant-menu-models-model-5--currency-try .pb-restaurant-menu-models-model-5__price-overlay {
  font-size: 0.95rem;
}
.pb-restaurant-menu-models-model-5__body {
  padding: 24px;
}
.pb-restaurant-menu-models-model-5__title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-5__summary {
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 16px;
}
.pb-restaurant-menu-models-model-5__spice {
  display: flex;
  gap: 4px;
  align-items: center;
}
.pb-restaurant-menu-models-model-5__spice-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--default-color), transparent 80%);
  transition: background-color 0.3s ease;
}
.pb-restaurant-menu-models-model-5__spice-dot--active {
  background-color: var(--accent-color);
}
.pb-restaurant-menu-models-model-5__actions {
  margin-top: 3rem;
  padding: 24px;
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--default-color), transparent 95%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-restaurant-menu-models-model-5__notice {
  display: flex;
  align-items: center;
  gap: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-size: 0.9rem;
}
.pb-restaurant-menu-models-model-5__notice i {
  color: var(--accent-color);
  font-size: 1.1rem;
  flex-shrink: 0;
}
.pb-restaurant-menu-models-model-5__download {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 30px;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-restaurant-menu-models-model-5__download:hover {
  background-color: color-mix(in srgb, var(--accent-color), var(--default-color) 15%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color), transparent 40%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-5__download i {
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-5__actions {
    text-align: center;
  }
  .pb-restaurant-menu-models-model-5__notice {
    justify-content: center;
    margin-bottom: 1rem;
  }
}
.pb-restaurant-menu-models-model-5__recommendations {
  margin-top: 4rem;
}
.pb-restaurant-menu-models-model-5__recommendations-header {
  text-align: center;
  margin-bottom: 2.5rem;
}
.pb-restaurant-menu-models-model-5__recommendations-header h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
.pb-restaurant-menu-models-model-5__recommendations-header h3 i {
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-5__recommendations-header p {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 1.1rem;
  margin: 0;
}
.pb-restaurant-menu-models-model-5__recommendation {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 10px 35px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: all 0.4s ease;
  height: 100%;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-restaurant-menu-models-model-5__recommendation:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 45px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-restaurant-menu-models-model-5__recommendation:hover .pb-restaurant-menu-models-model-5__recommendation-media img {
  transform: scale(1.08);
}
.pb-restaurant-menu-models-model-5__recommendation-media {
  position: relative;
  height: 280px;
  overflow: hidden;
}
.pb-restaurant-menu-models-model-5__recommendation-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-restaurant-menu-models-model-5__chef-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--danger-color) 30%));
  color: var(--contrast-color);
  padding: 8px 16px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 0.85rem;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--default-color), transparent 80%);
}
.pb-restaurant-menu-models-model-5__chef-badge i {
  font-size: 1rem;
}
.pb-restaurant-menu-models-model-5__recommendation-body {
  padding: 30px;
}
.pb-restaurant-menu-models-model-5__recommendation-body p {
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  font-size: 0.95rem;
  line-height: 1.7;
  margin-bottom: 20px;
}
.pb-restaurant-menu-models-model-5__recommendation-topline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15px;
  gap: 15px;
}
.pb-restaurant-menu-models-model-5__recommendation-topline h4 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--heading-color);
  flex: 1;
  margin: 0;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-5__recommendation-price {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--accent-color);
  white-space: nowrap;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-5__recommendation-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.pb-restaurant-menu-models-model-5__serving {
  display: flex;
  align-items: center;
  gap: 8px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 0.85rem;
}
.pb-restaurant-menu-models-model-5__serving i {
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-5__mini-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.pb-restaurant-menu-models-model-5__mini-tag {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 10px;
  text-transform: uppercase;
}
.pb-restaurant-menu-models-model-5__mini-tag--tone-1 {
  background-color: color-mix(in srgb, var(--review-star-color), transparent 85%);
  color: var(--review-star-color);
}
.pb-restaurant-menu-models-model-5__mini-tag--tone-2 {
  background-color: color-mix(in srgb, var(--success-color), transparent 85%);
  color: var(--success-color);
}
.pb-restaurant-menu-models-model-5__mini-tag--tone-3 {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-5__mini-tag--tone-4 {
  background-color: color-mix(in srgb, var(--review-star-color), transparent 80%);
  color: color-mix(in srgb, var(--review-star-color), var(--heading-color) 35%);
}
@media (max-width: 1200px) {
  .pb-restaurant-menu-models-model-5__body {
    padding: 20px;
  }
  .pb-restaurant-menu-models-model-5__title {
    font-size: 1.15rem;
  }
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-5__recommendations-header h3 {
    font-size: 1.6rem;
    flex-direction: column;
    gap: 8px;
  }
  .pb-restaurant-menu-models-model-5__media {
    height: 220px;
  }
  .pb-restaurant-menu-models-model-5__recommendation-body {
    padding: 24px;
  }
  .pb-restaurant-menu-models-model-5__recommendation-topline {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .pb-restaurant-menu-models-model-5__recommendation-topline h4 {
    font-size: 1.25rem;
  }
  .pb-restaurant-menu-models-model-5__recommendation-details {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 576px) {
  .pb-restaurant-menu-models-model-5__media {
    height: 200px;
  }
  .pb-restaurant-menu-models-model-5__price-overlay {
    font-size: 1rem;
    padding: 6px 12px;
  }
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 6
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-6.pb-ready-model .pb-restaurant-menu-models-model-6__title, .pb-restaurant-menu-models-model-6.pb-ready-model .pb-restaurant-menu-models-model-6__summary, .pb-restaurant-menu-models-model-6.pb-ready-model .pb-restaurant-menu-models-model-6__price, .pb-restaurant-menu-models-model-6.pb-ready-model .pb-restaurant-menu-models-model-6__download-prompt {
  white-space: normal;
}
.pb-restaurant-menu-models-model-6 a.pb-restaurant-menu-models-model-6__download-btn,
.pb-restaurant-menu-models-model-6 a.pb-restaurant-menu-models-model-6__download-btn:hover,
.pb-restaurant-menu-models-model-6 a.pb-restaurant-menu-models-model-6__download-btn:focus {
  text-decoration: none;
}
.pb-restaurant-menu-models-model-6__price sup {
  font-size: 0.75em;
  top: -0.35em;
  position: relative;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-6__currency-suffix {
  font-weight: 700;
  white-space: pre;
}
.pb-restaurant-menu-models-model-6__filters {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 2rem;
}
.pb-restaurant-menu-models-model-6__filters li {
  background-color: transparent;
  border: 2px solid color-mix(in srgb, var(--default-color), transparent 80%);
  color: var(--default-color);
  padding: 10px 25px;
  margin: 0 5px 10px;
  border-radius: 25px;
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: pointer;
}
.pb-restaurant-menu-models-model-6__filters li:hover, .pb-restaurant-menu-models-model-6__filters li.filter-active {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-6__card {
  display: flex;
  background-color: var(--surface-color);
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 5px 20px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: all 0.3s ease;
  height: 100%;
}
.pb-restaurant-menu-models-model-6__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-restaurant-menu-models-model-6__media {
  width: 120px;
  height: 120px;
  border-radius: 12px;
  overflow: hidden;
  margin-right: 20px;
  flex-shrink: 0;
}
.pb-restaurant-menu-models-model-6__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pb-restaurant-menu-models-model-6__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  min-width: 0;
}
.pb-restaurant-menu-models-model-6__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  gap: 12px;
}
.pb-restaurant-menu-models-model-6__title {
  color: var(--heading-color);
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-6__price {
  color: var(--accent-color);
  font-size: 22px;
  font-weight: 700;
  margin-left: 15px;
  white-space: nowrap;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-6__summary {
  color: var(--default-color);
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.5;
  opacity: 0.8;
}
.pb-restaurant-menu-models-model-6__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
}
.pb-restaurant-menu-models-model-6__tag {
  display: inline-block;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 15px;
  font-weight: 500;
}
.pb-restaurant-menu-models-model-6__tag i {
  font-size: 10px;
  margin-right: 3px;
}
.pb-restaurant-menu-models-model-6__tag--tone-1 {
  background-color: color-mix(in srgb, var(--success-color), transparent 85%);
  color: var(--success-color);
}
.pb-restaurant-menu-models-model-6__tag--tone-2 {
  background-color: color-mix(in srgb, var(--success-color), var(--accent-color) 35%, transparent 85%);
  color: color-mix(in srgb, var(--success-color), var(--accent-color) 35%);
}
.pb-restaurant-menu-models-model-6__tag--tone-3 {
  background-color: color-mix(in srgb, var(--review-star-color), transparent 85%);
  color: var(--review-star-color);
}
.pb-restaurant-menu-models-model-6__tag--tone-4 {
  background-color: color-mix(in srgb, var(--review-star-color), transparent 85%);
  color: var(--review-star-color);
}
.pb-restaurant-menu-models-model-6__tag--tone-5 {
  background-color: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}
.pb-restaurant-menu-models-model-6__tag--tone-6 {
  background-color: color-mix(in srgb, var(--accent-color), var(--danger-color) 35%, transparent 85%);
  color: color-mix(in srgb, var(--accent-color), var(--danger-color) 35%);
}
.pb-restaurant-menu-models-model-6__download {
  background-color: var(--surface-color);
  padding: 30px;
  border-radius: 15px;
  border: 2px dashed color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-restaurant-menu-models-model-6__download-prompt {
  color: var(--default-color);
  font-size: 16px;
  margin-bottom: 15px;
}
.pb-restaurant-menu-models-model-6__download-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: var(--accent-color);
  border: 1px solid var(--accent-color);
  color: var(--contrast-color);
  padding: 12px 30px;
  border-radius: 25px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.pb-restaurant-menu-models-model-6__download-btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
  transform: translateY(-2px);
}
.pb-restaurant-menu-models-model-6__download-btn i {
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-6__card {
    flex-direction: column;
    text-align: center;
  }
  .pb-restaurant-menu-models-model-6__media {
    width: 100%;
    height: 200px;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .pb-restaurant-menu-models-model-6__header {
    flex-direction: column;
    align-items: center;
  }
  .pb-restaurant-menu-models-model-6__header .pb-restaurant-menu-models-model-6__price {
    margin-left: 0;
    margin-top: 5px;
  }
  .pb-restaurant-menu-models-model-6__tags {
    justify-content: center;
  }
  .pb-restaurant-menu-models-model-6__filters li {
    margin: 5px 2px;
    padding: 8px 15px;
    font-size: 14px;
  }
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 7
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-7.pb-ready-model .pb-restaurant-menu-models-model-7__title, .pb-restaurant-menu-models-model-7.pb-ready-model .pb-restaurant-menu-models-model-7__summary, .pb-restaurant-menu-models-model-7.pb-ready-model .pb-restaurant-menu-models-model-7__price {
  white-space: normal;
}
.pb-restaurant-menu-models-model-7 a.pb-restaurant-menu-models-model-7__download-btn,
.pb-restaurant-menu-models-model-7 a.pb-restaurant-menu-models-model-7__download-btn:hover,
.pb-restaurant-menu-models-model-7 a.pb-restaurant-menu-models-model-7__download-btn:focus {
  text-decoration: none;
}
.pb-restaurant-menu-models-model-7__price sup {
  font-size: 0.75em;
  top: -0.35em;
  position: relative;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-7__currency-suffix {
  font-weight: 800;
  white-space: pre;
}
.pb-restaurant-menu-models-model-7__filters {
  margin-bottom: 50px;
}
.pb-restaurant-menu-models-model-7__nav {
  gap: 20px;
}
.pb-restaurant-menu-models-model-7__nav .nav-link {
  background-color: transparent;
  color: var(--default-color);
  border: 2px solid color-mix(in srgb, var(--default-color), transparent 85%);
  border-radius: 50px;
  padding: 12px 30px;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.pb-restaurant-menu-models-model-7__nav .nav-link i {
  font-size: 18px;
}
.pb-restaurant-menu-models-model-7__nav .nav-link:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
  transform: translateY(-3px);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-restaurant-menu-models-model-7__nav .nav-link.active {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
  box-shadow: 0 5px 20px color-mix(in srgb, var(--accent-color), transparent 60%);
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-7__nav {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .pb-restaurant-menu-models-model-7__nav .nav-link {
    width: 200px;
    justify-content: center;
  }
}
.pb-restaurant-menu-models-model-7__card {
  background-color: var(--surface-color);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 30px color-mix(in srgb, var(--default-color), transparent 85%);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-restaurant-menu-models-model-7__card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 50px color-mix(in srgb, var(--default-color), transparent 70%);
}
.pb-restaurant-menu-models-model-7__media {
  position: relative;
  overflow: hidden;
  height: 250px;
}
.pb-restaurant-menu-models-model-7__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.pb-restaurant-menu-models-model-7__media:hover img {
  transform: scale(1.1);
}
.pb-restaurant-menu-models-model-7__badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--danger-color) 30%));
  color: var(--contrast-color);
  padding: 8px 16px;
  border-radius: 25px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-restaurant-menu-models-model-7__body {
  padding: 25px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.pb-restaurant-menu-models-model-7__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15px;
  gap: 12px;
}
.pb-restaurant-menu-models-model-7__title {
  color: var(--heading-color);
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  flex-grow: 1;
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-7__dietary-tags {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.pb-restaurant-menu-models-model-7__dietary-tag {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.pb-restaurant-menu-models-model-7__dietary-tag--tone-1 {
  background-color: var(--danger-color);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-7__dietary-tag--tone-2 {
  background-color: var(--success-color);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-7__dietary-tag--tone-3 {
  background-color: color-mix(in srgb, var(--success-color), var(--accent-color) 25%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-7__dietary-tag--tone-4 {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-7__dietary-tag--tone-5 {
  background-color: var(--review-star-color);
  color: var(--heading-color);
}
.pb-restaurant-menu-models-model-7__summary {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  flex-grow: 1;
}
.pb-restaurant-menu-models-model-7__footer {
  margin-top: auto;
}
.pb-restaurant-menu-models-model-7__price {
  font-size: 24px;
  font-weight: 800;
  color: var(--accent-color);
  display: block;
  text-align: right;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-7__download-btn {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), transparent 30%));
  color: var(--contrast-color);
  border: none;
  padding: 15px 40px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s ease;
}
.pb-restaurant-menu-models-model-7__download-btn i {
  font-size: 18px;
}
.pb-restaurant-menu-models-model-7__download-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 50px color-mix(in srgb, var(--accent-color), transparent 50%);
  color: var(--contrast-color);
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-7__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .pb-restaurant-menu-models-model-7__dietary-tags {
    align-self: flex-end;
  }
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 8
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-8.pb-ready-model .pb-restaurant-menu-models-model-8__title, .pb-restaurant-menu-models-model-8.pb-ready-model .pb-restaurant-menu-models-model-8__summary, .pb-restaurant-menu-models-model-8.pb-ready-model .pb-restaurant-menu-models-model-8__price, .pb-restaurant-menu-models-model-8.pb-ready-model .pb-restaurant-menu-models-model-8__special-title, .pb-restaurant-menu-models-model-8.pb-ready-model .pb-restaurant-menu-models-model-8__special-summary, .pb-restaurant-menu-models-model-8.pb-ready-model .pb-restaurant-menu-models-model-8__special-price {
  white-space: normal;
}
.pb-restaurant-menu-models-model-8 a.pb-restaurant-menu-models-model-8__download,
.pb-restaurant-menu-models-model-8 a.pb-restaurant-menu-models-model-8__download:hover,
.pb-restaurant-menu-models-model-8 a.pb-restaurant-menu-models-model-8__download:focus {
  text-decoration: none;
}
.pb-restaurant-menu-models-model-8__price sup, .pb-restaurant-menu-models-model-8__special-price sup {
  font-size: 0.75em;
  top: -0.35em;
  position: relative;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-8__currency-suffix {
  font-weight: 700;
  white-space: pre;
}
.pb-restaurant-menu-models-model-8__filters {
  margin-bottom: 2rem;
}
.pb-restaurant-menu-models-model-8__filters ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pb-restaurant-menu-models-model-8__filters ul li {
  padding: 8px 16px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  border-radius: 25px;
  background-color: var(--surface-color);
  color: var(--default-color);
  transition: 0.3s;
  box-shadow: 0 2px 5px color-mix(in srgb, var(--default-color), transparent 95%);
}
.pb-restaurant-menu-models-model-8__filters ul li:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-restaurant-menu-models-model-8__filters ul li.filter-active {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-8__filters ul {
    gap: 8px;
  }
  .pb-restaurant-menu-models-model-8__filters ul li {
    padding: 6px 12px;
    font-size: 0.9rem;
  }
}
.pb-restaurant-menu-models-model-8__grid {
  position: relative;
}
.pb-restaurant-menu-models-model-8__dish {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 20px;
  border-radius: 8px;
  background-color: var(--surface-color);
  box-shadow: 0 3px 10px color-mix(in srgb, var(--default-color), transparent 95%);
  transition: all 0.3s ease;
  height: 100%;
}
.pb-restaurant-menu-models-model-8__dish:hover {
  box-shadow: 0 5px 15px color-mix(in srgb, var(--default-color), transparent 90%);
  transform: translateY(-3px);
}
.pb-restaurant-menu-models-model-8__thumb {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
  transition: transform 0.3s;
}
.pb-restaurant-menu-models-model-8__thumb:hover {
  transform: scale(1.05);
}
.pb-restaurant-menu-models-model-8__copy {
  flex: 1;
  min-width: 0;
}
.pb-restaurant-menu-models-model-8__title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-8__tag {
  font-size: 0.7rem;
  padding: 3px 8px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  border-radius: 20px;
  font-weight: 500;
  display: inline-block;
}
.pb-restaurant-menu-models-model-8__summary {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-size: 0.9rem;
  margin-bottom: 10px;
  line-height: 1.5;
}
.pb-restaurant-menu-models-model-8__price {
  font-weight: 700;
  color: var(--accent-color);
  font-size: 1.1rem;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-8__download {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 25px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 30px;
  font-weight: 600;
  transition: 0.3s;
}
.pb-restaurant-menu-models-model-8__download:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 25%);
  color: var(--contrast-color);
  transform: translateY(-3px);
}
.pb-restaurant-menu-models-model-8__specials-badge {
  margin-bottom: 15px;
}
.pb-restaurant-menu-models-model-8__specials-badge span {
  display: inline-flex;
  align-items: center;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--heading-color);
  font-weight: 600;
  font-size: 1.1rem;
  padding: 8px 20px;
  border-radius: 20px;
}
.pb-restaurant-menu-models-model-8__specials-badge span i {
  color: var(--accent-color);
  margin-right: 8px;
}
.pb-restaurant-menu-models-model-8__specials {
  margin-bottom: 2rem;
}
.pb-restaurant-menu-models-model-8__special-card {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 5px 15px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: transform 0.3s, box-shadow 0.3s;
  height: 100%;
  background-color: var(--surface-color);
}
.pb-restaurant-menu-models-model-8__special-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-restaurant-menu-models-model-8__special-media {
  position: relative;
  overflow: hidden;
}
.pb-restaurant-menu-models-model-8__special-media img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  transition: transform 0.5s;
}
.pb-restaurant-menu-models-model-8__special-media:hover img {
  transform: scale(1.05);
}
.pb-restaurant-menu-models-model-8__special-badges {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pb-restaurant-menu-models-model-8__special-badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pb-restaurant-menu-models-model-8__special-badge--tone-1 {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-8__special-badge--tone-2 {
  background-color: color-mix(in srgb, var(--success-color), transparent 30%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-8__special-badge--tone-3 {
  background-color: color-mix(in srgb, var(--danger-color), transparent 30%);
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-8__special-body {
  padding: 20px;
}
.pb-restaurant-menu-models-model-8__special-title {
  margin: 0 0 12px;
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-8__special-summary {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 15px;
  font-size: 0.95rem;
  line-height: 1.6;
}
.pb-restaurant-menu-models-model-8__special-price {
  font-weight: 700;
  color: var(--accent-color);
  font-size: 1.2rem;
  font-family: var(--heading-font);
}
@media (max-width: 992px) {
  .pb-restaurant-menu-models-model-8__thumb {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 576px) {
  .pb-restaurant-menu-models-model-8__dish {
    flex-direction: column;
    align-items: stretch;
  }
  .pb-restaurant-menu-models-model-8__thumb {
    width: 100%;
    height: 160px;
  }
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 9
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-9.pb-ready-model .pb-restaurant-menu-models-model-9__name, .pb-restaurant-menu-models-model-9.pb-ready-model .pb-restaurant-menu-models-model-9__price, .pb-restaurant-menu-models-model-9.pb-ready-model .pb-restaurant-menu-models-model-9__ingredients {
  white-space: normal;
}
.pb-restaurant-menu-models-model-9 a.pb-restaurant-menu-models-model-9__name,
.pb-restaurant-menu-models-model-9 a.pb-restaurant-menu-models-model-9__name:hover,
.pb-restaurant-menu-models-model-9 a.pb-restaurant-menu-models-model-9__name:focus {
  text-decoration: none;
}
.pb-restaurant-menu-models-model-9__price sup {
  font-size: 0.75em;
  top: -0.35em;
  position: relative;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-9__currency-suffix {
  font-weight: 600;
  white-space: pre;
}
.pb-restaurant-menu-models-model-9__filters {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
}
.pb-restaurant-menu-models-model-9__filters li {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 10px;
  cursor: pointer;
  display: inline-block;
  padding: 8px 12px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  transition: all ease-in-out 0.3s;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-9__filters li:hover, .pb-restaurant-menu-models-model-9__filters li.filter-active {
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-9__filters li:last-child {
  margin-right: 0;
}
.pb-restaurant-menu-models-model-9__item {
  margin-top: 50px;
  position: relative;
}
.pb-restaurant-menu-models-model-9__thumb {
  width: 80px;
  border-radius: 50%;
  float: left;
  border: 8px solid color-mix(in srgb, var(--default-color), transparent 90%);
  object-fit: cover;
  height: 80px;
}
.pb-restaurant-menu-models-model-9__line {
  margin-left: 95px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: flex-start;
  gap: 8px;
}
.pb-restaurant-menu-models-model-9__line::after {
  content: "......................................................................" "...................................................................." "....................................................................";
  position: absolute;
  left: 20px;
  right: 0;
  top: -4px;
  z-index: 1;
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  font-family: var(--default-font);
  pointer-events: none;
}
.pb-restaurant-menu-models-model-9__name {
  color: var(--heading-color);
  background: var(--background-color);
  padding-right: 10px;
  position: relative;
  z-index: 3;
  font-weight: 700;
  transition: 0.3s;
  font-family: var(--heading-font);
  flex-shrink: 0;
  max-width: 65%;
}
.pb-restaurant-menu-models-model-9__name:is(a):hover {
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-9__price {
  background: var(--background-color);
  color: var(--accent-color);
  position: relative;
  z-index: 3;
  padding: 0 10px;
  font-weight: 600;
  white-space: nowrap;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-9__ingredients {
  margin-left: 95px;
  font-style: italic;
  font-size: 14px;
  font-family: var(--nav-font);
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  line-height: 1.5;
}
@media (max-width: 576px) {
  .pb-restaurant-menu-models-model-9__thumb {
    width: 64px;
    height: 64px;
    border-width: 6px;
  }
  .pb-restaurant-menu-models-model-9__line, .pb-restaurant-menu-models-model-9__ingredients {
    margin-left: 78px;
  }
  .pb-restaurant-menu-models-model-9__name {
    max-width: 58%;
    font-size: 0.95rem;
  }
  .pb-restaurant-menu-models-model-9__price {
    font-size: 0.9rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 10
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-10.pb-ready-model .pb-restaurant-menu-models-model-10__title, .pb-restaurant-menu-models-model-10.pb-ready-model .pb-restaurant-menu-models-model-10__summary, .pb-restaurant-menu-models-model-10.pb-ready-model .pb-restaurant-menu-models-model-10__price {
  white-space: normal;
}
.pb-restaurant-menu-models-model-10 a.pb-restaurant-menu-models-model-10__download-btn,
.pb-restaurant-menu-models-model-10 a.pb-restaurant-menu-models-model-10__download-btn:hover,
.pb-restaurant-menu-models-model-10 a.pb-restaurant-menu-models-model-10__download-btn:focus {
  text-decoration: none;
}
.pb-restaurant-menu-models-model-10__price sup {
  font-size: 0.75em;
  top: -0.35em;
  position: relative;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-10__currency-suffix {
  font-weight: 700;
  white-space: pre;
}
.pb-restaurant-menu-models-model-10__nav {
  border-bottom: 2px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  margin-bottom: 30px;
}
.pb-restaurant-menu-models-model-10__nav .nav-link {
  color: var(--heading-color);
  font-weight: 600;
  padding: 10px 20px;
  border: none;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
}
.pb-restaurant-menu-models-model-10__nav .nav-link:hover, .pb-restaurant-menu-models-model-10__nav .nav-link.active {
  color: var(--accent-color);
  background-color: transparent;
}
.pb-restaurant-menu-models-model-10__nav .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--accent-color);
}
.pb-restaurant-menu-models-model-10__card {
  background-color: var(--surface-color);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--default-color), transparent 90%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding: 20px;
  margin-bottom: 20px;
  height: calc(100% - 20px);
}
.pb-restaurant-menu-models-model-10__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-restaurant-menu-models-model-10__media {
  border-radius: 6px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.pb-restaurant-menu-models-model-10__body {
  padding: 0 15px;
}
.pb-restaurant-menu-models-model-10__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 5px;
}
.pb-restaurant-menu-models-model-10__title {
  font-size: 1.2rem;
  margin: 0;
  color: var(--heading-color);
  font-family: var(--heading-font);
  font-weight: 600;
  line-height: 1.3;
}
.pb-restaurant-menu-models-model-10__price {
  font-weight: 700;
  color: var(--accent-color);
  font-size: 1.1rem;
  white-space: nowrap;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-10__summary {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 10px;
  line-height: 1.5;
}
.pb-restaurant-menu-models-model-10__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.pb-restaurant-menu-models-model-10__tag {
  font-size: 0.8rem;
  padding: 3px 8px;
  border-radius: var(--button-border-radius);
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-weight: 500;
}
.pb-restaurant-menu-models-model-10__download-btn {
  display: inline-block;
  padding: 12px 30px;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  background-color: var(--accent-color);
  border: none;
  color: var(--contrast-color);
}
.pb-restaurant-menu-models-model-10__download-btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-10__card .row {
    flex-direction: column;
  }
  .pb-restaurant-menu-models-model-10__card .row > div:first-child {
    margin-bottom: 15px;
  }
  .pb-restaurant-menu-models-model-10__body {
    padding: 0;
  }
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 11
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-11.pb-ready-model .pb-restaurant-menu-models-model-11__title, .pb-restaurant-menu-models-model-11.pb-ready-model .pb-restaurant-menu-models-model-11__summary, .pb-restaurant-menu-models-model-11.pb-ready-model .pb-restaurant-menu-models-model-11__price, .pb-restaurant-menu-models-model-11.pb-ready-model .pb-restaurant-menu-models-model-11__badge {
  white-space: normal;
}
.pb-restaurant-menu-models-model-11__price sup {
  font-size: 0.75em;
  top: -0.35em;
  position: relative;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-11__currency-suffix {
  font-weight: 700;
  white-space: pre;
}
.pb-restaurant-menu-models-model-11__filters {
  padding: 0;
  margin: 0 auto 40px;
  list-style: none;
  text-align: center;
  border-bottom: 2px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-restaurant-menu-models-model-11__filters li {
  cursor: pointer;
  display: inline-block;
  padding: 0 20px 10px;
  font-size: 16px;
  font-weight: 500;
  color: var(--heading-color);
  margin: 0 5px;
  transition: all 0.3s;
  position: relative;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-11__filters li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: var(--accent-color);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease-out;
}
.pb-restaurant-menu-models-model-11__filters li:hover, .pb-restaurant-menu-models-model-11__filters li.filter-active {
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-11__filters li:hover::after, .pb-restaurant-menu-models-model-11__filters li.filter-active::after {
  transform: scaleX(1);
}
.pb-restaurant-menu-models-model-11__card {
  background: var(--surface-color);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 20px color-mix(in srgb, var(--default-color), transparent 95%);
  transition: 0.3s;
  height: 100%;
}
.pb-restaurant-menu-models-model-11__card:hover {
  box-shadow: 0 8px 25px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-restaurant-menu-models-model-11__card:hover .pb-restaurant-menu-models-model-11__thumb img {
  transform: scale(1.05);
}
.pb-restaurant-menu-models-model-11__header {
  padding: 20px 25px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  position: relative;
  padding-right: 120px;
  min-height: 88px;
}
.pb-restaurant-menu-models-model-11__badge {
  display: inline-block;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 600;
  color: var(--contrast-color);
  background: var(--accent-color);
  border-radius: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pb-restaurant-menu-models-model-11__title {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: var(--heading-color);
  font-family: var(--heading-font);
  line-height: 1.3;
}
.pb-restaurant-menu-models-model-11__price {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 24px;
  font-weight: 700;
  color: var(--accent-color);
  font-family: var(--heading-font);
  white-space: nowrap;
}
.pb-restaurant-menu-models-model-11__details {
  display: flex;
  padding: 20px;
  gap: 20px;
}
.pb-restaurant-menu-models-model-11__thumb {
  flex: 0 0 120px;
  height: 120px;
  border-radius: 10px;
  overflow: hidden;
}
.pb-restaurant-menu-models-model-11__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-restaurant-menu-models-model-11__info {
  flex: 1;
  min-width: 0;
}
.pb-restaurant-menu-models-model-11__summary {
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 15px;
}
.pb-restaurant-menu-models-model-11__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.pb-restaurant-menu-models-model-11__meta span {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  display: flex;
  align-items: center;
  gap: 5px;
}
.pb-restaurant-menu-models-model-11__meta span i {
  font-size: 14px;
  color: color-mix(in srgb, var(--accent-color), transparent 30%);
}
.pb-restaurant-menu-models-model-11__dietary i {
  color: var(--success-color);
}
@media (max-width: 576px) {
  .pb-restaurant-menu-models-model-11__header {
    padding-right: 25px;
    min-height: 0;
  }
  .pb-restaurant-menu-models-model-11__price {
    position: static;
    display: block;
    margin-top: 8px;
    font-size: 20px;
  }
  .pb-restaurant-menu-models-model-11__details {
    flex-direction: column;
  }
  .pb-restaurant-menu-models-model-11__thumb {
    flex: none;
    width: 100%;
    height: 180px;
  }
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 12
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-12.pb-ready-model .pb-restaurant-menu-models-model-12__title, .pb-restaurant-menu-models-model-12.pb-ready-model .pb-restaurant-menu-models-model-12__ingredients, .pb-restaurant-menu-models-model-12.pb-ready-model .pb-restaurant-menu-models-model-12__price {
  white-space: normal;
}
.pb-restaurant-menu-models-model-12 a.pb-restaurant-menu-models-model-12__title,
.pb-restaurant-menu-models-model-12 a.pb-restaurant-menu-models-model-12__title:hover,
.pb-restaurant-menu-models-model-12 a.pb-restaurant-menu-models-model-12__title:focus {
  text-decoration: none;
}
.pb-restaurant-menu-models-model-12__price sup {
  font-size: 0.75em;
  top: -0.35em;
  position: relative;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-12__currency-suffix {
  font-weight: 600;
  white-space: pre;
}
.pb-restaurant-menu-models-model-12__filters {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
}
.pb-restaurant-menu-models-model-12__filters li {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 8px 15px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  transition: all ease-in-out 0.3s;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-12__filters li i {
  margin-right: 8px;
  font-size: 14px;
}
.pb-restaurant-menu-models-model-12__filters li:hover, .pb-restaurant-menu-models-model-12__filters li.filter-active {
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-12__filters li:last-child {
  margin-right: 0;
}
.pb-restaurant-menu-models-model-12__item {
  margin-top: 50px;
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  flex-wrap: wrap;
}
.pb-restaurant-menu-models-model-12__thumb {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
}
.pb-restaurant-menu-models-model-12__text {
  flex: 1;
  min-width: 0;
}
.pb-restaurant-menu-models-model-12__title-wrap {
  margin-bottom: 5px;
}
.pb-restaurant-menu-models-model-12__title {
  color: var(--heading-color);
  font-weight: 700;
  transition: 0.3s;
  font-family: var(--heading-font);
  font-size: 1rem;
  line-height: 1.3;
}
.pb-restaurant-menu-models-model-12__title:is(a):hover {
  color: var(--accent-color);
}
.pb-restaurant-menu-models-model-12__ingredients {
  font-style: italic;
  font-size: 14px;
  font-family: var(--nav-font);
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  line-height: 1.5;
}
.pb-restaurant-menu-models-model-12__price-wrap {
  flex-shrink: 0;
  padding-left: 10px;
}
.pb-restaurant-menu-models-model-12__price {
  color: var(--accent-color);
  font-weight: 600;
  font-family: var(--heading-font);
}
@media (min-width: 768px) {
  .pb-restaurant-menu-models-model-12__item {
    align-items: center;
    flex-wrap: nowrap;
  }
  .pb-restaurant-menu-models-model-12__price-wrap {
    padding-left: 10px;
    align-self: center;
  }
}
@media (max-width: 767px) {
  .pb-restaurant-menu-models-model-12__item {
    padding-right: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
  .pb-restaurant-menu-models-model-12__text {
    width: calc(100% - 95px);
  }
  .pb-restaurant-menu-models-model-12__price-wrap {
    width: calc(100% - 95px);
    margin-left: 95px;
    padding-left: 0;
  }
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 13
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-13.pb-ready-model .pb-restaurant-menu-models-model-13__title, .pb-restaurant-menu-models-model-13.pb-ready-model .pb-restaurant-menu-models-model-13__ingredients, .pb-restaurant-menu-models-model-13.pb-ready-model .pb-restaurant-menu-models-model-13__price {
  white-space: normal;
}
.pb-restaurant-menu-models-model-13__price sup {
  font-size: 0.75em;
  top: -0.35em;
  position: relative;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-13__currency-suffix {
  font-weight: 700;
  white-space: pre;
}
.pb-restaurant-menu-models-model-13__filters {
  padding: 8px 15px;
  margin: 0 auto 30px;
  list-style: none;
  text-align: center;
  background: var(--surface-color);
  border-radius: 50px;
  box-shadow: 0 2px 15px color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-restaurant-menu-models-model-13__filters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 20px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: var(--heading-color);
  margin: 0 4px;
  transition: all 0.3s;
  border-radius: 50px;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-13__filters li:hover, .pb-restaurant-menu-models-model-13__filters li.filter-active {
  color: var(--contrast-color);
  background: var(--accent-color);
}
.pb-restaurant-menu-models-model-13__card {
  background: var(--surface-color);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 25px color-mix(in srgb, var(--default-color), transparent 90%);
  transition: 0.3s;
  height: 100%;
}
.pb-restaurant-menu-models-model-13__card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-restaurant-menu-models-model-13__card:hover .pb-restaurant-menu-models-model-13__media img {
  transform: scale(1.1);
}
.pb-restaurant-menu-models-model-13__media {
  position: relative;
  overflow: hidden;
  height: 200px;
}
.pb-restaurant-menu-models-model-13__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.pb-restaurant-menu-models-model-13__body {
  padding: 25px;
}
.pb-restaurant-menu-models-model-13__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--heading-color);
  font-family: var(--heading-font);
  line-height: 1.3;
}
.pb-restaurant-menu-models-model-13__ingredients {
  font-style: italic;
  font-size: 14px;
  margin-bottom: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-family: var(--nav-font);
  line-height: 1.5;
}
.pb-restaurant-menu-models-model-13__price {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  color: var(--accent-color);
  margin-bottom: 10px;
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-13__rating i {
  color: var(--review-star-color);
  font-size: 14px;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-13__rating i:last-child {
  margin-right: 0;
}

/*--------------------------------------------------------------
# Page Builder Restaurant Menu Models — Model 14
--------------------------------------------------------------*/
.pb-restaurant-menu-models-model-14.pb-ready-model .pb-restaurant-menu-models-model-14__title, .pb-restaurant-menu-models-model-14.pb-ready-model .pb-restaurant-menu-models-model-14__ingredients, .pb-restaurant-menu-models-model-14.pb-ready-model .pb-restaurant-menu-models-model-14__price, .pb-restaurant-menu-models-model-14.pb-ready-model .pb-restaurant-menu-models-model-14__tab-header h3 {
  white-space: normal;
}
.pb-restaurant-menu-models-model-14 a.pb-restaurant-menu-models-model-14__lightbox,
.pb-restaurant-menu-models-model-14 a.pb-restaurant-menu-models-model-14__lightbox:hover,
.pb-restaurant-menu-models-model-14 a.pb-restaurant-menu-models-model-14__lightbox:focus {
  text-decoration: none;
  display: block;
}
.pb-restaurant-menu-models-model-14__nav {
  border: 0;
}
.pb-restaurant-menu-models-model-14 .nav-link {
  background-color: var(--background-color);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin: 0 15px;
  padding: 10px 5px;
  transition: 0.3s;
  border-radius: 0;
  cursor: pointer;
  height: 100%;
  border: 0;
  border-bottom: 2px solid color-mix(in srgb, var(--default-color), transparent 80%);
}
.pb-restaurant-menu-models-model-14 .nav-link h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  font-family: var(--heading-font);
  color: inherit;
}
.pb-restaurant-menu-models-model-14 .nav-link:hover {
  color: var(--accent-color);
  border-color: var(--accent-color);
}
.pb-restaurant-menu-models-model-14 .nav-link.active {
  background-color: var(--background-color);
  color: var(--accent-color);
  border-color: var(--accent-color);
}
@media (max-width: 575px) {
  .pb-restaurant-menu-models-model-14 .nav-link {
    margin: 0 10px;
    padding: 10px 0;
  }
  .pb-restaurant-menu-models-model-14 .nav-link h4 {
    font-size: 16px;
  }
}
.pb-restaurant-menu-models-model-14__tab-header {
  padding: 30px 0;
}
.pb-restaurant-menu-models-model-14__tab-header p {
  font-size: 14px;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 0;
  letter-spacing: 0.08em;
}
.pb-restaurant-menu-models-model-14__tab-header h3 {
  font-size: 36px;
  font-weight: 600;
  color: var(--default-color);
  font-family: var(--heading-font);
  margin: 0;
}
.pb-restaurant-menu-models-model-14__item {
  text-align: center;
}
.pb-restaurant-menu-models-model-14__media {
  padding: 0 60px;
  margin-bottom: 15px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media (max-width: 768px) {
  .pb-restaurant-menu-models-model-14__media {
    padding: 0 20px;
  }
}
.pb-restaurant-menu-models-model-14__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-restaurant-menu-models-model-14__ingredients {
  font-family: var(--nav-font);
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-bottom: 5px;
  line-height: 1.5;
}
.pb-restaurant-menu-models-model-14__price {
  font-size: 24px;
  font-weight: 700;
  color: var(--accent-color);
  font-family: var(--heading-font);
  display: block;
}
.pb-restaurant-menu-models-model-14__price sup {
  font-size: 0.75em;
  top: -0.35em;
  position: relative;
  margin-right: 2px;
}
.pb-restaurant-menu-models-model-14__currency-suffix {
  font-weight: 700;
  white-space: pre;
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 1
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-1,
section.pb-intro-cards-model-1,
.section.pb-intro-cards-model-1,
.pb-intro-cards-model-1 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-1 a.pb-intro-cards-model-1__cta,
.pb-intro-cards-model-1 a.pb-intro-cards-model-1__cta:hover,
.pb-intro-cards-model-1 a.pb-intro-cards-model-1__cta:focus {
  color: var(--accent-color);
}
.pb-intro-cards-model-1 a.pb-intro-cards-model-1__cta:hover,
.pb-intro-cards-model-1 a.pb-intro-cards-model-1__cta:focus {
  color: var(--contrast-color);
}
.pb-intro-cards-model-1.pb-ready-model .pb-intro-cards-model-1__feature-title, .pb-intro-cards-model-1.pb-ready-model .pb-intro-cards-model-1__feature-text, .pb-intro-cards-model-1.pb-ready-model .pb-intro-cards-model-1__highlight-title, .pb-intro-cards-model-1.pb-ready-model .pb-intro-cards-model-1__highlight-text {
  white-space: normal;
}
.pb-intro-cards-model-1.pb-ready-model .pb-intro-cards-model-1__cta {
  white-space: nowrap;
}
.pb-intro-cards-model-1__feature {
  padding: 48px 32px;
  text-align: center;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  transition: border-color 0.3s ease;
  height: 100%;
}
.pb-intro-cards-model-1__feature:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-intro-cards-model-1__feature:hover i {
  color: var(--accent-color);
}
.pb-intro-cards-model-1__feature i {
  font-size: 1.75rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 1.5rem;
  display: inline-block;
  transition: color 0.3s ease;
}
.pb-intro-cards-model-1__feature-title {
  font-family: var(--heading-font);
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 0 1rem;
  color: var(--heading-color);
}
.pb-intro-cards-model-1__feature-text {
  font-family: var(--default-font);
  font-size: 0.95rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  line-height: 1.7;
  margin: 0;
}
.pb-intro-cards-model-1__highlight-row {
  margin-top: 3rem;
}
.pb-intro-cards-model-1__highlight {
  padding: 32px 40px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  max-width: 780px;
  transition: border-color 0.3s ease;
}
.pb-intro-cards-model-1__highlight:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
@media (max-width: 768px) {
  .pb-intro-cards-model-1__highlight {
    text-align: center;
  }
  .pb-intro-cards-model-1__highlight .row {
    flex-direction: column;
    gap: 1rem;
  }
}
.pb-intro-cards-model-1__highlight > .row > .col-auto > i {
  font-size: 1.5rem;
  color: var(--accent-color);
}
.pb-intro-cards-model-1__highlight-title {
  font-family: var(--heading-font);
  font-size: 1.05rem;
  font-weight: 600;
  margin: 0 0 0.25rem;
  color: var(--heading-color);
}
.pb-intro-cards-model-1__highlight-text {
  font-family: var(--default-font);
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  line-height: 1.6;
}
.pb-intro-cards-model-1__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--default-font);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
  padding: 0.6rem 1.5rem;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.pb-intro-cards-model-1__cta:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 2
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-2,
section.pb-intro-cards-model-2,
.section.pb-intro-cards-model-2,
.pb-intro-cards-model-2 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-2.pb-ready-model .pb-intro-cards-model-2__capability-body h3, .pb-intro-cards-model-2.pb-ready-model .pb-intro-cards-model-2__capability-body p, .pb-intro-cards-model-2.pb-ready-model .pb-intro-cards-model-2__tag, .pb-intro-cards-model-2.pb-ready-model .pb-intro-cards-model-2__check-list li, .pb-intro-cards-model-2.pb-ready-model .pb-intro-cards-model-2__side-quote p, .pb-intro-cards-model-2.pb-ready-model .pb-intro-cards-model-2__author-info h4, .pb-intro-cards-model-2.pb-ready-model .pb-intro-cards-model-2__author-info span {
  white-space: normal;
}
.pb-intro-cards-model-2__capability-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pb-intro-cards-model-2__capability-item {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 24px;
  transition: all 0.2s ease;
}
.pb-intro-cards-model-2__capability-item:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 93%);
}
.pb-intro-cards-model-2__capability-item.active {
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  background: color-mix(in srgb, var(--accent-color), transparent 97%);
}
.pb-intro-cards-model-2__capability-icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  margin-right: 20px;
  flex-shrink: 0;
}
.pb-intro-cards-model-2__capability-icon i {
  font-size: 1.25rem;
}
.pb-intro-cards-model-2__capability-body .pb-intro-cards-model-2__capability-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.pb-intro-cards-model-2__capability-body h3 {
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: -0.01em;
  color: var(--heading-color);
}
.pb-intro-cards-model-2__capability-body p {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.65;
  margin-bottom: 16px;
}
.pb-intro-cards-model-2__tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--default-color), transparent 92%);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  line-height: 1.6;
}
.pb-intro-cards-model-2__tag--accent {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-intro-cards-model-2__check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}
.pb-intro-cards-model-2__check-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-color);
}
.pb-intro-cards-model-2__check-list li i {
  color: var(--accent-color);
  font-size: 14px;
  font-weight: 700;
}
.pb-intro-cards-model-2__side-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pb-intro-cards-model-2__side-image {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-intro-cards-model-2__side-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}
.pb-intro-cards-model-2__side-quote {
  flex: 1;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.pb-intro-cards-model-2__side-quote .pb-intro-cards-model-2__quote-mark {
  color: color-mix(in srgb, var(--accent-color), transparent 40%);
  font-size: 1.5rem;
  margin-bottom: 12px;
  line-height: 1;
}
.pb-intro-cards-model-2__side-quote p {
  font-family: var(--default-font);
  font-size: 14px;
  line-height: 1.7;
  font-style: italic;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  margin-bottom: 16px;
  flex: 1;
}
.pb-intro-cards-model-2__side-quote .pb-intro-cards-model-2__divider {
  height: 1px;
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  margin-bottom: 16px;
}
.pb-intro-cards-model-2__side-quote .pb-intro-cards-model-2__quote-author {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pb-intro-cards-model-2__side-quote .pb-intro-cards-model-2__quote-author .pb-intro-cards-model-2__author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.pb-intro-cards-model-2__side-quote .pb-intro-cards-model-2__quote-author .pb-intro-cards-model-2__author-info h4 {
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
  color: var(--heading-color);
}
.pb-intro-cards-model-2__side-quote .pb-intro-cards-model-2__quote-author .pb-intro-cards-model-2__author-info span {
  font-family: var(--default-font);
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
@media (max-width: 992px) {
  .pb-intro-cards-model-2__side-panel {
    flex-direction: row;
    height: auto;
  }
  .pb-intro-cards-model-2__side-image {
    flex: 1;
  }
  .pb-intro-cards-model-2__side-image img {
    height: 100%;
    min-height: 200px;
  }
  .pb-intro-cards-model-2__side-quote {
    flex: 1;
  }
}
@media (max-width: 768px) {
  .pb-intro-cards-model-2__capability-item {
    padding: 20px;
  }
  .pb-intro-cards-model-2__capability-icon {
    margin-right: 16px;
  }
  .pb-intro-cards-model-2__check-list {
    flex-direction: column;
    gap: 6px;
  }
  .pb-intro-cards-model-2__side-panel {
    flex-direction: column;
  }
  .pb-intro-cards-model-2__side-image img {
    height: 200px;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 3
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-3,
section.pb-intro-cards-model-3,
.section.pb-intro-cards-model-3,
.pb-intro-cards-model-3 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-3.pb-ready-model .pb-intro-cards-model-3__card-badge, .pb-intro-cards-model-3.pb-ready-model .pb-intro-cards-model-3__card-body h3, .pb-intro-cards-model-3.pb-ready-model .pb-intro-cards-model-3__card-body p, .pb-intro-cards-model-3.pb-ready-model .pb-intro-cards-model-3__feature-list li {
  white-space: normal;
}
.pb-intro-cards-model-3__feature-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
}
.pb-intro-cards-model-3__feature-card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-intro-cards-model-3__card-visual {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-intro-cards-model-3__card-visual img {
  max-height: 160px;
  object-fit: contain;
}
.pb-intro-cards-model-3__card-body {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pb-intro-cards-model-3__card-body h3 {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
  color: var(--heading-color);
}
.pb-intro-cards-model-3__card-body p {
  font-family: var(--default-font);
  font-size: 14px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 24px;
}
.pb-intro-cards-model-3__card-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 16px;
  width: fit-content;
}
.pb-intro-cards-model-3__card-badge i {
  font-size: 12px;
}
.pb-intro-cards-model-3__feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: auto;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  padding-top: 16px;
}
.pb-intro-cards-model-3__feature-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  margin-bottom: 8px;
}
.pb-intro-cards-model-3__feature-list li:last-child {
  margin-bottom: 0;
}
.pb-intro-cards-model-3__feature-list li i {
  color: var(--accent-color);
  font-size: 14px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .pb-intro-cards-model-3__card-visual {
    padding: 24px;
  }
  .pb-intro-cards-model-3__card-visual img {
    max-height: 120px;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 4
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-4,
section.pb-intro-cards-model-4,
.section.pb-intro-cards-model-4,
.pb-intro-cards-model-4 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-4.pb-ready-model .pb-intro-cards-model-4__content-wrapper h3, .pb-intro-cards-model-4.pb-ready-model .pb-intro-cards-model-4__description, .pb-intro-cards-model-4.pb-ready-model .pb-intro-cards-model-4__feature-list span {
  white-space: normal;
}
.pb-intro-cards-model-4__feature-block {
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-intro-cards-model-4__feature-block:last-child {
  border-bottom: none;
}
.pb-intro-cards-model-4__image-wrapper {
  position: relative;
  display: inline-block;
}
.pb-intro-cards-model-4__image-wrapper img {
  max-width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: contain;
  transition: transform 0.5s ease;
}
.pb-intro-cards-model-4__image-wrapper img:hover {
  transform: translateY(-10px) scale(1.02);
}
.pb-intro-cards-model-4__img-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  border-radius: 50%;
  z-index: 0;
  filter: blur(50px);
}
.pb-intro-cards-model-4__icon-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  transition: all 0.3s ease;
}
.pb-intro-cards-model-4__icon-box:hover {
  background: var(--accent-color);
}
.pb-intro-cards-model-4__icon-box:hover i {
  color: var(--contrast-color);
}
.pb-intro-cards-model-4__icon-box i {
  font-size: 32px;
  color: var(--accent-color);
  transition: all 0.3s ease;
}
.pb-intro-cards-model-4__content-wrapper h3 {
  font-family: var(--heading-font);
  color: var(--heading-color);
  font-size: 30px;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .pb-intro-cards-model-4__content-wrapper h3 {
    font-size: 24px;
  }
}
.pb-intro-cards-model-4__description {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 16px;
  line-height: 1.6;
}
.pb-intro-cards-model-4__feature-list {
  margin-top: 20px;
}
.pb-intro-cards-model-4__feature-list li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.pb-intro-cards-model-4__feature-list li:last-child {
  margin-bottom: 0;
}
.pb-intro-cards-model-4__feature-list li i {
  font-size: 18px;
  color: var(--contrast-color);
  margin-right: 15px;
  background: var(--accent-color);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 10px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-intro-cards-model-4__feature-list li span {
  font-family: var(--default-font);
  color: var(--heading-color);
  font-weight: 500;
  font-size: 16px;
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 5
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-5,
section.pb-intro-cards-model-5,
.section.pb-intro-cards-model-5,
.pb-intro-cards-model-5 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-5.pb-ready-model .pb-intro-cards-model-5__feat-body h3, .pb-intro-cards-model-5.pb-ready-model .pb-intro-cards-model-5__feat-body p {
  white-space: normal;
}
.pb-intro-cards-model-5__feat-card {
  height: 100%;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);
  background-color: var(--surface-color);
  transition: all 0.3s ease;
  overflow: hidden;
}
.pb-intro-cards-model-5__feat-card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-color), transparent 88%);
  transform: translateY(-4px);
}
.pb-intro-cards-model-5__feat-card:hover .pb-intro-cards-model-5__feat-icon-wrap {
  background-color: var(--accent-color);
}
.pb-intro-cards-model-5__feat-card:hover .pb-intro-cards-model-5__feat-icon-wrap i {
  color: var(--contrast-color);
}
.pb-intro-cards-model-5__feat-card-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 28px 24px;
}
.pb-intro-cards-model-5__feat-icon-wrap {
  width: 52px;
  height: 52px;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  transition: background-color 0.3s ease;
  flex-shrink: 0;
}
.pb-intro-cards-model-5__feat-icon-wrap i {
  font-size: 22px;
  color: var(--accent-color);
  transition: color 0.3s ease;
}
.pb-intro-cards-model-5__feat-body h3 {
  font-family: var(--heading-font);
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--heading-color);
}
.pb-intro-cards-model-5__feat-body p {
  font-family: var(--default-font);
  font-size: 14px;
  line-height: 1.65;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
}
.pb-intro-cards-model-5__mockup-showcase {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.pb-intro-cards-model-5__mockup-glow {
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 80%);
  filter: blur(60px);
  z-index: 0;
}
.pb-intro-cards-model-5__mockup-img {
  position: relative;
  z-index: 1;
  max-width: 260px;
  filter: drop-shadow(0 12px 30px color-mix(in srgb, var(--accent-color), transparent 70%));
}
@media (max-width: 992px) {
  .pb-intro-cards-model-5__mockup-showcase {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .pb-intro-cards-model-5__mockup-img {
    max-width: 200px;
  }
}
@media (max-width: 576px) {
  .pb-intro-cards-model-5__feat-card-inner {
    flex-direction: row;
    align-items: flex-start;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 6
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-6,
section.pb-intro-cards-model-6,
.section.pb-intro-cards-model-6,
.pb-intro-cards-model-6 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: hidden;
}

section.section.pb-intro-cards-model-6.pb-ready-model--has-bg,
section.pb-intro-cards-model-6.pb-ready-model--has-bg,
.section.pb-intro-cards-model-6.pb-ready-model--has-bg,
.pb-intro-cards-model-6.pb-ready-model--has-bg {
  overflow: visible;
}

.pb-intro-cards-model-6.pb-ready-model .pb-intro-cards-model-6__label-badge span, .pb-intro-cards-model-6.pb-ready-model .pb-intro-cards-model-6__main-title, .pb-intro-cards-model-6.pb-ready-model .pb-intro-cards-model-6__description, .pb-intro-cards-model-6.pb-ready-model .pb-intro-cards-model-6__content h4, .pb-intro-cards-model-6.pb-ready-model .pb-intro-cards-model-6__content p, .pb-intro-cards-model-6.pb-ready-model .pb-intro-cards-model-6__featured-mark, .pb-intro-cards-model-6.pb-ready-model .pb-intro-cards-model-6__trust-text, .pb-intro-cards-model-6.pb-ready-model .pb-intro-cards-model-6__verified-badge {
  white-space: normal;
}
.pb-intro-cards-model-6::before {
  content: "";
  position: absolute;
  top: -200px;
  right: -200px;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent-color) 8%, transparent), transparent 70%);
  pointer-events: none;
}
.pb-intro-cards-model-6__intro-row {
  margin-bottom: 64px;
}
.pb-intro-cards-model-6__intro-content {
  padding-right: 24px;
}
.pb-intro-cards-model-6__label-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}
.pb-intro-cards-model-6__label-badge span {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--accent-color);
}
.pb-intro-cards-model-6__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-color);
  position: relative;
}
.pb-intro-cards-model-6__dot::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid var(--accent-color);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
}
.pb-intro-cards-model-6__main-title {
  font-family: var(--heading-font);
  font-size: 42px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.8px;
  margin-bottom: 20px;
  color: var(--heading-color);
}
.pb-intro-cards-model-6__description {
  font-family: var(--default-font);
  font-size: 17px;
  line-height: 1.8;
  color: color-mix(in srgb, var(--default-color) 85%, transparent);
  margin-bottom: 0;
}
.pb-intro-cards-model-6__features-wrapper {
  position: relative;
}
.pb-intro-cards-model-6__feature-box {
  padding: 28px 24px;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 2px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  height: 100%;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: relative;
  overflow: hidden;
}
.pb-intro-cards-model-6__feature-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 0;
  background: var(--accent-color);
  transition: height 0.4s ease;
}
.pb-intro-cards-model-6__feature-box:hover {
  border-color: var(--accent-color);
  transform: translateX(8px);
  box-shadow: -8px 12px 32px color-mix(in srgb, var(--accent-color) 15%, transparent);
}
.pb-intro-cards-model-6__feature-box:hover::before {
  height: 100%;
}
.pb-intro-cards-model-6__feature-box:hover .pb-intro-cards-model-6__icon-wrapper {
  transform: scale(1.1) rotate(5deg);
}
.pb-intro-cards-model-6__feature-box:hover .pb-intro-cards-model-6__icon-wrapper::after {
  opacity: 1;
}
.pb-intro-cards-model-6__feature-box.highlight {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 85%, var(--default-color)));
  border-color: var(--accent-color);
  transform: scale(1.03);
  box-shadow: 0 16px 48px color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.pb-intro-cards-model-6__feature-box.highlight::before {
  background: var(--contrast-color);
}
.pb-intro-cards-model-6__feature-box.highlight .pb-intro-cards-model-6__icon-wrapper {
  background: color-mix(in srgb, var(--contrast-color) 25%, transparent);
  color: var(--contrast-color);
}
.pb-intro-cards-model-6__feature-box.highlight .pb-intro-cards-model-6__icon-wrapper::after {
  border-color: color-mix(in srgb, var(--contrast-color) 40%, transparent);
}
.pb-intro-cards-model-6__feature-box.highlight .pb-intro-cards-model-6__content h4 {
  color: var(--contrast-color);
}
.pb-intro-cards-model-6__feature-box.highlight .pb-intro-cards-model-6__content p {
  color: color-mix(in srgb, var(--contrast-color) 90%, transparent);
}
.pb-intro-cards-model-6__feature-box.highlight:hover {
  transform: scale(1.06) translateX(8px);
  box-shadow: -8px 20px 56px color-mix(in srgb, var(--accent-color) 35%, transparent);
}
.pb-intro-cards-model-6__featured-mark {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 4px 12px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: var(--accent-color);
  color: var(--contrast-color);
  z-index: 2;
}
.pb-intro-cards-model-6__icon-wrapper {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: var(--accent-color);
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 20%, transparent), color-mix(in srgb, var(--accent-color) 5%, transparent));
  margin-bottom: 20px;
  position: relative;
  transition: transform 0.4s ease;
}
.pb-intro-cards-model-6__icon-wrapper::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--accent-color) 20%, transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.pb-intro-cards-model-6__content h4 {
  font-family: var(--heading-font);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px;
  color: var(--heading-color);
}
.pb-intro-cards-model-6__content p {
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0;
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
}
.pb-intro-cards-model-6__trust-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  padding: 24px 40px;
  border-radius: 100px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 8%, var(--surface-color)), var(--surface-color));
  border: 2px solid color-mix(in srgb, var(--accent-color) 15%, transparent);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--default-color) 6%, transparent);
  max-width: fit-content;
  margin: 0 auto;
}
.pb-intro-cards-model-6__stars-wrapper {
  display: flex;
  gap: 4px;
  color: var(--accent-color);
  font-size: 20px;
}
.pb-intro-cards-model-6__divider {
  width: 2px;
  height: 24px;
  background: color-mix(in srgb, var(--default-color) 15%, transparent);
}
.pb-intro-cards-model-6__trust-text {
  font-family: var(--default-font);
  font-size: 15px;
  font-weight: 500;
  color: var(--default-color);
}
.pb-intro-cards-model-6__trust-text strong {
  font-weight: 700;
  color: var(--accent-color);
}
.pb-intro-cards-model-6__verified-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-color);
}
.pb-intro-cards-model-6__verified-badge i {
  font-size: 18px;
}
@media (max-width: 992px) {
  .pb-intro-cards-model-6__intro-content {
    padding-right: 0;
    margin-bottom: 48px;
  }
  .pb-intro-cards-model-6__main-title {
    font-size: 36px;
  }
  .pb-intro-cards-model-6__intro-row {
    margin-bottom: 48px;
  }
  .pb-intro-cards-model-6__feature-box.highlight {
    transform: scale(1);
  }
  .pb-intro-cards-model-6__feature-box.highlight:hover {
    transform: scale(1.02) translateX(8px);
  }
}
@media (max-width: 768px) {
  .pb-intro-cards-model-6::before {
    width: 300px;
    height: 300px;
    top: -100px;
    right: -100px;
  }
  .pb-intro-cards-model-6__main-title {
    font-size: 32px;
  }
  .pb-intro-cards-model-6__description {
    font-size: 16px;
  }
  .pb-intro-cards-model-6__trust-badge {
    flex-direction: column;
    gap: 16px;
    padding: 24px 32px;
    border-radius: var(--card-border-radius);
  }
  .pb-intro-cards-model-6__divider {
    width: 40px;
    height: 2px;
  }
  .pb-intro-cards-model-6__trust-text {
    text-align: center;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 7
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-7,
section.pb-intro-cards-model-7,
.section.pb-intro-cards-model-7,
.pb-intro-cards-model-7 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-7 a.pb-intro-cards-model-7__feature-link,
.pb-intro-cards-model-7 a.pb-intro-cards-model-7__feature-link:hover,
.pb-intro-cards-model-7 a.pb-intro-cards-model-7__feature-link:focus {
  color: var(--accent-color);
}
.pb-intro-cards-model-7.pb-ready-model .pb-intro-cards-model-7__feature-card h3, .pb-intro-cards-model-7.pb-ready-model .pb-intro-cards-model-7__feature-card p, .pb-intro-cards-model-7.pb-ready-model .pb-intro-cards-model-7__featured-badge, .pb-intro-cards-model-7.pb-ready-model .pb-intro-cards-model-7__rating-text, .pb-intro-cards-model-7.pb-ready-model .pb-intro-cards-model-7__trusted-label {
  white-space: normal;
}
.pb-intro-cards-model-7.pb-ready-model .pb-intro-cards-model-7__feature-link {
  white-space: nowrap;
}
.pb-intro-cards-model-7__feature-card {
  position: relative;
  padding: 32px;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 10px 40px color-mix(in srgb, var(--default-color) 8%, transparent);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-intro-cards-model-7__feature-card:hover {
  transform: translateY(-8px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--default-color) 12%, transparent);
}
.pb-intro-cards-model-7__feature-card:hover .pb-intro-cards-model-7__icon-wrap {
  transform: scale(1.1);
  background: var(--accent-color);
}
.pb-intro-cards-model-7__feature-card:hover .pb-intro-cards-model-7__icon-wrap i {
  color: var(--contrast-color);
}
.pb-intro-cards-model-7__feature-card:hover .pb-intro-cards-model-7__feature-link i {
  transform: translateX(4px);
}
.pb-intro-cards-model-7__feature-card.featured {
  background: var(--accent-color);
  border-color: var(--accent-color);
  transform: scale(1.02);
}
@media (min-width: 992px) {
  .pb-intro-cards-model-7__feature-card.featured {
    transform: scale(1.05);
  }
}
.pb-intro-cards-model-7__feature-card.featured .pb-intro-cards-model-7__icon-wrap {
  background: color-mix(in srgb, var(--contrast-color) 20%, transparent);
}
.pb-intro-cards-model-7__feature-card.featured .pb-intro-cards-model-7__icon-wrap i {
  color: var(--contrast-color);
}
.pb-intro-cards-model-7__feature-card.featured h3 {
  color: var(--contrast-color);
}
.pb-intro-cards-model-7__feature-card.featured p {
  color: color-mix(in srgb, var(--contrast-color) 85%, transparent);
}
.pb-intro-cards-model-7__feature-card.featured .pb-intro-cards-model-7__feature-link {
  color: var(--contrast-color);
}
.pb-intro-cards-model-7__feature-card.featured .pb-intro-cards-model-7__feature-link:hover, .pb-intro-cards-model-7__feature-card.featured .pb-intro-cards-model-7__feature-link:focus {
  color: color-mix(in srgb, var(--contrast-color) 80%, transparent);
}
.pb-intro-cards-model-7__feature-card.featured:hover {
  transform: scale(1.05) translateY(-8px);
}
@media (min-width: 992px) {
  .pb-intro-cards-model-7__feature-card.featured:hover {
    transform: scale(1.08) translateY(-8px);
  }
}
.pb-intro-cards-model-7__feature-card.featured:hover .pb-intro-cards-model-7__icon-wrap {
  background: var(--contrast-color);
}
.pb-intro-cards-model-7__feature-card.featured:hover .pb-intro-cards-model-7__icon-wrap i {
  color: var(--accent-color);
}
.pb-intro-cards-model-7__featured-badge {
  position: absolute;
  top: -12px;
  right: 24px;
  padding: 6px 16px;
  border-radius: var(--button-border-radius);
  background: var(--contrast-color);
  color: var(--accent-color);
  font-family: var(--default-font);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pb-intro-cards-model-7__icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  transition: all 0.3s ease;
}
.pb-intro-cards-model-7__icon-wrap i {
  font-size: 24px;
  color: var(--accent-color);
  transition: all 0.3s ease;
}
.pb-intro-cards-model-7__feature-card h3 {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  letter-spacing: -0.3px;
  color: var(--heading-color);
}
.pb-intro-cards-model-7__feature-card p {
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color) 75%, transparent);
  margin-bottom: 24px;
  flex-grow: 1;
}
.pb-intro-cards-model-7__feature-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-color);
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: auto;
}
.pb-intro-cards-model-7__feature-link i {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.pb-intro-cards-model-7__feature-link:hover, .pb-intro-cards-model-7__feature-link:focus {
  color: color-mix(in srgb, var(--accent-color) 80%, var(--default-color));
}
.pb-intro-cards-model-7__feature-card.featured a.pb-intro-cards-model-7__feature-link, .pb-intro-cards-model-7__feature-card.featured a.pb-intro-cards-model-7__feature-link:hover, .pb-intro-cards-model-7__feature-card.featured a.pb-intro-cards-model-7__feature-link:focus {
  color: var(--contrast-color);
}
.pb-intro-cards-model-7__feature-card.featured a.pb-intro-cards-model-7__feature-link:hover, .pb-intro-cards-model-7__feature-card.featured a.pb-intro-cards-model-7__feature-link:focus {
  color: color-mix(in srgb, var(--contrast-color) 80%, transparent);
}
.pb-intro-cards-model-7__trust-bar {
  margin-top: 80px;
  padding: 32px 40px;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 10px 40px color-mix(in srgb, var(--default-color) 8%, transparent);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
@media (min-width: 768px) {
  .pb-intro-cards-model-7__trust-bar {
    flex-direction: row;
    justify-content: space-between;
  }
}
.pb-intro-cards-model-7__rating-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}
.pb-intro-cards-model-7__stars {
  display: flex;
  gap: 4px;
}
.pb-intro-cards-model-7__stars i {
  font-size: 18px;
  color: var(--accent-color);
}
.pb-intro-cards-model-7__rating-text {
  font-family: var(--default-font);
  font-size: 15px;
  font-weight: 600;
  color: var(--default-color);
}
.pb-intro-cards-model-7__trusted-logos {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}
.pb-intro-cards-model-7__trusted-label {
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: color-mix(in srgb, var(--default-color) 60%, transparent);
}
.pb-intro-cards-model-7__logos {
  display: flex;
  align-items: center;
  gap: 24px;
}
.pb-intro-cards-model-7__logos img {
  max-height: 28px;
  width: auto;
  opacity: 0.5;
  filter: grayscale(100%);
  transition: all 0.3s ease;
}
.pb-intro-cards-model-7__logos img:hover {
  opacity: 1;
  filter: grayscale(0%);
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 8
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-8,
section.pb-intro-cards-model-8,
.section.pb-intro-cards-model-8,
.pb-intro-cards-model-8 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-8 a.pb-intro-cards-model-8__highlight-link,
.pb-intro-cards-model-8 a.pb-intro-cards-model-8__highlight-link:hover,
.pb-intro-cards-model-8 a.pb-intro-cards-model-8__highlight-link:focus {
  color: var(--accent-color);
}
.pb-intro-cards-model-8.pb-ready-model .pb-intro-cards-model-8__highlight-number, .pb-intro-cards-model-8.pb-ready-model .pb-intro-cards-model-8__highlight-content h3, .pb-intro-cards-model-8.pb-ready-model .pb-intro-cards-model-8__highlight-content p {
  white-space: normal;
}
.pb-intro-cards-model-8.pb-ready-model .pb-intro-cards-model-8__highlight-link {
  white-space: nowrap;
}
.pb-intro-cards-model-8__highlights-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}
@media (max-width: 992px) {
  .pb-intro-cards-model-8__highlights-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .pb-intro-cards-model-8__highlights-wrapper {
    grid-template-columns: 1fr;
  }
}
.pb-intro-cards-model-8__highlight-item {
  position: relative;
  background: var(--surface-color);
  border-right: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
}
.pb-intro-cards-model-8__highlight-item:last-child {
  border-right: none;
}
@media (max-width: 992px) {
  .pb-intro-cards-model-8__highlight-item:nth-child(2n) {
    border-right: none;
  }
  .pb-intro-cards-model-8__highlight-item:nth-child(1), .pb-intro-cards-model-8__highlight-item:nth-child(2) {
    border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  }
}
@media (max-width: 576px) {
  .pb-intro-cards-model-8__highlight-item {
    border-right: none;
    border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  }
  .pb-intro-cards-model-8__highlight-item:last-child {
    border-bottom: none;
  }
}
.pb-intro-cards-model-8__highlight-item:hover {
  background: var(--accent-color);
  z-index: 2;
}
.pb-intro-cards-model-8__highlight-item:hover .pb-intro-cards-model-8__highlight-number {
  color: color-mix(in srgb, var(--contrast-color), transparent 60%);
}
.pb-intro-cards-model-8__highlight-item:hover .pb-intro-cards-model-8__highlight-icon {
  background: color-mix(in srgb, var(--contrast-color), transparent 85%);
}
.pb-intro-cards-model-8__highlight-item:hover .pb-intro-cards-model-8__highlight-icon i {
  color: var(--contrast-color);
}
.pb-intro-cards-model-8__highlight-item:hover h3 {
  color: var(--contrast-color);
}
.pb-intro-cards-model-8__highlight-item:hover p {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
}
.pb-intro-cards-model-8__highlight-item:hover .pb-intro-cards-model-8__highlight-link {
  color: var(--contrast-color);
  border-color: var(--contrast-color);
}
.pb-intro-cards-model-8__highlight-item:hover .pb-intro-cards-model-8__highlight-link:hover, .pb-intro-cards-model-8__highlight-item:hover .pb-intro-cards-model-8__highlight-link:focus {
  background: var(--contrast-color);
  color: var(--accent-color);
}
.pb-intro-cards-model-8__highlight-content {
  padding: 48px 32px;
  text-align: center;
  position: relative;
}
.pb-intro-cards-model-8__highlight-content h3 {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
  color: var(--heading-color);
  transition: all 0.3s ease;
}
.pb-intro-cards-model-8__highlight-content p {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 24px;
  transition: all 0.3s ease;
}
.pb-intro-cards-model-8__highlight-number {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 48px;
  font-weight: 700;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 90%);
  line-height: 1;
  transition: all 0.3s ease;
}
.pb-intro-cards-model-8__highlight-icon {
  width: 80px;
  height: 80px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--card-border-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  transition: all 0.3s ease;
}
.pb-intro-cards-model-8__highlight-icon i {
  font-size: 36px;
  color: var(--accent-color);
  transition: all 0.3s ease;
}
.pb-intro-cards-model-8__highlight-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-color);
  padding: 10px 20px;
  border: 2px solid var(--accent-color);
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease;
  text-decoration: none;
}
.pb-intro-cards-model-8__highlight-link i {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.pb-intro-cards-model-8__highlight-link:hover, .pb-intro-cards-model-8__highlight-link:focus {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-intro-cards-model-8__highlight-link:hover i, .pb-intro-cards-model-8__highlight-link:focus i {
  transform: translateX(4px);
}
.pb-intro-cards-model-8__highlight-item:hover a.pb-intro-cards-model-8__highlight-link, .pb-intro-cards-model-8__highlight-item:hover a.pb-intro-cards-model-8__highlight-link:hover, .pb-intro-cards-model-8__highlight-item:hover a.pb-intro-cards-model-8__highlight-link:focus {
  color: var(--contrast-color);
}
.pb-intro-cards-model-8__highlight-item:hover a.pb-intro-cards-model-8__highlight-link:hover, .pb-intro-cards-model-8__highlight-item:hover a.pb-intro-cards-model-8__highlight-link:focus {
  background: var(--contrast-color);
  color: var(--accent-color);
}
@media (max-width: 768px) {
  .pb-intro-cards-model-8__highlight-content {
    padding: 40px 24px;
  }
  .pb-intro-cards-model-8__highlight-number {
    font-size: 40px;
    top: 16px;
    right: 16px;
  }
  .pb-intro-cards-model-8__highlight-icon {
    width: 72px;
    height: 72px;
  }
  .pb-intro-cards-model-8__highlight-icon i {
    font-size: 32px;
  }
  .pb-intro-cards-model-8__highlight-content h3 {
    font-size: 18px;
  }
  .pb-intro-cards-model-8__highlight-content p {
    font-size: 14px;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 9
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-9,
section.pb-intro-cards-model-9,
.section.pb-intro-cards-model-9,
.pb-intro-cards-model-9 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-9 {
  --pb-ic9-purple: #667eea;
  --pb-ic9-purple-deep: #764ba2;
  --pb-ic9-purple-text: #5a67d8;
  --pb-ic9-coral: #f5576c;
  --pb-ic9-coral-soft: #f093fb;
  --pb-ic9-coral-text: #e53e3e;
  --pb-ic9-teal: #4facfe;
  --pb-ic9-teal-soft: #00f2fe;
  --pb-ic9-teal-text: #0694a2;
  --pb-ic9-gold: #f6ad55;
  --pb-ic9-gold-deep: #ed8936;
  --pb-ic9-gold-text: #c05621;
  --pb-ic9-violet: #9f7aea;
  --pb-ic9-violet-soft: #b794f4;
  --pb-ic9-violet-text: #805ad5;
  --pb-ic9-mint: #38d9a9;
  --pb-ic9-mint-soft: #69db7c;
  --pb-ic9-mint-text: #0ca678;
}
.pb-intro-cards-model-9.pb-ready-model .pb-intro-cards-model-9__feature-card h3, .pb-intro-cards-model-9.pb-ready-model .pb-intro-cards-model-9__feature-card p, .pb-intro-cards-model-9.pb-ready-model .pb-intro-cards-model-9__card-link span {
  white-space: normal;
}
.pb-intro-cards-model-9.pb-ready-model .pb-intro-cards-model-9__card-link {
  white-space: nowrap;
}
.pb-intro-cards-model-9__feature-card {
  position: relative;
  padding: 36px 32px;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-top-width: 4px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 20px color-mix(in srgb, var(--default-color) 6%, transparent);
}
@media (max-width: 768px) {
  .pb-intro-cards-model-9__feature-card {
    padding: 28px 24px;
  }
}
.pb-intro-cards-model-9__feature-card:hover {
  transform: translateY(-6px);
  border-left-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  border-right-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  border-bottom-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color) 10%, transparent);
}
.pb-intro-cards-model-9__feature-card:hover .pb-intro-cards-model-9__icon-wrapper {
  transform: scale(1.05);
}
.pb-intro-cards-model-9__feature-card:hover .pb-intro-cards-model-9__card-link i {
  transform: translateX(4px);
}
.pb-intro-cards-model-9__feature-card:hover .pb-intro-cards-model-9__floating-shape {
  opacity: 0.22;
  transform: scale(1.15) rotate(8deg);
}
.pb-intro-cards-model-9__feature-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1.3;
  font-family: var(--heading-font);
}
.pb-intro-cards-model-9__feature-card p {
  font-family: var(--default-font);
  font-size: 0.95rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 20px;
  flex-grow: 1;
}
.pb-intro-cards-model-9__feature-card--purple {
  border-top-color: var(--pb-ic9-purple);
}
.pb-intro-cards-model-9__feature-card--purple .pb-intro-cards-model-9__icon-wrapper {
  background: linear-gradient(135deg, var(--pb-ic9-purple), var(--pb-ic9-purple-deep));
}
.pb-intro-cards-model-9__feature-card--purple h3 {
  color: var(--pb-ic9-purple-text);
}
.pb-intro-cards-model-9__feature-card--purple .pb-intro-cards-model-9__card-link {
  color: var(--pb-ic9-purple);
}
.pb-intro-cards-model-9__feature-card--coral {
  border-top-color: var(--pb-ic9-coral);
}
.pb-intro-cards-model-9__feature-card--coral .pb-intro-cards-model-9__icon-wrapper {
  background: linear-gradient(135deg, var(--pb-ic9-coral-soft), var(--pb-ic9-coral));
}
.pb-intro-cards-model-9__feature-card--coral h3 {
  color: var(--pb-ic9-coral-text);
}
.pb-intro-cards-model-9__feature-card--coral .pb-intro-cards-model-9__card-link {
  color: var(--pb-ic9-coral);
}
.pb-intro-cards-model-9__feature-card--teal {
  border-top-color: var(--pb-ic9-teal);
}
.pb-intro-cards-model-9__feature-card--teal .pb-intro-cards-model-9__icon-wrapper {
  background: linear-gradient(135deg, var(--pb-ic9-teal), var(--pb-ic9-teal-soft));
}
.pb-intro-cards-model-9__feature-card--teal h3 {
  color: var(--pb-ic9-teal-text);
}
.pb-intro-cards-model-9__feature-card--teal .pb-intro-cards-model-9__card-link {
  color: var(--pb-ic9-teal);
}
.pb-intro-cards-model-9__feature-card--gold {
  border-top-color: var(--pb-ic9-gold);
}
.pb-intro-cards-model-9__feature-card--gold .pb-intro-cards-model-9__icon-wrapper {
  background: linear-gradient(135deg, var(--pb-ic9-gold), var(--pb-ic9-gold-deep));
}
.pb-intro-cards-model-9__feature-card--gold h3 {
  color: var(--pb-ic9-gold-text);
}
.pb-intro-cards-model-9__feature-card--gold .pb-intro-cards-model-9__card-link {
  color: var(--pb-ic9-gold-deep);
}
.pb-intro-cards-model-9__feature-card--violet {
  border-top-color: var(--pb-ic9-violet);
}
.pb-intro-cards-model-9__feature-card--violet .pb-intro-cards-model-9__icon-wrapper {
  background: linear-gradient(135deg, var(--pb-ic9-violet), var(--pb-ic9-violet-soft));
}
.pb-intro-cards-model-9__feature-card--violet h3 {
  color: var(--pb-ic9-violet-text);
}
.pb-intro-cards-model-9__feature-card--violet .pb-intro-cards-model-9__card-link {
  color: var(--pb-ic9-violet);
}
.pb-intro-cards-model-9__feature-card--mint {
  border-top-color: var(--pb-ic9-mint);
}
.pb-intro-cards-model-9__feature-card--mint .pb-intro-cards-model-9__icon-wrapper {
  background: linear-gradient(135deg, var(--pb-ic9-mint), var(--pb-ic9-mint-soft));
}
.pb-intro-cards-model-9__feature-card--mint h3 {
  color: var(--pb-ic9-mint-text);
}
.pb-intro-cards-model-9__feature-card--mint .pb-intro-cards-model-9__card-link {
  color: var(--pb-ic9-mint);
}
.pb-intro-cards-model-9__icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: var(--card-border-radius);
  margin-bottom: 20px;
  transition: transform 0.3s ease;
}
.pb-intro-cards-model-9__icon-wrapper i {
  font-size: 1.5rem;
  color: var(--contrast-color);
}
.pb-intro-cards-model-9__card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  font-family: var(--default-font);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: gap 0.3s ease;
  text-decoration: none;
}
.pb-intro-cards-model-9__card-link i {
  font-size: 1rem;
  transition: transform 0.3s ease;
}
.pb-intro-cards-model-9__card-link:hover, .pb-intro-cards-model-9__card-link:focus {
  text-decoration: none;
}
.pb-intro-cards-model-9 a.pb-intro-cards-model-9__card-link,
.pb-intro-cards-model-9 a.pb-intro-cards-model-9__card-link:hover,
.pb-intro-cards-model-9 a.pb-intro-cards-model-9__card-link:focus {
  color: inherit;
}
.pb-intro-cards-model-9__feature-card--purple a.pb-intro-cards-model-9__card-link {
  color: var(--pb-ic9-purple);
}
.pb-intro-cards-model-9__feature-card--coral a.pb-intro-cards-model-9__card-link {
  color: var(--pb-ic9-coral);
}
.pb-intro-cards-model-9__feature-card--teal a.pb-intro-cards-model-9__card-link {
  color: var(--pb-ic9-teal);
}
.pb-intro-cards-model-9__feature-card--gold a.pb-intro-cards-model-9__card-link {
  color: var(--pb-ic9-gold-deep);
}
.pb-intro-cards-model-9__feature-card--violet a.pb-intro-cards-model-9__card-link {
  color: var(--pb-ic9-violet);
}
.pb-intro-cards-model-9__feature-card--mint a.pb-intro-cards-model-9__card-link {
  color: var(--pb-ic9-mint);
}
.pb-intro-cards-model-9__floating-shape {
  position: absolute;
  bottom: 20px;
  right: 20px;
  opacity: 0.1;
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
}
.pb-intro-cards-model-9__floating-shape--circle {
  width: 60px;
  height: 60px;
  border: 4px solid var(--pb-ic9-purple);
  border-radius: 50%;
}
.pb-intro-cards-model-9__floating-shape--triangle {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 52px solid var(--pb-ic9-coral);
}
.pb-intro-cards-model-9__floating-shape--squiggle {
  width: 60px;
  height: 20px;
  background: linear-gradient(90deg, var(--pb-ic9-teal), var(--pb-ic9-teal-soft), var(--pb-ic9-teal));
  border-radius: 10px;
  transform-origin: center;
}
.pb-intro-cards-model-9__floating-shape--dots {
  width: 50px;
  height: 50px;
  background-image: radial-gradient(var(--pb-ic9-gold-deep) 3px, transparent 3px);
  background-size: 12px 12px;
}
.pb-intro-cards-model-9__floating-shape--wave {
  width: 70px;
  height: 24px;
  background: var(--pb-ic9-violet);
  border-radius: 50% 50% 50% 50%/100% 100% 0% 0%;
}
.pb-intro-cards-model-9__floating-shape--star {
  width: 40px;
  height: 40px;
  background: var(--pb-ic9-mint);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 10
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-10,
section.pb-intro-cards-model-10,
.section.pb-intro-cards-model-10,
.pb-intro-cards-model-10 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
  isolation: isolate;
  z-index: 1;
}

.pb-intro-cards-model-10 {
  --pb-ic10-mix: #6c5ce7;
  --pb-ic10-primary-a: #3690e7;
  --pb-ic10-primary-b: #4facfe;
  --pb-ic10-secondary-a: #667eea;
  --pb-ic10-secondary-b: #764ba2;
  --pb-ic10-tertiary-a: #f093fb;
  --pb-ic10-tertiary-b: #f5576c;
  --pb-ic10-quaternary-a: #4ecdc4;
  --pb-ic10-quaternary-b: #44a08d;
}
.pb-intro-cards-model-10 > .site-container,
.pb-intro-cards-model-10 > [class*=site-container] {
  position: relative;
  z-index: 1;
}
.pb-intro-cards-model-10.pb-ready-model .pb-intro-cards-model-10__section-badge, .pb-intro-cards-model-10.pb-ready-model .pb-intro-cards-model-10__content-wrapper h2, .pb-intro-cards-model-10.pb-ready-model .pb-intro-cards-model-10__content-wrapper > p, .pb-intro-cards-model-10.pb-ready-model .pb-intro-cards-model-10__check-item span, .pb-intro-cards-model-10.pb-ready-model .pb-intro-cards-model-10__card-header h4, .pb-intro-cards-model-10.pb-ready-model .pb-intro-cards-model-10__feature-card > p {
  white-space: normal;
}
.pb-intro-cards-model-10__content-wrapper {
  position: relative;
  z-index: 1;
  padding: 60px 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--surface-color);
  background-image: linear-gradient(135deg, var(--surface-color) 0%, color-mix(in srgb, var(--accent-color), var(--surface-color) 92%) 100%);
  border-radius: var(--card-border-radius) 0 0 var(--card-border-radius);
}
.pb-intro-cards-model-10__content-wrapper h2 {
  font-family: var(--heading-font);
  font-size: 42px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 25px;
  line-height: 1.2;
}
.pb-intro-cards-model-10__content-wrapper > p {
  font-family: var(--default-font);
  font-size: 18px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 35px;
}
.pb-intro-cards-model-10__section-badge {
  display: inline-block;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--pb-ic10-mix) 30%));
  color: var(--contrast-color);
  padding: 8px 20px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
  align-self: flex-start;
}
.pb-intro-cards-model-10__features-checklist .pb-intro-cards-model-10__check-item {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 16px;
}
.pb-intro-cards-model-10__features-checklist .pb-intro-cards-model-10__check-item i {
  font-size: 20px;
  color: var(--accent-color);
}
.pb-intro-cards-model-10__features-checklist .pb-intro-cards-model-10__check-item span {
  font-family: var(--default-font);
  font-size: 16px;
  font-weight: 500;
  color: var(--heading-color);
}
.pb-intro-cards-model-10__features-cards {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  padding: 40px;
  background: var(--surface-color);
  border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0;
  height: 100%;
}
.pb-intro-cards-model-10__feature-card {
  background: var(--surface-color);
  padding: 30px 25px;
  border-radius: var(--card-border-radius);
  border: 2px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.pb-intro-cards-model-10__feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--pb-ic10-mix) 30%));
}
.pb-intro-cards-model-10__feature-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 60px color-mix(in srgb, var(--default-color), transparent 85%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-intro-cards-model-10__feature-card > p {
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin: 0;
}
.pb-intro-cards-model-10__feature-card--primary::before {
  background: linear-gradient(90deg, var(--pb-ic10-primary-a), var(--pb-ic10-primary-b));
}
.pb-intro-cards-model-10__feature-card--secondary::before {
  background: linear-gradient(90deg, var(--pb-ic10-secondary-a), var(--pb-ic10-secondary-b));
}
.pb-intro-cards-model-10__feature-card--tertiary::before {
  background: linear-gradient(90deg, var(--pb-ic10-tertiary-a), var(--pb-ic10-tertiary-b));
}
.pb-intro-cards-model-10__feature-card--quaternary::before {
  background: linear-gradient(90deg, var(--pb-ic10-quaternary-a), var(--pb-ic10-quaternary-b));
}
.pb-intro-cards-model-10__card-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 18px;
}
.pb-intro-cards-model-10__card-header h4 {
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
  line-height: 1.3;
}
.pb-intro-cards-model-10__icon-wrapper {
  width: 50px;
  height: 50px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pb-intro-cards-model-10__icon-wrapper i {
  font-size: 22px;
  color: var(--accent-color);
}
@media (max-width: 991px) {
  .pb-intro-cards-model-10 .row {
    flex-direction: column;
  }
  .pb-intro-cards-model-10__content-wrapper {
    border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
    padding: 50px 30px;
  }
  .pb-intro-cards-model-10__content-wrapper h2 {
    font-size: 32px;
  }
  .pb-intro-cards-model-10__content-wrapper > p {
    font-size: 16px;
  }
  .pb-intro-cards-model-10__features-cards {
    border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
    padding: 30px;
  }
}
@media (max-width: 768px) {
  .pb-intro-cards-model-10__features-cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .pb-intro-cards-model-10__content-wrapper {
    text-align: center;
    padding: 40px 25px;
  }
  .pb-intro-cards-model-10__content-wrapper h2 {
    font-size: 28px;
  }
  .pb-intro-cards-model-10__section-badge {
    align-self: center;
  }
  .pb-intro-cards-model-10__check-item {
    justify-content: center;
  }
  .pb-intro-cards-model-10__feature-card {
    padding: 25px 20px;
  }
  .pb-intro-cards-model-10__card-header {
    gap: 12px;
  }
  .pb-intro-cards-model-10__card-header h4 {
    font-size: 16px;
  }
  .pb-intro-cards-model-10__icon-wrapper {
    width: 45px;
    height: 45px;
  }
  .pb-intro-cards-model-10__icon-wrapper i {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .pb-intro-cards-model-10__content-wrapper {
    padding: 30px 20px;
  }
  .pb-intro-cards-model-10__content-wrapper h2 {
    font-size: 24px;
  }
  .pb-intro-cards-model-10__features-cards {
    padding: 25px 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 11
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-11,
section.pb-intro-cards-model-11,
.section.pb-intro-cards-model-11,
.pb-intro-cards-model-11 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-11 {
  --pb-ic11-shadow-soft: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-intro-cards-model-11 a.pb-intro-cards-model-11__btn--accent,
.pb-intro-cards-model-11 a.pb-intro-cards-model-11__btn--accent:hover,
.pb-intro-cards-model-11 a.pb-intro-cards-model-11__btn--accent:focus {
  color: var(--contrast-color);
}
.pb-intro-cards-model-11 a.pb-intro-cards-model-11__btn--outline,
.pb-intro-cards-model-11 a.pb-intro-cards-model-11__btn--outline:hover,
.pb-intro-cards-model-11 a.pb-intro-cards-model-11__btn--outline:focus {
  color: var(--accent-color);
}
.pb-intro-cards-model-11.pb-ready-model .pb-intro-cards-model-11__title, .pb-intro-cards-model-11.pb-ready-model .pb-intro-cards-model-11__lead, .pb-intro-cards-model-11.pb-ready-model .pb-intro-cards-model-11__feature-title, .pb-intro-cards-model-11.pb-ready-model .pb-intro-cards-model-11__feature-desc, .pb-intro-cards-model-11.pb-ready-model .pb-intro-cards-model-11__label, .pb-intro-cards-model-11.pb-ready-model .pb-intro-cards-model-11__value {
  white-space: normal;
}
.pb-intro-cards-model-11.pb-ready-model .pb-intro-cards-model-11__btn {
  white-space: nowrap;
}
.pb-intro-cards-model-11__intro .pb-intro-cards-model-11__title {
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin-bottom: 8px;
}
.pb-intro-cards-model-11__intro .pb-intro-cards-model-11__lead {
  margin: 0;
  font-family: var(--default-font);
  font-size: 1.05rem;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  max-width: 52ch;
}
.pb-intro-cards-model-11__device-preview {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 14px;
  box-shadow: var(--pb-ic11-shadow-soft);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.pb-intro-cards-model-11__device-preview:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-intro-cards-model-11__device-frame {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  position: relative;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-intro-cards-model-11__device-frame img {
  display: block;
  width: 100%;
  height: auto;
}
.pb-intro-cards-model-11__stat-chip {
  position: absolute;
  min-width: 170px;
  padding: 10px 12px;
  background: color-mix(in srgb, var(--accent-color), var(--surface-color) 82%);
  color: var(--heading-color);
  border-radius: var(--button-border-radius);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 60%);
  box-shadow: var(--pb-ic11-shadow-soft);
}
.pb-intro-cards-model-11__stat-chip i {
  font-size: 18px;
  color: var(--accent-color);
}
.pb-intro-cards-model-11__stat-chip--top {
  top: 14px;
  left: 14px;
}
.pb-intro-cards-model-11__stat-chip--bottom {
  right: 14px;
  bottom: 14px;
}
.pb-intro-cards-model-11__value {
  font-family: var(--heading-font);
  font-weight: 700;
  line-height: 1;
  color: var(--heading-color);
}
.pb-intro-cards-model-11__label {
  font-family: var(--default-font);
  font-size: 12px;
  margin-top: 2px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.pb-intro-cards-model-11__feature-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 18px;
  box-shadow: var(--pb-ic11-shadow-soft);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.pb-intro-cards-model-11__feature-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--accent-color), transparent 40%);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-intro-cards-model-11__icon-badge {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: var(--card-border-radius);
  display: grid;
  place-items: center;
  background: color-mix(in srgb, var(--accent-color), var(--surface-color) 80%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-intro-cards-model-11__icon-badge i {
  font-size: 20px;
  color: var(--accent-color);
}
.pb-intro-cards-model-11__feature-title {
  margin: 0 0 6px;
  font-family: var(--heading-font);
  font-size: 1.05rem;
  color: var(--heading-color);
}
.pb-intro-cards-model-11__feature-desc {
  margin: 0;
  font-family: var(--default-font);
  font-size: 0.95rem;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-intro-cards-model-11__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.pb-intro-cards-model-11__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 600;
  letter-spacing: 0.2px;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.pb-intro-cards-model-11__btn:hover {
  transform: translateY(-2px);
}
.pb-intro-cards-model-11__btn:active {
  transform: translateY(0);
}
.pb-intro-cards-model-11__btn--accent {
  background: var(--accent-color);
  color: var(--contrast-color);
  border: 1px solid var(--accent-color);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-intro-cards-model-11__btn--accent:hover, .pb-intro-cards-model-11__btn--accent:focus {
  background: color-mix(in srgb, var(--accent-color), transparent 10%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 10%);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
.pb-intro-cards-model-11__btn--accent:focus {
  outline: none;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pb-intro-cards-model-11__btn--outline {
  background: transparent;
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
  box-shadow: none;
}
.pb-intro-cards-model-11__btn--outline:hover, .pb-intro-cards-model-11__btn--outline:focus {
  background: color-mix(in srgb, var(--accent-color), var(--surface-color) 88%);
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 10%);
}
.pb-intro-cards-model-11__btn--outline:focus {
  outline: none;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent-color), transparent 80%);
}
@media (max-width: 992px) {
  .pb-intro-cards-model-11__intro .pb-intro-cards-model-11__lead {
    max-width: 100%;
  }
  .pb-intro-cards-model-11__stat-chip {
    min-width: 150px;
  }
}
@media (max-width: 576px) {
  .pb-intro-cards-model-11__feature-card {
    padding: 16px;
  }
  .pb-intro-cards-model-11__icon-badge {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
  .pb-intro-cards-model-11__device-preview {
    padding: 12px;
  }
  .pb-intro-cards-model-11__stat-chip {
    padding: 8px 10px;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 12
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-12,
section.pb-intro-cards-model-12,
.section.pb-intro-cards-model-12,
.pb-intro-cards-model-12 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-12 {
  --pb-ic12-shadow-soft: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 88%);
  --pb-ic12-shadow-hover: 0 16px 44px color-mix(in srgb, var(--default-color), transparent 82%);
  --pb-ic12-ring: color-mix(in srgb, var(--accent-color), transparent 75%);
  --pb-ic12-muted: color-mix(in srgb, var(--default-color), transparent 35%);
  --pb-ic12-blue: #5dade2;
  --pb-ic12-green: #2ecc71;
  --pb-ic12-purple: #9b59b6;
  --pb-ic12-orange: #f39c12;
  --pb-ic12-cyan: #48c9b0;
  --pb-ic12-pink: #e91e63;
}
.pb-intro-cards-model-12 a.pb-intro-cards-model-12__cta-btn,
.pb-intro-cards-model-12 a.pb-intro-cards-model-12__cta-btn:hover,
.pb-intro-cards-model-12 a.pb-intro-cards-model-12__cta-btn:focus,
.pb-intro-cards-model-12 a.pb-intro-cards-model-12__cta-btn:active,
.pb-intro-cards-model-12 a.pb-intro-cards-model-12__banner-btn,
.pb-intro-cards-model-12 a.pb-intro-cards-model-12__banner-btn:hover,
.pb-intro-cards-model-12 a.pb-intro-cards-model-12__banner-btn:focus,
.pb-intro-cards-model-12 a.pb-intro-cards-model-12__banner-btn:active {
  color: var(--contrast-color);
}
.pb-intro-cards-model-12 a.pb-intro-cards-model-12__link-btn,
.pb-intro-cards-model-12 a.pb-intro-cards-model-12__link-btn:hover,
.pb-intro-cards-model-12 a.pb-intro-cards-model-12__link-btn:focus,
.pb-intro-cards-model-12 a.pb-intro-cards-model-12__link-btn:active {
  color: var(--accent-color);
}
.pb-intro-cards-model-12.pb-ready-model .pb-intro-cards-model-12__intro-title, .pb-intro-cards-model-12.pb-ready-model .pb-intro-cards-model-12__intro-text, .pb-intro-cards-model-12.pb-ready-model .pb-intro-cards-model-12__intro-highlights li, .pb-intro-cards-model-12.pb-ready-model .pb-intro-cards-model-12__f-title, .pb-intro-cards-model-12.pb-ready-model .pb-intro-cards-model-12__f-text, .pb-intro-cards-model-12.pb-ready-model .pb-intro-cards-model-12__assurance-content h5, .pb-intro-cards-model-12.pb-ready-model .pb-intro-cards-model-12__assurance-content p {
  white-space: normal;
}
.pb-intro-cards-model-12.pb-ready-model .pb-intro-cards-model-12__cta-btn, .pb-intro-cards-model-12.pb-ready-model .pb-intro-cards-model-12__link-btn, .pb-intro-cards-model-12.pb-ready-model .pb-intro-cards-model-12__banner-btn, .pb-intro-cards-model-12.pb-ready-model .pb-intro-cards-model-12__f-meta span {
  white-space: nowrap;
}
.pb-intro-cards-model-12__intro-panel {
  background: linear-gradient(180deg, var(--surface-color), color-mix(in srgb, var(--accent-color), transparent 96%));
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 28px;
  box-shadow: var(--pb-ic12-shadow-soft);
}
.pb-intro-cards-model-12__preview-visual {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
}
.pb-intro-cards-model-12__preview-visual img {
  display: block;
}
.pb-intro-cards-model-12__preview-visual::after {
  content: "";
  position: absolute;
  inset: -10px -8px auto auto;
  width: 120px;
  height: 120px;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--accent-color), transparent 65%), transparent 70%);
  filter: blur(12px);
  border-radius: 50%;
  pointer-events: none;
}
.pb-intro-cards-model-12__intro-title {
  font-family: var(--heading-font);
  font-weight: 800;
  margin-bottom: 8px;
  color: var(--heading-color);
}
.pb-intro-cards-model-12__intro-text {
  font-family: var(--default-font);
  color: var(--pb-ic12-muted);
  margin: 0;
}
.pb-intro-cards-model-12__intro-highlights li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  padding: 8px 0;
}
.pb-intro-cards-model-12__intro-highlights li i {
  color: var(--accent-color);
  font-size: 18px;
  flex-shrink: 0;
}
.pb-intro-cards-model-12__intro-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.pb-intro-cards-model-12__cta-btn, .pb-intro-cards-model-12__link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.2;
  text-decoration: none;
  border-radius: var(--button-border-radius);
  transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.pb-intro-cards-model-12__cta-btn {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border: 1px solid var(--accent-color);
  padding: 12px 20px;
  box-shadow: 0 6px 22px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-intro-cards-model-12__cta-btn:hover, .pb-intro-cards-model-12__cta-btn:focus {
  background-color: color-mix(in srgb, var(--accent-color), black 12%);
  border-color: color-mix(in srgb, var(--accent-color), black 12%);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-intro-cards-model-12__cta-btn:active {
  transform: translateY(0);
  background-color: color-mix(in srgb, var(--accent-color), black 18%);
  color: var(--contrast-color);
}
.pb-intro-cards-model-12__link-btn {
  background-color: var(--surface-color);
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
  padding: 12px 18px;
  box-shadow: none;
}
.pb-intro-cards-model-12__link-btn:hover, .pb-intro-cards-model-12__link-btn:focus {
  background-color: color-mix(in srgb, var(--accent-color), var(--surface-color) 88%);
  border-color: var(--accent-color);
  color: var(--accent-color);
  transform: translateY(-2px);
}
.pb-intro-cards-model-12__link-btn:active {
  transform: translateY(0);
  background-color: color-mix(in srgb, var(--accent-color), var(--surface-color) 82%);
  color: var(--accent-color);
}
@media (max-width: 576px) {
  .pb-intro-cards-model-12__intro-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .pb-intro-cards-model-12__cta-btn, .pb-intro-cards-model-12__link-btn {
    width: 100%;
  }
}
.pb-intro-cards-model-12__feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1200px) {
  .pb-intro-cards-model-12__feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .pb-intro-cards-model-12__feature-grid {
    grid-template-columns: 1fr;
  }
}
.pb-intro-cards-model-12__feature-item {
  position: relative;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 22px 18px 20px;
  box-shadow: var(--pb-ic12-shadow-soft);
  transition: 0.3s;
  overflow: hidden;
}
.pb-intro-cards-model-12__feature-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent-color), transparent 96%), transparent 100%);
  opacity: 0.8;
  pointer-events: none;
}
.pb-intro-cards-model-12__feature-item:hover {
  transform: translateY(-6px);
  box-shadow: var(--pb-ic12-shadow-hover);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-intro-cards-model-12__f-icon {
  position: relative;
  z-index: 1;
  width: 54px;
  height: 54px;
  border-radius: var(--card-border-radius);
  display: grid;
  place-items: center;
  margin-bottom: 14px;
  color: var(--contrast-color);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-intro-cards-model-12__f-icon i {
  font-size: 22px;
}
.pb-intro-cards-model-12__f-icon--blue {
  background: color-mix(in srgb, var(--accent-color), var(--pb-ic12-blue) 40%);
}
.pb-intro-cards-model-12__f-icon--green {
  background: color-mix(in srgb, var(--accent-color), var(--pb-ic12-green) 45%);
}
.pb-intro-cards-model-12__f-icon--purple {
  background: color-mix(in srgb, var(--accent-color), var(--pb-ic12-purple) 40%);
}
.pb-intro-cards-model-12__f-icon--orange {
  background: color-mix(in srgb, var(--accent-color), var(--pb-ic12-orange) 40%);
}
.pb-intro-cards-model-12__f-icon--cyan {
  background: color-mix(in srgb, var(--accent-color), var(--pb-ic12-cyan) 40%);
}
.pb-intro-cards-model-12__f-icon--pink {
  background: color-mix(in srgb, var(--accent-color), var(--pb-ic12-pink) 35%);
}
.pb-intro-cards-model-12__f-body {
  position: relative;
  z-index: 1;
}
.pb-intro-cards-model-12__f-title {
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 6px;
  color: var(--heading-color);
}
.pb-intro-cards-model-12__f-text {
  font-family: var(--default-font);
  color: var(--pb-ic12-muted);
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 15px;
}
.pb-intro-cards-model-12__f-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--default-font);
  font-size: 13px;
  padding: 6px 10px;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  border: 1px solid var(--pb-ic12-ring);
}
.pb-intro-cards-model-12__assurance-banner {
  margin-top: 22px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent-color), transparent 92%), var(--surface-color));
  border: 1px dashed color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.pb-intro-cards-model-12__assurance-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: color-mix(in srgb, var(--accent-color), transparent 86%);
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-intro-cards-model-12__assurance-icon i {
  font-size: 20px;
}
.pb-intro-cards-model-12__assurance-content {
  flex: 1;
}
.pb-intro-cards-model-12__assurance-content h5 {
  margin: 0 0 4px;
  font-family: var(--heading-font);
  font-weight: 800;
  color: var(--heading-color);
}
.pb-intro-cards-model-12__assurance-content p {
  margin: 0;
  font-family: var(--default-font);
  color: var(--pb-ic12-muted);
  font-size: 14px;
}
.pb-intro-cards-model-12__banner-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  padding: 10px 16px;
  white-space: nowrap;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
  border: 1px solid var(--accent-color);
  text-decoration: none;
  flex-shrink: 0;
  font-family: var(--default-font);
  font-weight: 600;
}
.pb-intro-cards-model-12__banner-btn:hover, .pb-intro-cards-model-12__banner-btn:focus {
  transform: translateX(2px);
  background-color: color-mix(in srgb, var(--accent-color), black 12%);
  border-color: color-mix(in srgb, var(--accent-color), black 12%);
  color: var(--contrast-color);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 65%);
}
.pb-intro-cards-model-12__banner-btn:active {
  transform: translateX(0);
  background-color: color-mix(in srgb, var(--accent-color), black 18%);
  color: var(--contrast-color);
}
@media (max-width: 992px) {
  .pb-intro-cards-model-12__intro-panel {
    padding: 24px;
  }
  .pb-intro-cards-model-12__intro-title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .pb-intro-cards-model-12__preview-visual::after {
    width: 90px;
    height: 90px;
  }
  .pb-intro-cards-model-12__feature-item {
    padding: 18px 16px;
  }
  .pb-intro-cards-model-12__f-icon {
    width: 50px;
    height: 50px;
  }
  .pb-intro-cards-model-12__f-icon i {
    font-size: 20px;
  }
  .pb-intro-cards-model-12__assurance-banner {
    flex-direction: column;
    align-items: flex-start;
  }
  .pb-intro-cards-model-12__banner-btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 13
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-13,
section.pb-intro-cards-model-13,
.section.pb-intro-cards-model-13,
.pb-intro-cards-model-13 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-13.pb-ready-model .pb-intro-cards-model-13__features-content h3, .pb-intro-cards-model-13.pb-ready-model .pb-intro-cards-model-13__lead, .pb-intro-cards-model-13.pb-ready-model .pb-intro-cards-model-13__feature-content h4, .pb-intro-cards-model-13.pb-ready-model .pb-intro-cards-model-13__feature-content p, .pb-intro-cards-model-13.pb-ready-model .pb-intro-cards-model-13__card-content h5, .pb-intro-cards-model-13.pb-ready-model .pb-intro-cards-model-13__card-content p {
  white-space: normal;
}
.pb-intro-cards-model-13__features-image {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 40px color-mix(in srgb, var(--default-color) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-intro-cards-model-13__features-image img {
  width: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.pb-intro-cards-model-13__features-image:hover img {
  transform: scale(1.05);
}
.pb-intro-cards-model-13__image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--accent-color) 0%, transparent 50%);
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
}
.pb-intro-cards-model-13__floating-card {
  position: absolute;
  bottom: 30px;
  right: 30px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 20px;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color) 15%, transparent);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  z-index: 2;
}
.pb-intro-cards-model-13__card-content {
  display: flex;
  align-items: center;
}
.pb-intro-cards-model-13__card-content i {
  font-size: 32px;
  color: var(--accent-color);
  margin-right: 15px;
  flex-shrink: 0;
}
.pb-intro-cards-model-13__card-content h5 {
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  color: var(--heading-color);
}
.pb-intro-cards-model-13__card-content p {
  font-family: var(--default-font);
  font-size: 14px;
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-intro-cards-model-13__features-content {
  padding-left: 40px;
}
.pb-intro-cards-model-13__features-content h3 {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
  color: var(--heading-color);
}
.pb-intro-cards-model-13__lead {
  font-family: var(--default-font);
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 40px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-intro-cards-model-13__features-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
}
.pb-intro-cards-model-13__feature-item {
  display: flex;
  align-items: flex-start;
  padding: 25px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
}
.pb-intro-cards-model-13__feature-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px color-mix(in srgb, var(--default-color) 10%, transparent);
  border-color: var(--accent-color);
}
.pb-intro-cards-model-13__feature-item:hover .pb-intro-cards-model-13__feature-icon {
  background: var(--accent-color);
}
.pb-intro-cards-model-13__feature-item:hover .pb-intro-cards-model-13__feature-icon i {
  color: var(--contrast-color);
}
.pb-intro-cards-model-13__feature-icon {
  width: 60px;
  height: 60px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.pb-intro-cards-model-13__feature-icon i {
  font-size: 24px;
  color: var(--accent-color);
  transition: color 0.3s ease;
}
.pb-intro-cards-model-13__feature-content {
  flex: 1;
}
.pb-intro-cards-model-13__feature-content h4 {
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--heading-color);
}
.pb-intro-cards-model-13__feature-content p {
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
@media (max-width: 992px) {
  .pb-intro-cards-model-13__features-content {
    padding-left: 0;
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .pb-intro-cards-model-13__features-image img {
    height: 400px;
  }
  .pb-intro-cards-model-13__floating-card {
    bottom: 20px;
    right: 20px;
    padding: 15px;
  }
  .pb-intro-cards-model-13__features-content h3 {
    font-size: 28px;
  }
  .pb-intro-cards-model-13__lead {
    font-size: 16px;
  }
  .pb-intro-cards-model-13__feature-item {
    padding: 20px;
  }
  .pb-intro-cards-model-13__feature-icon {
    width: 50px;
    height: 50px;
    margin-right: 15px;
  }
  .pb-intro-cards-model-13__feature-icon i {
    font-size: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 14
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-14,
section.pb-intro-cards-model-14,
.section.pb-intro-cards-model-14,
.pb-intro-cards-model-14 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-14.pb-ready-model .pb-intro-cards-model-14__feature-header h4, .pb-intro-cards-model-14.pb-ready-model .pb-intro-cards-model-14__feature-card p {
  white-space: normal;
}
.pb-intro-cards-model-14__feature-showcase {
  position: relative;
  isolation: isolate;
  text-align: center;
  padding: 2rem;
}
.pb-intro-cards-model-14__feature-showcase img {
  max-width: 250px;
  height: auto;
  filter: drop-shadow(0 15px 35px color-mix(in srgb, var(--default-color) 15%, transparent));
  position: relative;
  z-index: 1;
}
.pb-intro-cards-model-14__features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
.pb-intro-cards-model-14__feature-card {
  background: var(--surface-color);
  padding: 1.5rem;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.pb-intro-cards-model-14__feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color), var(--heading-color) 30%) 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.pb-intro-cards-model-14__feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--default-color) 15%, transparent);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-intro-cards-model-14__feature-card:hover::before {
  transform: scaleX(1);
}
.pb-intro-cards-model-14__feature-card:hover .pb-intro-cards-model-14__feature-icon {
  background: var(--accent-color);
  transform: scale(1.1);
}
.pb-intro-cards-model-14__feature-card:hover .pb-intro-cards-model-14__feature-icon i {
  color: var(--contrast-color);
}
.pb-intro-cards-model-14__feature-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.pb-intro-cards-model-14__feature-header h4 {
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: var(--heading-color);
}
.pb-intro-cards-model-14__feature-icon {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.pb-intro-cards-model-14__feature-icon i {
  font-size: 20px;
  color: var(--accent-color);
  transition: color 0.3s ease;
}
.pb-intro-cards-model-14__feature-card p {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 991.98px) {
  .pb-intro-cards-model-14__row {
    flex-direction: column-reverse;
  }
  .pb-intro-cards-model-14__feature-showcase {
    margin-top: 2rem;
    padding: 1rem;
  }
}
@media (max-width: 576px) {
  .pb-intro-cards-model-14__features-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .pb-intro-cards-model-14__feature-card {
    padding: 1.25rem;
  }
  .pb-intro-cards-model-14__feature-icon {
    width: 40px;
    height: 40px;
  }
  .pb-intro-cards-model-14__feature-icon i {
    font-size: 18px;
  }
  .pb-intro-cards-model-14__feature-header h4 {
    font-size: 15px;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 15
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-15,
section.pb-intro-cards-model-15,
.section.pb-intro-cards-model-15,
.pb-intro-cards-model-15 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-15.pb-ready-model .pb-intro-cards-model-15__main-heading h2, .pb-intro-cards-model-15.pb-ready-model .pb-intro-cards-model-15__main-heading p, .pb-intro-cards-model-15.pb-ready-model .pb-intro-cards-model-15__feature-details h3, .pb-intro-cards-model-15.pb-ready-model .pb-intro-cards-model-15__feature-details p, .pb-intro-cards-model-15.pb-ready-model .pb-intro-cards-model-15__additional-feature-card h4, .pb-intro-cards-model-15.pb-ready-model .pb-intro-cards-model-15__additional-feature-card p {
  white-space: normal;
}
.pb-intro-cards-model-15__features-overview {
  display: flex;
  margin-bottom: 60px;
  gap: 40px;
}
@media (max-width: 991px) {
  .pb-intro-cards-model-15__features-overview {
    flex-direction: column;
  }
}
.pb-intro-cards-model-15__main-heading {
  flex: 1;
  padding-right: 20px;
}
.pb-intro-cards-model-15__main-heading h2 {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.2;
  color: var(--heading-color);
}
.pb-intro-cards-model-15__main-heading p {
  font-family: var(--default-font);
  font-size: 17px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 30px;
}
.pb-intro-cards-model-15__achievement-badges {
  display: flex;
  gap: 30px;
  margin-top: 40px;
}
@media (max-width: 576px) {
  .pb-intro-cards-model-15__achievement-badges {
    flex-direction: column;
    gap: 20px;
  }
}
.pb-intro-cards-model-15__achievement {
  display: flex;
  align-items: center;
  gap: 15px;
}
.pb-intro-cards-model-15__achievement-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pb-intro-cards-model-15__achievement-icon i {
  font-size: 22px;
  color: var(--accent-color);
}
.pb-intro-cards-model-15__achievement-info {
  display: flex;
  flex-direction: column;
}
.pb-intro-cards-model-15__achievement-value {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}
.pb-intro-cards-model-15__achievement-label {
  font-family: var(--default-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}
.pb-intro-cards-model-15__features-card-wrapper {
  flex: 1.2;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.pb-intro-cards-model-15__features-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 767px) {
  .pb-intro-cards-model-15__features-row {
    grid-template-columns: 1fr;
  }
}
.pb-intro-cards-model-15__feature-card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--default-color) 5%, transparent);
  padding: 25px;
  transition: all 0.3s ease;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.pb-intro-cards-model-15__feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--default-color) 10%, transparent);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-intro-cards-model-15__feature-card--primary {
  border-left: 4px solid var(--accent-color);
}
.pb-intro-cards-model-15__feature-icon {
  margin-bottom: 20px;
}
.pb-intro-cards-model-15__feature-icon i {
  font-size: 32px;
  color: var(--accent-color);
}
.pb-intro-cards-model-15__feature-details h3 {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--heading-color);
}
.pb-intro-cards-model-15__feature-details p {
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 20px;
}
.pb-intro-cards-model-15__feature-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: var(--button-border-radius);
}
.pb-intro-cards-model-15__feature-status--active {
  background-color: rgba(25, 135, 84, 0.1);
  color: #198754;
}
.pb-intro-cards-model-15__feature-status--active .pb-intro-cards-model-15__status-indicator {
  background-color: #198754;
}
.pb-intro-cards-model-15__feature-status--pending {
  background-color: rgba(255, 159, 67, 0.1);
  color: #ff9f43;
}
.pb-intro-cards-model-15__feature-status--pending .pb-intro-cards-model-15__status-indicator {
  background-color: #ff9f43;
}
.pb-intro-cards-model-15__feature-status--scheduled {
  background-color: rgba(108, 117, 125, 0.1);
  color: #6c757d;
}
.pb-intro-cards-model-15__feature-status--scheduled .pb-intro-cards-model-15__status-indicator {
  background-color: #6c757d;
}
.pb-intro-cards-model-15__status-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}
.pb-intro-cards-model-15__additional-features {
  margin-bottom: 50px;
}
.pb-intro-cards-model-15__additional-feature-card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 30px;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px color-mix(in srgb, var(--default-color) 3%, transparent);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  position: relative;
}
.pb-intro-cards-model-15__additional-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px color-mix(in srgb, var(--default-color) 8%, transparent);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-intro-cards-model-15__additional-feature-card h4 {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  color: var(--heading-color);
}
.pb-intro-cards-model-15__additional-feature-card p {
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 30px;
}
.pb-intro-cards-model-15__icon-container {
  width: 60px;
  height: 60px;
  border-radius: var(--button-border-radius);
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.pb-intro-cards-model-15__icon-container i {
  font-size: 28px;
  color: var(--accent-color);
}
.pb-intro-cards-model-15__feature-tag {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--default-font);
  font-size: 13px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: var(--button-border-radius);
}
.pb-intro-cards-model-15__feature-tag i {
  font-size: 14px;
}
.pb-intro-cards-model-15__feature-tag--active {
  background-color: rgba(25, 135, 84, 0.1);
  color: #198754;
}
.pb-intro-cards-model-15__feature-tag--pending {
  background-color: rgba(255, 159, 67, 0.1);
  color: #ff9f43;
}
.pb-intro-cards-model-15__feature-tag--scheduled {
  background-color: rgba(108, 117, 125, 0.1);
  color: #6c757d;
}
@media (max-width: 991px) {
  .pb-intro-cards-model-15__main-heading h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .pb-intro-cards-model-15__main-heading h2 {
    font-size: 26px;
  }
  .pb-intro-cards-model-15__main-heading p {
    font-size: 16px;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 16
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-16,
section.pb-intro-cards-model-16,
.section.pb-intro-cards-model-16,
.pb-intro-cards-model-16 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-16.pb-ready-model .pb-intro-cards-model-16__feature-info h3, .pb-intro-cards-model-16.pb-ready-model .pb-intro-cards-model-16__feature-info p {
  white-space: normal;
}
.pb-intro-cards-model-16 a.pb-intro-cards-model-16__action-btn,
.pb-intro-cards-model-16 a.pb-intro-cards-model-16__action-btn:hover,
.pb-intro-cards-model-16 a.pb-intro-cards-model-16__action-btn:focus {
  text-decoration: none;
}
.pb-intro-cards-model-16__features-stack .pb-intro-cards-model-16__feature-row {
  margin-bottom: 4rem;
}
.pb-intro-cards-model-16__features-stack .pb-intro-cards-model-16__feature-row:last-child {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .pb-intro-cards-model-16__features-stack .pb-intro-cards-model-16__feature-row {
    margin-bottom: 3rem;
  }
}
.pb-intro-cards-model-16__media-wrapper {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-intro-cards-model-16__media-wrapper::before {
  content: "";
  display: block;
  padding-top: 75%;
}
.pb-intro-cards-model-16__media-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-intro-cards-model-16__media-wrapper:hover img {
  transform: scale(1.05);
}
.pb-intro-cards-model-16__icon-box {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 20%), color-mix(in srgb, var(--accent-color), transparent 40%));
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  margin-bottom: 1.5rem;
  font-size: 1.75rem;
  transition: all 0.3s ease;
}
.pb-intro-cards-model-16__icon-box i {
  transition: transform 0.3s ease;
}
.pb-intro-cards-model-16__icon-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-intro-cards-model-16__icon-box:hover i {
  transform: scale(1.1);
}
.pb-intro-cards-model-16__feature-info h3 {
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 1rem;
  line-height: 1.3;
}
.pb-intro-cards-model-16__feature-info p {
  font-family: var(--default-font);
  font-size: 1rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
}
.pb-intro-cards-model-16__action-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 2.25rem;
  background-color: var(--surface-color);
  color: var(--accent-color);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 1rem;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  box-shadow: 0 5px 20px color-mix(in srgb, var(--default-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
}
.pb-intro-cards-model-16__action-btn:hover, .pb-intro-cards-model-16__action-btn:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 80%);
  border-color: var(--accent-color);
}
.pb-intro-cards-model-16__action-btn:hover i, .pb-intro-cards-model-16__action-btn:focus i {
  transform: translateX(5px);
}
.pb-intro-cards-model-16__action-btn i {
  font-size: 1.1rem;
  transition: transform 0.3s ease;
}
@media (max-width: 992px) {
  .pb-intro-cards-model-16__icon-box {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }
  .pb-intro-cards-model-16__feature-info h3 {
    font-size: 1.3rem;
  }
  .pb-intro-cards-model-16__feature-info p {
    font-size: 0.95rem;
  }
}
@media (max-width: 576px) {
  .pb-intro-cards-model-16__features-stack .pb-intro-cards-model-16__feature-row {
    margin-bottom: 2.5rem;
  }
  .pb-intro-cards-model-16__icon-box {
    width: 55px;
    height: 55px;
    font-size: 1.4rem;
    margin-bottom: 1.25rem;
  }
  .pb-intro-cards-model-16__feature-info h3 {
    font-size: 1.2rem;
  }
  .pb-intro-cards-model-16__action-btn {
    padding: 0.75rem 2rem;
    font-size: 0.95rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 17
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-17,
section.pb-intro-cards-model-17,
.section.pb-intro-cards-model-17,
.pb-intro-cards-model-17 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-17.pb-ready-model .pb-intro-cards-model-17__feature-text h4, .pb-intro-cards-model-17.pb-ready-model .pb-intro-cards-model-17__feature-text p {
  white-space: normal;
}
.pb-intro-cards-model-17 a.pb-intro-cards-model-17__btn-learn-more,
.pb-intro-cards-model-17 a.pb-intro-cards-model-17__btn-learn-more:hover,
.pb-intro-cards-model-17 a.pb-intro-cards-model-17__btn-learn-more:focus {
  text-decoration: none;
}
.pb-intro-cards-model-17__features-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}
@media (max-width: 992px) {
  .pb-intro-cards-model-17__features-wrapper {
    grid-template-columns: 1fr;
  }
}
.pb-intro-cards-model-17__features-image {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  box-shadow: 0 15px 30px color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-intro-cards-model-17__features-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30%;
  background: linear-gradient(to top, color-mix(in srgb, var(--accent-color), transparent 70%), transparent);
  border-bottom-left-radius: var(--card-border-radius);
  border-bottom-right-radius: var(--card-border-radius);
  pointer-events: none;
  z-index: 1;
}
.pb-intro-cards-model-17__features-image img {
  width: 100%;
  display: block;
  transition: transform 0.6s ease;
}
.pb-intro-cards-model-17__features-image:hover img {
  transform: scale(1.05);
}
@media (max-width: 992px) {
  .pb-intro-cards-model-17__features-image {
    max-width: 600px;
    margin: 0 auto;
  }
}
.pb-intro-cards-model-17__features-content .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}
.pb-intro-cards-model-17__feature-item {
  display: flex;
  gap: 1rem;
  padding: 1.25rem;
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  transition: all 0.3s ease;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-left: 4px solid transparent;
  height: 100%;
  box-shadow: 0 5px 15px color-mix(in srgb, var(--default-color), transparent 94%);
}
.pb-intro-cards-model-17__feature-item:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  border-left-color: var(--accent-color);
  transform: translateX(5px);
}
.pb-intro-cards-model-17__feature-item:hover .pb-intro-cards-model-17__feature-icon {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-intro-cards-model-17__feature-icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.pb-intro-cards-model-17__feature-icon i {
  font-size: 1.25rem;
}
.pb-intro-cards-model-17__feature-text h4 {
  font-family: var(--heading-font);
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: var(--heading-color);
}
.pb-intro-cards-model-17__feature-text p {
  font-family: var(--default-font);
  font-size: 0.9rem;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
}
.pb-intro-cards-model-17__btn-learn-more {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1.75rem;
  background-color: var(--surface-color);
  color: var(--accent-color);
  font-family: var(--default-font);
  font-weight: 600;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px color-mix(in srgb, var(--accent-color), transparent 85%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-intro-cards-model-17__btn-learn-more i {
  font-size: 1.5rem;
  transition: transform 0.3s ease;
}
.pb-intro-cards-model-17__btn-learn-more:hover, .pb-intro-cards-model-17__btn-learn-more:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-intro-cards-model-17__btn-learn-more:hover i, .pb-intro-cards-model-17__btn-learn-more:focus i {
  transform: translateX(5px);
}
@media (max-width: 768px) {
  .pb-intro-cards-model-17__feature-item {
    padding: 1rem;
  }
  .pb-intro-cards-model-17__feature-icon {
    width: 40px;
    height: 40px;
  }
  .pb-intro-cards-model-17__feature-icon i {
    font-size: 1rem;
  }
  .pb-intro-cards-model-17__feature-text h4 {
    font-size: 1rem;
  }
  .pb-intro-cards-model-17__feature-text p {
    font-size: 0.85rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 18
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-18,
section.pb-intro-cards-model-18,
.section.pb-intro-cards-model-18,
.pb-intro-cards-model-18 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-18.pb-ready-model .pb-intro-cards-model-18__feature-badge, .pb-intro-cards-model-18.pb-ready-model .pb-intro-cards-model-18__content-inner h3, .pb-intro-cards-model-18.pb-ready-model .pb-intro-cards-model-18__content-inner p, .pb-intro-cards-model-18.pb-ready-model .pb-intro-cards-model-18__feature-list li {
  white-space: normal;
}
.pb-intro-cards-model-18 a.pb-intro-cards-model-18__btn-explore,
.pb-intro-cards-model-18 a.pb-intro-cards-model-18__btn-explore:hover,
.pb-intro-cards-model-18 a.pb-intro-cards-model-18__btn-explore:focus {
  text-decoration: none;
}
.pb-intro-cards-model-18__features-card {
  margin-bottom: 2.5rem;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.pb-intro-cards-model-18__features-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--default-color) 10%, transparent);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-intro-cards-model-18__features-card:last-child {
  margin-bottom: 0;
}
.pb-intro-cards-model-18__feature-image {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.pb-intro-cards-model-18__feature-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  display: block;
}
.pb-intro-cards-model-18__feature-image:hover img {
  transform: scale(1.05);
}
.pb-intro-cards-model-18__overlay-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  background: var(--accent-color);
  color: var(--contrast-color);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.pb-intro-cards-model-18__overlay-icon i {
  font-size: 24px;
}
.pb-intro-cards-model-18__feature-content {
  background-color: var(--surface-color);
  display: flex;
  align-items: center;
}
.pb-intro-cards-model-18__content-inner {
  padding: 3rem;
}
@media (max-width: 992px) {
  .pb-intro-cards-model-18__content-inner {
    padding: 2rem;
  }
}
.pb-intro-cards-model-18__content-inner h3 {
  font-family: var(--heading-font);
  color: var(--heading-color);
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 1rem;
  line-height: 1.3;
}
@media (max-width: 992px) {
  .pb-intro-cards-model-18__content-inner h3 {
    font-size: 24px;
  }
}
.pb-intro-cards-model-18__content-inner p {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 1.5rem;
  line-height: 1.6;
}
.pb-intro-cards-model-18__feature-badge {
  display: inline-block;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 14px;
  padding: 5px 15px;
  border-radius: var(--button-border-radius);
  margin-bottom: 1rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.pb-intro-cards-model-18__feature-list {
  list-style: none;
  padding: 0;
  margin-bottom: 1.5rem;
}
.pb-intro-cards-model-18__feature-list li {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-intro-cards-model-18__feature-list li:last-child {
  margin-bottom: 0;
}
.pb-intro-cards-model-18__feature-list li i {
  color: var(--accent-color);
  font-size: 18px;
  margin-right: 12px;
  flex-shrink: 0;
}
.pb-intro-cards-model-18__feature-action {
  margin-top: 1.5rem;
}
.pb-intro-cards-model-18__btn-explore {
  color: var(--accent-color);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
}
.pb-intro-cards-model-18__btn-explore i {
  margin-left: 6px;
  transition: transform 0.3s ease;
}
.pb-intro-cards-model-18__btn-explore:hover, .pb-intro-cards-model-18__btn-explore:focus {
  color: color-mix(in srgb, var(--accent-color), transparent 30%);
}
.pb-intro-cards-model-18__btn-explore:hover i, .pb-intro-cards-model-18__btn-explore:focus i {
  transform: translateX(5px);
}
@media (max-width: 768px) {
  .pb-intro-cards-model-18__feature-image, .pb-intro-cards-model-18__feature-content {
    height: auto;
  }
  .pb-intro-cards-model-18__content-inner {
    padding: 2rem;
  }
  .pb-intro-cards-model-18__content-inner h3 {
    font-size: 22px;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 19
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-19,
section.pb-intro-cards-model-19,
.section.pb-intro-cards-model-19,
.pb-intro-cards-model-19 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-19.pb-ready-model .pb-intro-cards-model-19__feature-card h3, .pb-intro-cards-model-19.pb-ready-model .pb-intro-cards-model-19__feature-card > p, .pb-intro-cards-model-19.pb-ready-model .pb-intro-cards-model-19__feature-benefits li, .pb-intro-cards-model-19.pb-ready-model .pb-intro-cards-model-19__testimonial-content p, .pb-intro-cards-model-19.pb-ready-model .pb-intro-cards-model-19__testimonial-author h4, .pb-intro-cards-model-19.pb-ready-model .pb-intro-cards-model-19__testimonial-author span {
  white-space: normal;
}
.pb-intro-cards-model-19__feature-card {
  height: 100%;
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 2.5rem;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 94%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.pb-intro-cards-model-19__feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color), transparent 90%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-intro-cards-model-19__feature-card--highlighted {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 85%), var(--surface-color));
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pb-intro-cards-model-19__feature-card h3 {
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--heading-color);
}
.pb-intro-cards-model-19__feature-card > p {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.pb-intro-cards-model-19__feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  border-radius: var(--button-border-radius);
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), transparent 40%));
  color: var(--contrast-color);
}
.pb-intro-cards-model-19__feature-icon i {
  font-size: 1.75rem;
}
.pb-intro-cards-model-19__feature-benefits {
  list-style: none;
  padding: 0;
  margin-bottom: 2rem;
}
.pb-intro-cards-model-19__feature-benefits li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  font-family: var(--default-font);
  color: var(--heading-color);
}
.pb-intro-cards-model-19__feature-benefits li i {
  color: var(--accent-color);
  font-size: 1rem;
  flex-shrink: 0;
}
.pb-intro-cards-model-19__feature-image {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 10px 20px color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-intro-cards-model-19__feature-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
}
.pb-intro-cards-model-19__feature-image img:hover {
  transform: scale(1.05);
}
.pb-intro-cards-model-19__feature-testimonial {
  margin-top: 4rem;
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color), transparent 94%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  overflow: hidden;
}
.pb-intro-cards-model-19__testimonial-image {
  height: 100%;
}
.pb-intro-cards-model-19__testimonial-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
.pb-intro-cards-model-19__testimonial-content {
  padding: 3rem;
}
.pb-intro-cards-model-19__testimonial-content > p {
  font-family: var(--default-font);
  font-size: 1.25rem;
  font-style: italic;
  line-height: 1.7;
  margin-bottom: 2rem;
  color: var(--heading-color);
}
.pb-intro-cards-model-19__quote-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 1.75rem;
  border-radius: 50%;
  margin-bottom: 1.5rem;
}
.pb-intro-cards-model-19__testimonial-author h4 {
  font-family: var(--heading-font);
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  color: var(--heading-color);
}
.pb-intro-cards-model-19__testimonial-author span {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 0.95rem;
}
@media (max-width: 991px) {
  .pb-intro-cards-model-19__feature-card {
    margin-bottom: 1.5rem;
    padding: 2rem;
  }
  .pb-intro-cards-model-19__testimonial-content {
    padding: 2rem;
    text-align: center;
  }
  .pb-intro-cards-model-19__quote-icon {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .pb-intro-cards-model-19__feature-testimonial {
    margin-top: 2rem;
  }
  .pb-intro-cards-model-19__testimonial-image {
    max-height: 300px;
    overflow: hidden;
  }
  .pb-intro-cards-model-19__testimonial-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
  .pb-intro-cards-model-19__testimonial-content {
    padding: 1.5rem;
  }
  .pb-intro-cards-model-19__testimonial-content > p {
    font-size: 1.1rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 20
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-20,
section.pb-intro-cards-model-20,
.section.pb-intro-cards-model-20,
.pb-intro-cards-model-20 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-20.pb-ready-model .pb-intro-cards-model-20__feature-title, .pb-intro-cards-model-20.pb-ready-model .pb-intro-cards-model-20__feature-description {
  white-space: normal;
}
.pb-intro-cards-model-20__row {
  padding-top: 35px;
}
.pb-intro-cards-model-20__feature-card {
  background-color: var(--surface-color);
  padding: 40px 25px;
  border-radius: var(--card-border-radius);
  transition: all 0.3s ease-in-out;
  position: relative;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--default-color), transparent 90%);
  height: 100%;
}
.pb-intro-cards-model-20__feature-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--default-color), transparent 85%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
}
.pb-intro-cards-model-20__feature-card:hover .pb-intro-cards-model-20__icon-holder {
  background-color: color-mix(in srgb, var(--accent-color), black 10%);
  transform: scale(1.1);
}
.pb-intro-cards-model-20__icon-holder {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -70px auto 25px auto;
  border: 5px solid var(--background-color);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color), transparent 60%);
  transition: all 0.3s ease-in-out;
  position: relative;
}
.pb-intro-cards-model-20__icon-holder i {
  font-size: 2.2rem;
  line-height: 0;
}
.pb-intro-cards-model-20__feature-title {
  font-family: var(--heading-font);
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--heading-color);
}
.pb-intro-cards-model-20__feature-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s;
}
.pb-intro-cards-model-20__feature-title a:hover, .pb-intro-cards-model-20__feature-title a:focus {
  color: var(--accent-color);
}
.pb-intro-cards-model-20__feature-description {
  font-family: var(--default-font);
  font-size: 0.9rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .pb-intro-cards-model-20__feature-card {
    padding: 35px 20px;
  }
  .pb-intro-cards-model-20__icon-holder {
    width: 65px;
    height: 65px;
    margin-top: -60px;
  }
  .pb-intro-cards-model-20__icon-holder i {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .pb-intro-cards-model-20__row > [class*=col-]:last-child .pb-intro-cards-model-20__feature-card {
    margin-bottom: 0;
  }
  .pb-intro-cards-model-20__feature-card {
    margin-bottom: 50px;
  }
  .pb-intro-cards-model-20__icon-holder {
    width: 60px;
    height: 60px;
    margin-top: -55px;
  }
  .pb-intro-cards-model-20__icon-holder i {
    font-size: 1.8rem;
  }
  .pb-intro-cards-model-20__feature-title {
    font-size: 1.1rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 21
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-21,
section.pb-intro-cards-model-21,
.section.pb-intro-cards-model-21,
.pb-intro-cards-model-21 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-21.pb-ready-model .pb-intro-cards-model-21__content h3, .pb-intro-cards-model-21.pb-ready-model .pb-intro-cards-model-21__content p {
  white-space: normal;
}
.pb-intro-cards-model-21__features-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 3rem;
  position: relative;
}
@media (max-width: 1199px) {
  .pb-intro-cards-model-21__features-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "image image" "left right";
  }
  .pb-intro-cards-model-21__features-grid .pb-intro-cards-model-21__center-image {
    grid-area: image;
    justify-self: center;
  }
  .pb-intro-cards-model-21__features-grid .pb-intro-cards-model-21__features-column--left {
    grid-area: left;
  }
  .pb-intro-cards-model-21__features-grid .pb-intro-cards-model-21__features-column--right {
    grid-area: right;
  }
}
@media (max-width: 768px) {
  .pb-intro-cards-model-21__features-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "left" "right";
  }
}
.pb-intro-cards-model-21__features-column {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.pb-intro-cards-model-21__feature-card {
  display: flex;
  gap: 1.5rem;
  padding: 1.75rem;
  border-radius: var(--card-border-radius);
  background-color: var(--surface-color);
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px color-mix(in srgb, var(--default-color) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-intro-cards-model-21__feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px color-mix(in srgb, var(--default-color) 10%, transparent);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-intro-cards-model-21__feature-card:hover .pb-intro-cards-model-21__icon-wrapper {
  background-color: var(--accent-color);
}
.pb-intro-cards-model-21__feature-card:hover .pb-intro-cards-model-21__icon-wrapper i {
  color: var(--contrast-color);
}
.pb-intro-cards-model-21__icon-wrapper {
  width: 70px;
  height: 70px;
  min-width: 70px;
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  transition: all 0.3s ease;
}
.pb-intro-cards-model-21__icon-wrapper i {
  font-size: 28px;
  color: var(--accent-color);
  transition: all 0.3s ease;
}
.pb-intro-cards-model-21__content h3 {
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: var(--heading-color);
  transition: color 0.3s ease;
}
.pb-intro-cards-model-21__content p {
  font-family: var(--default-font);
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
  line-height: 1.6;
}
.pb-intro-cards-model-21__center-image {
  position: relative;
  align-self: center;
}
.pb-intro-cards-model-21__device-wrapper {
  position: relative;
  padding: 20px;
  z-index: 2;
  isolation: isolate;
  overflow: hidden;
}
.pb-intro-cards-model-21__device-wrapper img {
  max-height: 550px;
  width: auto;
  height: auto;
  position: relative;
  z-index: 5;
  filter: drop-shadow(0 20px 30px color-mix(in srgb, var(--default-color) 15%, transparent));
  display: block;
  margin: 0 auto;
}
.pb-intro-cards-model-21__shape-decoration {
  position: absolute;
  width: 150%;
  height: 70%;
  top: 15%;
  left: -25%;
  background: linear-gradient(140deg, color-mix(in srgb, var(--accent-color), transparent 80%) 0%, color-mix(in srgb, var(--accent-color), transparent 95%) 100%);
  border-radius: 50%;
  z-index: 1;
  filter: blur(40px);
  pointer-events: none;
}
@media (max-width: 991px) {
  .pb-intro-cards-model-21__feature-card {
    padding: 1.5rem;
  }
  .pb-intro-cards-model-21__icon-wrapper {
    width: 60px;
    height: 60px;
    min-width: 60px;
  }
  .pb-intro-cards-model-21__icon-wrapper i {
    font-size: 24px;
  }
  .pb-intro-cards-model-21__content h3 {
    font-size: 17px;
  }
  .pb-intro-cards-model-21__device-wrapper img {
    max-height: 450px;
  }
}
@media (max-width: 768px) {
  .pb-intro-cards-model-21__features-column {
    gap: 1.5rem;
  }
  .pb-intro-cards-model-21__center-image {
    margin: 2rem 0;
  }
  .pb-intro-cards-model-21__device-wrapper img {
    max-height: 400px;
  }
  .pb-intro-cards-model-21__shape-decoration {
    width: 120%;
    height: 60%;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 22
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-22,
section.pb-intro-cards-model-22,
.section.pb-intro-cards-model-22,
.pb-intro-cards-model-22 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-22.pb-ready-model .pb-intro-cards-model-22__features-heading h3, .pb-intro-cards-model-22.pb-ready-model .pb-intro-cards-model-22__features-heading p, .pb-intro-cards-model-22.pb-ready-model .pb-intro-cards-model-22__feature-card h4, .pb-intro-cards-model-22.pb-ready-model .pb-intro-cards-model-22__feature-card > p, .pb-intro-cards-model-22.pb-ready-model .pb-intro-cards-model-22__feature-box h5, .pb-intro-cards-model-22.pb-ready-model .pb-intro-cards-model-22__feature-box > p {
  white-space: normal;
}
.pb-intro-cards-model-22 a.pb-intro-cards-model-22__explore-btn,
.pb-intro-cards-model-22 a.pb-intro-cards-model-22__explore-btn:hover,
.pb-intro-cards-model-22 a.pb-intro-cards-model-22__explore-btn:focus,
.pb-intro-cards-model-22 a.pb-intro-cards-model-22__feature-btn,
.pb-intro-cards-model-22 a.pb-intro-cards-model-22__feature-btn:hover,
.pb-intro-cards-model-22 a.pb-intro-cards-model-22__feature-btn:focus,
.pb-intro-cards-model-22 a.pb-intro-cards-model-22__box-link,
.pb-intro-cards-model-22 a.pb-intro-cards-model-22__box-link:hover,
.pb-intro-cards-model-22 a.pb-intro-cards-model-22__box-link:focus {
  text-decoration: none;
}
.pb-intro-cards-model-22__features-heading {
  height: 100%;
  padding: 40px 30px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), transparent 50%));
  border-radius: var(--card-border-radius);
  color: var(--contrast-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pb-intro-cards-model-22__features-heading h3 {
  font-family: var(--heading-font);
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--contrast-color);
}
.pb-intro-cards-model-22__features-heading p {
  font-family: var(--default-font);
  margin-bottom: 30px;
  opacity: 0.9;
  color: var(--contrast-color);
}
.pb-intro-cards-model-22__explore-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 25px;
  background: var(--contrast-color);
  color: var(--accent-color);
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 600;
  transition: all 0.3s ease;
  align-self: flex-start;
}
.pb-intro-cards-model-22__explore-btn i {
  font-size: 18px;
  transition: transform 0.3s;
}
.pb-intro-cards-model-22__explore-btn:hover, .pb-intro-cards-model-22__explore-btn:focus {
  background: color-mix(in srgb, var(--contrast-color), transparent 10%);
  color: var(--accent-color);
  transform: translateY(-3px);
}
.pb-intro-cards-model-22__explore-btn:hover i, .pb-intro-cards-model-22__explore-btn:focus i {
  transform: translateX(5px);
}
.pb-intro-cards-model-22__feature-card {
  position: relative;
  background: var(--surface-color);
  padding: 30px;
  border-radius: var(--card-border-radius);
  height: 100%;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
  overflow: hidden;
}
.pb-intro-cards-model-22__feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 0;
  background: var(--accent-color);
  transition: height 0.5s ease;
}
.pb-intro-cards-model-22__feature-card h4 {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--heading-color);
}
.pb-intro-cards-model-22__feature-card > p {
  font-family: var(--default-font);
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 20px;
}
.pb-intro-cards-model-22__feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--default-color) 10%, transparent);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-intro-cards-model-22__feature-card:hover::before {
  height: 100%;
}
.pb-intro-cards-model-22__feature-card:hover .pb-intro-cards-model-22__feature-icon i {
  background: color-mix(in srgb, var(--accent-color), transparent 80%);
  transform: scale(1.1);
}
.pb-intro-cards-model-22__feature-icon {
  margin-bottom: 20px;
}
.pb-intro-cards-model-22__feature-icon i {
  font-size: 36px;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.pb-intro-cards-model-22__feature-btn {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.pb-intro-cards-model-22__feature-btn i {
  font-size: 12px;
  transition: transform 0.3s ease;
}
.pb-intro-cards-model-22__feature-btn:hover, .pb-intro-cards-model-22__feature-btn:focus {
  color: color-mix(in srgb, var(--accent-color), transparent 20%);
}
.pb-intro-cards-model-22__feature-btn:hover i, .pb-intro-cards-model-22__feature-btn:focus i {
  transform: translateX(5px);
}
.pb-intro-cards-model-22__feature-box {
  text-align: center;
  padding: 30px 20px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-bottom: 3px solid transparent;
  box-shadow: 0 5px 20px color-mix(in srgb, var(--default-color) 3%, transparent);
  transition: all 0.3s ease;
  height: 100%;
}
.pb-intro-cards-model-22__feature-box > i {
  font-size: 32px;
  color: var(--heading-color);
  margin-bottom: 15px;
  display: inline-block;
  transition: all 0.3s ease;
}
.pb-intro-cards-model-22__feature-box h5 {
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--heading-color);
}
.pb-intro-cards-model-22__feature-box > p {
  font-family: var(--default-font);
  font-size: 14px;
  margin-bottom: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-intro-cards-model-22__feature-box:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  border-bottom-color: var(--accent-color);
  transform: translateY(-5px);
}
.pb-intro-cards-model-22__feature-box:hover > i {
  color: var(--accent-color);
  transform: scale(1.1);
}
.pb-intro-cards-model-22__box-link {
  font-family: var(--default-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.pb-intro-cards-model-22__box-link i {
  font-size: 12px;
  color: var(--accent-color);
  margin-bottom: 0;
  transition: transform 0.3s ease;
}
.pb-intro-cards-model-22__box-link:hover, .pb-intro-cards-model-22__box-link:focus {
  color: var(--accent-color);
}
.pb-intro-cards-model-22__box-link:hover i, .pb-intro-cards-model-22__box-link:focus i {
  transform: translateX(5px);
}
@media (max-width: 991px) {
  .pb-intro-cards-model-22__features-heading {
    margin-bottom: 30px;
    padding: 30px 25px;
  }
  .pb-intro-cards-model-22__features-heading h3 {
    font-size: 24px;
  }
  .pb-intro-cards-model-22 .mt-5 {
    margin-top: 3rem !important;
  }
}
@media (max-width: 767px) {
  .pb-intro-cards-model-22__feature-box {
    margin-bottom: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 23
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-23,
section.pb-intro-cards-model-23,
.section.pb-intro-cards-model-23,
.pb-intro-cards-model-23 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-23.pb-ready-model .pb-intro-cards-model-23__content h3, .pb-intro-cards-model-23.pb-ready-model .pb-intro-cards-model-23__content p {
  white-space: normal;
}
.pb-intro-cards-model-23 a.pb-intro-cards-model-23__feature-link,
.pb-intro-cards-model-23 a.pb-intro-cards-model-23__feature-link:hover,
.pb-intro-cards-model-23 a.pb-intro-cards-model-23__feature-link:focus {
  text-decoration: none;
}
.pb-intro-cards-model-23__feature-item {
  padding: 30px;
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
  height: 100%;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease-in-out;
}
.pb-intro-cards-model-23__feature-item:hover {
  border-color: var(--accent-color);
}
.pb-intro-cards-model-23__feature-content {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.pb-intro-cards-model-23__icon {
  flex-shrink: 0;
}
.pb-intro-cards-model-23__icon i {
  font-size: 32px;
  color: var(--accent-color);
}
.pb-intro-cards-model-23__content h3 {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--heading-color);
}
.pb-intro-cards-model-23__content p {
  font-family: var(--default-font);
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 30px;
}
.pb-intro-cards-model-23__feature-link {
  font-family: var(--default-font);
  font-size: 15px;
  font-weight: 500;
  color: var(--accent-color);
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.pb-intro-cards-model-23__feature-link i {
  font-size: 14px;
  transition: transform 0.3s ease-in-out;
}
.pb-intro-cards-model-23__feature-link:hover, .pb-intro-cards-model-23__feature-link:focus {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
}
.pb-intro-cards-model-23__feature-link:hover i, .pb-intro-cards-model-23__feature-link:focus i {
  transform: translateX(5px);
}
@media (max-width: 1199px) {
  .pb-intro-cards-model-23__feature-item {
    padding: 20px;
  }
  .pb-intro-cards-model-23__content h3 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .pb-intro-cards-model-23__feature-content {
    gap: 15px;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 24
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-24,
section.pb-intro-cards-model-24,
.section.pb-intro-cards-model-24,
.pb-intro-cards-model-24 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-24.pb-ready-model .pb-intro-cards-model-24__features-content h3, .pb-intro-cards-model-24.pb-ready-model .pb-intro-cards-model-24__features-content > p, .pb-intro-cards-model-24.pb-ready-model .pb-intro-cards-model-24__feature-card h5, .pb-intro-cards-model-24.pb-ready-model .pb-intro-cards-model-24__feature-card p {
  white-space: normal;
}
.pb-intro-cards-model-24__feature-gallery {
  position: relative;
}
.pb-intro-cards-model-24__feature-gallery img.img-fluid {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: var(--card-border-radius);
  box-shadow: 0 4px 32px color-mix(in srgb, var(--accent-color) 12%, transparent 90%);
  background: var(--surface-color);
  display: block;
}
.pb-intro-cards-model-24__features-content h3 {
  font-size: 2.2rem;
  font-family: var(--heading-font);
  font-weight: 800;
  color: var(--heading-color);
}
.pb-intro-cards-model-24__features-content > p {
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  font-size: 1.1rem;
  font-family: var(--default-font);
}
.pb-intro-cards-model-24__feature-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 1.7rem 1.25rem;
  box-shadow: 0 1px 10px color-mix(in srgb, var(--heading-color) 3%, transparent 97%);
  transition: border-color 0.3s, box-shadow 0.3s;
}
.pb-intro-cards-model-24__feature-card:hover {
  border-color: var(--accent-color);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--accent-color) 12%, transparent 88%);
}
.pb-intro-cards-model-24__feature-card:hover .pb-intro-cards-model-24__icon-wrap {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-intro-cards-model-24__feature-card h5 {
  font-family: var(--heading-font);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 8px;
}
.pb-intro-cards-model-24__feature-card p {
  font-family: var(--default-font);
  margin-bottom: 0;
  font-size: 0.98rem;
  color: color-mix(in srgb, var(--default-color), transparent 28%);
}
.pb-intro-cards-model-24__icon-wrap {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color) 11%, transparent 89%);
  margin-right: 8px;
  font-size: 2rem;
  color: var(--accent-color);
  box-shadow: 0 2px 10px color-mix(in srgb, var(--accent-color) 4%, transparent 96%);
  transition: background 0.3s, color 0.3s;
}
@media (max-width: 992px) {
  .pb-intro-cards-model-24__feature-gallery img.img-fluid {
    height: 260px;
  }
}
@media (max-width: 768px) {
  .pb-intro-cards-model-24__feature-gallery {
    text-align: center;
  }
  .pb-intro-cards-model-24__feature-gallery img.img-fluid {
    height: 190px;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 25
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-25,
section.pb-intro-cards-model-25,
.section.pb-intro-cards-model-25,
.pb-intro-cards-model-25 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-25.pb-ready-model .pb-intro-cards-model-25__feature-content h3, .pb-intro-cards-model-25.pb-ready-model .pb-intro-cards-model-25__feature-content p, .pb-intro-cards-model-25.pb-ready-model .pb-intro-cards-model-25__feature-list li {
  white-space: normal;
}
.pb-intro-cards-model-25__feature-item {
  padding: 5rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-intro-cards-model-25__feature-item:first-child {
  padding-top: 2rem;
}
.pb-intro-cards-model-25__feature-item:last-child {
  border-bottom: none;
  padding-bottom: 2rem;
}
.pb-intro-cards-model-25__feature-content {
  padding-right: 3rem;
}
.order-lg-2 .pb-intro-cards-model-25__feature-content {
  padding-right: 0;
  padding-left: 3rem;
}
.pb-intro-cards-model-25__feature-content h3 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-intro-cards-model-25__feature-content p {
  font-size: 1.1rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 2rem;
  font-family: var(--default-font);
}
.pb-intro-cards-model-25__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  background: linear-gradient(45deg, var(--accent-color), color-mix(in srgb, var(--accent-color), transparent 30%));
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  margin-bottom: 1.5rem;
}
.pb-intro-cards-model-25__icon i {
  font-size: 1.5rem;
}
.pb-intro-cards-model-25__feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-intro-cards-model-25__feature-list li {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.1rem;
  margin-bottom: 1rem;
  color: var(--heading-color);
  font-family: var(--default-font);
}
.pb-intro-cards-model-25__feature-list li i {
  color: var(--accent-color);
  font-size: 1.25rem;
  flex-shrink: 0;
}
.pb-intro-cards-model-25__feature-list li:last-child {
  margin-bottom: 0;
}
.pb-intro-cards-model-25__feature-image {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 40px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-intro-cards-model-25__feature-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.6s ease;
}
.pb-intro-cards-model-25__feature-image:hover img {
  transform: scale(1.05);
}
@media (max-width: 991px) {
  .pb-intro-cards-model-25__feature-item {
    padding: 3rem 0;
  }
  .pb-intro-cards-model-25__feature-content {
    padding: 0 0 2rem 0;
    text-align: center;
  }
  .order-lg-2 .pb-intro-cards-model-25__feature-content {
    padding: 0 0 2rem 0;
  }
  .pb-intro-cards-model-25__feature-content h3 {
    font-size: 1.75rem;
  }
  .pb-intro-cards-model-25__icon {
    margin: 0 auto 1.5rem;
  }
  .pb-intro-cards-model-25__feature-list li {
    justify-content: center;
  }
  .pb-intro-cards-model-25__feature-image {
    margin: 0 auto;
    max-width: 500px;
  }
}
@media (max-width: 768px) {
  .pb-intro-cards-model-25__feature-item {
    padding: 2.5rem 0;
  }
  .pb-intro-cards-model-25__feature-content h3 {
    font-size: 1.5rem;
  }
  .pb-intro-cards-model-25__feature-content p {
    font-size: 1rem;
  }
  .pb-intro-cards-model-25__feature-list li {
    font-size: 1rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 26
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-26,
section.pb-intro-cards-model-26,
.section.pb-intro-cards-model-26,
.pb-intro-cards-model-26 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-26.pb-ready-model .pb-intro-cards-model-26__feature-card h3, .pb-intro-cards-model-26.pb-ready-model .pb-intro-cards-model-26__feature-card p {
  white-space: normal;
}
.pb-intro-cards-model-26 a.pb-intro-cards-model-26__learn-more,
.pb-intro-cards-model-26 a.pb-intro-cards-model-26__learn-more:hover,
.pb-intro-cards-model-26 a.pb-intro-cards-model-26__learn-more:focus {
  text-decoration: none;
}
.pb-intro-cards-model-26__feature-card {
  background-color: var(--surface-color);
  padding: 2rem;
  border-radius: var(--card-border-radius);
  height: 100%;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-intro-cards-model-26__feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.25rem;
  background: linear-gradient(to right, color-mix(in srgb, var(--accent-color), transparent 25%), var(--accent-color));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.pb-intro-cards-model-26__feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 90%);
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
.pb-intro-cards-model-26__feature-card:hover::before {
  transform: scaleX(1);
}
.pb-intro-cards-model-26__feature-card:hover .pb-intro-cards-model-26__icon-wrapper {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: scale(1.1);
}
.pb-intro-cards-model-26__feature-card:hover .pb-intro-cards-model-26__learn-more {
  color: var(--accent-color);
}
.pb-intro-cards-model-26__feature-card:hover .pb-intro-cards-model-26__learn-more i {
  transform: translateX(5px);
}
.pb-intro-cards-model-26__icon-wrapper {
  width: 3.5rem;
  height: 3.5rem;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
}
.pb-intro-cards-model-26__icon-wrapper i {
  font-size: 1.5rem;
}
.pb-intro-cards-model-26__feature-card h3 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-intro-cards-model-26__feature-card p {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  font-family: var(--default-font);
}
.pb-intro-cards-model-26__learn-more {
  color: var(--heading-color);
  font-weight: 500;
  font-size: 0.95rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  transition: color 0.3s ease;
  font-family: var(--default-font);
}
.pb-intro-cards-model-26__learn-more i {
  font-size: 1rem;
  transition: transform 0.3s ease;
}
@media (max-width: 768px) {
  .pb-intro-cards-model-26__feature-card {
    padding: 1.5rem;
  }
  .pb-intro-cards-model-26__icon-wrapper {
    width: 3rem;
    height: 3rem;
  }
  .pb-intro-cards-model-26__icon-wrapper i {
    font-size: 1.25rem;
  }
  .pb-intro-cards-model-26__feature-card h3 {
    font-size: 1.1rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 27
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-27,
section.pb-intro-cards-model-27,
.section.pb-intro-cards-model-27,
.pb-intro-cards-model-27 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-27.pb-ready-model .pb-intro-cards-model-27__features-item h3 {
  white-space: normal;
}
.pb-intro-cards-model-27 a.stretched-link,
.pb-intro-cards-model-27 a.stretched-link:hover,
.pb-intro-cards-model-27 a.stretched-link:focus {
  text-decoration: none;
}
.pb-intro-cards-model-27__features-item {
  background-color: var(--surface-color);
  display: flex;
  align-items: center;
  padding: 20px;
  transition: 0.3s;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  position: relative;
  border-radius: var(--card-border-radius);
  height: 100%;
}
.pb-intro-cards-model-27__features-item i {
  font-size: 32px;
  padding-right: 10px;
  line-height: 0;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-intro-cards-model-27__features-item h3 {
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 16px;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
.pb-intro-cards-model-27__features-item h3 a {
  color: var(--heading-color);
  transition: 0.3s;
}
.pb-intro-cards-model-27__features-item:hover {
  border-color: var(--accent-color);
}
.pb-intro-cards-model-27__features-item:hover h3 a {
  color: var(--accent-color);
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 28
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-28,
section.pb-intro-cards-model-28,
.section.pb-intro-cards-model-28,
.pb-intro-cards-model-28 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-28.pb-ready-model .pb-intro-cards-model-28__feature-box h4, .pb-intro-cards-model-28.pb-ready-model .pb-intro-cards-model-28__feature-box p {
  white-space: normal;
}
.pb-intro-cards-model-28__feature-box {
  height: 100%;
  padding: 40px 30px;
  border-radius: var(--card-border-radius);
}
.pb-intro-cards-model-28__feature-box i {
  font-size: 44px;
  display: inline-block;
  line-height: 0;
  color: var(--accent-color);
  margin-bottom: 20px;
}
.pb-intro-cards-model-28__feature-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px 0;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-intro-cards-model-28__feature-box p {
  font-size: 15px;
  margin-bottom: 0;
  color: var(--default-color);
  font-family: var(--default-font);
}
.pb-intro-cards-model-28__feature-box--orange {
  background-color: #fff3e2;
}
.pb-intro-cards-model-28__feature-box--orange i {
  color: #edb86e;
}
.pb-intro-cards-model-28__feature-box--blue {
  background-color: #deedfd;
}
.pb-intro-cards-model-28__feature-box--blue i {
  color: #20a5f8;
}
.pb-intro-cards-model-28__feature-box--green {
  background-color: #d5f1e4;
}
.pb-intro-cards-model-28__feature-box--green i {
  color: #48c88a;
}
.pb-intro-cards-model-28__feature-box--red {
  background-color: #fdeded;
}
.pb-intro-cards-model-28__feature-box--red i {
  color: #f28484;
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 29
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-29,
section.pb-intro-cards-model-29,
.section.pb-intro-cards-model-29,
.pb-intro-cards-model-29 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-29.pb-ready-model .pb-intro-cards-model-29__features-item h3, .pb-intro-cards-model-29.pb-ready-model .pb-intro-cards-model-29__features-item p, .pb-intro-cards-model-29.pb-ready-model .pb-intro-cards-model-29__features-item li {
  white-space: normal;
}
.pb-intro-cards-model-29 a.pb-intro-cards-model-29__btn-get-started,
.pb-intro-cards-model-29 a.pb-intro-cards-model-29__btn-get-started:hover,
.pb-intro-cards-model-29 a.pb-intro-cards-model-29__btn-get-started:focus {
  text-decoration: none;
}
.pb-intro-cards-model-29__features-item {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-intro-cards-model-29__features-item + .pb-intro-cards-model-29__features-item {
  margin-top: 100px;
}
@media (max-width: 768px) {
  .pb-intro-cards-model-29__features-item + .pb-intro-cards-model-29__features-item {
    margin-top: 40px;
  }
}
.pb-intro-cards-model-29__features-item h3 {
  font-weight: 700;
  font-size: 26px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-intro-cards-model-29__features-item p {
  font-family: var(--default-font);
}
.pb-intro-cards-model-29__features-item ul {
  list-style: none;
  padding: 0;
}
.pb-intro-cards-model-29__features-item ul li {
  padding-bottom: 10px;
  display: flex;
  align-items: flex-start;
  font-family: var(--default-font);
}
.pb-intro-cards-model-29__features-item ul li:last-child {
  padding-bottom: 0;
}
.pb-intro-cards-model-29__features-item ul i {
  font-size: 20px;
  padding-right: 4px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-intro-cards-model-29__features-item img {
  border: 6px solid var(--surface-color);
  box-shadow: 0 15px 30px -10px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-intro-cards-model-29__btn-get-started {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 8px 30px 10px 30px;
  border-radius: var(--button-border-radius);
  border: none;
  font-family: var(--default-font);
}
.pb-intro-cards-model-29__btn-get-started:hover, .pb-intro-cards-model-29__btn-get-started:focus {
  background-color: color-mix(in srgb, var(--accent-color), transparent 10%);
  color: var(--contrast-color);
}
.pb-intro-cards-model-29__features-img-bg {
  position: relative;
  min-height: 500px;
}
@media (max-width: 640px) {
  .pb-intro-cards-model-29__features-img-bg {
    min-height: 300px;
  }
}
.pb-intro-cards-model-29__features-img-bg img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pb-intro-cards-model-29__image-stack {
  display: grid;
  position: relative;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
}
.pb-intro-cards-model-29__stack-back {
  grid-column: 4/-1;
  grid-row: 1;
  width: 100%;
  z-index: 1;
}
.pb-intro-cards-model-29__stack-front {
  grid-row: 1;
  grid-column: 1/span 8;
  margin-top: 20%;
  width: 100%;
  z-index: 2;
}

/*--------------------------------------------------------------
# Page Builder Intro Cards — Model 30
--------------------------------------------------------------*/
section.section.pb-intro-cards-model-30,
section.pb-intro-cards-model-30,
.section.pb-intro-cards-model-30,
.pb-intro-cards-model-30 {
  padding: 0;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.pb-intro-cards-model-30.pb-ready-model .pb-intro-cards-model-30__content h3, .pb-intro-cards-model-30.pb-ready-model .pb-intro-cards-model-30__content p, .pb-intro-cards-model-30.pb-ready-model .pb-intro-cards-model-30__content li {
  white-space: normal;
}
.pb-intro-cards-model-30 a.pb-intro-cards-model-30__more-btn,
.pb-intro-cards-model-30 a.pb-intro-cards-model-30__more-btn:hover,
.pb-intro-cards-model-30 a.pb-intro-cards-model-30__more-btn:focus {
  text-decoration: none;
}
.pb-intro-cards-model-30__features-item + .pb-intro-cards-model-30__features-item {
  margin-top: 60px;
}
.pb-intro-cards-model-30__features-item img {
  border-radius: var(--card-border-radius);
  width: 100%;
  height: auto;
  display: block;
}
.pb-intro-cards-model-30__content {
  background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  padding: 30px;
  border-radius: var(--card-border-radius);
  width: 100%;
}
.pb-intro-cards-model-30__content h3 {
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 15px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.pb-intro-cards-model-30__content p {
  font-family: var(--default-font);
}
.pb-intro-cards-model-30__content ul {
  list-style: none;
  padding: 0;
}
.pb-intro-cards-model-30__content ul li {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  font-family: var(--default-font);
}
.pb-intro-cards-model-30__content ul li:last-child {
  padding-bottom: 0;
}
.pb-intro-cards-model-30__content ul i {
  font-size: 20px;
  margin-right: 10px;
  color: var(--accent-color);
}
.pb-intro-cards-model-30__more-btn {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 6px 30px;
  border-radius: var(--button-border-radius);
  border: none;
  font-family: var(--default-font);
}
.pb-intro-cards-model-30__more-btn:hover, .pb-intro-cards-model-30__more-btn:focus {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 1
--------------------------------------------------------------*/
.pb-about-models-model-1 {
  position: relative;
  overflow: visible;
}
.pb-about-models-model-1__info {
  max-width: 560px;
}
.pb-about-models-model-1__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  padding: 8px 16px;
  border-radius: var(--button-border-radius);
  margin-bottom: 22px;
}
.pb-about-models-model-1__eyebrow i {
  font-size: 14px;
}
.pb-about-models-model-1__headline {
  font-family: var(--heading-font);
  font-size: 44px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  margin-bottom: 20px;
  color: var(--heading-color);
}
@media (max-width: 992px) {
  .pb-about-models-model-1__headline {
    font-size: 34px;
  }
}
.pb-about-models-model-1__lead {
  font-size: 17px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 36px;
}
.pb-about-models-model-1__features {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
}
.pb-about-models-model-1__features li {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 0;
  border-bottom: 1px dashed color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-about-models-model-1__features li:last-child {
  border-bottom: none;
}
.pb-about-models-model-1__features li:hover .pb-about-models-model-1__feature-icon {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: scale(1.05);
}
.pb-about-models-model-1__feature-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 15%, transparent), color-mix(in srgb, var(--accent-color) 5%, transparent));
  color: var(--accent-color);
  font-size: 20px;
  transition: all 0.3s ease;
}
.pb-about-models-model-1__feature-title {
  font-family: var(--heading-font);
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 4px;
  letter-spacing: -0.01em;
  color: var(--heading-color);
}
.pb-about-models-model-1__feature-text {
  font-size: 14px;
  line-height: 1.55;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-about-models-model-1__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}
.pb-about-models-model-1__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  border-radius: var(--button-border-radius);
  font-size: 15px;
  font-weight: 600;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, var(--heading-color)));
  color: var(--contrast-color);
  border: none;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color) 32%, transparent);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}
.pb-about-models-model-1__btn-primary i {
  font-size: 16px;
  transition: transform 0.3s ease-out;
}
.pb-about-models-model-1__btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--accent-color) 45%, transparent);
  color: var(--contrast-color);
}
.pb-about-models-model-1__btn-primary:hover i {
  transform: translateX(5px);
}
.pb-about-models-model-1__btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: var(--default-color);
  transition: color 0.3s ease;
  text-decoration: none;
}
.pb-about-models-model-1__btn-secondary i {
  font-size: 22px;
  color: var(--accent-color);
}
.pb-about-models-model-1__btn-secondary:hover {
  color: var(--accent-color);
}
.pb-about-models-model-1__visual {
  position: relative;
  padding: 40px 20px;
}
@media (max-width: 992px) {
  .pb-about-models-model-1__visual {
    padding: 20px 0 60px;
  }
}
.pb-about-models-model-1__blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  z-index: 0;
  pointer-events: none;
}
.pb-about-models-model-1__blob--one {
  top: -20px;
  right: -40px;
  width: 280px;
  height: 280px;
  background: color-mix(in srgb, var(--accent-color) 30%, transparent);
}
.pb-about-models-model-1__blob--two {
  bottom: 20px;
  left: -30px;
  width: 220px;
  height: 220px;
  background: color-mix(in srgb, var(--accent-color) 25%, var(--heading-color) 10%);
}
.pb-about-models-model-1__frame {
  position: relative;
  z-index: 1;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 25px 60px color-mix(in srgb, var(--default-color) 12%, transparent), 0 8px 20px color-mix(in srgb, var(--default-color) 6%, transparent);
}
.pb-about-models-model-1__frame-header {
  padding: 14px 18px;
  background: color-mix(in srgb, var(--default-color) 4%, var(--surface-color));
  display: flex;
  gap: 8px;
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-about-models-model-1__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.pb-about-models-model-1__dot--one {
  background: color-mix(in srgb, var(--default-color) 55%, transparent);
}
.pb-about-models-model-1__dot--two {
  background: color-mix(in srgb, var(--default-color) 35%, transparent);
}
.pb-about-models-model-1__dot--three {
  background: color-mix(in srgb, var(--accent-color) 65%, transparent);
}
.pb-about-models-model-1__screenshot {
  display: block;
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
}
.pb-about-models-model-1__float {
  position: absolute;
  z-index: 2;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 16px 20px;
  box-shadow: 0 15px 35px color-mix(in srgb, var(--default-color) 10%, transparent), 0 4px 10px color-mix(in srgb, var(--default-color) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  animation: pb-about-models-model-1-float 4s ease-in-out infinite;
}
.pb-about-models-model-1__float--metric {
  top: 20%;
  left: -20px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation-delay: 0s;
}
@media (max-width: 576px) {
  .pb-about-models-model-1__float--metric {
    left: 5px;
    top: 15%;
  }
}
.pb-about-models-model-1__float--users {
  bottom: 8%;
  right: -10px;
  animation-delay: 1.5s;
}
@media (max-width: 576px) {
  .pb-about-models-model-1__float--users {
    right: 5px;
    bottom: 5%;
  }
}
.pb-about-models-model-1__metric-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, var(--heading-color)));
  color: var(--contrast-color);
  font-size: 20px;
}
.pb-about-models-model-1__metric-data {
  display: flex;
  flex-direction: column;
}
.pb-about-models-model-1__metric-value {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading-color);
  letter-spacing: -0.02em;
}
.pb-about-models-model-1__metric-label {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.pb-about-models-model-1__avatars {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.pb-about-models-model-1__avatars img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--surface-color);
  margin-left: -8px;
}
.pb-about-models-model-1__avatars img:first-child {
  margin-left: 0;
}
.pb-about-models-model-1__avatar-count {
  margin-left: 10px;
  font-size: 13px;
  font-weight: 700;
  color: var(--accent-color);
}
.pb-about-models-model-1__users-label {
  font-size: 12px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-about-models-model-1__stats {
  margin-top: 80px;
  padding: 40px 20px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 8%, var(--surface-color)), color-mix(in srgb, var(--accent-color) 3%, var(--surface-color)));
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--accent-color) 12%, transparent);
}
@media (max-width: 768px) {
  .pb-about-models-model-1__stats {
    margin-top: 60px;
    padding: 30px 15px;
  }
}
.pb-about-models-model-1__stat {
  text-align: center;
  padding: 12px 10px;
}
.pb-about-models-model-1__stat-value {
  font-family: var(--heading-font);
  font-size: 42px;
  font-weight: 700;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 60%, var(--heading-color)));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0 0 8px;
  letter-spacing: -0.02em;
}
@media (max-width: 992px) {
  .pb-about-models-model-1__stat-value {
    font-size: 32px;
  }
}
.pb-about-models-model-1__stat-label {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}

@keyframes pb-about-models-model-1-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
/*--------------------------------------------------------------
# Page Builder About Models — Model 2
--------------------------------------------------------------*/
.pb-about-models-model-2 {
  overflow: visible;
}
.pb-about-models-model-2__intro {
  padding-right: 16px;
}
@media (max-width: 992px) {
  .pb-about-models-model-2__intro {
    padding-right: 0;
    margin-bottom: 16px;
  }
}
.pb-about-models-model-2__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color) 30%, transparent);
  margin-bottom: 16px;
  letter-spacing: 0.02em;
}
.pb-about-models-model-2__eyebrow i {
  font-size: 13px;
}
.pb-about-models-model-2__headline {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-2__headline {
    font-size: 28px;
  }
}
.pb-about-models-model-2__intro-desc {
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 32px;
}
.pb-about-models-model-2__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 10px 24px;
  border-radius: var(--button-border-radius);
  font-weight: 500;
  font-size: 14px;
  border: none;
  text-decoration: none;
  transition: background 0.2s ease;
}
.pb-about-models-model-2__btn:hover {
  background: color-mix(in srgb, var(--accent-color) 85%, var(--heading-color));
  color: var(--contrast-color);
}
.pb-about-models-model-2__btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 20%, transparent);
}
.pb-about-models-model-2__video {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 6px color-mix(in srgb, var(--default-color) 7%, transparent);
}
.pb-about-models-model-2__video--placeholder {
  min-height: 280px;
  background: color-mix(in srgb, var(--default-color) 6%, var(--surface-color));
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-about-models-model-2__video-image {
  width: 100%;
  display: block;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.pb-about-models-model-2__video-trigger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  z-index: 2;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color) 35%, transparent);
}
.pb-about-models-model-2__video-trigger--solo {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}
.pb-about-models-model-2__video-trigger:hover {
  transform: translate(-50%, -50%) scale(1.08);
  background: color-mix(in srgb, var(--accent-color) 85%, var(--heading-color));
  color: var(--contrast-color);
}
.pb-about-models-model-2__video-trigger--solo:hover {
  transform: scale(1.08);
}
.pb-about-models-model-2__video-trigger:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 20%, transparent), 0 4px 12px color-mix(in srgb, var(--accent-color) 35%, transparent);
}
.pb-about-models-model-2__supporting-text {
  color: color-mix(in srgb, var(--default-color) 65%, transparent);
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 0;
}
.pb-about-models-model-2__card {
  display: flex;
  gap: 16px;
  padding: 24px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color) 8%, transparent);
  position: relative;
  height: 100%;
  transition: all 0.2s ease;
}
.pb-about-models-model-2__card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color) 10%, transparent);
}
.pb-about-models-model-2__card-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}
.pb-about-models-model-2__card-title {
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
  color: var(--heading-color);
}
.pb-about-models-model-2__card-title a {
  color: var(--heading-color);
  text-decoration: none;
}
.pb-about-models-model-2__card-title a:hover {
  color: var(--accent-color);
}
.pb-about-models-model-2__card-text {
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 3
--------------------------------------------------------------*/
.pb-about-models-model-3 {
  overflow: visible;
}
.pb-about-models-model-3__media {
  position: relative;
  padding: 20px;
}
@media (max-width: 992px) {
  .pb-about-models-model-3__media {
    max-width: 540px;
    margin: 0 auto;
  }
}
.pb-about-models-model-3__image {
  width: 100%;
  border-radius: var(--card-border-radius);
  position: relative;
  z-index: 2;
  display: block;
  object-fit: cover;
  aspect-ratio: 4/5;
}
.pb-about-models-model-3__accent {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 60%;
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  border-radius: var(--card-border-radius);
  z-index: 1;
}
.pb-about-models-model-3__badge {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 20px 28px;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 3;
  box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-color), transparent 60%);
}
@media (max-width: 576px) {
  .pb-about-models-model-3__badge {
    padding: 14px 20px;
  }
}
.pb-about-models-model-3__badge-number {
  font-family: var(--heading-font);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-3__badge-number {
    font-size: 2rem;
  }
}
.pb-about-models-model-3__badge-text {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.4;
  opacity: 0.9;
  white-space: pre-line;
}
.pb-about-models-model-3__info {
  padding-left: 20px;
}
@media (max-width: 992px) {
  .pb-about-models-model-3__info {
    padding-left: 0;
    margin-top: 16px;
  }
}
.pb-about-models-model-3__headline {
  font-family: var(--heading-font);
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-3__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-3__intro-desc {
  font-size: 1rem;
  line-height: 1.8;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 32px;
}
.pb-about-models-model-3__stats {
  margin-bottom: 36px;
}
.pb-about-models-model-3__stat {
  display: flex;
  align-items: center;
  gap: 14px;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 20px;
  transition: all 0.3s ease;
  height: 100%;
}
.pb-about-models-model-3__stat:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--accent-color), transparent 90%);
}
@media (max-width: 576px) {
  .pb-about-models-model-3__stat {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.pb-about-models-model-3__stat > i {
  font-size: 1.6rem;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-about-models-model-3__stat-value {
  display: block;
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--accent-color);
  line-height: 1;
}
.pb-about-models-model-3__stat-label {
  display: block;
  font-size: 0.8rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-top: 4px;
}
.pb-about-models-model-3__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 12px 28px;
  border-radius: var(--button-border-radius);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  transition: all 0.3s ease;
  text-decoration: none;
}
.pb-about-models-model-3__btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
  gap: 14px;
}
.pb-about-models-model-3__btn:hover i {
  transform: translateX(3px);
}
.pb-about-models-model-3__btn i {
  font-size: 1.1rem;
  transition: transform 0.3s ease;
}
.pb-about-models-model-3__highlight {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 32px;
  height: 100%;
  transition: all 0.3s ease;
}
.pb-about-models-model-3__highlight:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  transform: translateY(-4px);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--default-color), transparent 92%);
}
@media (max-width: 576px) {
  .pb-about-models-model-3__highlight {
    padding: 24px;
  }
}
.pb-about-models-model-3__highlight-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--button-border-radius);
  background-color: color-mix(in srgb, var(--accent-color), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.pb-about-models-model-3__highlight-icon i {
  font-size: 1.2rem;
  color: var(--accent-color);
}
.pb-about-models-model-3__highlight-title {
  font-family: var(--heading-font);
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--heading-color);
}
.pb-about-models-model-3__highlight-text {
  font-size: 0.9rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
}
.pb-about-models-model-3__checklist {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 32px;
  height: 100%;
  transition: all 0.3s ease;
}
.pb-about-models-model-3__checklist:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  transform: translateY(-4px);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--default-color), transparent 92%);
}
@media (max-width: 576px) {
  .pb-about-models-model-3__checklist {
    padding: 24px;
  }
}
.pb-about-models-model-3__checklist-title {
  font-family: var(--heading-font);
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--heading-color);
}
.pb-about-models-model-3__checklist-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-about-models-model-3__checklist-items li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.88rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 14px;
}
.pb-about-models-model-3__checklist-items li:last-child {
  margin-bottom: 0;
}
.pb-about-models-model-3__checklist-items li > i {
  color: var(--accent-color);
  font-size: 1rem;
  margin-top: 3px;
  flex-shrink: 0;
}
.pb-about-models-model-3__checklist-text {
  white-space: pre-line;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 4
--------------------------------------------------------------*/
.pb-about-models-model-4 {
  overflow: visible;
}
.pb-about-models-model-4__media {
  position: relative;
}
.pb-about-models-model-4__primary-photo {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 6px color-mix(in srgb, var(--default-color), transparent 93%);
}
@media (max-width: 768px) {
  .pb-about-models-model-4__primary-photo {
    height: 320px;
  }
}
.pb-about-models-model-4__award-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 12px 16px;
  box-shadow: 0 4px 6px color-mix(in srgb, var(--default-color), transparent 93%);
}
.pb-about-models-model-4__award-badge > i {
  font-size: 20px;
  color: var(--accent-color);
}
.pb-about-models-model-4__award-info {
  display: flex;
  flex-direction: column;
}
.pb-about-models-model-4__award-count {
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1;
}
.pb-about-models-model-4__award-text {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
}
.pb-about-models-model-4__thumbnail-row {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}
.pb-about-models-model-4__thumbnail-row img {
  flex: 1;
  height: 120px;
  object-fit: cover;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: box-shadow 0.2s ease;
}
.pb-about-models-model-4__thumbnail-row img:hover {
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
@media (max-width: 576px) {
  .pb-about-models-model-4__thumbnail-row {
    flex-direction: column;
  }
  .pb-about-models-model-4__thumbnail-row img {
    height: 140px;
  }
}
.pb-about-models-model-4__info {
  padding-left: 16px;
}
@media (max-width: 992px) {
  .pb-about-models-model-4__info {
    padding-left: 0;
  }
}
.pb-about-models-model-4__topic-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 24px;
  letter-spacing: 0.02em;
}
.pb-about-models-model-4__topic-badge i {
  font-size: 13px;
}
.pb-about-models-model-4__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-4__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-4__intro-desc {
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 32px;
  max-width: 560px;
  white-space: pre-line;
}
.pb-about-models-model-4__metrics-row {
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
}
@media (max-width: 576px) {
  .pb-about-models-model-4__metrics-row {
    flex-direction: column;
    gap: 12px;
  }
}
.pb-about-models-model-4__metric-card {
  flex: 1;
  padding: 20px 16px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
  text-align: center;
  transition: all 0.2s ease;
}
.pb-about-models-model-4__metric-card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-about-models-model-4__metric-value {
  display: block;
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--accent-color);
  line-height: 1;
  margin-bottom: 6px;
}
.pb-about-models-model-4__metric-label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pb-about-models-model-4__highlights-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 8px 0;
  margin-bottom: 32px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
}
.pb-about-models-model-4__highlight-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  font-size: 14px;
  color: var(--default-color);
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-about-models-model-4__highlight-item:last-child {
  border-bottom: none;
}
.pb-about-models-model-4__highlight-item > i {
  font-size: 16px;
  color: var(--accent-color);
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-4__highlight-text {
  white-space: pre-line;
}
.pb-about-models-model-4__action-group {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .pb-about-models-model-4__action-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.pb-about-models-model-4__btn-main {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 10px 24px;
  border-radius: var(--button-border-radius);
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.pb-about-models-model-4__btn-main:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 10%);
  color: var(--contrast-color);
}
.pb-about-models-model-4__btn-main:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-about-models-model-4__btn-main i {
  font-size: 14px;
  transition: transform 0.2s ease;
}
.pb-about-models-model-4__btn-main:hover i {
  transform: translateX(2px);
}
.pb-about-models-model-4__helpline {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pb-about-models-model-4__helpline > i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  color: var(--accent-color);
  font-size: 18px;
}
.pb-about-models-model-4__helpline-text {
  display: flex;
  flex-direction: column;
}
.pb-about-models-model-4__helpline-text span {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
  font-weight: 500;
}
.pb-about-models-model-4__helpline-text a {
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.2s ease;
}
.pb-about-models-model-4__helpline-text a:hover {
  color: var(--accent-color);
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 5
--------------------------------------------------------------*/
.pb-about-models-model-5 {
  position: relative;
  overflow: visible;
}
.pb-about-models-model-5__info {
  max-width: 560px;
}
.pb-about-models-model-5__badge {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color) 10%, var(--background-color));
  padding: 6px 16px;
  border-radius: var(--button-border-radius);
  margin-bottom: 16px;
}
.pb-about-models-model-5__headline {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 20px;
  color: var(--heading-color);
}
@media (max-width: 992px) {
  .pb-about-models-model-5__headline {
    font-size: 28px;
  }
}
.pb-about-models-model-5__lead {
  font-size: 1.1rem;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  margin-bottom: 12px;
  line-height: 1.7;
  white-space: pre-line;
}
.pb-about-models-model-5__body-text {
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 0;
  white-space: pre-line;
}
.pb-about-models-model-5__card {
  padding: 28px 24px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color) 6%, transparent);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  height: 100%;
}
.pb-about-models-model-5__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color) 12%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);
}
.pb-about-models-model-5__card-icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--card-border-radius);
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, var(--heading-color)));
  margin-bottom: 16px;
}
.pb-about-models-model-5__card-icon i {
  font-size: 1.5rem;
  color: var(--contrast-color);
}
.pb-about-models-model-5__card-title {
  font-family: var(--heading-font);
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--heading-color);
}
.pb-about-models-model-5__card-text {
  margin-bottom: 0;
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  white-space: pre-line;
}
.pb-about-models-model-5__author {
  margin-top: 1.5rem;
}
.pb-about-models-model-5__author-name {
  font-weight: 600;
  font-style: italic;
  margin-bottom: 6px;
  color: var(--heading-color);
}
.pb-about-models-model-5__signature {
  display: block;
  max-width: 160px;
  height: auto;
  opacity: 0.85;
}
@media (max-width: 576px) {
  .pb-about-models-model-5__signature {
    max-width: 130px;
  }
}
.pb-about-models-model-5__visual {
  position: relative;
  padding: 20px;
}
@media (max-width: 992px) {
  .pb-about-models-model-5__visual {
    margin-bottom: 2rem;
    padding: 0 0 20px;
  }
}
.pb-about-models-model-5__blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  z-index: 0;
  pointer-events: none;
}
.pb-about-models-model-5__blob--one {
  top: -40px;
  right: -30px;
  width: 280px;
  height: 280px;
  background: color-mix(in srgb, var(--accent-color) 20%, transparent);
}
.pb-about-models-model-5__blob--two {
  bottom: 40px;
  left: -20px;
  width: 220px;
  height: 220px;
  background: color-mix(in srgb, var(--accent-color) 15%, var(--heading-color) 5%);
}
.pb-about-models-model-5__main-image {
  position: relative;
  z-index: 1;
}
.pb-about-models-model-5__image {
  display: block;
  width: 100%;
  border-radius: var(--card-border-radius);
  box-shadow: 0 12px 40px color-mix(in srgb, var(--default-color) 15%, transparent);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: transform 0.3s ease;
  object-fit: cover;
  aspect-ratio: 4/3;
}
.pb-about-models-model-5__image:hover {
  transform: scale(1.02);
}
.pb-about-models-model-5__metric {
  position: absolute;
  bottom: -20px;
  left: -20px;
  z-index: 3;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, var(--heading-color)));
  color: var(--contrast-color);
  padding: 20px 28px;
  border-radius: var(--card-border-radius);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color) 30%, transparent);
}
@media (max-width: 992px) {
  .pb-about-models-model-5__metric {
    bottom: -15px;
    left: -10px;
    padding: 14px 20px;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-5__metric {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 16px;
    text-align: center;
  }
}
.pb-about-models-model-5__metric-number {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1;
  font-family: var(--heading-font);
}
@media (max-width: 992px) {
  .pb-about-models-model-5__metric-number {
    font-size: 2.2rem;
  }
}
.pb-about-models-model-5__metric-label {
  font-size: 0.85rem;
  font-weight: 500;
  margin-top: 4px;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .pb-about-models-model-5__metric-label {
    font-size: 0.8rem;
  }
}
.pb-about-models-model-5__secondary-image {
  display: block;
  width: 100%;
  border-radius: var(--card-border-radius);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color) 10%, transparent);
  transition: transform 0.3s ease;
  object-fit: cover;
  aspect-ratio: 1/1;
}
.pb-about-models-model-5__secondary-image:hover {
  transform: scale(1.03);
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 6
--------------------------------------------------------------*/
.pb-about-models-model-6 {
  overflow: visible;
}
.pb-about-models-model-6__intro {
  margin-bottom: 1rem;
}
.pb-about-models-model-6__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 1.2rem;
  border: 1px solid color-mix(in srgb, var(--accent-color) 40%, transparent);
  border-radius: var(--button-border-radius);
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--accent-color);
  margin-bottom: 1.25rem;
}
.pb-about-models-model-6__eyebrow i {
  font-size: 0.9rem;
}
.pb-about-models-model-6__headline {
  font-family: var(--heading-font);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 1.25rem;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-6__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-6__lead {
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  font-size: 1.05rem;
  line-height: 1.7;
  max-width: 620px;
  margin: 0 auto;
  white-space: pre-line;
}
.pb-about-models-model-6__media {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
.pb-about-models-model-6__media--placeholder {
  min-height: 280px;
  background: color-mix(in srgb, var(--default-color) 6%, var(--surface-color));
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-about-models-model-6__media-image {
  width: 100%;
  display: block;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.pb-about-models-model-6__media-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, color-mix(in srgb, var(--default-color) 40%, transparent), transparent 60%);
  pointer-events: none;
}
.pb-about-models-model-6__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  z-index: 2;
  transition: all 0.3s ease;
  box-shadow: 0 4px 24px color-mix(in srgb, var(--accent-color) 40%, transparent);
}
.pb-about-models-model-6__play-btn:hover {
  transform: translate(-50%, -50%) scale(1.12);
  background-color: color-mix(in srgb, var(--accent-color) 85%, var(--heading-color));
  color: var(--contrast-color);
}
.pb-about-models-model-6__play-btn--solo {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}
.pb-about-models-model-6__play-btn--solo:hover {
  transform: scale(1.12);
}
.pb-about-models-model-6__play-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 20%, transparent), 0 4px 24px color-mix(in srgb, var(--accent-color) 40%, transparent);
}
.pb-about-models-model-6__extra-text {
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  font-size: 0.9rem;
  line-height: 1.65;
  margin-bottom: 0;
  white-space: pre-line;
}
.pb-about-models-model-6__info-card {
  display: flex;
  gap: 1.25rem;
  padding: 1.5rem;
  border-left: 3px solid var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color) 4%, var(--surface-color));
  border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0;
  margin-bottom: 1.25rem;
  position: relative;
  transition: all 0.3s ease;
}
.pb-about-models-model-6__info-card:last-child {
  margin-bottom: 0;
}
.pb-about-models-model-6__info-card:hover {
  background-color: color-mix(in srgb, var(--accent-color) 8%, var(--surface-color));
  transform: translateX(5px);
}
.pb-about-models-model-6__info-card:hover .pb-about-models-model-6__info-card-icon {
  background-color: color-mix(in srgb, var(--accent-color) 85%, var(--heading-color));
}
.pb-about-models-model-6__info-card-icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  transition: all 0.3s ease;
}
.pb-about-models-model-6__info-card-title {
  font-family: var(--heading-font);
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--heading-color);
}
.pb-about-models-model-6__info-card-title a {
  color: var(--heading-color);
  text-decoration: none;
}
.pb-about-models-model-6__info-card-title a:hover {
  color: var(--accent-color);
}
.pb-about-models-model-6__card-text {
  color: color-mix(in srgb, var(--default-color) 75%, transparent);
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 0;
  white-space: pre-line;
}
@media (max-width: 992px) {
  .pb-about-models-model-6__play-btn {
    width: 56px;
    height: 56px;
    font-size: 1.5rem;
  }
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 7
--------------------------------------------------------------*/
.pb-about-models-model-7 {
  overflow: visible;
}
.pb-about-models-model-7__info .pb-about-models-model-7__tag {
  display: inline-block;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 0.4rem 1rem;
  border-radius: var(--button-border-radius);
  margin-bottom: 1.25rem;
}
.pb-about-models-model-7__headline {
  font-family: var(--heading-font);
  font-size: 2.125rem;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 1.25rem;
  position: relative;
  padding-bottom: 1.25rem;
  color: var(--heading-color);
}
.pb-about-models-model-7__headline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background-color: var(--accent-color);
  border-radius: 2px;
}
@media (max-width: 576px) {
  .pb-about-models-model-7__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-7__intro-desc {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 1.5rem;
  line-height: 1.8;
  white-space: pre-line;
}
.pb-about-models-model-7__points {
  margin-bottom: 2rem;
}
.pb-about-models-model-7__point {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: padding-left 0.3s ease;
}
.pb-about-models-model-7__point:last-child {
  border-bottom: none;
}
.pb-about-models-model-7__point:hover {
  padding-left: 0.5rem;
}
.pb-about-models-model-7__point:hover .pb-about-models-model-7__point-number {
  color: var(--accent-color);
}
.pb-about-models-model-7__point-number {
  font-size: 1.5rem;
  font-weight: 800;
  color: color-mix(in srgb, var(--accent-color), transparent 60%);
  font-family: var(--heading-font);
  line-height: 1;
  min-width: 40px;
  transition: color 0.3s ease;
}
.pb-about-models-model-7__point-title {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0;
  line-height: 1.5;
  color: var(--heading-color);
}
.pb-about-models-model-7__action {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  color: var(--accent-color);
  border: 2px solid var(--accent-color);
  padding: 0.65rem 2rem;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: all 0.3s ease;
}
.pb-about-models-model-7__action i {
  transition: transform 0.3s ease;
}
.pb-about-models-model-7__action:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-about-models-model-7__action:hover i {
  transform: translateX(4px);
}
.pb-about-models-model-7__gallery-item {
  overflow: hidden;
  border-radius: var(--card-border-radius);
  width: 100%;
}
.pb-about-models-model-7__gallery-item--tall {
  height: 100%;
}
.pb-about-models-model-7__gallery-item--tall img {
  height: 100%;
  object-fit: cover;
}
.pb-about-models-model-7__gallery-item img {
  width: 100%;
  border-radius: var(--card-border-radius);
  transition: transform 0.5s ease;
}
.pb-about-models-model-7__gallery-item:hover img {
  transform: scale(1.05);
}
.pb-about-models-model-7__badge {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--card-border-radius);
  padding: 1.5rem;
  text-align: center;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pb-about-models-model-7__badge i {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.pb-about-models-model-7__badge-value {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 800;
  margin: 0;
  color: var(--contrast-color);
}
.pb-about-models-model-7__badge-label {
  font-size: 0.85rem;
  font-weight: 500;
  opacity: 0.9;
}
.pb-about-models-model-7__counter {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 1.5rem;
  transition: all 0.3s ease;
}
.pb-about-models-model-7__counter:hover {
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 90%);
  transform: translateY(-3px);
}
.pb-about-models-model-7__counter > i {
  font-size: 1.5rem;
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
}
.pb-about-models-model-7__counter-value {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 800;
  margin: 0;
  color: var(--accent-color);
}
.pb-about-models-model-7__counter-label {
  margin: 0;
  font-size: 0.85rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 8
--------------------------------------------------------------*/
.pb-about-models-model-8__media {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
@media (max-width: 992px) {
  .pb-about-models-model-8__media {
    max-width: 480px;
    margin: 0 auto 16px;
  }
}
.pb-about-models-model-8__image {
  border-radius: var(--card-border-radius);
  width: 100%;
  object-fit: cover;
}
.pb-about-models-model-8__badge {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 16px 24px;
  border-radius: var(--button-border-radius);
  text-align: center;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 50%);
}
@media (max-width: 576px) {
  .pb-about-models-model-8__badge {
    padding: 12px 18px;
  }
}
.pb-about-models-model-8__badge-number {
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
  font-family: var(--heading-font);
}
@media (max-width: 576px) {
  .pb-about-models-model-8__badge-number {
    font-size: 26px;
  }
}
.pb-about-models-model-8__badge-text {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 4px;
}
@media (max-width: 576px) {
  .pb-about-models-model-8__badge-text {
    font-size: 11px;
  }
}
.pb-about-models-model-8__lead {
  font-size: 18px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  margin-bottom: 32px;
  padding-left: 16px;
  border-left: 3px solid var(--accent-color);
  white-space: pre-line;
}
@media (max-width: 992px) {
  .pb-about-models-model-8__lead {
    text-align: left;
  }
}
.pb-about-models-model-8__cards {
  margin-bottom: 36px;
}
.pb-about-models-model-8__card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 24px 20px;
  height: 100%;
  transition: all 0.3s ease;
}
.pb-about-models-model-8__card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 92%);
  transform: translateY(-4px);
}
.pb-about-models-model-8__card:hover .pb-about-models-model-8__card-icon {
  background: var(--accent-color);
}
.pb-about-models-model-8__card:hover .pb-about-models-model-8__card-icon i {
  color: var(--contrast-color);
}
.pb-about-models-model-8__card-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  transition: all 0.3s ease;
}
.pb-about-models-model-8__card-icon i {
  font-size: 22px;
  color: var(--accent-color);
  transition: color 0.3s ease;
}
.pb-about-models-model-8__card-title {
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
  color: var(--heading-color);
}
.pb-about-models-model-8__card-text {
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
  white-space: pre-line;
}
.pb-about-models-model-8__cta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 992px) {
  .pb-about-models-model-8__cta {
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-8__cta {
    flex-direction: column;
    align-items: flex-start;
  }
}
.pb-about-models-model-8__btn {
  background: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.02em;
  padding: 14px 32px;
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color), transparent 60%);
  text-decoration: none;
}
.pb-about-models-model-8__btn i {
  font-size: 18px;
  line-height: 0;
  transition: transform 0.3s ease;
}
.pb-about-models-model-8__btn:hover {
  background: color-mix(in srgb, var(--accent-color) 90%, var(--heading-color));
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--accent-color), transparent 45%);
}
.pb-about-models-model-8__btn:hover i {
  transform: translateX(3px);
}
.pb-about-models-model-8__trust {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 992px) {
  .pb-about-models-model-8__trust {
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-8__trust {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.pb-about-models-model-8__trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-about-models-model-8__trust-item i {
  font-size: 16px;
  color: var(--success-color);
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 9
--------------------------------------------------------------*/
.pb-about-models-model-9 {
  overflow: visible;
}
.pb-about-models-model-9__info {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 2.5rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid var(--accent-color);
  box-shadow: 0 4px 24px color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-about-models-model-9__badge {
  display: inline-block;
  width: fit-content;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  padding: 0.35rem 1rem;
  border-radius: var(--button-border-radius);
  margin-bottom: 1rem;
}
.pb-about-models-model-9__headline {
  font-size: 2rem;
  font-family: var(--heading-font);
  color: var(--heading-color);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
}
.pb-about-models-model-9__description {
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  font-size: 1.05rem;
  line-height: 1.7;
  margin-bottom: 1.25rem;
  white-space: pre-line;
}
.pb-about-models-model-9__highlights {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
}
.pb-about-models-model-9__highlights li {
  font-size: 0.95rem;
  color: var(--default-color);
  padding: 0.4rem 0;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.pb-about-models-model-9__highlights li i {
  color: var(--accent-color);
  font-size: 1.1rem;
  flex-shrink: 0;
}
.pb-about-models-model-9__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  color: var(--accent-color);
  text-decoration: none;
  transition: gap 0.3s;
}
.pb-about-models-model-9__cta:hover {
  gap: 0.85rem;
}
.pb-about-models-model-9__image-block {
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
.pb-about-models-model-9__image-block img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: var(--card-border-radius);
  transition: transform 0.4s;
}
.pb-about-models-model-9__image-block:hover img {
  transform: scale(1.04);
}
.pb-about-models-model-9__stat-box {
  text-align: center;
  padding: 1.5rem 1rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  box-shadow: 0 2px 16px color-mix(in srgb, var(--default-color), transparent 93%);
  transition: transform 0.3s, box-shadow 0.3s;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pb-about-models-model-9__stat-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 82%);
}
.pb-about-models-model-9__stat-box:hover .pb-about-models-model-9__stat-icon {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-about-models-model-9__stat-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  transition: background 0.3s, color 0.3s;
}
.pb-about-models-model-9__stat-title {
  font-size: 1.05rem;
  font-family: var(--heading-font);
  color: var(--heading-color);
  font-weight: 600;
  margin-bottom: 0.4rem;
}
.pb-about-models-model-9__card-text {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 0;
  line-height: 1.5;
  white-space: pre-line;
}
@media (max-width: 992px) {
  .pb-about-models-model-9__info {
    padding: 2rem 1.5rem;
    margin-bottom: 1rem;
  }
  .pb-about-models-model-9__headline {
    font-size: 1.75rem;
  }
  .pb-about-models-model-9__image-block img {
    height: 220px;
  }
}
@media (max-width: 768px) {
  .pb-about-models-model-9__info {
    padding: 1.5rem 1.2rem;
  }
  .pb-about-models-model-9__headline {
    font-size: 1.5rem;
  }
  .pb-about-models-model-9__image-block img {
    height: 200px;
  }
  .pb-about-models-model-9__stat-box {
    padding: 1.2rem 0.8rem;
  }
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 10
--------------------------------------------------------------*/
.pb-about-models-model-10 {
  overflow: visible;
}
.pb-about-models-model-10__content {
  padding-right: 2rem;
}
@media (max-width: 992px) {
  .pb-about-models-model-10__content {
    padding-right: 0;
    margin-bottom: 2rem;
  }
}
.pb-about-models-model-10__badge {
  display: inline-block;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, var(--heading-color)));
  color: var(--contrast-color);
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.5rem 1.25rem;
  border-radius: var(--button-border-radius);
  margin-bottom: 1.25rem;
}
.pb-about-models-model-10__headline {
  font-family: var(--heading-font);
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.25;
  margin-bottom: 1.25rem;
  letter-spacing: -0.01em;
}
@media (max-width: 992px) {
  .pb-about-models-model-10__headline {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .pb-about-models-model-10__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-10__lead {
  font-size: 1.1rem;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.7;
  margin-bottom: 2rem;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .pb-about-models-model-10__lead {
    font-size: 1rem;
  }
}
.pb-about-models-model-10__features {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.pb-about-models-model-10__feature {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-about-models-model-10__feature:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 85%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-about-models-model-10__feature:hover .pb-about-models-model-10__feature-icon {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 85%, var(--heading-color)));
  color: var(--contrast-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-10__feature {
    padding: 1rem;
  }
}
.pb-about-models-model-10__feature-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 85%), color-mix(in srgb, var(--accent-color), transparent 90%));
  color: var(--accent-color);
  font-size: 1.4rem;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .pb-about-models-model-10__feature-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    font-size: 1.2rem;
  }
}
.pb-about-models-model-10__feature-title {
  font-family: var(--heading-font);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.35rem;
}
.pb-about-models-model-10__card-text {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
  line-height: 1.5;
  white-space: pre-line;
}
.pb-about-models-model-10__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 768px) {
  .pb-about-models-model-10__actions {
    flex-direction: column;
    align-items: stretch;
  }
}
.pb-about-models-model-10__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 85%, var(--heading-color)));
  color: var(--contrast-color);
  padding: 0.875rem 1.75rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s;
  text-decoration: none;
}
.pb-about-models-model-10__btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-10__btn-primary {
    justify-content: center;
    width: 100%;
  }
}
.pb-about-models-model-10__btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  color: var(--accent-color);
  padding: 0.875rem 1.75rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  border: 2px solid var(--accent-color);
  transition: all 0.3s;
  text-decoration: none;
}
.pb-about-models-model-10__btn-secondary:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-10__btn-secondary {
    justify-content: center;
    width: 100%;
  }
}
.pb-about-models-model-10__showcase {
  position: relative;
  padding: 2rem;
}
@media (max-width: 992px) {
  .pb-about-models-model-10__showcase {
    padding: 1.5rem;
  }
}
@media (max-width: 768px) {
  .pb-about-models-model-10__showcase {
    padding: 2.5rem 1rem;
  }
}
.pb-about-models-model-10__main-image {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 12px 40px color-mix(in srgb, var(--default-color), transparent 85%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-about-models-model-10__main-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s;
}
.pb-about-models-model-10__main-image:hover img {
  transform: scale(1.03);
}
.pb-about-models-model-10__float {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--surface-color);
  padding: 1rem 1.25rem;
  border-radius: var(--card-border-radius);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 88%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-about-models-model-10__float--top {
  top: 0;
  right: 0;
}
@media (max-width: 992px) {
  .pb-about-models-model-10__float--top {
    top: -0.5rem;
    right: -0.5rem;
  }
}
.pb-about-models-model-10__float--bottom {
  bottom: 0;
  left: 0;
}
@media (max-width: 992px) {
  .pb-about-models-model-10__float--bottom {
    bottom: -0.5rem;
    left: -0.5rem;
  }
}
@media (max-width: 768px) {
  .pb-about-models-model-10__float {
    padding: 0.75rem 1rem;
  }
}
.pb-about-models-model-10__float-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 85%, var(--heading-color)));
  color: var(--contrast-color);
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .pb-about-models-model-10__float-icon {
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }
}
.pb-about-models-model-10__float-info {
  display: flex;
  flex-direction: column;
}
.pb-about-models-model-10__float-metric {
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}
@media (max-width: 768px) {
  .pb-about-models-model-10__float-metric {
    font-size: 1.1rem;
  }
}
.pb-about-models-model-10__float-label {
  font-size: 0.8rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
@media (max-width: 768px) {
  .pb-about-models-model-10__float-label {
    font-size: 0.75rem;
  }
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 11
--------------------------------------------------------------*/
.pb-about-models-model-11 {
  overflow: visible;
}
.pb-about-models-model-11__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}
@media (max-width: 992px) {
  .pb-about-models-model-11__wrapper {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
.pb-about-models-model-11__gallery {
  position: relative;
}
.pb-about-models-model-11__gallery-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 1.5rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-11__gallery-grid {
    grid-template-columns: 1fr;
  }
}
.pb-about-models-model-11__gallery-item {
  overflow: hidden;
  border-radius: var(--card-border-radius);
}
.pb-about-models-model-11__gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-about-models-model-11__gallery-item:hover img {
  transform: scale(1.05);
}
.pb-about-models-model-11__gallery-item--main {
  height: 400px;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 85%);
}
@media (max-width: 576px) {
  .pb-about-models-model-11__gallery-item--main {
    height: 280px;
  }
}
.pb-about-models-model-11__gallery-item--side {
  height: 400px;
  align-self: end;
  margin-top: 3rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-11__gallery-item--side {
    height: 220px;
    margin-top: 0;
  }
}
.pb-about-models-model-11__badge {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.pb-about-models-model-11__badge-inner {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  color: var(--contrast-color);
  padding: 1.5rem 2.5rem;
  border-radius: var(--button-border-radius);
  text-align: center;
  box-shadow: 0 15px 40px color-mix(in srgb, var(--accent-color), transparent 60%);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-11__badge-inner {
    padding: 1rem 1.75rem;
  }
}
.pb-about-models-model-11__badge-number {
  font-family: var(--heading-font);
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-11__badge-number {
    font-size: 2rem;
  }
}
.pb-about-models-model-11__badge-label {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.9;
}
@media (max-width: 992px) {
  .pb-about-models-model-11__panel {
    margin-top: 2rem;
  }
}
.pb-about-models-model-11__panel-header {
  margin-bottom: 1.5rem;
}
.pb-about-models-model-11__tagline {
  display: inline-block;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  padding: 0.5rem 1.25rem;
  border-radius: var(--button-border-radius);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1rem;
}
.pb-about-models-model-11__headline {
  font-family: var(--heading-font);
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--heading-color);
  margin: 0;
}
@media (max-width: 768px) {
  .pb-about-models-model-11__headline {
    font-size: 2rem;
  }
}
.pb-about-models-model-11__description {
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  font-size: 1.05rem;
  line-height: 1.8;
  margin-bottom: 2rem;
  white-space: pre-line;
}
.pb-about-models-model-11__highlights {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-11__highlights {
    grid-template-columns: 1fr;
  }
}
.pb-about-models-model-11__highlight {
  display: flex;
  gap: 1rem;
  padding: 1.5rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
}
.pb-about-models-model-11__highlight:hover {
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 90%);
  transform: translateY(-3px);
}
.pb-about-models-model-11__highlight-icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-about-models-model-11__highlight-icon i {
  font-size: 1.5rem;
  color: var(--accent-color);
}
.pb-about-models-model-11__highlight-title {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  color: var(--heading-color);
}
.pb-about-models-model-11__card-text {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
  line-height: 1.5;
  white-space: pre-line;
}
.pb-about-models-model-11__stats {
  display: flex;
  gap: 2rem;
  padding: 1.5rem 0;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  margin-bottom: 2rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-11__stats {
    flex-wrap: wrap;
    gap: 1.5rem;
  }
}
.pb-about-models-model-11__stat {
  text-align: center;
  flex: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-11__stat {
    flex: 0 0 calc(50% - 0.75rem);
  }
}
.pb-about-models-model-11__stat-value {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 800;
  color: var(--accent-color);
  margin: 0;
  line-height: 1;
}
@media (max-width: 768px) {
  .pb-about-models-model-11__stat-value {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-11__stat-label {
  font-size: 0.85rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  font-weight: 500;
  display: block;
  margin-top: 0.5rem;
}
.pb-about-models-model-11__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: transparent;
  color: var(--accent-color);
  border: 2px solid var(--accent-color);
  padding: 0.875rem 2rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: all 0.3s ease;
}
.pb-about-models-model-11__cta i {
  transition: transform 0.3s ease;
}
.pb-about-models-model-11__cta:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-about-models-model-11__cta:hover i {
  transform: translateX(5px);
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 12
--------------------------------------------------------------*/
.pb-about-models-model-12__image-block {
  position: relative;
  padding: 30px;
}
.pb-about-models-model-12__image-block::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-color: color-mix(in srgb, var(--default-color), transparent 97%);
  z-index: -1;
}
@media (max-width: 992px) {
  .pb-about-models-model-12__image-block {
    max-width: 500px;
    margin: 0 auto 50px;
    padding: 20px;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-12__image-block {
    padding: 0;
  }
  .pb-about-models-model-12__image-block::before {
    display: none;
  }
}
.pb-about-models-model-12__image {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
}
.pb-about-models-model-12__stats-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--accent-color);
  padding: 30px 40px;
}
@media (max-width: 992px) {
  .pb-about-models-model-12__stats-overlay {
    padding: 25px 30px;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-12__stats-overlay {
    padding: 20px 25px;
  }
}
.pb-about-models-model-12__stat-item {
  text-align: center;
}
.pb-about-models-model-12__stat-number {
  display: block;
  font-family: var(--heading-font);
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
  color: var(--contrast-color);
  letter-spacing: -1px;
}
@media (max-width: 992px) {
  .pb-about-models-model-12__stat-number {
    font-size: 40px;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-12__stat-number {
    font-size: 32px;
  }
}
.pb-about-models-model-12__stat-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--contrast-color);
  margin-top: 8px;
  opacity: 0.9;
  white-space: pre-line;
}
@media (max-width: 576px) {
  .pb-about-models-model-12__stat-label {
    font-size: 12px;
  }
}
.pb-about-models-model-12__content {
  padding-right: 60px;
}
@media (max-width: 992px) {
  .pb-about-models-model-12__content {
    padding-right: 0;
  }
}
.pb-about-models-model-12__label {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 15px;
}
.pb-about-models-model-12__headline {
  font-family: var(--heading-font);
  font-size: 42px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.5px;
  margin-bottom: 25px;
  max-width: 550px;
  color: var(--heading-color);
}
.pb-about-models-model-12__headline em {
  font-style: italic;
  color: var(--accent-color);
}
@media (max-width: 992px) {
  .pb-about-models-model-12__headline {
    font-size: 36px;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-12__headline {
    font-size: 28px;
  }
}
.pb-about-models-model-12__lead {
  font-size: 16px;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 40px;
  max-width: 500px;
  white-space: pre-line;
}
@media (max-width: 576px) {
  .pb-about-models-model-12__lead {
    font-size: 15px;
  }
}
.pb-about-models-model-12__features {
  margin-bottom: 40px;
}
.pb-about-models-model-12__feature-row {
  display: flex;
  gap: 20px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-about-models-model-12__feature-row:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.pb-about-models-model-12__feature-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-color);
}
.pb-about-models-model-12__feature-icon i {
  font-size: 24px;
}
@media (max-width: 576px) {
  .pb-about-models-model-12__feature-icon {
    width: 32px;
    height: 32px;
  }
  .pb-about-models-model-12__feature-icon i {
    font-size: 20px;
  }
}
.pb-about-models-model-12__feature-title {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.3;
  color: var(--heading-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-12__feature-title {
    font-size: 18px;
  }
}
.pb-about-models-model-12__card-text {
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 0;
  line-height: 1.6;
  white-space: pre-line;
}
@media (max-width: 576px) {
  .pb-about-models-model-12__card-text {
    font-size: 14px;
  }
}
.pb-about-models-model-12__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 17px 25px;
  border-radius: var(--button-border-radius);
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transition: all 0.3s ease-out;
  text-decoration: none;
}
.pb-about-models-model-12__cta i {
  font-size: 18px;
  transition: transform 0.3s ease-out;
}
.pb-about-models-model-12__cta:hover {
  transform: translateY(-4px);
  background-color: color-mix(in srgb, var(--accent-color), var(--default-color) 15%);
  color: var(--contrast-color);
}
.pb-about-models-model-12__cta:hover i {
  transform: translateX(4px);
}
@media (max-width: 576px) {
  .pb-about-models-model-12__cta {
    padding: 15px 22px;
    font-size: 15px;
  }
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 13
--------------------------------------------------------------*/
.pb-about-models-model-13__image-wrapper {
  position: relative;
}
.pb-about-models-model-13__image-wrapper::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: -1rem;
  width: 100%;
  height: 100%;
  border: 3px solid var(--accent-color);
  border-radius: var(--card-border-radius);
  z-index: -1;
}
@media (max-width: 992px) {
  .pb-about-models-model-13__image-wrapper {
    max-width: 28rem;
    margin: 0 auto 3rem;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-13__image-wrapper::before {
    display: none;
  }
}
.pb-about-models-model-13__image {
  border-radius: var(--card-border-radius);
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4/5;
}
.pb-about-models-model-13__experience-badge {
  position: absolute;
  bottom: 2rem;
  right: -1.5rem;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 1.5rem;
  border-radius: var(--card-border-radius);
  text-align: center;
  box-shadow: 0 1rem 2rem color-mix(in srgb, var(--accent-color) 30%, transparent);
}
@media (max-width: 992px) {
  .pb-about-models-model-13__experience-badge {
    right: 0;
    bottom: 1.5rem;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-13__experience-badge {
    padding: 1rem;
  }
}
.pb-about-models-model-13__badge-number {
  display: block;
  font-family: var(--heading-font);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-13__badge-number {
    font-size: 2rem;
  }
}
.pb-about-models-model-13__badge-text {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  margin-top: 0.25rem;
  opacity: 0.9;
}
@media (max-width: 576px) {
  .pb-about-models-model-13__badge-text {
    font-size: 0.75rem;
  }
}
.pb-about-models-model-13__content {
  padding-left: 2rem;
}
@media (max-width: 992px) {
  .pb-about-models-model-13__content {
    padding-left: 0;
  }
}
.pb-about-models-model-13__section-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--accent-color) 30%, transparent);
  border-radius: var(--button-border-radius);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--accent-color);
  margin-bottom: 1.5rem;
}
.pb-about-models-model-13__section-badge i {
  font-size: 1rem;
  line-height: 0;
}
.pb-about-models-model-13__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--heading-color);
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .pb-about-models-model-13__headline {
    font-size: 1.875rem;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-13__headline {
    font-size: 1.625rem;
  }
}
.pb-about-models-model-13__headline-highlight {
  color: var(--accent-color);
  position: relative;
}
.pb-about-models-model-13__headline-highlight::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: var(--accent-color);
  border-radius: 2px;
}
.pb-about-models-model-13__intro-text {
  font-size: 1.0625rem;
  line-height: 1.8;
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
  margin-bottom: 2rem;
  white-space: pre-line;
}
@media (max-width: 576px) {
  .pb-about-models-model-13__intro-text {
    font-size: 1rem;
  }
}
.pb-about-models-model-13__timeline {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 2.5rem;
}
.pb-about-models-model-13__timeline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  bottom: 0.5rem;
  width: 2px;
  background: linear-gradient(to bottom, var(--accent-color), color-mix(in srgb, var(--accent-color) 30%, transparent));
  border-radius: 2px;
}
.pb-about-models-model-13__timeline-item {
  position: relative;
  padding-bottom: 1.5rem;
}
.pb-about-models-model-13__timeline-item:last-child {
  padding-bottom: 0;
}
.pb-about-models-model-13__timeline-marker {
  position: absolute;
  left: -2rem;
  top: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--accent-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  box-shadow: 0 0 0 4px var(--background-color), 0 0 0 6px color-mix(in srgb, var(--accent-color) 30%, transparent);
}
.pb-about-models-model-13__timeline-marker i {
  color: var(--contrast-color);
  font-size: 1rem;
  line-height: 0;
}
@media (max-width: 576px) {
  .pb-about-models-model-13__timeline-marker {
    width: 2rem;
    height: 2rem;
  }
  .pb-about-models-model-13__timeline-marker i {
    font-size: 0.875rem;
  }
}
.pb-about-models-model-13__timeline-content {
  padding-left: 1.5rem;
}
.pb-about-models-model-13__timeline-title {
  font-family: var(--heading-font);
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.5rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-13__timeline-title {
    font-size: 1rem;
  }
}
.pb-about-models-model-13__card-text {
  font-size: 0.9375rem;
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  margin-bottom: 0;
  line-height: 1.6;
  white-space: pre-line;
}
@media (max-width: 576px) {
  .pb-about-models-model-13__card-text {
    font-size: 0.875rem;
  }
}
.pb-about-models-model-13__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.3s ease;
  text-decoration: none;
}
.pb-about-models-model-13__cta i {
  font-size: 1.25rem;
  line-height: 0;
  transition: transform 0.3s ease;
}
.pb-about-models-model-13__cta:hover {
  background-color: color-mix(in srgb, var(--accent-color) 85%, var(--heading-color));
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1.5rem color-mix(in srgb, var(--accent-color) 40%, transparent);
}
.pb-about-models-model-13__cta:hover i {
  transform: translateX(4px);
}
@media (max-width: 576px) {
  .pb-about-models-model-13__cta {
    padding: 0.875rem 1.5rem;
    font-size: 0.9375rem;
  }
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 14
--------------------------------------------------------------*/
.pb-about-models-model-14 {
  overflow: visible;
}
.pb-about-models-model-14__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 992px) {
  .pb-about-models-model-14__content {
    margin-bottom: 50px;
  }
}
.pb-about-models-model-14__section-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  padding: 8px 16px;
  border-radius: var(--button-border-radius);
  margin-bottom: 20px;
  width: fit-content;
}
.pb-about-models-model-14__section-label-icon {
  color: var(--accent-color);
  font-size: 1rem;
}
.pb-about-models-model-14__section-label-text {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--accent-color);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pb-about-models-model-14__headline {
  font-size: 2.5rem;
  font-family: var(--heading-font);
  font-weight: 800;
  color: var(--heading-color);
  line-height: 1.15;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .pb-about-models-model-14__headline {
    font-size: 1.875rem;
  }
}
.pb-about-models-model-14__intro-text {
  font-size: 1.05rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  line-height: 1.7;
  margin-bottom: 32px;
  white-space: pre-line;
}
.pb-about-models-model-14__features {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}
.pb-about-models-model-14__feature {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.pb-about-models-model-14__feature:hover .pb-about-models-model-14__feature-icon {
  transform: scale(1.1) rotate(-5deg);
}
.pb-about-models-model-14__feature-icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: var(--card-border-radius);
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}
.pb-about-models-model-14__feature-title {
  font-size: 1.1rem;
  font-family: var(--heading-font);
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--heading-color);
}
.pb-about-models-model-14__card-text {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
  line-height: 1.6;
  white-space: pre-line;
}
.pb-about-models-model-14__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 1rem;
  color: var(--accent-color);
  padding: 14px 28px;
  border: 2px solid var(--accent-color);
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: all 0.3s ease;
  align-self: flex-start;
}
.pb-about-models-model-14__cta i {
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}
.pb-about-models-model-14__cta:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-about-models-model-14__cta:hover i {
  transform: translateX(5px);
}
.pb-about-models-model-14__visual {
  position: relative;
  min-height: 550px;
}
@media (max-width: 768px) {
  .pb-about-models-model-14__visual {
    min-height: 450px;
  }
}
.pb-about-models-model-14__image-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-template-rows: auto auto;
  gap: 20px;
  position: relative;
  z-index: 2;
}
@media (max-width: 576px) {
  .pb-about-models-model-14__image-grid {
    grid-template-columns: 1fr;
  }
}
.pb-about-models-model-14__grid-item {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-about-models-model-14__grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.pb-about-models-model-14__grid-item:hover img {
  transform: scale(1.05);
}
.pb-about-models-model-14__grid-item--main {
  grid-row: span 2;
  height: 420px;
}
@media (max-width: 768px) {
  .pb-about-models-model-14__grid-item--main {
    height: 300px;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-14__grid-item--main {
    grid-row: span 1;
    height: 250px;
  }
}
.pb-about-models-model-14__grid-item--secondary, .pb-about-models-model-14__grid-item--tertiary {
  height: 200px;
}
@media (max-width: 576px) {
  .pb-about-models-model-14__grid-item--secondary, .pb-about-models-model-14__grid-item--tertiary {
    height: 180px;
  }
}
.pb-about-models-model-14__stats-card {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 24px 40px;
  display: flex;
  align-items: center;
  gap: 32px;
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color), transparent 85%);
  z-index: 5;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 768px) {
  .pb-about-models-model-14__stats-card {
    padding: 20px 24px;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    left: 16px;
    right: 16px;
    transform: none;
    width: auto;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-14__stats-card {
    bottom: -20px;
    padding: 16px 20px;
  }
}
.pb-about-models-model-14__stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.pb-about-models-model-14__stat-value {
  font-size: 2rem;
  font-weight: 800;
  color: var(--accent-color);
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-14__stat-value {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-14__stat-label {
  font-size: 0.8rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
  margin-top: 6px;
  white-space: nowrap;
}
.pb-about-models-model-14__stat-divider {
  width: 1px;
  height: 40px;
  background: color-mix(in srgb, var(--default-color), transparent 85%);
}
@media (max-width: 576px) {
  .pb-about-models-model-14__stat-divider {
    display: none;
  }
}
.pb-about-models-model-14__contact-card {
  position: absolute;
  top: 20px;
  right: 20px;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 16px 24px;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  gap: 14px;
  z-index: 4;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 50%);
  animation: pb-about-models-model-14-pulse-card 2.5s ease-in-out infinite;
}
@media (max-width: 576px) {
  .pb-about-models-model-14__contact-card {
    top: 10px;
    right: 10px;
    padding: 12px 16px;
  }
}
.pb-about-models-model-14__contact-icon {
  width: 44px;
  height: 44px;
  background: color-mix(in srgb, var(--contrast-color), transparent 80%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
}
.pb-about-models-model-14__contact-details {
  display: flex;
  flex-direction: column;
}
.pb-about-models-model-14__contact-details span {
  font-size: 0.75rem;
  opacity: 0.85;
}
.pb-about-models-model-14__contact-details a {
  font-size: 1rem;
  font-weight: 700;
  color: var(--contrast-color);
  text-decoration: none;
}
.pb-about-models-model-14__contact-details a:hover {
  opacity: 0.9;
}
.pb-about-models-model-14__decorative-circle {
  position: absolute;
  top: 60px;
  left: -40px;
  width: 180px;
  height: 180px;
  border: 3px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  border-radius: 50%;
  z-index: 1;
}
@media (max-width: 992px) {
  .pb-about-models-model-14__decorative-circle {
    display: none;
  }
}
.pb-about-models-model-14__decorative-dots {
  position: absolute;
  bottom: 80px;
  right: -20px;
  width: 120px;
  height: 120px;
  background-image: radial-gradient(color-mix(in srgb, var(--accent-color), transparent 70%) 3px, transparent 3px);
  background-size: 15px 15px;
  z-index: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-14__decorative-dots {
    display: none;
  }
}

@keyframes pb-about-models-model-14-pulse-card {
  0%, 100% {
    box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 50%);
  }
  50% {
    box-shadow: 0 15px 40px color-mix(in srgb, var(--accent-color), transparent 40%);
  }
}
/*--------------------------------------------------------------

# Page Builder About Models — Model 15

--------------------------------------------------------------*/
.pb-about-models-model-15 {
  overflow: visible;
}
.pb-about-models-model-15__showcase {
  position: relative;
  padding: 1.5rem;
}
@media (max-width: 992px) {
  .pb-about-models-model-15__showcase {
    max-width: 520px;
    margin: 0 auto 2rem;
    padding: 1rem;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-15__showcase {
    padding: 0.5rem;
  }
}
.pb-about-models-model-15__main-image {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 16px 48px color-mix(in srgb, var(--default-color), transparent 86%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-about-models-model-15__main-image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4/3;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.pb-about-models-model-15__main-image:hover img {
  transform: scale(1.03);
}
.pb-about-models-model-15__stat-card {
  position: absolute;
  bottom: 0;
  right: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: var(--surface-color);
  padding: 1.25rem 1.75rem;
  border-radius: var(--card-border-radius);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 86%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  min-width: 140px;
}
@media (max-width: 992px) {
  .pb-about-models-model-15__stat-card {
    right: 0.5rem;
    bottom: -0.5rem;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-15__stat-card {
    padding: 1rem 1.25rem;
    min-width: 120px;
  }
}
.pb-about-models-model-15__stat-number {
  display: block;
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  color: var(--accent-color);
  letter-spacing: -0.02em;
}
@media (max-width: 576px) {
  .pb-about-models-model-15__stat-number {
    font-size: 1.625rem;
  }
}
.pb-about-models-model-15__stat-label {
  display: block;
  font-size: 0.8rem;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-top: 0.5rem;
  line-height: 1.4;
  white-space: pre-line;
}
.pb-about-models-model-15__award-badge {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, var(--heading-color)));
  color: var(--contrast-color);
  padding: 0.75rem 1.125rem;
  border-radius: var(--button-border-radius);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 65%);
  transform: rotate(-4deg);
}
.pb-about-models-model-15__award-badge > i {
  font-size: 1.25rem;
  line-height: 1;
}
@media (max-width: 992px) {
  .pb-about-models-model-15__award-badge {
    top: -0.25rem;
    left: -0.25rem;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-15__award-badge {
    padding: 0.625rem 0.875rem;
  }
  .pb-about-models-model-15__award-badge > i {
    font-size: 1.1rem;
  }
}
.pb-about-models-model-15__award-label {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.3;
  white-space: pre-line;
}
.pb-about-models-model-15__content {
  padding-left: 1.5rem;
}
@media (max-width: 992px) {
  .pb-about-models-model-15__content {
    padding-left: 0;
  }
}
.pb-about-models-model-15__section-label {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  padding: 0.5rem 1rem;
  border-radius: var(--button-border-radius);
  margin-bottom: 1.25rem;
  width: fit-content;
}
.pb-about-models-model-15__section-label-icon {
  color: var(--accent-color);
  font-size: 1rem;
  line-height: 1;
}
.pb-about-models-model-15__section-label-text {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--accent-color);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.pb-about-models-model-15__headline {
  font-family: var(--heading-font);
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
  margin-bottom: 1.25rem;
  letter-spacing: -0.01em;
}
@media (max-width: 992px) {
  .pb-about-models-model-15__headline {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .pb-about-models-model-15__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-15__description {
  font-size: 1.05rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  line-height: 1.7;
  margin-bottom: 2rem;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .pb-about-models-model-15__description {
    font-size: 1rem;
  }
}
.pb-about-models-model-15__features {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}
.pb-about-models-model-15__feature-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.125rem 1.25rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.pb-about-models-model-15__feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 88%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pb-about-models-model-15__feature-card:hover .pb-about-models-model-15__feature-icon {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 85%, var(--heading-color)));
  color: var(--contrast-color);
}
.pb-about-models-model-15__feature-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.25rem;
  transition: all 0.3s ease;
}
@media (max-width: 576px) {
  .pb-about-models-model-15__feature-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    font-size: 1.1rem;
  }
}
.pb-about-models-model-15__feature-title {
  font-family: var(--heading-font);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.35rem;
  line-height: 1.3;
}
.pb-about-models-model-15__card-text {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 0;
  line-height: 1.55;
  white-space: pre-line;
}
.pb-about-models-model-15__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 576px) {
  .pb-about-models-model-15__actions {
    flex-direction: column;
    align-items: stretch;
  }
}
.pb-about-models-model-15__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 85%, var(--heading-color)));
  color: var(--contrast-color);
  padding: 0.875rem 1.75rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s ease;
  text-decoration: none;
}
.pb-about-models-model-15__btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-15__btn-primary {
    justify-content: center;
    width: 100%;
  }
}
.pb-about-models-model-15__btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: transparent;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  padding: 0.875rem 1.5rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  border: none;
  transition: all 0.3s ease;
  text-decoration: none;
}
.pb-about-models-model-15__btn-secondary:hover {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
}
@media (max-width: 576px) {
  .pb-about-models-model-15__btn-secondary {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 16
--------------------------------------------------------------*/
.pb-about-models-model-16 {
  overflow: visible;
}
.pb-about-models-model-16__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}
@media (max-width: 992px) {
  .pb-about-models-model-16__wrapper {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
.pb-about-models-model-16__showcase {
  position: relative;
}
@media (max-width: 992px) {
  .pb-about-models-model-16__showcase {
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-16__image-frame {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 86%);
}
.pb-about-models-model-16__image-frame img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-about-models-model-16__image-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, color-mix(in srgb, var(--heading-color), transparent 15%) 0%, color-mix(in srgb, var(--heading-color), transparent 70%) 45%, transparent 100%);
  pointer-events: none;
}
.pb-about-models-model-16__image-frame:hover img {
  transform: scale(1.03);
}
.pb-about-models-model-16__experience-badge {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  background: color-mix(in srgb, var(--surface-color), transparent 8%);
  backdrop-filter: blur(8px);
  padding: 1rem 1.5rem;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--contrast-color), transparent 80%);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 80%);
}
@media (max-width: 576px) {
  .pb-about-models-model-16__experience-badge {
    bottom: 1rem;
    left: 1rem;
    padding: 0.75rem 1.25rem;
  }
}
.pb-about-models-model-16__badge-years {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  color: var(--contrast-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-16__badge-years {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-16__badge-label {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: color-mix(in srgb, var(--contrast-color), transparent 15%);
}
.pb-about-models-model-16__float-card {
  position: absolute;
  top: -1rem;
  right: -1rem;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  background: var(--surface-color);
  padding: 1rem 1.25rem;
  border-radius: var(--card-border-radius);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 85%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  max-width: 220px;
}
@media (max-width: 992px) {
  .pb-about-models-model-16__float-card {
    top: -0.5rem;
    right: -0.5rem;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-16__float-card {
    max-width: 190px;
    padding: 0.75rem 1rem;
  }
}
.pb-about-models-model-16__float-card-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  color: var(--contrast-color);
  font-size: 1.25rem;
}
.pb-about-models-model-16__float-card-body {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.pb-about-models-model-16__float-card-title {
  font-family: var(--heading-font);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-about-models-model-16__float-card-subtitle {
  font-size: 0.78rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  line-height: 1.4;
}
@media (max-width: 992px) {
  .pb-about-models-model-16__content {
    max-width: 640px;
    margin: 0 auto;
  }
}
.pb-about-models-model-16__section-tag {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.pb-about-models-model-16__section-tag-text {
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--accent-color);
  white-space: nowrap;
}
.pb-about-models-model-16__section-tag-line {
  width: 48px;
  height: 2px;
  background: var(--accent-color);
  border-radius: 2px;
}
.pb-about-models-model-16__headline {
  font-family: var(--heading-font);
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--heading-color);
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  .pb-about-models-model-16__headline {
    font-size: 2rem;
  }
}
.pb-about-models-model-16__intro-text {
  font-size: 1.05rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  line-height: 1.8;
  margin-bottom: 2rem;
  white-space: pre-line;
}
.pb-about-models-model-16__features {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 2rem;
}
.pb-about-models-model-16__feature {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s ease;
}
.pb-about-models-model-16__feature:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--accent-color), transparent 88%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pb-about-models-model-16__feature-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 1.35rem;
  transition: all 0.3s ease;
}
.pb-about-models-model-16__feature:hover .pb-about-models-model-16__feature-icon {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  color: var(--contrast-color);
}
.pb-about-models-model-16__feature-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
  color: var(--heading-color);
}
.pb-about-models-model-16__card-text {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  line-height: 1.6;
  white-space: pre-line;
}
.pb-about-models-model-16__action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-16__action {
    flex-direction: column;
    align-items: stretch;
  }
}
.pb-about-models-model-16__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 15%));
  color: var(--contrast-color);
  padding: 0.875rem 1.75rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s ease;
}
.pb-about-models-model-16__btn-primary i {
  transition: transform 0.3s ease;
}
.pb-about-models-model-16__btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
.pb-about-models-model-16__btn-primary:hover i {
  transform: translateX(4px);
}
@media (max-width: 576px) {
  .pb-about-models-model-16__btn-primary {
    justify-content: center;
  }
}
.pb-about-models-model-16__contact {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.pb-about-models-model-16__contact-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 1.2rem;
}
.pb-about-models-model-16__contact-details {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.pb-about-models-model-16__contact-label {
  font-size: 0.78rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  font-weight: 500;
}
.pb-about-models-model-16__contact-phone {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 700;
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-about-models-model-16__contact-phone:hover {
  color: var(--accent-color);
}
.pb-about-models-model-16__stats-banner {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 12px 40px color-mix(in srgb, var(--accent-color), transparent 65%);
}
@media (max-width: 992px) {
  .pb-about-models-model-16__stats-banner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-16__stats-banner {
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }
}
.pb-about-models-model-16__banner-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem 1.5rem;
  color: var(--contrast-color);
  border-right: 1px solid color-mix(in srgb, var(--contrast-color), transparent 80%);
}
.pb-about-models-model-16__banner-stat:last-child {
  border-right: none;
}
@media (max-width: 992px) {
  .pb-about-models-model-16__banner-stat:nth-child(2) {
    border-right: none;
  }
  .pb-about-models-model-16__banner-stat:nth-child(1), .pb-about-models-model-16__banner-stat:nth-child(2) {
    border-bottom: 1px solid color-mix(in srgb, var(--contrast-color), transparent 80%);
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-16__banner-stat {
    border-right: none;
    border-bottom: 1px solid color-mix(in srgb, var(--contrast-color), transparent 80%);
  }
  .pb-about-models-model-16__banner-stat:last-child {
    border-bottom: none;
  }
}
.pb-about-models-model-16__banner-stat-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--contrast-color), transparent 85%);
  font-size: 1.2rem;
  margin-bottom: 0.75rem;
}
.pb-about-models-model-16__banner-stat-value {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 0.5rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-16__banner-stat-value {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-16__banner-stat-suffix {
  font-size: 1.25rem;
  font-weight: 700;
  margin-left: 0.1rem;
}
.pb-about-models-model-16__banner-stat-label {
  font-size: 0.85rem;
  opacity: 0.9;
  font-weight: 500;
  line-height: 1.4;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 17
--------------------------------------------------------------*/
.pb-about-models-model-17 {
  overflow: visible;
}
.pb-about-models-model-17__banner {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  padding: 3rem 2.5rem;
  margin-bottom: 3rem;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 25%));
  color: var(--contrast-color);
  text-align: center;
}
@media (max-width: 768px) {
  .pb-about-models-model-17__banner {
    padding: 2.25rem 1.5rem;
    margin-bottom: 2.5rem;
  }
}
.pb-about-models-model-17__banner-badge {
  display: inline-block;
  padding: 0.45rem 1.1rem;
  margin-bottom: 1.25rem;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--contrast-color), transparent 82%);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pb-about-models-model-17__banner-title {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 1rem;
  color: var(--contrast-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-17__banner-title {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-17__banner-desc {
  max-width: 720px;
  margin: 0 auto 2rem;
  font-size: 1.05rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--contrast-color), transparent 12%);
  white-space: pre-line;
}
.pb-about-models-model-17__banner-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-17__banner-stats {
    gap: 1.25rem;
  }
}
.pb-about-models-model-17__banner-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 90px;
}
.pb-about-models-model-17__banner-stat-value {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  color: var(--contrast-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-17__banner-stat-value {
    font-size: 1.6rem;
  }
}
.pb-about-models-model-17__banner-stat-label {
  margin-top: 0.45rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: color-mix(in srgb, var(--contrast-color), transparent 18%);
}
.pb-about-models-model-17__features {
  margin-bottom: 3.5rem;
}
@media (max-width: 768px) {
  .pb-about-models-model-17__features {
    margin-bottom: 2.5rem;
  }
}
.pb-about-models-model-17__feature {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2rem 1.75rem;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 12px 40px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.pb-about-models-model-17__feature:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 50px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-about-models-model-17__feature:hover .pb-about-models-model-17__feature-icon {
  background: var(--accent-color);
}
.pb-about-models-model-17__feature:hover .pb-about-models-model-17__feature-icon i {
  color: var(--contrast-color);
}
.pb-about-models-model-17__feature--featured {
  background: var(--accent-color);
  border-color: transparent;
  transform: scale(1.02);
}
@media (min-width: 992px) {
  .pb-about-models-model-17__feature--featured {
    transform: scale(1.05);
  }
}
.pb-about-models-model-17__feature--featured:hover {
  transform: scale(1.02) translateY(-6px);
}
@media (min-width: 992px) {
  .pb-about-models-model-17__feature--featured:hover {
    transform: scale(1.05) translateY(-6px);
  }
}
.pb-about-models-model-17__feature--featured .pb-about-models-model-17__feature-icon {
  background: color-mix(in srgb, var(--contrast-color), transparent 80%);
}
.pb-about-models-model-17__feature--featured .pb-about-models-model-17__feature-icon i {
  color: var(--contrast-color);
}
.pb-about-models-model-17__feature--featured .pb-about-models-model-17__feature-title {
  color: var(--contrast-color);
}
.pb-about-models-model-17__feature--featured .pb-about-models-model-17__feature-text {
  color: color-mix(in srgb, var(--contrast-color), transparent 15%);
}
.pb-about-models-model-17__feature-icon {
  width: 56px;
  height: 56px;
  margin-bottom: 1.25rem;
  border-radius: calc(var(--card-border-radius) - 4px);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
.pb-about-models-model-17__feature-icon i {
  font-size: 1.6rem;
  color: var(--accent-color);
  transition: color 0.3s ease;
  line-height: 1;
}
.pb-about-models-model-17__feature-title {
  font-family: var(--heading-font);
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: var(--heading-color);
}
.pb-about-models-model-17__feature-text {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  white-space: pre-line;
}
.pb-about-models-model-17__audience {
  margin-top: 0.5rem;
}
.pb-about-models-model-17__audience-title {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-17__audience-title {
    font-size: 1.65rem;
  }
}
.pb-about-models-model-17__audience-desc {
  margin-bottom: 1.5rem;
  font-size: 1.02rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  white-space: pre-line;
}
.pb-about-models-model-17__quote {
  margin: 0 0 1.75rem;
  padding: 1.25rem 1.5rem;
  border-left: 4px solid var(--accent-color);
  border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0;
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
}
.pb-about-models-model-17__quote-text {
  margin: 0 0 0.75rem;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.7;
  color: var(--heading-color);
  white-space: pre-line;
}
.pb-about-models-model-17__quote-cite {
  display: block;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-about-models-model-17__audience-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.5rem;
}
.pb-about-models-model-17__primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1.75rem;
  border-radius: var(--button-border-radius);
  background: var(--accent-color);
  color: var(--contrast-color);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.3s ease;
}
.pb-about-models-model-17__primary-btn:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
  color: var(--contrast-color);
  transform: translateY(-2px);
}
.pb-about-models-model-17__secondary-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  color: var(--accent-color);
  text-decoration: none;
  transition: gap 0.3s ease;
}
.pb-about-models-model-17__secondary-link i {
  transition: transform 0.3s ease;
}
.pb-about-models-model-17__secondary-link:hover {
  color: var(--accent-color);
}
.pb-about-models-model-17__secondary-link:hover i {
  transform: translateX(4px);
}
.pb-about-models-model-17__audience-card {
  padding: 1.5rem;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-about-models-model-17__audience-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-about-models-model-17__audience-card:hover .pb-about-models-model-17__audience-card-icon {
  background: var(--accent-color);
}
.pb-about-models-model-17__audience-card:hover .pb-about-models-model-17__audience-card-icon i {
  color: var(--contrast-color);
}
.pb-about-models-model-17__audience-card-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
  border-radius: calc(var(--card-border-radius) - 4px);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
.pb-about-models-model-17__audience-card-icon i {
  font-size: 1.35rem;
  color: var(--accent-color);
  transition: color 0.3s ease;
  line-height: 1;
}
.pb-about-models-model-17__audience-card-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: var(--heading-color);
}
.pb-about-models-model-17__audience-card-text {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  white-space: pre-line;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 18
--------------------------------------------------------------*/
.pb-about-models-model-18 {
  overflow: visible;
}
@media (max-width: 992px) {
  .pb-about-models-model-18__content {
    margin-bottom: 1rem;
  }
}
.pb-about-models-model-18__tagline {
  display: inline-block;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 0.45rem 1.1rem;
  border-radius: var(--button-border-radius);
  margin-bottom: 1.25rem;
}
.pb-about-models-model-18__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--heading-color);
  margin: 0 0 1.25rem;
}
@media (max-width: 768px) {
  .pb-about-models-model-18__headline {
    font-size: 1.875rem;
  }
}
.pb-about-models-model-18__intro {
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  font-size: 1.05rem;
  line-height: 1.8;
  margin-bottom: 1rem;
  white-space: pre-line;
}
.pb-about-models-model-18__body-text {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 0.975rem;
  line-height: 1.75;
  margin-bottom: 2rem;
  white-space: pre-line;
}
.pb-about-models-model-18__stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-18__stats {
    grid-template-columns: 1fr;
  }
}
.pb-about-models-model-18__stat {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 1.25rem 1rem;
  text-align: center;
  transition: all 0.3s ease;
}
.pb-about-models-model-18__stat:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--default-color), transparent 90%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pb-about-models-model-18__stat-value-wrap {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.15rem;
  margin-bottom: 0.35rem;
}
.pb-about-models-model-18__stat-value {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  color: var(--accent-color);
}
.pb-about-models-model-18__stat-suffix {
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--accent-color);
}
.pb-about-models-model-18__stat-label {
  display: block;
  font-size: 0.825rem;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-about-models-model-18__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 0.875rem 2rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: all 0.3s ease;
}
.pb-about-models-model-18__cta i {
  transition: transform 0.3s ease;
}
.pb-about-models-model-18__cta:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
  color: var(--contrast-color);
}
.pb-about-models-model-18__cta:hover i {
  transform: translateX(4px);
}
.pb-about-models-model-18__image-stack {
  position: relative;
  min-height: 420px;
}
@media (max-width: 992px) {
  .pb-about-models-model-18__image-stack {
    min-height: 360px;
    max-width: 480px;
    margin-inline: auto;
  }
}
.pb-about-models-model-18__image-primary {
  position: relative;
  z-index: 1;
  width: 78%;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  box-shadow: 0 20px 50px color-mix(in srgb, var(--heading-color), transparent 85%);
}
.pb-about-models-model-18__image-primary img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.pb-about-models-model-18__image-primary:hover img {
  transform: scale(1.04);
}
.pb-about-models-model-18__image-secondary {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 55%;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  border: 4px solid var(--background-color);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--heading-color), transparent 82%);
}
.pb-about-models-model-18__image-secondary img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.pb-about-models-model-18__image-secondary:hover img {
  transform: scale(1.04);
}
.pb-about-models-model-18__badge {
  position: absolute;
  top: 50%;
  left: 62%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  color: var(--contrast-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem;
  box-shadow: 0 12px 35px color-mix(in srgb, var(--accent-color), transparent 55%);
}
.pb-about-models-model-18__badge i {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-18__badge {
    width: 100px;
    height: 100px;
  }
}
.pb-about-models-model-18__badge-title {
  font-family: var(--heading-font);
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.1;
}
@media (max-width: 576px) {
  .pb-about-models-model-18__badge-title {
    font-size: 0.95rem;
  }
}
.pb-about-models-model-18__badge-subtitle {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.9;
}
.pb-about-models-model-18__highlights-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-top: 3.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 992px) {
  .pb-about-models-model-18__highlights-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-18__highlights-bar {
    grid-template-columns: 1fr;
  }
}
.pb-about-models-model-18__highlight {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.pb-about-models-model-18__highlight-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.pb-about-models-model-18__highlight-icon i {
  font-size: 1.25rem;
  color: var(--accent-color);
}
.pb-about-models-model-18__highlight:hover .pb-about-models-model-18__highlight-icon {
  background: var(--accent-color);
}
.pb-about-models-model-18__highlight:hover .pb-about-models-model-18__highlight-icon i {
  color: var(--contrast-color);
}
.pb-about-models-model-18__highlight-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0 0 0.35rem;
}
.pb-about-models-model-18__card-text {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  line-height: 1.55;
  white-space: pre-line;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 19
--------------------------------------------------------------*/
.pb-about-models-model-19 {
  overflow: visible;
}
.pb-about-models-model-19__images {
  position: relative;
  padding: 20px;
}
.pb-about-models-model-19__main-image {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 60px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-about-models-model-19__main-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.pb-about-models-model-19__floating-image {
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 180px;
  height: 180px;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 6px solid var(--background-color);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-about-models-model-19__floating-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 768px) {
  .pb-about-models-model-19__floating-image {
    width: 120px;
    height: 120px;
    bottom: -10px;
    right: 0;
  }
}
.pb-about-models-model-19__experience-badge {
  position: absolute;
  top: 40px;
  left: -20px;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 20px 24px;
  border-radius: var(--card-border-radius);
  text-align: center;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 50%);
}
@media (max-width: 768px) {
  .pb-about-models-model-19__experience-badge {
    top: 10px;
    left: 10px;
    padding: 14px 18px;
  }
}
.pb-about-models-model-19__badge-years {
  display: block;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  font-family: var(--heading-font);
}
@media (max-width: 768px) {
  .pb-about-models-model-19__badge-years {
    font-size: 28px;
  }
}
.pb-about-models-model-19__badge-text {
  display: block;
  font-size: 12px;
  margin-top: 6px;
  max-width: 100px;
  line-height: 1.3;
}
.pb-about-models-model-19__content {
  padding-left: 30px;
}
@media (max-width: 992px) {
  .pb-about-models-model-19__content {
    padding-left: 0;
    margin-top: 40px;
  }
}
.pb-about-models-model-19__subtitle {
  display: inline-block;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  padding: 8px 20px;
  border-radius: var(--button-border-radius);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}
.pb-about-models-model-19__headline {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 20px;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .pb-about-models-model-19__headline {
    font-size: 28px;
  }
}
.pb-about-models-model-19__lead {
  font-size: 18px;
  color: var(--default-color);
  margin-bottom: 16px;
  line-height: 1.7;
  white-space: pre-line;
}
.pb-about-models-model-19__body-text {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.8;
  margin-bottom: 30px;
  white-space: pre-line;
}
.pb-about-models-model-19__features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 35px;
}
@media (max-width: 576px) {
  .pb-about-models-model-19__features-grid {
    grid-template-columns: 1fr;
  }
}
.pb-about-models-model-19__feature {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--default-color), transparent 94%);
  transition: all 0.3s ease;
}
.pb-about-models-model-19__feature:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-about-models-model-19__feature-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-19__feature-icon i {
  font-size: 22px;
  color: var(--accent-color);
}
.pb-about-models-model-19__feature-title {
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 4px;
}
.pb-about-models-model-19__card-text {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 0;
  line-height: 1.5;
  white-space: pre-line;
}
.pb-about-models-model-19__actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .pb-about-models-model-19__actions {
    flex-direction: column;
  }
}
.pb-about-models-model-19__btn-primary {
  display: inline-flex;
  align-items: center;
  padding: 14px 28px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s ease;
  box-shadow: 0 8px 25px color-mix(in srgb, var(--accent-color), transparent 60%);
  text-decoration: none;
}
.pb-about-models-model-19__btn-primary:hover {
  background: color-mix(in srgb, var(--accent-color), var(--default-color) 15%);
  transform: translateY(-2px);
  box-shadow: 0 12px 35px color-mix(in srgb, var(--accent-color), transparent 50%);
  color: var(--contrast-color);
}
.pb-about-models-model-19__btn-secondary {
  display: inline-flex;
  align-items: center;
  padding: 14px 28px;
  background: transparent;
  color: var(--accent-color);
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 50%);
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s ease;
  text-decoration: none;
}
.pb-about-models-model-19__btn-secondary:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border-color: var(--accent-color);
  color: var(--accent-color);
}
.pb-about-models-model-19__stats-row .pb-about-models-model-19__stat-card {
  text-align: center;
  padding: 30px 20px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--default-color), transparent 94%);
  transition: all 0.3s ease;
  height: 100%;
}
.pb-about-models-model-19__stats-row .pb-about-models-model-19__stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 40px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-about-models-model-19__stat-value {
  display: block;
  font-size: 42px;
  font-weight: 700;
  color: var(--accent-color);
  font-family: var(--heading-font);
  line-height: 1;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .pb-about-models-model-19__stat-value {
    font-size: 32px;
  }
}
.pb-about-models-model-19__stat-label {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-weight: 500;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 20
--------------------------------------------------------------*/
.pb-about-models-model-20 {
  overflow: visible;
}
.pb-about-models-model-20__content {
  max-width: 600px;
}
@media (max-width: 991px) {
  .pb-about-models-model-20__content {
    max-width: 100%;
  }
}
.pb-about-models-model-20__badge {
  margin-bottom: 16px;
}
.pb-about-models-model-20__badge span {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: var(--button-border-radius);
  text-transform: uppercase;
}
.pb-about-models-model-20__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-20__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-20__lead {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 32px;
  white-space: pre-line;
}
.pb-about-models-model-20__features {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
}
.pb-about-models-model-20__feature {
  display: flex;
  gap: 16px;
  padding: 20px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  transition: all 0.25s ease;
}
.pb-about-models-model-20__feature:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--default-color), transparent 94%);
}
.pb-about-models-model-20__feature-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-20__feature-icon i {
  font-size: 1.25rem;
  color: var(--accent-color);
}
.pb-about-models-model-20__feature-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--heading-color);
}
.pb-about-models-model-20__card-text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
  white-space: pre-line;
}
.pb-about-models-model-20__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.pb-about-models-model-20__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 12px 24px;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 0.9375rem;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: all 0.2s ease;
}
.pb-about-models-model-20__btn-primary i {
  font-size: 1.4rem;
  transition: transform 0.2s ease;
}
.pb-about-models-model-20__btn-primary:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 10%);
  color: var(--contrast-color);
}
.pb-about-models-model-20__btn-primary:hover i {
  transform: translateX(3px);
}
.pb-about-models-model-20__btn-secondary {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  background: transparent;
  color: var(--heading-color);
  font-size: 0.9375rem;
  font-weight: 500;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: all 0.2s ease;
}
.pb-about-models-model-20__btn-secondary:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
.pb-about-models-model-20__stats-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 991px) {
  .pb-about-models-model-20__stats-card {
    margin-top: 20px;
  }
}
.pb-about-models-model-20__image-card {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
.pb-about-models-model-20__image-card img {
  width: 100%;
  height: auto;
  display: block;
}
.pb-about-models-model-20__image-overlay {
  position: absolute;
  bottom: 16px;
  left: 16px;
  padding: 10px 18px;
  background: var(--surface-color);
  border-radius: var(--button-border-radius);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-about-models-model-20__overlay-text {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}
.pb-about-models-model-20__stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (max-width: 576px) {
  .pb-about-models-model-20__stats-grid {
    grid-template-columns: 1fr;
  }
}
.pb-about-models-model-20__stat-card {
  padding: 24px 20px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  text-align: center;
  transition: all 0.25s ease;
}
.pb-about-models-model-20__stat-card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-about-models-model-20__stat-value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  line-height: 1;
}
.pb-about-models-model-20__stat-number {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  color: var(--accent-color);
  line-height: 1;
}
.pb-about-models-model-20__stat-suffix {
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--accent-color);
}
.pb-about-models-model-20__stat-label {
  display: block;
  margin-top: 8px;
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
}
.pb-about-models-model-20__contact-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-about-models-model-20__contact-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-color);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-20__contact-icon i {
  font-size: 1.375rem;
  color: var(--contrast-color);
}
.pb-about-models-model-20__contact-details {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pb-about-models-model-20__contact-title {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-about-models-model-20__contact-number {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.2s ease;
}
.pb-about-models-model-20__contact-number:hover {
  color: var(--accent-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-20__actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .pb-about-models-model-20__btn-primary, .pb-about-models-model-20__btn-secondary {
    width: 100%;
    justify-content: center;
  }
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 23
--------------------------------------------------------------*/
.pb-about-models-model-21 {
  overflow: visible;
}
.pb-about-models-model-21__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-21__content {
    margin-top: 20px;
  }
}
.pb-about-models-model-21__headline {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 16px;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-21__headline {
    font-size: 1.625rem;
  }
}
.pb-about-models-model-21__lead {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 16px;
  white-space: pre-line;
}
.pb-about-models-model-21__body {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 32px;
  white-space: pre-line;
}
.pb-about-models-model-21__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.pb-about-models-model-21__feature {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.pb-about-models-model-21__feature-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-21__feature-icon i {
  font-size: 1.25rem;
  color: var(--accent-color);
}
.pb-about-models-model-21__feature-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--heading-color);
}
.pb-about-models-model-21__card-text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
  white-space: pre-line;
}
.pb-about-models-model-21__visual {
  position: relative;
}
.pb-about-models-model-21__image-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-template-rows: auto auto;
  gap: 16px;
}
@media (max-width: 576px) {
  .pb-about-models-model-21__image-grid {
    grid-template-columns: 1fr;
  }
}
.pb-about-models-model-21__grid-item {
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
.pb-about-models-model-21__grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pb-about-models-model-21__grid-item--main {
  grid-row: span 2;
  min-height: 380px;
  box-shadow: 0 16px 40px color-mix(in srgb, var(--default-color), transparent 88%);
}
@media (max-width: 768px) {
  .pb-about-models-model-21__grid-item--main {
    min-height: 280px;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-21__grid-item--main {
    grid-row: span 1;
    min-height: 240px;
  }
}
.pb-about-models-model-21__grid-item--secondary {
  min-height: 180px;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-about-models-model-21__grid-item--stats {
  display: flex;
  align-items: stretch;
}
.pb-about-models-model-21__stats-card {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 20px 24px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 90%);
}
@media (max-width: 576px) {
  .pb-about-models-model-21__stats-card {
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px 20px;
  }
}
.pb-about-models-model-21__stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.pb-about-models-model-21__stat-value {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--accent-color);
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-21__stat-value {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-21__stat-label {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
  margin-top: 6px;
}
.pb-about-models-model-21__stat-divider {
  width: 1px;
  height: 36px;
  background: color-mix(in srgb, var(--default-color), transparent 85%);
  flex-shrink: 0;
}
@media (max-width: 576px) {
  .pb-about-models-model-21__stat-divider {
    display: none;
  }
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 24
--------------------------------------------------------------*/
.pb-about-models-model-22 {
  overflow: visible;
}
.pb-about-models-model-22__content {
  padding-right: 1.5rem;
}
@media (max-width: 992px) {
  .pb-about-models-model-22__content {
    padding-right: 0;
    margin-bottom: 1rem;
  }
}
.pb-about-models-model-22__badge {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  padding: 0.4rem 1rem;
  border-radius: var(--button-border-radius);
  margin-bottom: 1rem;
}
.pb-about-models-model-22__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.25;
  margin-bottom: 1.25rem;
  letter-spacing: -0.01em;
}
@media (max-width: 992px) {
  .pb-about-models-model-22__headline {
    font-size: 1.9rem;
  }
}
@media (max-width: 768px) {
  .pb-about-models-model-22__headline {
    font-size: 1.65rem;
  }
}
.pb-about-models-model-22__lead {
  font-size: 1.05rem;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.7;
  margin-bottom: 1.75rem;
  white-space: pre-line;
}
.pb-about-models-model-22__stats-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 1.75rem;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-about-models-model-22__stat {
  display: flex;
  flex-direction: column;
  min-width: 90px;
}
.pb-about-models-model-22__stat-value {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}
.pb-about-models-model-22__stat-label {
  font-size: 0.85rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-top: 0.25rem;
}
.pb-about-models-model-22__highlights {
  list-style: none;
  padding: 0;
  margin: 0 0 1.75rem 0;
}
.pb-about-models-model-22__highlights li {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  font-size: 0.95rem;
  color: var(--default-color);
  padding: 0.35rem 0;
}
.pb-about-models-model-22__highlights li i {
  color: var(--accent-color);
  font-size: 1.1rem;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.pb-about-models-model-22__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 768px) {
  .pb-about-models-model-22__actions {
    flex-direction: column;
    align-items: stretch;
  }
}
.pb-about-models-model-22__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 85%, var(--heading-color)));
  color: var(--contrast-color);
  padding: 0.875rem 1.75rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s;
  text-decoration: none;
}
.pb-about-models-model-22__btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-22__btn-primary {
    justify-content: center;
    width: 100%;
  }
}
.pb-about-models-model-22__btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  color: var(--accent-color);
  padding: 0.875rem 1.75rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  border: 2px solid var(--accent-color);
  transition: all 0.3s;
  text-decoration: none;
}
.pb-about-models-model-22__btn-secondary:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-22__btn-secondary {
    justify-content: center;
    width: 100%;
  }
}
.pb-about-models-model-22__visual {
  position: relative;
  padding: 2rem 1rem 0;
}
@media (max-width: 992px) {
  .pb-about-models-model-22__visual {
    padding: 1.5rem 0.5rem 0;
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-22__main-visual {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 12px 40px color-mix(in srgb, var(--default-color), transparent 85%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-about-models-model-22__main-visual img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
  transition: transform 0.4s;
}
.pb-about-models-model-22__main-visual:hover img {
  transform: scale(1.03);
}
.pb-about-models-model-22__float {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--surface-color);
  padding: 1rem 1.25rem;
  border-radius: var(--card-border-radius);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 88%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  z-index: 2;
}
.pb-about-models-model-22__float--top {
  top: 0;
  right: 0;
}
.pb-about-models-model-22__float--bottom {
  bottom: 5.5rem;
  left: 0;
}
@media (max-width: 768px) {
  .pb-about-models-model-22__float {
    padding: 0.75rem 1rem;
  }
}
.pb-about-models-model-22__float-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 85%, var(--heading-color)));
  color: var(--contrast-color);
  font-size: 1.1rem;
  flex-shrink: 0;
}
.pb-about-models-model-22__float-info {
  display: flex;
  flex-direction: column;
}
.pb-about-models-model-22__float-value {
  font-family: var(--heading-font);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}
.pb-about-models-model-22__float-text {
  font-size: 0.8rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-about-models-model-22__secondary-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1rem;
  padding-left: 2rem;
}
@media (max-width: 992px) {
  .pb-about-models-model-22__secondary-grid {
    padding-left: 1rem;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-22__secondary-grid {
    padding-left: 0;
  }
}
.pb-about-models-model-22__grid-item {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-about-models-model-22__grid-item img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
  transition: transform 0.35s;
}
.pb-about-models-model-22__grid-item:hover img {
  transform: scale(1.05);
}
.pb-about-models-model-22__features-grid {
  margin-top: 3rem;
}
@media (max-width: 992px) {
  .pb-about-models-model-22__features-grid {
    margin-top: 2rem;
  }
}
.pb-about-models-model-22__feature-card {
  padding: 1.5rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: all 0.3s;
}
.pb-about-models-model-22__feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 85%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-about-models-model-22__feature-card:hover .pb-about-models-model-22__feature-icon {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 85%, var(--heading-color)));
  color: var(--contrast-color);
}
.pb-about-models-model-22__feature-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.35rem;
  margin-bottom: 1rem;
  transition: all 0.3s;
}
.pb-about-models-model-22__feature-title {
  font-family: var(--heading-font);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.5rem;
}
.pb-about-models-model-22__card-text {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
  line-height: 1.55;
  white-space: pre-line;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 25
--------------------------------------------------------------*/
.pb-about-models-model-23 {
  overflow: visible;
}
.pb-about-models-model-23__content-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-23__content-wrapper {
    margin-bottom: 8px;
  }
}
.pb-about-models-model-23__tag-label {
  display: inline-block;
  padding: 6px 16px;
  margin-bottom: 16px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-23__section-heading {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 16px;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-23__section-heading {
    font-size: 1.625rem;
  }
}
.pb-about-models-model-23__lead-paragraph {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 28px;
  white-space: pre-line;
}
.pb-about-models-model-23__value-points {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 32px;
}
.pb-about-models-model-23__value-point {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.pb-about-models-model-23__value-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-23__value-icon i {
  font-size: 1.25rem;
  color: var(--accent-color);
}
.pb-about-models-model-23__value-title {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--heading-color);
}
.pb-about-models-model-23__card-text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
  white-space: pre-line;
}
.pb-about-models-model-23__actions {
  margin-top: 4px;
}
.pb-about-models-model-23__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 14px 28px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.9375rem;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 8px 25px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-about-models-model-23__btn-primary i {
  font-size: 1.25rem;
  line-height: 1;
}
.pb-about-models-model-23__btn-primary:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
  transform: translateY(-2px);
  box-shadow: 0 12px 35px color-mix(in srgb, var(--accent-color), transparent 50%);
  color: var(--contrast-color);
}
.pb-about-models-model-23__visual-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pb-about-models-model-23__main-visual {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 16px 40px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-about-models-model-23__main-visual img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
}
.pb-about-models-model-23__stat-badge {
  position: absolute;
  bottom: 24px;
  left: 24px;
  padding: 18px 22px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  color: var(--contrast-color);
  border-radius: var(--card-border-radius);
  text-align: center;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 50%);
}
@media (max-width: 576px) {
  .pb-about-models-model-23__stat-badge {
    bottom: 16px;
    left: 16px;
    padding: 14px 18px;
  }
}
.pb-about-models-model-23__stat-badge-number {
  display: block;
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-23__stat-badge-number {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-23__stat-badge-text {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  margin-top: 4px;
  line-height: 1.3;
}
.pb-about-models-model-23__secondary-visuals {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.pb-about-models-model-23__visual-card {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-about-models-model-23__visual-card img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
}
.pb-about-models-model-23__stats-row {
  margin-top: 48px;
  padding: 36px 32px;
  border-radius: var(--card-border-radius);
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 92%), color-mix(in srgb, var(--accent-color), var(--heading-color) 15%));
}
@media (max-width: 768px) {
  .pb-about-models-model-23__stats-row {
    margin-top: 36px;
    padding: 28px 20px;
  }
}
.pb-about-models-model-23__stat-item {
  text-align: center;
  height: 100%;
}
.pb-about-models-model-23__stat-icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 80%);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-23__stat-icon i {
  font-size: 1.375rem;
  color: var(--accent-color);
}
.pb-about-models-model-23__stat-value {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .pb-about-models-model-23__stat-value {
    font-size: 1.625rem;
  }
}
.pb-about-models-model-23__stat-desc {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 27
--------------------------------------------------------------*/
.pb-about-models-model-24 {
  overflow: visible;
}
.pb-about-models-model-24__images {
  position: relative;
}
@media (max-width: 991px) {
  .pb-about-models-model-24__images {
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-24__main-image {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 86%);
}
.pb-about-models-model-24__main-image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
}
.pb-about-models-model-24__overlay-grid {
  position: absolute;
  right: -1rem;
  bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  width: 52%;
  max-width: 220px;
  z-index: 2;
}
@media (max-width: 991px) {
  .pb-about-models-model-24__overlay-grid {
    display: none;
  }
}
.pb-about-models-model-24__overlay-item {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 85%);
  border: 3px solid var(--surface-color);
}
.pb-about-models-model-24__overlay-item img {
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.pb-about-models-model-24__experience-badge {
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem 1.5rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 85%);
}
@media (max-width: 576px) {
  .pb-about-models-model-24__experience-badge {
    left: 1rem;
    bottom: 1rem;
    padding: 0.75rem 1.25rem;
  }
}
.pb-about-models-model-24__badge-value {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  color: var(--accent-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-24__badge-value {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-24__badge-label {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
@media (max-width: 991px) {
  .pb-about-models-model-24__content {
    margin-top: 8px;
  }
}
.pb-about-models-model-24__label {
  display: inline-block;
  margin-bottom: 14px;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent-color);
}
.pb-about-models-model-24__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-24__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-24__body {
  font-size: 1rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 28px;
  white-space: pre-line;
}
.pb-about-models-model-24__features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pb-about-models-model-24__feature {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.pb-about-models-model-24__feature-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.pb-about-models-model-24__feature-icon i {
  font-size: 1.125rem;
  color: var(--accent-color);
}
.pb-about-models-model-24__feature-text {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}
.pb-about-models-model-24__actions {
  display: flex;
  flex-wrap: wrap;
}
.pb-about-models-model-24__btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 12px 24px;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 0.9375rem;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: all 0.2s ease;
}
.pb-about-models-model-24__btn i {
  font-size: 1.4rem;
  transition: transform 0.2s ease;
}
.pb-about-models-model-24__btn:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 10%);
  color: var(--contrast-color);
}
.pb-about-models-model-24__btn:hover i {
  transform: translateX(3px);
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 29
--------------------------------------------------------------*/
.pb-about-models-model-25 {
  overflow: visible;
}
.pb-about-models-model-25__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-25__content {
    margin-bottom: 0.5rem;
  }
}
.pb-about-models-model-25__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 1rem;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-25__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-25__lead {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 1rem;
  white-space: pre-line;
}
.pb-about-models-model-25__body {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 1rem;
  white-space: pre-line;
}
.pb-about-models-model-25__body:last-of-type {
  margin-bottom: 1.5rem;
}
.pb-about-models-model-25__stats-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
  margin-bottom: 2rem;
  padding: 1.25rem 0;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 576px) {
  .pb-about-models-model-25__stats-row {
    gap: 1.25rem;
  }
}
.pb-about-models-model-25__stat-item {
  display: flex;
  flex-direction: column;
  min-width: 80px;
}
.pb-about-models-model-25__stat-value {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--accent-color);
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-25__stat-value {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-25__stat-label {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
  margin-top: 0.375rem;
  line-height: 1.4;
}
.pb-about-models-model-25__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-25__actions {
    flex-direction: column;
    align-items: stretch;
  }
}
.pb-about-models-model-25__btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 0.875rem 1.75rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s ease;
}
.pb-about-models-model-25__btn-primary i {
  transition: transform 0.3s ease;
}
.pb-about-models-model-25__btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
.pb-about-models-model-25__btn-primary:hover i {
  transform: translateX(4px);
}
.pb-about-models-model-25__btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: transparent;
  color: var(--accent-color);
  padding: 0.875rem 1.75rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 30%);
  text-decoration: none;
  transition: all 0.3s ease;
}
.pb-about-models-model-25__btn-secondary:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
  border-color: var(--accent-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-25__btn-secondary {
    text-align: center;
  }
}
.pb-about-models-model-25__image-wrapper {
  position: relative;
}
@media (max-width: 991px) {
  .pb-about-models-model-25__image-wrapper {
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-25__main-image {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 86%);
}
.pb-about-models-model-25__main-image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-about-models-model-25__main-image:hover img {
  transform: scale(1.03);
}
.pb-about-models-model-25__float-card {
  position: absolute;
  bottom: -1rem;
  left: -1rem;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  background: var(--surface-color);
  padding: 1.25rem 1.5rem;
  border-radius: var(--card-border-radius);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 85%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  max-width: 260px;
}
@media (max-width: 991px) {
  .pb-about-models-model-25__float-card {
    bottom: -0.5rem;
    left: -0.5rem;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-25__float-card {
    max-width: 220px;
    padding: 1rem 1.25rem;
  }
}
.pb-about-models-model-25__float-card-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.25rem;
}
.pb-about-models-model-25__float-card-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.pb-about-models-model-25__float-card-title {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0;
  line-height: 1.3;
}
.pb-about-models-model-25__card-text {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  line-height: 1.5;
  white-space: pre-line;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 31
--------------------------------------------------------------*/
.pb-about-models-model-26 {
  overflow: visible;
}
.pb-about-models-model-26__image-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pb-about-models-model-26__primary-visual {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 16px 40px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-about-models-model-26__primary-visual img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
}
.pb-about-models-model-26__experience-badge {
  position: absolute;
  bottom: 24px;
  left: 24px;
  padding: 18px 22px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  color: var(--contrast-color);
  border-radius: var(--card-border-radius);
  text-align: center;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 50%);
}
@media (max-width: 576px) {
  .pb-about-models-model-26__experience-badge {
    bottom: 16px;
    left: 16px;
    padding: 14px 18px;
  }
}
.pb-about-models-model-26__badge-years {
  display: block;
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-26__badge-years {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-26__badge-text {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  margin-top: 4px;
  line-height: 1.3;
}
.pb-about-models-model-26__image-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.pb-about-models-model-26__grid-item {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-about-models-model-26__grid-item img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
}
.pb-about-models-model-26__content-section {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-26__content-section {
    margin-top: 8px;
  }
}
.pb-about-models-model-26__company-badge {
  display: inline-block;
  padding: 6px 16px;
  margin-bottom: 16px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-26__headline {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 16px;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-26__headline {
    font-size: 1.625rem;
  }
}
.pb-about-models-model-26__intro-text {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 28px;
  white-space: pre-line;
}
.pb-about-models-model-26__achievements {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 32px;
}
.pb-about-models-model-26__achievement {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.pb-about-models-model-26__achievement-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-26__achievement-icon i {
  font-size: 1.25rem;
  color: var(--accent-color);
}
.pb-about-models-model-26__achievement-title {
  font-family: var(--heading-font);
  font-size: 1.0625rem;
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--heading-color);
}
.pb-about-models-model-26__card-text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
  white-space: pre-line;
}
.pb-about-models-model-26__action-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
.pb-about-models-model-26__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 14px 28px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.9375rem;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 8px 25px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-about-models-model-26__btn-primary i {
  font-size: 1.25rem;
  line-height: 1;
}
.pb-about-models-model-26__btn-primary:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
  transform: translateY(-2px);
  box-shadow: 0 12px 35px color-mix(in srgb, var(--accent-color), transparent 50%);
  color: var(--contrast-color);
}
.pb-about-models-model-26__contact-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pb-about-models-model-26__contact-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.pb-about-models-model-26__contact-phone {
  font-family: var(--heading-font);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-about-models-model-26__contact-phone:hover {
  color: var(--accent-color);
}
.pb-about-models-model-26__metrics-section {
  margin-top: 48px;
}
@media (max-width: 768px) {
  .pb-about-models-model-26__metrics-section {
    margin-top: 36px;
  }
}
.pb-about-models-model-26__metric-card {
  text-align: center;
  padding: 28px 20px;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.pb-about-models-model-26__metric-value {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1;
}
@media (max-width: 768px) {
  .pb-about-models-model-26__metric-value {
    font-size: 1.625rem;
  }
}
.pb-about-models-model-26__metric-label {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-weight: 500;
  line-height: 1.4;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 32
--------------------------------------------------------------*/
.pb-about-models-model-27 {
  overflow: visible;
}
.pb-about-models-model-27__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-27__content {
    margin-bottom: 0.5rem;
  }
}
.pb-about-models-model-27__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 1rem;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-27__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-27__lead {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 1rem;
  white-space: pre-line;
}
.pb-about-models-model-27__body {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 1rem;
  white-space: pre-line;
}
.pb-about-models-model-27__body:last-of-type {
  margin-bottom: 1.5rem;
}
.pb-about-models-model-27__stats-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
  margin-bottom: 2rem;
  padding: 1.25rem 0;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 576px) {
  .pb-about-models-model-27__stats-row {
    gap: 1.25rem;
  }
}
.pb-about-models-model-27__stat-item {
  display: flex;
  flex-direction: column;
  min-width: 80px;
}
.pb-about-models-model-27__stat-value {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--accent-color);
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-27__stat-value {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-27__stat-suffix {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--accent-color);
}
.pb-about-models-model-27__stat-label {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
  margin-top: 0.375rem;
  line-height: 1.4;
}
.pb-about-models-model-27__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-27__actions {
    flex-direction: column;
    align-items: stretch;
  }
}
.pb-about-models-model-27__btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 0.875rem 1.75rem;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s ease;
}
.pb-about-models-model-27__btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
.pb-about-models-model-27__btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  color: var(--default-color);
  padding: 0;
  border: none;
  border-radius: 0;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-about-models-model-27__btn-secondary i {
  font-size: 1.25rem;
  color: var(--accent-color);
  transition: transform 0.3s ease;
}
.pb-about-models-model-27__btn-secondary:hover {
  color: var(--accent-color);
}
.pb-about-models-model-27__btn-secondary:hover i {
  transform: translateX(4px);
}
@media (max-width: 576px) {
  .pb-about-models-model-27__btn-secondary {
    justify-content: center;
  }
}
.pb-about-models-model-27__image-container {
  position: relative;
  height: 100%;
  min-height: 420px;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 86%);
}
@media (max-width: 991px) {
  .pb-about-models-model-27__image-container {
    min-height: 360px;
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-27__main-image {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  display: block;
}
.pb-about-models-model-27__image-overlay {
  position: absolute;
  inset: auto 1.5rem 1.5rem 1.5rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.25rem 1.5rem;
  background: color-mix(in srgb, var(--surface-color), transparent 8%);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 85%);
  backdrop-filter: blur(8px);
}
@media (max-width: 576px) {
  .pb-about-models-model-27__image-overlay {
    inset: auto 1rem 1rem 1rem;
    padding: 1rem 1.25rem;
  }
}
.pb-about-models-model-27__overlay-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.pb-about-models-model-27__overlay-title {
  font-family: var(--heading-font);
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0;
  line-height: 1.3;
}
.pb-about-models-model-27__overlay-text {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  line-height: 1.5;
  white-space: pre-line;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 34
--------------------------------------------------------------*/
.pb-about-models-model-28 {
  --soft-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --muted-text: color-mix(in srgb, var(--default-color), var(--heading-color) 14%);
  --subtle-text: color-mix(in srgb, var(--default-color), transparent 35%);
  overflow: visible;
}
.pb-about-models-model-28__intro-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 2.25rem;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid var(--soft-border);
  box-shadow: 0 16px 48px color-mix(in srgb, var(--default-color), transparent 92%);
}
@media (max-width: 991px) {
  .pb-about-models-model-28__intro-card {
    padding: 1.75rem 1.5rem;
  }
}
.pb-about-models-model-28__kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.45rem 0.95rem;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.pb-about-models-model-28__kicker i {
  font-size: 0.9rem;
  line-height: 1;
}
.pb-about-models-model-28__headline {
  font-family: var(--heading-font);
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 1rem;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-28__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-28__lead {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--muted-text);
  margin-bottom: 1rem;
  white-space: pre-line;
}
.pb-about-models-model-28__body {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--subtle-text);
  margin-bottom: 1.5rem;
  white-space: pre-line;
}
.pb-about-models-model-28__features {
  margin-bottom: 1.5rem;
}
.pb-about-models-model-28__feature {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  height: 100%;
}
.pb-about-models-model-28__feature-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.125rem;
}
.pb-about-models-model-28__feature-title {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  color: var(--heading-color);
  line-height: 1.35;
}
.pb-about-models-model-28__feature-text {
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--subtle-text);
  margin: 0;
  white-space: pre-line;
}
.pb-about-models-model-28__metric-band {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0;
  margin-bottom: 1.75rem;
  padding: 1.125rem 0;
  border-top: 1px solid var(--soft-border);
  border-bottom: 1px solid var(--soft-border);
}
@media (max-width: 576px) {
  .pb-about-models-model-28__metric-band {
    flex-direction: column;
    gap: 1rem;
  }
}
.pb-about-models-model-28__metric-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 90px;
  padding: 0 1.5rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-28__metric-item {
    padding: 0;
  }
}
.pb-about-models-model-28__metric-item--divided {
  border-left: 1px solid var(--soft-border);
}
@media (max-width: 576px) {
  .pb-about-models-model-28__metric-item--divided {
    border-left: none;
    padding-top: 1rem;
    border-top: 1px solid var(--soft-border);
  }
}
.pb-about-models-model-28__metric-item:first-child {
  padding-left: 0;
}
.pb-about-models-model-28__metric-value {
  font-family: var(--heading-font);
  font-size: 1.625rem;
  font-weight: 700;
  color: var(--accent-color);
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-28__metric-value {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-28__metric-label {
  margin-top: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--subtle-text);
  line-height: 1.4;
}
.pb-about-models-model-28__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.25rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-28__actions {
    flex-direction: column;
    align-items: stretch;
  }
}
.pb-about-models-model-28__btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.9375rem;
  text-decoration: none;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 65%);
  transition: all 0.3s ease;
}
.pb-about-models-model-28__btn-primary i {
  transition: transform 0.3s ease;
}
.pb-about-models-model-28__btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--accent-color), transparent 55%);
  color: var(--contrast-color);
}
.pb-about-models-model-28__btn-primary:hover i {
  transform: translateX(4px);
}
.pb-about-models-model-28__secondary-link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--accent-color);
  font-weight: 600;
  font-size: 0.9375rem;
  text-decoration: none;
  transition: gap 0.3s ease;
}
.pb-about-models-model-28__secondary-link i {
  transition: transform 0.3s ease;
}
.pb-about-models-model-28__secondary-link:hover {
  color: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
  gap: 0.625rem;
}
.pb-about-models-model-28__secondary-link:hover i {
  transform: translateX(3px);
}
@media (max-width: 576px) {
  .pb-about-models-model-28__secondary-link {
    justify-content: center;
  }
}
.pb-about-models-model-28__showcase {
  position: relative;
}
@media (max-width: 991px) {
  .pb-about-models-model-28__showcase {
    max-width: 480px;
    margin: 0 auto;
  }
}
.pb-about-models-model-28__showcase-main {
  margin: 0;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 86%);
}
.pb-about-models-model-28__showcase-main img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-about-models-model-28__showcase-main:hover img {
  transform: scale(1.03);
}
.pb-about-models-model-28__badge-note {
  position: absolute;
  bottom: -0.75rem;
  left: -0.75rem;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  max-width: 260px;
  padding: 1.125rem 1.375rem;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid var(--soft-border);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 85%);
}
@media (max-width: 991px) {
  .pb-about-models-model-28__badge-note {
    bottom: -0.5rem;
    left: -0.5rem;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-28__badge-note {
    max-width: 220px;
    padding: 1rem 1.125rem;
  }
}
.pb-about-models-model-28__badge-note-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.25rem;
}
.pb-about-models-model-28__badge-note-body {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.pb-about-models-model-28__badge-note-title {
  display: block;
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-about-models-model-28__badge-note-subtitle {
  display: block;
  font-size: 0.8125rem;
  color: var(--subtle-text);
  line-height: 1.45;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 37
--------------------------------------------------------------*/
.pb-about-models-model-29 {
  overflow: visible;
}
.pb-about-models-model-29__image-wrapper {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 86%);
}
@media (max-width: 991px) {
  .pb-about-models-model-29__image-wrapper {
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-29__main-image {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
}
.pb-about-models-model-29__mission-card {
  position: absolute;
  inset: auto 1.5rem 1.5rem 1.5rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.25rem 1.5rem;
  background: color-mix(in srgb, var(--surface-color), transparent 8%);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 85%);
  backdrop-filter: blur(8px);
}
@media (max-width: 576px) {
  .pb-about-models-model-29__mission-card {
    inset: auto 1rem 1rem 1rem;
    padding: 1rem 1.25rem;
  }
}
.pb-about-models-model-29__mission-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.pb-about-models-model-29__mission-title {
  font-family: var(--heading-font);
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0;
  line-height: 1.3;
}
.pb-about-models-model-29__mission-text {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  line-height: 1.5;
  white-space: pre-line;
}
.pb-about-models-model-29__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-29__content {
    margin-top: 8px;
  }
}
.pb-about-models-model-29__tag-badge {
  display: inline-block;
  padding: 6px 16px;
  margin-bottom: 16px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-29__headline {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 16px;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-29__headline {
    font-size: 1.625rem;
  }
}
.pb-about-models-model-29__about-info {
  margin-bottom: 24px;
}
.pb-about-models-model-29__body {
  font-size: 1rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 12px;
  white-space: pre-line;
}
.pb-about-models-model-29__body:last-child {
  margin-bottom: 0;
}
.pb-about-models-model-29__values-title {
  font-family: var(--heading-font);
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 16px;
}
.pb-about-models-model-29__values-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
}
@media (max-width: 576px) {
  .pb-about-models-model-29__values-list {
    grid-template-columns: 1fr;
  }
}
.pb-about-models-model-29__value-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.pb-about-models-model-29__value-icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  color: var(--accent-color);
  font-size: 1.125rem;
  line-height: 1;
}
.pb-about-models-model-29__value-text {
  font-size: 0.9375rem;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}

/*--------------------------------------------------------------

# Page Builder About Models — Model 39

--------------------------------------------------------------*/
.pb-about-models-model-30 {
  overflow: visible;
}
.pb-about-models-model-30__image {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 86%);
}
.pb-about-models-model-30__image img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.pb-about-models-model-30__image:hover img {
  transform: scale(1.03);
}
@media (max-width: 991px) {
  .pb-about-models-model-30__image {
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-30__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-30__content {
    margin-top: 0.5rem;
  }
}
.pb-about-models-model-30__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 1rem;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-30__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-30__lead {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 1rem;
  white-space: pre-line;
}
.pb-about-models-model-30__body {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 1.75rem;
  white-space: pre-line;
}
.pb-about-models-model-30__actions {
  margin-top: 0.25rem;
}
.pb-about-models-model-30__cta.btn.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.75rem;
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s ease;
}
.pb-about-models-model-30__cta.btn.btn-primary:hover, .pb-about-models-model-30__cta.btn.btn-primary:focus {
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
  border-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 6px 22px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-about-models-model-30__cards {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .pb-about-models-model-30__cards {
    margin-top: 2.25rem;
  }
}
.pb-about-models-model-30__card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 1.75rem 1.5rem;
  height: 100%;
  transition: all 0.3s ease;
}
.pb-about-models-model-30__card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 92%);
  transform: translateY(-4px);
}
.pb-about-models-model-30__card:hover .pb-about-models-model-30__card-icon {
  background: var(--accent-color);
}
.pb-about-models-model-30__card:hover .pb-about-models-model-30__card-icon i {
  color: var(--contrast-color);
}
.pb-about-models-model-30__card-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}
.pb-about-models-model-30__card-icon i {
  font-size: 1.375rem;
  color: var(--accent-color);
  transition: color 0.3s ease;
}
.pb-about-models-model-30__card-title {
  font-family: var(--heading-font);
  font-size: 1.0625rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--heading-color);
}
.pb-about-models-model-30__card-text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
  white-space: pre-line;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 40
--------------------------------------------------------------*/
.pb-about-models-model-31 {
  overflow: visible;
}
.pb-about-models-model-31__about-img {
  position: relative;
  padding: 24px 16px 16px;
}
@media (max-width: 991px) {
  .pb-about-models-model-31__about-img {
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-31__main-image {
  position: relative;
  z-index: 2;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 24px 60px color-mix(in srgb, var(--default-color), transparent 86%);
}
.pb-about-models-model-31__main-image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
}
.pb-about-models-model-31__scribble {
  position: absolute;
  z-index: 1;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 55%);
  border-radius: 50%;
  pointer-events: none;
}
.pb-about-models-model-31__scribble--1 {
  top: 0;
  left: 8%;
  width: 72px;
  height: 72px;
  border-top-color: transparent;
  border-right-color: transparent;
  transform: rotate(-35deg);
  animation: pb-about-models-model-31-spin 12s linear infinite;
}
.pb-about-models-model-31__scribble--2 {
  top: 18%;
  right: 4%;
  width: 48px;
  height: 48px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transform: rotate(20deg);
  animation: pb-about-models-model-31-spin 10s linear infinite reverse;
}
.pb-about-models-model-31__scribble--3 {
  bottom: 22%;
  left: 0;
  width: 56px;
  height: 56px;
  border-radius: var(--button-border-radius);
  border-style: dashed;
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  transform: rotate(12deg);
  animation: pb-about-models-model-31-float 6s ease-in-out infinite;
}
.pb-about-models-model-31__shape {
  position: absolute;
  z-index: 1;
  border-radius: var(--card-border-radius);
  pointer-events: none;
}
.pb-about-models-model-31__shape--1 {
  top: 8%;
  right: 12%;
  width: 56px;
  height: 56px;
  background: color-mix(in srgb, var(--accent-color), transparent 82%);
  animation: pb-about-models-model-31-float 5s ease-in-out infinite;
}
.pb-about-models-model-31__shape--2 {
  bottom: 12%;
  right: 6%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), var(--surface-color) 40%);
  animation: pb-about-models-model-31-float 7s ease-in-out infinite reverse;
}
.pb-about-models-model-31__floating-badge {
  position: absolute;
  right: -8px;
  bottom: 32px;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem 1.5rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--default-color), transparent 84%);
  animation: pb-about-models-model-31-float 4s ease-in-out infinite;
}
@media (max-width: 576px) {
  .pb-about-models-model-31__floating-badge {
    right: 0;
    bottom: 16px;
    padding: 0.75rem 1.25rem;
  }
}
.pb-about-models-model-31__badge-value {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  color: var(--accent-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-31__badge-value {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-31__badge-label {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
@media (max-width: 991px) {
  .pb-about-models-model-31__content {
    margin-top: 8px;
  }
}
.pb-about-models-model-31__section-tag {
  display: inline-block;
  margin-bottom: 14px;
  padding: 6px 16px;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-31__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-31__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-31__body {
  font-size: 1rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 28px;
  white-space: pre-line;
}
.pb-about-models-model-31__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 32px;
}
.pb-about-models-model-31__feature {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.pb-about-models-model-31__feature-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-31__feature-icon i {
  font-size: 1.25rem;
  color: var(--accent-color);
}
.pb-about-models-model-31__feature-title {
  font-size: 1.0625rem;
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--heading-color);
}
.pb-about-models-model-31__card-text {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  white-space: pre-line;
}
.pb-about-models-model-31__cta-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.pb-about-models-model-31__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 12px 24px;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 0.9375rem;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: all 0.2s ease;
}
.pb-about-models-model-31__btn-primary i {
  font-size: 1.4rem;
  transition: transform 0.2s ease;
}
.pb-about-models-model-31__btn-primary:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 10%);
  color: var(--contrast-color);
}
.pb-about-models-model-31__btn-primary:hover i {
  transform: translateX(3px);
}
.pb-about-models-model-31__video-cta {
  display: inline-flex;
}
.pb-about-models-model-31__btn-video {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px 10px 10px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  background: var(--surface-color);
  color: var(--heading-color);
  font-size: 0.9375rem;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  cursor: pointer;
  transition: all 0.2s ease;
}
.pb-about-models-model-31__btn-video:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
  color: var(--accent-color);
}
.pb-about-models-model-31__btn-video-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 82%);
  color: var(--accent-color);
  transition: all 0.2s ease;
}
.pb-about-models-model-31__btn-video-icon i {
  font-size: 1.25rem;
  margin-left: 2px;
}
.pb-about-models-model-31__btn-video:hover .pb-about-models-model-31__btn-video-icon {
  background: var(--accent-color);
  color: var(--contrast-color);
}

@keyframes pb-about-models-model-31-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes pb-about-models-model-31-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Page Builder About Models — Model 42
--------------------------------------------------------------*/
.pb-about-models-model-32 {
  overflow: visible;
}
.pb-about-models-model-32__image-wrapper {
  position: relative;
}
@media (max-width: 991px) {
  .pb-about-models-model-32__image-wrapper {
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-32__image-box {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 86%);
}
.pb-about-models-model-32__main-image {
  width: 100%;
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
}
.pb-about-models-model-32__experience-box {
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1.125rem 1.5rem;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  color: var(--contrast-color);
  border-radius: var(--card-border-radius);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--accent-color), transparent 55%);
}
@media (max-width: 576px) {
  .pb-about-models-model-32__experience-box {
    left: 1rem;
    bottom: 1rem;
    padding: 0.875rem 1.25rem;
  }
}
.pb-about-models-model-32__experience-years {
  display: block;
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-32__experience-years {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-32__experience-label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.35;
  white-space: pre-line;
}
.pb-about-models-model-32__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-32__content {
    margin-top: 0.5rem;
  }
}
.pb-about-models-model-32__subtitle {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.375rem 1rem;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-32__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 1rem;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-32__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-32__highlight-text {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 1.75rem;
  white-space: pre-line;
}
.pb-about-models-model-32__features {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 2rem;
}
.pb-about-models-model-32__feature {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.pb-about-models-model-32__feature-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-32__feature-icon i {
  font-size: 1.25rem;
  color: var(--accent-color);
}
.pb-about-models-model-32__feature-title {
  font-family: var(--heading-font);
  font-size: 1.0625rem;
  font-weight: 700;
  margin: 0 0 0.375rem;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-about-models-model-32__feature-description {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  white-space: pre-line;
}
.pb-about-models-model-32__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-32__actions {
    flex-direction: column;
    align-items: stretch;
  }
}
.pb-about-models-model-32__btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.75rem;
  background: transparent;
  color: var(--heading-color);
  font-size: 0.9375rem;
  font-weight: 600;
  border: 2px solid color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: all 0.25s ease;
}
.pb-about-models-model-32__btn-secondary:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-32__btn-secondary {
    width: 100%;
  }
}
.pb-about-models-model-32__btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.75rem;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.25s ease;
}
.pb-about-models-model-32__btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-32__btn-primary {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 44
--------------------------------------------------------------*/
.pb-about-models-model-33 {
  overflow: visible;
}
.pb-about-models-model-33__intro-row {
  margin-bottom: 0.5rem;
}
.pb-about-models-model-33__intro {
  margin-bottom: 0.5rem;
}
.pb-about-models-model-33__subtitle {
  font-family: var(--heading-font);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent-color);
  margin-bottom: 0.75rem;
}
.pb-about-models-model-33__title {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--heading-color);
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .pb-about-models-model-33__title {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-33__intro-text {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  max-width: 640px;
  margin: 0 auto;
  white-space: pre-line;
}
.pb-about-models-model-33__highlight-row {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .pb-about-models-model-33__highlight-row {
    margin-top: 2rem;
  }
}
.pb-about-models-model-33__highlight-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.pb-about-models-model-33__highlight-card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 55%);
  box-shadow: 0 16px 36px color-mix(in srgb, var(--default-color), transparent 88%);
  transform: translateY(-6px);
}
.pb-about-models-model-33__highlight-card--elevated {
  transform: translateY(-16px);
}
.pb-about-models-model-33__highlight-card--elevated:hover {
  transform: translateY(-20px);
}
@media (max-width: 767px) {
  .pb-about-models-model-33__highlight-card--elevated {
    transform: none;
  }
  .pb-about-models-model-33__highlight-card--elevated:hover {
    transform: translateY(-6px);
  }
}
.pb-about-models-model-33__highlight-media {
  overflow: hidden;
}
.pb-about-models-model-33__highlight-image {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
  transition: transform 0.45s ease;
}
.pb-about-models-model-33__highlight-card:hover .pb-about-models-model-33__highlight-image {
  transform: scale(1.04);
}
.pb-about-models-model-33__card-title {
  font-family: var(--heading-font);
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
  padding: 1.25rem 1.25rem 1.5rem;
  line-height: 1.35;
}
.pb-about-models-model-33__values-row {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .pb-about-models-model-33__values-row {
    margin-top: 2.25rem;
  }
}
.pb-about-models-model-33__values-image {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 86%);
}
.pb-about-models-model-33__values-image img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
}
@media (max-width: 991px) {
  .pb-about-models-model-33__values-image {
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-33__values-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-33__values-content {
    margin-top: 0.5rem;
  }
}
.pb-about-models-model-33__values-title {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--heading-color);
  margin-bottom: 0.875rem;
}
@media (max-width: 768px) {
  .pb-about-models-model-33__values-title {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-33__values-desc {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 1.75rem;
  white-space: pre-line;
}
.pb-about-models-model-33__values-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.pb-about-models-model-33__value-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.pb-about-models-model-33__value-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.25rem;
  transition: background 0.3s ease, color 0.3s ease;
}
.pb-about-models-model-33__value-item:hover .pb-about-models-model-33__value-icon {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-about-models-model-33__value-title {
  font-family: var(--heading-font);
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.375rem;
  line-height: 1.35;
}
.pb-about-models-model-33__value-description {
  font-size: 0.9rem;
  line-height: 1.65;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  white-space: pre-line;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 59
--------------------------------------------------------------*/
.pb-about-models-model-34 {
  overflow: visible;
}
.pb-about-models-model-34__about-images {
  position: relative;
}
@media (max-width: 991px) {
  .pb-about-models-model-34__about-images {
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-34__main-image {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 86%);
}
.pb-about-models-model-34__main-image img {
  width: 100%;
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
}
.pb-about-models-model-34__secondary-image {
  position: absolute;
  top: 2rem;
  right: -1.5rem;
  z-index: 2;
  width: 42%;
  max-width: 200px;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 4px solid var(--surface-color);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--default-color), transparent 84%);
}
.pb-about-models-model-34__secondary-image img {
  width: 100%;
  display: block;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@media (max-width: 991px) {
  .pb-about-models-model-34__secondary-image {
    right: -0.75rem;
    top: 1.5rem;
    width: 38%;
  }
}
@media (max-width: 576px) {
  .pb-about-models-model-34__secondary-image {
    right: 0.5rem;
    top: 1rem;
    width: 34%;
    max-width: 140px;
  }
}
.pb-about-models-model-34__client-count {
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.875rem 1.25rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 85%);
}
@media (max-width: 576px) {
  .pb-about-models-model-34__client-count {
    left: 1rem;
    bottom: 1rem;
    padding: 0.75rem 1rem;
    gap: 0.75rem;
  }
}
.pb-about-models-model-34__client-avatar {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: var(--button-border-radius);
  overflow: hidden;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-about-models-model-34__client-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 576px) {
  .pb-about-models-model-34__client-avatar {
    width: 42px;
    height: 42px;
  }
}
.pb-about-models-model-34__count-value {
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 0.25rem;
  color: var(--heading-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-34__count-value {
    font-size: 1.25rem;
  }
}
.pb-about-models-model-34__count-text {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-about-models-model-34__about-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-34__about-content {
    margin-top: 0.5rem;
  }
}
.pb-about-models-model-34__section-subtitle {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.375rem 1rem;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-34__about-title {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 1rem;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-34__about-title {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-34__about-description {
  font-size: 1rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 1.75rem;
  white-space: pre-line;
}
.pb-about-models-model-34__features {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 2rem;
}
.pb-about-models-model-34__feature {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.pb-about-models-model-34__feature-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-34__feature-icon i {
  font-size: 1.25rem;
  color: var(--accent-color);
}
.pb-about-models-model-34__feature-title {
  font-family: var(--heading-font);
  font-size: 1.0625rem;
  font-weight: 700;
  margin: 0 0 0.375rem;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-about-models-model-34__card-text {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  white-space: pre-line;
}
.pb-about-models-model-34__cta-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem 1.5rem;
  padding-top: 0.25rem;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 576px) {
  .pb-about-models-model-34__cta-wrapper {
    flex-direction: column;
    align-items: stretch;
  }
}
.pb-about-models-model-34__cta-btn.btn.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.75rem;
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s ease;
}
.pb-about-models-model-34__cta-btn.btn.btn-primary:hover, .pb-about-models-model-34__cta-btn.btn.btn-primary:focus {
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
  border-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 6px 22px color-mix(in srgb, var(--accent-color), transparent 60%);
}
@media (max-width: 576px) {
  .pb-about-models-model-34__cta-btn.btn.btn-primary {
    width: 100%;
  }
}
.pb-about-models-model-34__cta-text {
  flex: 1;
  min-width: 180px;
}
.pb-about-models-model-34__cta-title {
  font-family: var(--heading-font);
  font-size: 1.0625rem;
  font-weight: 700;
  margin: 0 0 0.25rem;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-about-models-model-34__cta-subtitle {
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 61
--------------------------------------------------------------*/
.pb-about-models-model-35 {
  overflow: visible;
}
.pb-about-models-model-35__headline {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1.25rem;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-35__headline {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-35__top-image {
  width: 100%;
  display: block;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--card-border-radius);
  margin-bottom: 1.25rem;
}
.pb-about-models-model-35__body {
  font-size: 1rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 1rem;
  white-space: pre-line;
}
.pb-about-models-model-35__body:last-child {
  margin-bottom: 0;
}
.pb-about-models-model-35__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-35__content {
    margin-top: 8px;
  }
}
.pb-about-models-model-35__quote {
  font-size: 1.0625rem;
  font-style: italic;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  margin-bottom: 1.5rem;
  white-space: pre-line;
}
.pb-about-models-model-35__checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.pb-about-models-model-35__checklist-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.pb-about-models-model-35__checklist-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  color: var(--accent-color);
  font-size: 1.125rem;
  line-height: 1;
}
.pb-about-models-model-35__checklist-text {
  font-size: 0.9375rem;
  line-height: 1.55;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  white-space: pre-line;
}
.pb-about-models-model-35__closing {
  font-size: 1rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 1.5rem;
  white-space: pre-line;
}
.pb-about-models-model-35__bottom-media {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
.pb-about-models-model-35__bottom-media--placeholder {
  min-height: 220px;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-about-models-model-35__bottom-image {
  width: 100%;
  display: block;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.pb-about-models-model-35__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.85rem;
  z-index: 2;
  transition: transform 0.3s ease, background-color 0.3s ease;
  box-shadow: 0 4px 24px color-mix(in srgb, var(--accent-color), transparent 55%);
}
.pb-about-models-model-35__play-btn::before, .pb-about-models-model-35__play-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: var(--accent-color);
  opacity: 0.35;
  z-index: -1;
  animation: pb-about-models-model-35-pulse 2s ease-out infinite;
}
.pb-about-models-model-35__play-btn::after {
  animation-delay: 1s;
}
.pb-about-models-model-35__play-btn--solo {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}
.pb-about-models-model-35__play-btn:hover {
  transform: translate(-50%, -50%) scale(1.1);
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
  color: var(--contrast-color);
}
.pb-about-models-model-35__play-btn--solo:hover {
  transform: scale(1.1);
}
.pb-about-models-model-35__play-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 70%), 0 4px 24px color-mix(in srgb, var(--accent-color), transparent 55%);
}

@keyframes pb-about-models-model-35-pulse {
  0% {
    transform: scale(1);
    opacity: 0.45;
  }
  100% {
    transform: scale(1.75);
    opacity: 0;
  }
}
/*--------------------------------------------------------------
# Page Builder About Models — Model 63
--------------------------------------------------------------*/
.pb-about-models-model-36 {
  overflow: visible;
}
.pb-about-models-model-36__media {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
.pb-about-models-model-36__media--placeholder {
  min-height: 280px;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-about-models-model-36__main-image {
  width: 100%;
  display: block;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.pb-about-models-model-36__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-36__content {
    margin-top: 8px;
  }
}
.pb-about-models-model-36__headline {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1.25rem;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-36__headline {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-36__quote {
  font-size: 1.0625rem;
  font-style: italic;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  margin-bottom: 1.5rem;
  white-space: pre-line;
}
.pb-about-models-model-36__checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.pb-about-models-model-36__checklist-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.pb-about-models-model-36__checklist-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  color: var(--accent-color);
  font-size: 1.125rem;
  line-height: 1;
}
.pb-about-models-model-36__checklist-text {
  font-size: 0.9375rem;
  line-height: 1.55;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  white-space: pre-line;
}
.pb-about-models-model-36__closing {
  font-size: 1rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 0;
  white-space: pre-line;
}
.pb-about-models-model-36__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.85rem;
  z-index: 2;
  transition: transform 0.3s ease, background-color 0.3s ease;
  box-shadow: 0 4px 24px color-mix(in srgb, var(--accent-color), transparent 55%);
}
.pb-about-models-model-36__play-btn.pulsating-play-btn::before, .pb-about-models-model-36__play-btn.pulsating-play-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: var(--accent-color);
  opacity: 0.35;
  z-index: -1;
  animation: pb-about-models-model-36-pulse 2s ease-out infinite;
}
.pb-about-models-model-36__play-btn.pulsating-play-btn::after {
  animation-delay: 1s;
}
.pb-about-models-model-36__play-btn--solo {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}
.pb-about-models-model-36__play-btn:hover {
  transform: translate(-50%, -50%) scale(1.1);
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
  color: var(--contrast-color);
}
.pb-about-models-model-36__play-btn--solo:hover {
  transform: scale(1.1);
}
.pb-about-models-model-36__play-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 70%), 0 4px 24px color-mix(in srgb, var(--accent-color), transparent 55%);
}

@keyframes pb-about-models-model-36-pulse {
  0% {
    transform: scale(1);
    opacity: 0.45;
  }
  100% {
    transform: scale(1.75);
    opacity: 0;
  }
}
/*--------------------------------------------------------------
# Page Builder About Models — Model 68
--------------------------------------------------------------*/
.pb-about-models-model-37 {
  overflow: visible;
}
.pb-about-models-model-37__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-37__content {
    margin-bottom: 0.5rem;
  }
}
.pb-about-models-model-37__who-we-are {
  margin: 0 0 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent-color);
}
.pb-about-models-model-37__headline {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 1rem;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-37__headline {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-37__quote-text {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  margin: 0 0 1.5rem;
  white-space: pre-line;
}
.pb-about-models-model-37__checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.pb-about-models-model-37__checklist-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.pb-about-models-model-37__checklist-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.125rem;
}
.pb-about-models-model-37__checklist-icon i {
  font-size: 1.125rem;
  color: var(--accent-color);
}
.pb-about-models-model-37__checklist-text {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  white-space: pre-line;
}
.pb-about-models-model-37__actions {
  margin-top: 0.25rem;
}
.pb-about-models-model-37__read-more {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.875rem 1.75rem;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.25s ease;
}
.pb-about-models-model-37__read-more i {
  font-size: 1.25rem;
  line-height: 1;
  transition: transform 0.25s ease;
}
.pb-about-models-model-37__read-more:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
  transform: translateY(-2px);
  box-shadow: 0 6px 22px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.pb-about-models-model-37__read-more:hover i {
  transform: translateX(3px);
}
@media (max-width: 991px) {
  .pb-about-models-model-37__about-images {
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-37__nested-grid {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
}
.pb-about-models-model-37__grid-item {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 16px 40px color-mix(in srgb, var(--default-color), transparent 86%);
}
.pb-about-models-model-37__grid-item img {
  width: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.pb-about-models-model-37__grid-item:hover img {
  transform: scale(1.03);
}
.pb-about-models-model-37__grid-item--portrait {
  height: 100%;
}
.pb-about-models-model-37__grid-item--portrait img {
  aspect-ratio: 3/4;
  min-height: 100%;
}
.pb-about-models-model-37__grid-item--nested-top img, .pb-about-models-model-37__grid-item--nested-bottom img {
  aspect-ratio: 4/3;
}

/*--------------------------------------------------------------

# Page Builder About Models — Model 69

--------------------------------------------------------------*/
.pb-about-models-model-38 {
  overflow: visible;
}
.pb-about-models-model-38__about-img {
  position: relative;
  padding: 0 1.5rem 1.5rem 0;
}
@media (max-width: 991px) {
  .pb-about-models-model-38__about-img {
    max-width: 480px;
    margin: 0 auto;
  }
}
.pb-about-models-model-38__about-img::before {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  right: 0;
  bottom: 0;
  z-index: 0;
  border-radius: var(--card-border-radius);
  background-image: radial-gradient(color-mix(in srgb, var(--accent-color), transparent 78%) 1.5px, transparent 1.5px);
  background-size: 16px 16px;
  opacity: 0.55;
  pointer-events: none;
}
.pb-about-models-model-38__main-image {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
  border-radius: var(--card-border-radius);
  box-shadow: 0 24px 60px color-mix(in srgb, var(--default-color), transparent 86%);
}
@media (max-width: 991px) {
  .pb-about-models-model-38__content {
    margin-top: 0.5rem;
  }
}
.pb-about-models-model-38__headline {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1.5rem;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-38__headline {
    font-size: 1.625rem;
  }
}
.pb-about-models-model-38__nav {
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 0;
}
.pb-about-models-model-38__nav .nav-link {
  padding: 0.625rem 1.25rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  border-radius: var(--button-border-radius);
  transition: all 0.2s ease;
}
.pb-about-models-model-38__nav .nav-link:hover, .pb-about-models-model-38__nav .nav-link:focus {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-about-models-model-38__nav .nav-link.active {
  color: var(--contrast-color);
  background: var(--accent-color);
}
.pb-about-models-model-38__tab-content {
  padding-top: 0.25rem;
}
.pb-about-models-model-38__intro-text {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 1.5rem;
  white-space: pre-line;
}
.pb-about-models-model-38__points {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.pb-about-models-model-38__point {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.pb-about-models-model-38__point-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: var(--button-border-radius);
}
.pb-about-models-model-38__point-icon i {
  font-size: 1.125rem;
  color: var(--accent-color);
}
.pb-about-models-model-38__point-title {
  font-family: var(--heading-font);
  font-size: 1.0625rem;
  font-weight: 700;
  margin: 0 0 0.375rem;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-about-models-model-38__point-description {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  white-space: pre-line;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 72
--------------------------------------------------------------*/
.pb-about-models-model-39 {
  overflow: visible;
}
.pb-about-models-model-39__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pb-about-models-model-39__content {
    margin-bottom: 0.5rem;
  }
}
.pb-about-models-model-39__headline {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-about-models-model-39__headline {
    font-size: 1.625rem;
  }
}
.pb-about-models-model-39__body {
  font-size: 1rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 1.5rem;
  white-space: pre-line;
}
.pb-about-models-model-39__stats-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
  margin-bottom: 1.75rem;
  padding: 1.25rem 0;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 576px) {
  .pb-about-models-model-39__stats-row {
    gap: 1.25rem;
  }
}
.pb-about-models-model-39__stat-item {
  display: flex;
  flex-direction: column;
  min-width: 80px;
}
.pb-about-models-model-39__stat-value {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--accent-color);
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-39__stat-value {
    font-size: 1.5rem;
  }
}
.pb-about-models-model-39__stat-label {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
  margin-top: 0.375rem;
  line-height: 1.4;
}
.pb-about-models-model-39__mission-statement {
  margin: 0 0 1.75rem;
  padding: 1.25rem 1.5rem;
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  border-left: 4px solid var(--accent-color);
  border-radius: var(--card-border-radius);
}
.pb-about-models-model-39__mission-statement p {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--heading-color), transparent 10%);
  white-space: pre-line;
}
.pb-about-models-model-39__mission-statement p em {
  font-style: italic;
}
.pb-about-models-model-39__actions {
  display: flex;
  flex-wrap: wrap;
}
.pb-about-models-model-39__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--accent-color), transparent 70%);
  transition: all 0.3s ease;
}
.pb-about-models-model-39__btn i {
  transition: transform 0.3s ease;
}
.pb-about-models-model-39__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
.pb-about-models-model-39__btn:hover i {
  transform: translateX(4px);
}
.pb-about-models-model-39__image-wrapper {
  position: relative;
}
@media (max-width: 991px) {
  .pb-about-models-model-39__image-wrapper {
    max-width: 520px;
    margin: 0 auto;
  }
}
.pb-about-models-model-39__main-image {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 86%);
}
.pb-about-models-model-39__main-image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-about-models-model-39__main-image:hover img {
  transform: scale(1.03);
}
.pb-about-models-model-39__experience-badge {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem 1.5rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 85%);
  text-align: center;
}
@media (max-width: 576px) {
  .pb-about-models-model-39__experience-badge {
    bottom: 1rem;
    right: 1rem;
    padding: 0.75rem 1.25rem;
  }
}
.pb-about-models-model-39__badge-years {
  display: block;
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  color: var(--accent-color);
}
@media (max-width: 576px) {
  .pb-about-models-model-39__badge-years {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-39__badge-text {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 74
--------------------------------------------------------------*/
.pb-about-models-model-40 {
  overflow: visible;
}
.pb-about-models-model-40__about-row {
  margin-bottom: 3rem;
}
@media (max-width: 991px) {
  .pb-about-models-model-40__about-row {
    margin-bottom: 2.5rem;
  }
}
.pb-about-models-model-40__eyebrow {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--accent-color);
  margin-bottom: 0.875rem;
}
.pb-about-models-model-40__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--heading-color);
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  .pb-about-models-model-40__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-40__intro-text {
  font-size: 1rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 1.75rem;
  white-space: pre-line;
}
.pb-about-models-model-40__timeline {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  position: relative;
  padding-left: 1.25rem;
  border-left: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-about-models-model-40__timeline-item {
  position: relative;
  padding-left: 0.5rem;
}
.pb-about-models-model-40__timeline-item::before {
  content: "";
  position: absolute;
  left: -1.44rem;
  top: 0.45rem;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background-color: var(--accent-color);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-about-models-model-40__timeline-year {
  font-family: var(--heading-font);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--heading-color);
  margin-bottom: 0.375rem;
}
.pb-about-models-model-40__timeline-description {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 0;
  white-space: pre-line;
}
.pb-about-models-model-40__about-image {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
}
.pb-about-models-model-40__main-image {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--default-color), transparent 86%);
}
.pb-about-models-model-40__main-image img {
  width: 100%;
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
}
.pb-about-models-model-40__mission-vision {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
@media (max-width: 576px) {
  .pb-about-models-model-40__mission-vision {
    grid-template-columns: 1fr;
  }
}
.pb-about-models-model-40__mission-vision-item {
  padding: 1.25rem;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-about-models-model-40__mission-title, .pb-about-models-model-40__vision-title {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--heading-color);
  margin-bottom: 0.625rem;
}
.pb-about-models-model-40__mission-text, .pb-about-models-model-40__vision-text {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 22%);
  margin-bottom: 0;
  white-space: pre-line;
}
.pb-about-models-model-40__core-values {
  margin-top: 1rem;
}
.pb-about-models-model-40__core-values-title {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--heading-color);
  text-align: center;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .pb-about-models-model-40__core-values-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.pb-about-models-model-40__value-card {
  padding: 1.5rem 1.25rem;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-about-models-model-40__value-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-about-models-model-40__value-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.375rem;
  margin-bottom: 1rem;
}
.pb-about-models-model-40__value-card-title {
  font-family: var(--heading-font);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--heading-color);
  margin-bottom: 0.625rem;
}
.pb-about-models-model-40__value-card-text {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 0;
  white-space: pre-line;
}

/*--------------------------------------------------------------
# Page Builder About Models — Model 75
--------------------------------------------------------------*/
.pb-about-models-model-41 {
  position: relative;
  overflow: visible;
}
.pb-about-models-model-41__content {
  max-width: 560px;
}
@media (max-width: 991px) {
  .pb-about-models-model-41__content {
    max-width: none;
  }
}
.pb-about-models-model-41__headline {
  font-family: var(--heading-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin-bottom: 1.25rem;
  color: var(--heading-color);
  white-space: pre-line;
}
@media (max-width: 992px) {
  .pb-about-models-model-41__headline {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-41__quote {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  margin-bottom: 1rem;
  white-space: pre-line;
}
.pb-about-models-model-41__body {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 1.5rem;
  white-space: pre-line;
}
.pb-about-models-model-41__features {
  margin-bottom: 1.5rem;
}
.pb-about-models-model-41__feature {
  padding: 1.5rem 1.25rem;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color) 6%, transparent);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-about-models-model-41__feature:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--default-color) 10%, transparent);
}
.pb-about-models-model-41__feature-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color) 12%, var(--background-color));
  margin-bottom: 0.875rem;
}
.pb-about-models-model-41__feature-icon i {
  font-size: 1.35rem;
  color: var(--accent-color);
}
.pb-about-models-model-41__feature-title {
  font-family: var(--heading-font);
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--heading-color);
}
.pb-about-models-model-41__feature-text {
  margin-bottom: 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  white-space: pre-line;
}
.pb-about-models-model-41__signature-block {
  margin-top: 0.5rem;
}
.pb-about-models-model-41__signer-name {
  font-weight: 600;
  font-style: italic;
  margin-bottom: 0.5rem;
  color: var(--heading-color);
}
.pb-about-models-model-41__signature-image {
  display: block;
  max-width: 160px;
  height: auto;
  opacity: 0.85;
}
@media (max-width: 576px) {
  .pb-about-models-model-41__signature-image {
    max-width: 130px;
  }
}
.pb-about-models-model-41__gallery {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pb-about-models-model-41__gallery-top {
  margin-bottom: 0;
}
.pb-about-models-model-41__gallery-bottom {
  position: relative;
}
.pb-about-models-model-41__gallery-image {
  display: block;
  width: 100%;
  border-radius: var(--card-border-radius);
  object-fit: cover;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color) 10%, transparent);
  aspect-ratio: 1/1;
}
.pb-about-models-model-41__gallery-image--wide {
  aspect-ratio: 16/9;
}
.pb-about-models-model-41__years-badge {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, var(--heading-color)));
  color: var(--contrast-color);
  border-radius: var(--card-border-radius);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color) 30%, transparent);
}
@media (max-width: 576px) {
  .pb-about-models-model-41__years-badge {
    right: 0.75rem;
    bottom: 0.75rem;
    padding: 0.75rem 1.125rem;
  }
}
.pb-about-models-model-41__badge-number {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 576px) {
  .pb-about-models-model-41__badge-number {
    font-size: 1.75rem;
  }
}
.pb-about-models-model-41__badge-text {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  white-space: pre-line;
}

/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 1
--------------------------------------------------------------*/
.pb-tab-menu-model-1.pb-ready-model .pb-tab-menu-model-1__nav-note, .pb-tab-menu-model-1.pb-ready-model .pb-tab-menu-model-1__body p, .pb-tab-menu-model-1.pb-ready-model .pb-tab-menu-model-1__checklist span {
  white-space: normal;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__sidebar {
  position: sticky;
  top: 100px;
}
@media (max-width: 992px) {
  .pb-tab-menu-model-1 .pb-tab-menu-model-1__sidebar {
    position: static;
    margin-bottom: 24px;
  }
}
.pb-tab-menu-model-1 .nav-pills {
  gap: 8px;
  border: none;
}
@media (max-width: 992px) {
  .pb-tab-menu-model-1 .nav-pills {
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 8px;
  }
}
@media (max-width: 992px) {
  .pb-tab-menu-model-1 .nav-item {
    flex: 1 1 calc(50% - 4px);
    min-width: 160px;
  }
}
@media (max-width: 576px) {
  .pb-tab-menu-model-1 .nav-item {
    flex: 1 1 100%;
  }
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__nav-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  background: var(--surface-color);
  color: var(--default-color);
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  cursor: pointer;
  width: 100%;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__nav-link > i {
  font-size: 20px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  flex-shrink: 0;
  transition: color 0.2s ease;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__nav-link:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  background: color-mix(in srgb, var(--surface-color), var(--default-color) 3%);
  color: var(--default-color);
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__nav-link.active {
  border-color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__nav-link.active > i {
  color: var(--accent-color);
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__nav-link.active .pb-tab-menu-model-1__nav-title {
  color: var(--accent-color);
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__nav-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__nav-title {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  transition: color 0.2s ease;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__nav-note {
  font-size: 12px;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  transition: color 0.2s ease;
}
.pb-tab-menu-model-1 .tab-content .pb-tab-menu-model-1__pane {
  padding: 0;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__card {
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--heading-color), transparent 92%);
  overflow: hidden;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__image {
  height: 100%;
  min-height: 280px;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-1 .pb-tab-menu-model-1__image {
    min-height: 220px;
  }
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__body {
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-1 .pb-tab-menu-model-1__body {
    padding: 24px;
  }
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__body h3 {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 700;
  color: var(--heading-color);
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-1 .pb-tab-menu-model-1__body h3 {
    font-size: 20px;
  }
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__body p {
  font-family: var(--default-font);
  font-size: 14px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 20px;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  font-family: var(--heading-font);
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 16px;
  width: fit-content;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__checklist li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--default-color);
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__checklist li i {
  font-size: 14px;
  color: var(--accent-color);
  margin-top: 2px;
  flex-shrink: 0;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__metrics {
  display: flex;
  gap: 24px;
  padding: 16px 0;
  margin-bottom: 24px;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 576px) {
  .pb-tab-menu-model-1 .pb-tab-menu-model-1__metrics {
    gap: 16px;
  }
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__metric {
  text-align: center;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__metric strong {
  display: block;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--accent-color);
  line-height: 1.2;
}
@media (max-width: 576px) {
  .pb-tab-menu-model-1 .pb-tab-menu-model-1__metric strong {
    font-size: 16px;
  }
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__metric span {
  display: block;
  font-size: 11px;
  font-weight: 500;
  font-family: var(--heading-font);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
  margin-top: 4px;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--heading-font);
  border-radius: var(--button-border-radius);
  background: var(--heading-color);
  color: var(--contrast-color);
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
  width: fit-content;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__button i {
  font-size: 14px;
  transition: transform 0.2s ease;
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__button:hover {
  background: color-mix(in srgb, var(--heading-color), transparent 10%);
  color: var(--contrast-color);
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__button:hover i {
  transform: translateX(3px);
}
.pb-tab-menu-model-1 .pb-tab-menu-model-1__button:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--heading-color), transparent 80%);
}

/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 2
--------------------------------------------------------------*/
.pb-tab-menu-model-2.pb-ready-model .pb-tab-menu-model-2__nav-note, .pb-tab-menu-model-2.pb-ready-model .pb-tab-menu-model-2__body p, .pb-tab-menu-model-2.pb-ready-model .pb-tab-menu-model-2__points li {
  white-space: normal;
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__nav {
  border: none;
  gap: 0;
  overflow-x: auto;
}
@media (min-width: 992px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__nav {
    overflow-x: visible;
    position: sticky;
    top: 120px;
  }
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__nav .nav-item {
  flex-shrink: 0;
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-link {
  border: none;
  background: none;
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  transition: border-color 0.3s ease, color 0.3s ease;
  border-bottom: 2px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  color: var(--default-color);
}
@media (min-width: 992px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-link {
    border-bottom: none;
    border-left: 2px solid color-mix(in srgb, var(--heading-color), transparent 78%);
    padding: 24px;
    gap: 16px;
  }
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-link.active {
  border-bottom-color: var(--accent-color);
}
@media (min-width: 992px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-link.active {
    border-left-color: var(--accent-color);
  }
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-link.active .pb-tab-menu-model-2__index {
  color: var(--accent-color);
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-link.active .pb-tab-menu-model-2__nav-title {
  color: var(--heading-color);
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-link:hover:not(.active) {
  border-bottom-color: color-mix(in srgb, var(--heading-color), transparent 60%);
}
@media (min-width: 992px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-link:hover:not(.active) {
    border-left-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  }
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__index {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  transition: color 0.3s ease;
  flex-shrink: 0;
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  transition: color 0.3s ease;
}
@media (min-width: 992px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-title {
    font-size: 15px;
    margin-bottom: 2px;
  }
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-note {
  display: none;
  font-size: 12px;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
  line-height: 1;
}
@media (min-width: 992px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__nav-note {
    display: block;
  }
}
@media (min-width: 992px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__panel {
    padding-left: 24px;
  }
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__pane {
  animation: pb-tab-menu-model-2-fade-in 0.4s ease;
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__visual {
  margin: 0 0 32px;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (min-width: 768px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__visual {
    margin-bottom: 48px;
  }
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__visual img {
  width: 100%;
  display: block;
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__body h3 {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 20px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__body h3 {
    font-size: 28px;
  }
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__body p {
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 1.8;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 32px;
  max-width: 580px;
}
@media (min-width: 768px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__body p {
    margin-bottom: 40px;
  }
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__stats {
  display: flex;
  gap: 32px;
}
@media (min-width: 576px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__stats {
    gap: 40px;
  }
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__stat-value {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: var(--accent-color);
  line-height: 1;
  margin-bottom: 6px;
  font-family: var(--heading-font);
}
@media (min-width: 768px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__stat-value {
    font-size: 28px;
  }
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__stat-label {
  font-size: 12px;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__points {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__points li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--default-color);
  margin-bottom: 10px;
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__points li:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__points li::before {
  content: "–";
  position: absolute;
  left: 0;
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 32px;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--heading-font);
  color: var(--accent-color);
  text-decoration: none;
  transition: gap 0.3s ease, border-color 0.3s ease;
  border-bottom: 1px solid transparent;
}
@media (min-width: 768px) {
  .pb-tab-menu-model-2 .pb-tab-menu-model-2__link {
    margin-top: 40px;
  }
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__link:hover {
  border-bottom-color: var(--accent-color);
  gap: 12px;
  color: var(--accent-color);
}
.pb-tab-menu-model-2 .pb-tab-menu-model-2__link i {
  font-size: 14px;
  transition: transform 0.3s ease;
}

@keyframes pb-tab-menu-model-2-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 3
--------------------------------------------------------------*/
.pb-tab-menu-model-3.pb-ready-model .pb-tab-menu-model-3__nav-note, .pb-tab-menu-model-3.pb-ready-model .pb-tab-menu-model-3__body p, .pb-tab-menu-model-3.pb-ready-model .pb-tab-menu-model-3__benefits span {
  white-space: normal;
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__layout {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-wrap {
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
  height: 100%;
  padding: 32px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-wrap {
    padding: 24px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  justify-content: center;
  border: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 992px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__nav {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav .nav-item {
  margin: 0;
  width: 100%;
}
@media (max-width: 992px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__nav .nav-item {
    flex: 1 1 calc(50% - 6px);
    width: auto;
  }
}
@media (max-width: 576px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__nav .nav-item {
    flex: 1 1 100%;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  text-decoration: none;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;
  cursor: pointer;
  border: 2px solid transparent;
  width: 100%;
  text-align: left;
  color: var(--default-color);
}
@media (max-width: 992px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn {
    padding: 16px 20px;
    gap: 12px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn:hover:not(.active) {
  transform: translateX(8px);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
@media (max-width: 992px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn:hover:not(.active) {
    transform: translateY(-4px);
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn:hover:not(.active) .pb-tab-menu-model-3__arrow {
  opacity: 1;
  transform: translateX(0);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn.active {
  background: var(--accent-color);
  transform: translateX(12px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 60%);
}
@media (max-width: 992px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn.active {
    transform: translateY(-4px) scale(1.02);
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn.active .pb-tab-menu-model-3__icon-wrap {
  background: color-mix(in srgb, var(--contrast-color), transparent 85%);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn.active .pb-tab-menu-model-3__icon-wrap i {
  color: var(--contrast-color);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn.active .pb-tab-menu-model-3__nav-title,
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn.active .pb-tab-menu-model-3__nav-note {
  color: var(--contrast-color);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn.active .pb-tab-menu-model-3__arrow {
  opacity: 1;
  transform: translateX(0);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-btn.active .pb-tab-menu-model-3__arrow i {
  color: var(--contrast-color);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__icon-wrap {
  width: 52px;
  height: 52px;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 0.3s ease;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__icon-wrap {
    width: 44px;
    height: 44px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__icon-wrap i {
  font-size: 22px;
  color: var(--accent-color);
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__icon-wrap i {
    font-size: 18px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-copy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--heading-font);
  margin: 0 0 4px;
  color: var(--heading-color);
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-title {
    font-size: 14px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-note {
  display: block;
  font-size: 13px;
  font-family: var(--default-font);
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__nav-note {
    font-size: 12px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__arrow {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__arrow i {
  font-size: 18px;
  color: var(--accent-color);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__panel {
  padding: 32px;
}
@media (max-width: 992px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__panel {
    padding: 24px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__pane {
  animation: pb-tab-menu-model-3-slide-in 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__card {
  display: flex;
  gap: 32px;
  align-items: stretch;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__card {
    flex-direction: column;
    gap: 24px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__media {
  flex: 0 0 45%;
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 768px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__media {
    flex: none;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 320px;
  display: block;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__media img {
    min-height: 240px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, color-mix(in srgb, var(--default-color), transparent 30%) 100%);
  display: flex;
  align-items: flex-end;
  padding: 24px;
  pointer-events: none;
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__overlay-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--contrast-color);
  padding: 10px 18px;
  border-radius: var(--button-border-radius);
  font-size: 13px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__overlay-badge i {
  font-size: 16px;
  color: var(--accent-color);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 0;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__body {
    padding: 0;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__body h3 {
  font-family: var(--heading-font);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 16px;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__body h3 {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__body h3 {
    font-size: 22px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__body p {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__body p {
    font-size: 15px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__category {
  margin-bottom: 16px;
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__category span {
  display: inline-block;
  padding: 6px 14px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 12px;
  font-weight: 600;
  font-family: var(--heading-font);
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: var(--button-border-radius);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__metrics {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  padding: 20px;
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 576px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__metrics {
    gap: 16px;
    padding: 16px;
    flex-wrap: wrap;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__metric {
  flex: 1;
  text-align: center;
  position: relative;
}
@media (max-width: 576px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__metric {
    flex: 1 1 calc(33.333% - 12px);
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__metric:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 70%;
  width: 1px;
  background: color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 576px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__metric:not(:last-child)::after {
    display: none;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__metric-value {
  display: block;
  font-size: 26px;
  font-weight: 800;
  font-family: var(--heading-font);
  color: var(--accent-color);
  line-height: 1.2;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__metric-value {
    font-size: 22px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__metric-label {
  display: block;
  font-size: 12px;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-3 .pb-tab-menu-model-3__metric-label {
    font-size: 11px;
  }
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__benefits {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__benefits li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--default-color);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__benefits li i {
  font-size: 16px;
  color: var(--accent-color);
  flex-shrink: 0;
  margin-top: 2px;
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--heading-font);
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease;
  box-shadow: 0 4px 20px color-mix(in srgb, var(--accent-color), transparent 60%);
  align-self: flex-start;
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__button:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-color), transparent 50%);
  color: var(--contrast-color);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__button:hover i {
  transform: translateX(4px);
}
.pb-tab-menu-model-3 .pb-tab-menu-model-3__button i {
  font-size: 18px;
  transition: transform 0.3s ease;
}

@keyframes pb-tab-menu-model-3-slide-in {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 4
--------------------------------------------------------------*/
.pb-tab-menu-model-4.pb-ready-model .pb-tab-menu-model-4__nav-note, .pb-tab-menu-model-4.pb-ready-model .pb-tab-menu-model-4__body p, .pb-tab-menu-model-4.pb-ready-model .pb-tab-menu-model-4__points span {
  white-space: normal;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__wrap {
  max-width: 1100px;
  margin: 0 auto;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__header {
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__header {
    margin-bottom: 60px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__nav {
  border: none;
  justify-content: center;
  gap: 0;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 2px 20px color-mix(in srgb, var(--default-color), transparent 94%);
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__nav {
    flex-direction: column;
    gap: 4px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__nav .nav-item {
  flex: 1;
  cursor: pointer;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__nav .nav-item {
    flex: none;
    width: 100%;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__nav-link {
  border: none;
  background: transparent;
  padding: 0;
  border-radius: var(--card-border-radius);
  transition: background-color 0.3s ease;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__nav-link.active {
  background: var(--accent-color);
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__nav-link.active .pb-tab-menu-model-4__index {
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--contrast-color), transparent 85%);
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__nav-link.active .pb-tab-menu-model-4__nav-title,
.pb-tab-menu-model-4 .pb-tab-menu-model-4__nav-link.active .pb-tab-menu-model-4__nav-note {
  color: var(--contrast-color);
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__nav-link:hover:not(.active) {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__nav-link:hover:not(.active) .pb-tab-menu-model-4__index {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__preview {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__preview {
    padding: 16px 20px;
    gap: 12px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__index {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--default-color), transparent 92%);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--heading-font);
  transition: background-color 0.3s ease, color 0.3s ease;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__index {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__nav-copy {
  text-align: left;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__nav-copy {
    flex: 1;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__nav-title {
  display: block;
  margin: 0 0 2px;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--heading-font);
  color: var(--heading-color);
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__nav-title {
    font-size: 13px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__nav-note {
  display: block;
  font-size: 11px;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  transition: color 0.3s ease;
  line-height: 1;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__pane {
  animation: pb-tab-menu-model-4-fade-in 0.5s ease-in-out;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__body {
  padding-right: 40px;
}
@media (max-width: 992px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__body {
    padding-right: 0;
    margin-bottom: 50px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__body h3 {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 24px;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__body h3 {
    font-size: 28px;
  }
}
@media (max-width: 576px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__body h3 {
    font-size: 24px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__body p {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__body p {
    font-size: 15px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
  padding: 8px 16px;
  border-radius: var(--button-border-radius);
  font-size: 12px;
  font-weight: 500;
  font-family: var(--heading-font);
  margin-bottom: 24px;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__badge i {
  font-size: 14px;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__stats {
  display: flex;
  gap: 40px;
  margin-bottom: 40px;
}
@media (max-width: 576px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__stats {
    gap: 24px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__stat-value {
  display: block;
  font-size: 28px;
  font-weight: 300;
  font-family: var(--heading-font);
  color: var(--accent-color);
  line-height: 1;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__stat-value {
    font-size: 24px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__stat-label {
  font-size: 12px;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__points {
  margin-bottom: 40px;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__point {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__point:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__point i {
  font-size: 12px;
  color: var(--accent-color);
  margin-top: 4px;
  flex-shrink: 0;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__point span {
  font-size: 14px;
  line-height: 1.6;
  color: var(--default-color);
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--accent-color);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--heading-font);
  transition: gap 0.3s ease;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__link:hover {
  gap: 12px;
  color: var(--accent-color);
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__link:hover i {
  transform: translate(2px, -2px);
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__link i {
  font-size: 16px;
  transition: transform 0.3s ease;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__visual {
  position: relative;
  padding-left: 40px;
}
@media (max-width: 992px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__visual {
    padding-left: 0;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__visual img {
  width: 100%;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  display: block;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__float {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__float {
    bottom: 15px;
    right: 15px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__float-card {
  background: var(--surface-color);
  backdrop-filter: blur(10px);
  border-radius: var(--card-border-radius);
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 8px 30px color-mix(in srgb, var(--default-color), transparent 85%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  animation: pb-tab-menu-model-4-float 3s ease-in-out infinite;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__float-card {
    padding: 12px 16px;
    gap: 10px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__float-card i {
  font-size: 20px;
  color: var(--accent-color);
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__float-card i {
    font-size: 18px;
  }
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__float-copy span {
  display: block;
  font-size: 10px;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}
.pb-tab-menu-model-4 .pb-tab-menu-model-4__float-copy strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .pb-tab-menu-model-4 .pb-tab-menu-model-4__float-copy strong {
    font-size: 12px;
  }
}

@keyframes pb-tab-menu-model-4-fade-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pb-tab-menu-model-4-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 5
--------------------------------------------------------------*/
.pb-tab-menu-model-5.pb-ready-model .pb-tab-menu-model-5__nav-note, .pb-tab-menu-model-5.pb-ready-model .pb-tab-menu-model-5__header-copy p, .pb-tab-menu-model-5.pb-ready-model .pb-tab-menu-model-5__list-item span {
  white-space: normal;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__sidebar {
  background: linear-gradient(145deg, var(--surface-color), color-mix(in srgb, var(--surface-color), var(--accent-color) 3%));
  border-radius: var(--card-border-radius);
  padding: 30px 20px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 15px 50px color-mix(in srgb, var(--default-color), transparent 90%);
  position: sticky;
  top: 100px;
}
@media (max-width: 992px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__sidebar {
    position: relative;
    top: auto;
    margin-bottom: 40px;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav {
  gap: 0;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav .nav-item {
  margin-bottom: 15px;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav .nav-item:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link {
  background: var(--surface-color);
  border: 2px solid transparent;
  border-radius: var(--card-border-radius);
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  cursor: pointer;
  width: 100%;
  color: var(--default-color);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link:hover {
  border-color: var(--accent-color);
  background-color: var(--accent-color);
  transform: translateX(5px);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link:hover .pb-tab-menu-model-5__icon-wrap {
  background: var(--contrast-color);
  transform: scale(1.1);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link:hover .pb-tab-menu-model-5__icon-wrap i {
  color: var(--accent-color);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link:hover .pb-tab-menu-model-5__nav-title,
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link:hover .pb-tab-menu-model-5__nav-note {
  color: var(--contrast-color);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link:hover .pb-tab-menu-model-5__arrow {
  opacity: 1;
  transform: translateX(8px);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link:hover .pb-tab-menu-model-5__arrow i {
  color: var(--contrast-color);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link.active {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link.active .pb-tab-menu-model-5__icon-wrap {
  background: var(--contrast-color);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link.active .pb-tab-menu-model-5__icon-wrap i {
  color: var(--accent-color);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link.active .pb-tab-menu-model-5__nav-title,
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link.active .pb-tab-menu-model-5__nav-note {
  color: var(--contrast-color);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link.active .pb-tab-menu-model-5__arrow {
  opacity: 1;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-link.active .pb-tab-menu-model-5__arrow i {
  color: var(--contrast-color);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__icon-wrap {
  width: 48px;
  height: 48px;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.4s ease;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__icon-wrap i {
  font-size: 20px;
  color: var(--accent-color);
  transition: color 0.4s ease;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-copy {
  flex: 1;
  position: relative;
  z-index: 2;
  min-width: 0;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-title {
  display: block;
  margin: 0 0 3px;
  font-size: 15px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  transition: color 0.4s ease;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__nav-note {
  display: block;
  font-size: 12px;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  transition: color 0.4s ease;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__arrow {
  position: relative;
  z-index: 2;
  transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0.6;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__arrow i {
  font-size: 16px;
  color: var(--default-color);
  transition: color 0.4s ease;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__pane {
  animation: pb-tab-menu-model-5-slide-in 0.6s ease-in-out;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 40px;
  box-shadow: 0 20px 60px color-mix(in srgb, var(--default-color), transparent 88%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
@media (max-width: 768px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__card {
    padding: 30px 25px;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__header {
  display: flex;
  gap: 25px;
  margin-bottom: 35px;
}
@media (max-width: 576px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__header {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__header-icon {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 12px 35px color-mix(in srgb, var(--accent-color), transparent 65%);
}
@media (max-width: 576px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__header-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__header-icon i {
  font-size: 32px;
  color: var(--contrast-color);
}
@media (max-width: 576px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__header-icon i {
    font-size: 28px;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__header-copy {
  flex: 1;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__header-copy h3 {
  font-family: var(--heading-font);
  font-size: 28px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 15px;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__header-copy h3 {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__header-copy h3 {
    font-size: 22px;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__header-copy p {
  font-family: var(--default-font);
  font-size: 15px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin: 0;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__media {
  margin-bottom: 35px;
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__media img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__media:hover img {
  transform: scale(1.08);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, color-mix(in srgb, var(--accent-color), transparent 20%) 0%, transparent 70%);
  display: flex;
  align-items: flex-end;
  padding: 25px;
  pointer-events: none;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__overlay-card {
  backdrop-filter: blur(15px);
  border: 1px solid color-mix(in srgb, var(--contrast-color), transparent 80%);
  border-radius: var(--card-border-radius);
  padding: 18px 22px;
  display: flex;
  align-items: center;
  gap: 15px;
  transform: translateY(30px);
  opacity: 0;
  animation: pb-tab-menu-model-5-float-up 0.8s ease 0.5s forwards;
}
@media (max-width: 576px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__overlay-card {
    padding: 15px 18px;
    gap: 12px;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__overlay-card i {
  font-size: 24px;
  color: var(--contrast-color);
}
@media (max-width: 576px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__overlay-card i {
    font-size: 20px;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__overlay-copy span {
  display: block;
  font-size: 11px;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--contrast-color), transparent 30%);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 2px;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__overlay-copy strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--contrast-color);
}
@media (max-width: 576px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__overlay-copy strong {
    font-size: 14px;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__details {
  margin-bottom: 35px;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__list-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__list-item:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__list-item i {
  font-size: 18px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__list-item span {
  font-size: 14px;
  color: var(--default-color);
  line-height: 1.5;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__metrics {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__metrics {
    flex-direction: row;
    justify-content: space-around;
    margin-top: 25px;
  }
}
@media (max-width: 576px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__metrics {
    gap: 15px;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__metric {
  text-align: center;
  padding: 20px;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);
}
@media (max-width: 768px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__metric {
    padding: 15px;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__metric-value {
  display: block;
  font-size: 22px;
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--accent-color);
  margin-bottom: 5px;
}
@media (max-width: 576px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__metric-value {
    font-size: 18px;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__metric-label {
  display: block;
  font-size: 11px;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__footer {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 576px) {
  .pb-tab-menu-model-5 .pb-tab-menu-model-5__footer {
    justify-content: center;
  }
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(45deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 15%));
  color: var(--contrast-color);
  text-decoration: none;
  padding: 14px 28px;
  border-radius: var(--button-border-radius);
  font-weight: 500;
  font-size: 14px;
  font-family: var(--heading-font);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.4s ease;
  box-shadow: 0 8px 25px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__button:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__button:hover i {
  transform: rotate(45deg);
}
.pb-tab-menu-model-5 .pb-tab-menu-model-5__button i {
  font-size: 18px;
  transition: transform 0.3s ease;
}

@keyframes pb-tab-menu-model-5-slide-in {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pb-tab-menu-model-5-float-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 6
--------------------------------------------------------------*/
.pb-tab-menu-model-6.pb-ready-model .pb-tab-menu-model-6__nav-note, .pb-tab-menu-model-6.pb-ready-model .pb-tab-menu-model-6__body p, .pb-tab-menu-model-6.pb-ready-model .pb-tab-menu-model-6__feature span {
  white-space: normal;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__wrap {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 40px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav {
  border: 0;
  gap: 20px;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__nav {
    flex-direction: column;
    gap: 15px;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav .nav-item {
  flex: 1;
  min-width: 0;
}
@media (max-width: 992px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__nav .nav-item {
    flex: none;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link {
  background: color-mix(in srgb, var(--surface-color), var(--default-color) 3%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 25px 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.4s ease, box-shadow 0.4s ease;
  position: relative;
  overflow: hidden;
  height: auto;
  min-height: 80px;
  cursor: pointer;
  width: 100%;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link {
    padding: 20px 15px;
    min-height: 70px;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link:hover {
  transform: translateY(-3px);
  border-color: transparent;
  box-shadow: 0 15px 40px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link:hover::before {
  opacity: 1;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link:hover .pb-tab-menu-model-6__icon-wrap {
  background: var(--contrast-color);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--default-color), transparent 80%);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link:hover .pb-tab-menu-model-6__icon-wrap i {
  color: var(--accent-color);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link:hover .pb-tab-menu-model-6__nav-title,
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link:hover .pb-tab-menu-model-6__nav-note {
  color: var(--contrast-color);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link.active {
  border-color: var(--accent-color);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link.active::before {
  opacity: 1;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link.active .pb-tab-menu-model-6__icon-wrap {
  background: var(--contrast-color);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link.active .pb-tab-menu-model-6__icon-wrap i {
  color: var(--accent-color);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link.active .pb-tab-menu-model-6__nav-title,
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-link.active .pb-tab-menu-model-6__nav-note {
  color: var(--contrast-color);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__icon-wrap {
  position: relative;
  z-index: 2;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease;
  flex-shrink: 0;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__icon-wrap i {
  font-size: 24px;
  color: var(--contrast-color);
  transition: color 0.4s ease;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__icon-wrap {
    width: 40px;
    height: 40px;
  }
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__icon-wrap i {
    font-size: 20px;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-copy {
  position: relative;
  z-index: 2;
  flex: 1;
  min-width: 0;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-title {
  display: block;
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
  transition: color 0.4s ease;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-title {
    font-size: 14px;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-note {
  display: block;
  font-size: 13px;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  transition: color 0.4s ease;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__nav-note {
    font-size: 12px;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__pane {
  padding: 40px 0;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__pane {
    padding: 20px 0;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__body {
  padding-right: 40px;
}
@media (max-width: 992px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__body {
    padding-right: 0;
    margin-bottom: 40px;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__body h3 {
  font-family: var(--heading-font);
  font-size: 32px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 20px;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__body h3 {
    font-size: 24px;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__body p {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 30px;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__badge {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__badge i {
  font-size: 30px;
  color: var(--contrast-color);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-bottom: 35px;
}
@media (max-width: 576px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__features {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__feature {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__feature i {
  font-size: 16px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__feature span {
  font-size: 14px;
  color: var(--default-color);
  line-height: 1.4;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__stats {
  display: flex;
  gap: 30px;
  margin-bottom: 35px;
}
@media (max-width: 576px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__stats {
    gap: 20px;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__stat {
  text-align: center;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__stat-value {
  font-size: 24px;
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--accent-color);
  margin-bottom: 5px;
}
@media (max-width: 576px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__stat-value {
    font-size: 20px;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__stat-label {
  font-size: 12px;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__button {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  color: var(--contrast-color);
  padding: 15px 35px;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-family: var(--heading-font);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  border: none;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease;
  box-shadow: 0 8px 25px color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__button:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__button:hover i {
  transform: translateX(5px);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__button i {
  transition: transform 0.3s ease;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__visual {
  position: relative;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__media {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__media img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.6s ease;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__media:hover img {
  transform: scale(1.05);
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__float {
  position: absolute;
  bottom: 30px;
  left: 30px;
  background: var(--surface-color);
  padding: 20px 25px;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  gap: 15px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color), transparent 80%);
  transform: translateY(20px);
  opacity: 0;
  animation: pb-tab-menu-model-6-fade-up 0.8s ease 0.6s forwards;
}
@media (max-width: 576px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__float {
    bottom: 20px;
    left: 20px;
    padding: 15px 20px;
    gap: 10px;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__float > i {
  font-size: 28px;
  color: var(--accent-color);
}
@media (max-width: 576px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__float > i {
    font-size: 24px;
  }
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__float-copy span {
  display: block;
  font-size: 12px;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 2px;
}
.pb-tab-menu-model-6 .pb-tab-menu-model-6__float-copy strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
@media (max-width: 576px) {
  .pb-tab-menu-model-6 .pb-tab-menu-model-6__float-copy strong {
    font-size: 14px;
  }
}

@keyframes pb-tab-menu-model-6-fade-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 7
--------------------------------------------------------------*/
.pb-tab-menu-model-7.pb-ready-model .pb-tab-menu-model-7__nav-note, .pb-tab-menu-model-7.pb-ready-model .pb-tab-menu-model-7__card p, .pb-tab-menu-model-7.pb-ready-model .pb-tab-menu-model-7__features span {
  white-space: normal;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav {
  border: none;
  background: color-mix(in srgb, var(--surface-color), transparent 50%);
  border-radius: var(--card-border-radius);
  backdrop-filter: blur(8px);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  padding: 12px;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav .nav-item {
  margin-bottom: 15px;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav .nav-item:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-link {
  padding: 20px;
  border: none;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  transition: transform 0.4s ease, background-color 0.4s ease, border-color 0.4s ease;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  display: block;
}
@media (max-width: 991px) {
  .pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-link {
    padding: 15px;
  }
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-link:hover {
  transform: translateY(-2px);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-link:hover .pb-tab-menu-model-7__icon-wrap {
  background: var(--accent-color);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-link:hover .pb-tab-menu-model-7__icon-wrap i {
  color: var(--contrast-color);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-link:hover .pb-tab-menu-model-7__nav-title {
  color: var(--accent-color);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-link:hover .pb-tab-menu-model-7__nav-note {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-link.active {
  background: var(--accent-color);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-link.active .pb-tab-menu-model-7__icon-wrap {
  background: color-mix(in srgb, var(--contrast-color), transparent 85%);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-link.active .pb-tab-menu-model-7__icon-wrap i {
  color: var(--contrast-color);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-link.active .pb-tab-menu-model-7__nav-title {
  color: var(--contrast-color);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-link.active .pb-tab-menu-model-7__nav-note {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-row {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  z-index: 1;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__icon-wrap {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  transition: background-color 0.4s ease;
  flex-shrink: 0;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__icon-wrap i {
  font-size: 24px;
  color: var(--accent-color);
  transition: color 0.4s ease;
}
@media (max-width: 991px) {
  .pb-tab-menu-model-7 .pb-tab-menu-model-7__icon-wrap {
    width: 40px;
    height: 40px;
  }
  .pb-tab-menu-model-7 .pb-tab-menu-model-7__icon-wrap i {
    font-size: 20px;
  }
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-copy {
  flex: 1;
  min-width: 0;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--heading-font);
  margin: 0 0 5px;
  color: var(--heading-color);
  transition: color 0.4s ease;
}
@media (max-width: 767px) {
  .pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-title {
    font-size: 15px;
  }
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-note {
  display: block;
  font-size: 14px;
  font-family: var(--default-font);
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  transition: color 0.4s ease;
}
@media (max-width: 767px) {
  .pb-tab-menu-model-7 .pb-tab-menu-model-7__nav-note {
    font-size: 13px;
  }
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__pane {
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__pane.fade {
  transform: translateY(10px);
  opacity: 0;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__pane.show {
  transform: translateY(0);
  opacity: 1;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 40px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: box-shadow 0.4s ease;
}
@media (max-width: 991px) {
  .pb-tab-menu-model-7 .pb-tab-menu-model-7__card {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .pb-tab-menu-model-7 .pb-tab-menu-model-7__card {
    padding: 25px;
  }
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__card h3 {
  font-family: var(--heading-font);
  font-size: 28px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 15px;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__card h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background: var(--accent-color);
  border-radius: 3px;
}
@media (max-width: 991px) {
  .pb-tab-menu-model-7 .pb-tab-menu-model-7__card h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .pb-tab-menu-model-7 .pb-tab-menu-model-7__card h3 {
    font-size: 22px;
  }
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__card p {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .pb-tab-menu-model-7 .pb-tab-menu-model-7__card p {
    font-size: 15px;
  }
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__highlight {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 92%), color-mix(in srgb, var(--accent-color), transparent 95%));
  padding: 20px;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__features {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__features li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding-left: 8px;
  transition: transform 0.3s ease;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__features li:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__features li:hover {
  transform: translateX(5px);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__features li:hover span {
  color: var(--default-color);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__features li i {
  font-size: 20px;
  color: var(--accent-color);
  margin-right: 12px;
  flex-shrink: 0;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__features li span {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-size: 14px;
  line-height: 1.5;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__media {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__media img {
  width: 100%;
  display: block;
  transition: transform 0.6s ease;
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__media:hover img {
  transform: scale(1.05);
}
.pb-tab-menu-model-7 .pb-tab-menu-model-7__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--default-color), transparent 95%) 100%);
  pointer-events: none;
}
@media (max-width: 991px) {
  .pb-tab-menu-model-7 .pb-tab-menu-model-7__nav {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .pb-tab-menu-model-7 .pb-tab-menu-model-7__nav .nav-item {
    margin-bottom: 10px;
  }
}

/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 8
--------------------------------------------------------------*/
.pb-tab-menu-model-8.pb-ready-model .pb-tab-menu-model-8__body p, .pb-tab-menu-model-8.pb-ready-model .pb-tab-menu-model-8__benefit-copy p {
  white-space: normal;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__controls-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__controls {
  position: relative;
  z-index: 10;
  border-radius: var(--button-border-radius);
  display: inline-flex;
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  margin-bottom: 0;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__controls .nav-item {
  margin: 0 5px;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__controls .nav-item:first-child {
  margin-left: 0;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__controls .nav-item:last-child {
  margin-right: 0;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__control {
  display: flex;
  align-items: center;
  border-radius: var(--button-border-radius);
  padding: 12px 24px;
  background-color: transparent;
  color: var(--heading-color);
  font-weight: 600;
  font-family: var(--heading-font);
  transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  border: none;
  cursor: pointer;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__control i {
  font-size: 18px;
  margin-right: 8px;
  transition: color 0.3s ease;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__control:hover {
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--surface-color), transparent 10%);
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__control.active {
  background-color: var(--surface-color);
  color: var(--accent-color);
  box-shadow: 0 4px 15px color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__pane {
  transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__pane.fade {
  opacity: 0;
  transform: translateY(20px);
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__pane.show {
  opacity: 1;
  transform: translateY(0);
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__wrap {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__media {
  height: 100%;
  position: relative;
  overflow: hidden;
  min-height: 320px;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__media img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__media:hover img {
  transform: scale(1.05);
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__badge {
  position: absolute;
  bottom: 30px;
  right: 30px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--card-border-radius);
  padding: 16px 24px;
  text-align: center;
  box-shadow: 0 5px 20px color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__badge-value {
  display: block;
  font-size: 24px;
  font-weight: 800;
  font-family: var(--heading-font);
  line-height: 1.2;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__badge-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--heading-font);
  opacity: 0.9;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__body {
  padding: 50px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1199px) {
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__body {
    padding: 40px;
  }
}
@media (max-width: 991px) {
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__body {
    padding: 30px;
  }
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__body > p {
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 30px;
  font-family: var(--default-font);
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__header {
  margin-bottom: 24px;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__category {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--heading-font);
  letter-spacing: 1.5px;
  color: var(--accent-color);
  margin-bottom: 12px;
  position: relative;
  padding-left: 22px;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__category::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 2px;
  background-color: var(--accent-color);
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__header h3 {
  font-family: var(--heading-font);
  font-size: 32px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 0;
  line-height: 1.3;
}
@media (max-width: 1199px) {
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__header h3 {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__header h3 {
    font-size: 24px;
  }
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
  transition: transform 0.3s ease;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit:hover {
  transform: translateX(6px);
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit:hover .pb-tab-menu-model-8__benefit-icon {
  background-color: var(--accent-color);
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit:hover .pb-tab-menu-model-8__benefit-icon i {
  color: var(--contrast-color);
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit-icon {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  transition: background-color 0.3s ease;
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit-icon i {
  color: var(--accent-color);
  font-size: 22px;
  transition: color 0.3s ease;
}
@media (max-width: 991px) {
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit-icon {
    width: 45px;
    height: 45px;
  }
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit-icon i {
    font-size: 18px;
  }
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit-copy h4 {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 8px;
  color: var(--heading-color);
}
@media (max-width: 991px) {
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit-copy h4 {
    font-size: 16px;
  }
}
.pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit-copy p {
  font-size: 15px;
  font-family: var(--default-font);
  margin-bottom: 0;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}
@media (max-width: 991px) {
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__benefit-copy p {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__control {
    padding: 10px 18px;
    font-size: 14px;
  }
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__control i {
    font-size: 16px;
  }
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__badge {
    bottom: 20px;
    right: 20px;
    padding: 12px 18px;
  }
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__badge-value {
    font-size: 20px;
  }
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__badge-label {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__controls {
    flex-wrap: wrap;
    justify-content: center;
    border-radius: var(--card-border-radius);
    padding: 6px;
  }
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__controls .nav-item {
    margin: 4px;
  }
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__control {
    padding: 8px 14px;
    font-size: 13px;
  }
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__wrap .row {
    flex-direction: column-reverse;
  }
  .pb-tab-menu-model-8 .pb-tab-menu-model-8__media {
    height: 300px;
    min-height: 300px;
  }
}

/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 9
--------------------------------------------------------------*/
.pb-tab-menu-model-9.pb-ready-model .pb-tab-menu-model-9__panel p, .pb-tab-menu-model-9.pb-ready-model .pb-tab-menu-model-9__features span {
  white-space: normal;
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__nav {
  border: none;
  border-right: 3px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  height: 100%;
  padding: 0;
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__nav .nav-item {
  margin: 15px 0;
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__nav-link {
  padding: 15px 20px;
  border: none;
  border-radius: 0;
  color: var(--default-color);
  transition: color 0.3s ease, background-color 0.3s ease;
  background: transparent;
  cursor: pointer;
  width: 100%;
  display: block;
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__nav-link:hover {
  color: var(--accent-color);
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__nav-link:hover i {
  color: var(--accent-color);
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__nav-link.active {
  color: var(--accent-color);
  position: relative;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__nav-link.active i {
  color: var(--accent-color);
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__nav-link.active::after {
  content: "";
  position: absolute;
  top: 0;
  right: -3px;
  height: 100%;
  width: 3px;
  background: var(--accent-color);
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__nav-row {
  display: flex;
  align-items: center;
  gap: 15px;
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__nav-row i {
  font-size: 24px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  transition: color 0.3s ease;
  flex-shrink: 0;
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__nav-title {
  font-size: 16px;
  font-weight: 600;
  font-family: var(--heading-font);
  margin: 0;
  transition: color 0.3s ease;
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__panel h3 {
  font-family: var(--heading-font);
  font-size: 28px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 20px;
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__panel p {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 15px;
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__highlight {
  font-style: italic;
  padding: 15px;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__features {
  list-style: none;
  padding: 0;
  margin-top: 25px;
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__features li {
  position: relative;
  padding: 8px 0 8px 28px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__features li i {
  position: absolute;
  left: 0;
  top: 11px;
  font-size: 18px;
  color: var(--accent-color);
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__features li span {
  font-size: 14px;
  line-height: 1.5;
}
.pb-tab-menu-model-9 .pb-tab-menu-model-9__media img {
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--default-color), transparent 88%);
}
@media (max-width: 991px) {
  .pb-tab-menu-model-9 .pb-tab-menu-model-9__nav {
    border-right: none;
    border-bottom: 3px solid color-mix(in srgb, var(--heading-color), transparent 78%);
    margin-bottom: 30px;
    padding: 0;
  }
  .pb-tab-menu-model-9 .pb-tab-menu-model-9__nav .nav-item {
    margin: 8px 0;
  }
  .pb-tab-menu-model-9 .pb-tab-menu-model-9__nav-link {
    padding: 10px 15px;
  }
  .pb-tab-menu-model-9 .pb-tab-menu-model-9__nav-link.active::after {
    right: 0;
    bottom: -3px;
    top: auto;
    height: 3px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .pb-tab-menu-model-9 .pb-tab-menu-model-9__panel h3 {
    font-size: 24px;
    margin-top: 20px;
  }
  .pb-tab-menu-model-9 .pb-tab-menu-model-9__media {
    margin-bottom: 30px;
  }
}

/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 10
--------------------------------------------------------------*/
.pb-tab-menu-model-10.pb-ready-model .pb-tab-menu-model-10__panel p, .pb-tab-menu-model-10.pb-ready-model .pb-tab-menu-model-10__features span {
  white-space: normal;
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__nav {
  border: none;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__nav .nav-item {
  margin: 0 30px;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-10 .pb-tab-menu-model-10__nav .nav-item {
    margin: 0 20px;
  }
}
@media (max-width: 575px) {
  .pb-tab-menu-model-10 .pb-tab-menu-model-10__nav .nav-item {
    margin: 0 10px;
  }
}
@media (max-width: 400px) {
  .pb-tab-menu-model-10 .pb-tab-menu-model-10__nav .nav-item {
    margin: 0 5px;
  }
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-link {
  padding: 0;
  border: none;
  border-radius: 0;
  color: var(--default-color);
  transition: color 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  background: transparent;
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-link > i {
  font-size: 32px;
  margin-bottom: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-link > i {
    font-size: 28px;
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-link > i {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
@media (max-width: 400px) {
  .pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-link > i {
    font-size: 18px;
    margin-bottom: 6px;
  }
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-link:hover {
  color: var(--accent-color);
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-link:hover > i {
  color: var(--accent-color);
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-link.active {
  color: var(--accent-color);
  position: relative;
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-link.active > i {
  color: var(--accent-color);
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-link.active::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 3px;
  background: var(--accent-color);
  border-radius: var(--button-border-radius);
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-title {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  margin: 0;
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-title {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-title {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .pb-tab-menu-model-10 .pb-tab-menu-model-10__nav-title {
    font-size: 12px;
  }
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__pane {
  padding: 30px;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__panel h3 {
  font-family: var(--heading-font);
  font-size: 28px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 20px;
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__panel p {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 15px;
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__highlight {
  font-style: italic;
  padding: 15px;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__features {
  list-style: none;
  padding: 0;
  margin-top: 25px;
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__features li {
  position: relative;
  padding: 8px 0 8px 28px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__features li i {
  position: absolute;
  left: 0;
  top: 11px;
  font-size: 18px;
  color: var(--accent-color);
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__features li span {
  font-size: 14px;
  line-height: 1.5;
}
.pb-tab-menu-model-10 .pb-tab-menu-model-10__media img {
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--default-color), transparent 88%);
}
@media (max-width: 768px) {
  .pb-tab-menu-model-10 .pb-tab-menu-model-10__panel h3 {
    font-size: 24px;
    margin-top: 20px;
  }
  .pb-tab-menu-model-10 .pb-tab-menu-model-10__media {
    margin-bottom: 30px;
  }
}

/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 11
--------------------------------------------------------------*/
.pb-tab-menu-model-11.pb-ready-model .pb-tab-menu-model-11__summary, .pb-tab-menu-model-11.pb-ready-model .pb-tab-menu-model-11__features span {
  white-space: normal;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__nav {
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__nav-link {
  color: var(--heading-color);
  background-color: var(--surface-color);
  padding: 15px 0;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 100%;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  position: relative;
  overflow: hidden;
  font-weight: 600;
  font-family: var(--heading-font);
  width: 100%;
  text-align: center;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__nav-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--accent-color);
  transition: left 0.3s ease-in-out;
  z-index: 0;
  border-radius: inherit;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__nav-link:hover {
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__nav-link:hover::before {
  left: 0;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__nav-link.active {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__nav-link.active::before {
  left: 0;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__body {
  height: 100%;
  background-color: var(--surface-color);
  padding: 30px;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__body h3 {
  color: var(--heading-color);
  font-weight: 700;
  font-family: var(--heading-font);
  font-size: 24px;
  position: relative;
  margin-bottom: 20px;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__summary {
  font-style: italic;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 20px;
  line-height: 1.6;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__features {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__features li {
  padding-top: 10px;
  display: flex;
  align-items: flex-start;
  gap: 4px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__features li i {
  font-size: 20px;
  color: var(--accent-color);
  flex-shrink: 0;
  margin-top: 2px;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__features li span {
  font-size: 14px;
  line-height: 1.5;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__benefits {
  display: grid;
  gap: 1.5rem;
  margin: 1.4rem 0;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__benefit {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__benefit i {
  font-size: 1.5rem;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__benefit h4 {
  margin: 0;
  font-size: 1.1rem;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__button {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 0.8rem 2.5rem;
  border-radius: var(--button-border-radius);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: background-color 0.3s ease, transform 0.3s ease;
  text-decoration: none;
  font-weight: 600;
  font-family: var(--heading-font);
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__button:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__button:hover i {
  transform: translateX(5px);
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__button i {
  transition: transform 0.3s ease;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__media {
  overflow: hidden;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  height: 100%;
}
.pb-tab-menu-model-11 .pb-tab-menu-model-11__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 12
--------------------------------------------------------------*/
.pb-tab-menu-model-12.pb-ready-model .pb-tab-menu-model-12__pane p, .pb-tab-menu-model-12.pb-ready-model .pb-tab-menu-model-12__features span, .pb-tab-menu-model-12.pb-ready-model .pb-tab-menu-model-12__nav-title {
  white-space: normal;
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__nav {
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__nav-link {
  background-color: var(--surface-color);
  color: var(--heading-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  padding: 15px 20px;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 100%;
  width: 100%;
  text-align: center;
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__nav-link > i {
  padding-right: 15px;
  font-size: 48px;
  color: inherit;
  flex-shrink: 0;
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__nav-link:hover {
  color: var(--accent-color);
  border-color: var(--accent-color);
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__nav-link.active {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__nav-link.active .pb-tab-menu-model-12__nav-title {
  color: var(--contrast-color);
}
@media (max-width: 768px) {
  .pb-tab-menu-model-12 .pb-tab-menu-model-12__nav-link > i {
    padding: 0;
    line-height: 1;
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .pb-tab-menu-model-12 .pb-tab-menu-model-12__nav-link {
    padding: 15px;
  }
  .pb-tab-menu-model-12 .pb-tab-menu-model-12__nav-link > i {
    font-size: 24px;
  }
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__nav-title {
  display: none;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  margin: 0;
  color: var(--heading-color);
  transition: color 0.3s ease;
}
@media (min-width: 992px) {
  .pb-tab-menu-model-12 .pb-tab-menu-model-12__nav-title {
    display: block;
  }
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__panel {
  margin-top: 30px;
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__pane h3 {
  color: var(--heading-color);
  font-weight: 700;
  font-family: var(--heading-font);
  font-size: 26px;
  margin-bottom: 20px;
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__pane p {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 15px;
  line-height: 1.6;
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__pane p:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__highlight {
  font-style: italic;
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__features {
  list-style: none;
  padding: 0;
  margin: 0 0 15px;
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__features li {
  padding-bottom: 10px;
  display: flex;
  align-items: flex-start;
  gap: 4px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__features li i {
  font-size: 20px;
  color: var(--accent-color);
  flex-shrink: 0;
  margin-top: 2px;
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__features li span {
  font-size: 14px;
  line-height: 1.5;
}
.pb-tab-menu-model-12 .pb-tab-menu-model-12__media img {
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--default-color), transparent 88%);
}

/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 13
--------------------------------------------------------------*/
.pb-tab-menu-model-13.pb-ready-model .pb-tab-menu-model-13__highlight, .pb-tab-menu-model-13.pb-ready-model .pb-tab-menu-model-13__features span, .pb-tab-menu-model-13.pb-ready-model .pb-tab-menu-model-13__nav-title {
  white-space: normal;
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__nav {
  border: 0;
  background-color: color-mix(in srgb, var(--default-color), transparent 96%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--button-border-radius);
  padding: 6px;
  width: auto;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  flex-wrap: wrap;
  gap: 0;
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__nav .nav-item {
  margin: 0;
  padding: 0 5px 0 0;
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__nav .nav-item:last-child {
  padding-right: 0;
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__nav-link {
  background-color: transparent;
  color: var(--heading-color);
  padding: 10px 30px;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 100%;
  border: 0;
  margin: 0;
}
@media (max-width: 468px) {
  .pb-tab-menu-model-13 .pb-tab-menu-model-13__nav-link {
    padding: 8px 20px;
  }
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__nav-link:hover .pb-tab-menu-model-13__nav-title {
  color: var(--accent-color);
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__nav-link.active {
  background-color: var(--accent-color);
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__nav-link.active .pb-tab-menu-model-13__nav-title {
  color: var(--contrast-color);
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__nav-title {
  font-size: 14px;
  font-weight: 500;
  font-family: var(--heading-font);
  margin: 0;
  color: var(--heading-color);
  transition: color 0.3s ease;
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__panel {
  margin-top: 30px;
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__pane h3 {
  color: var(--heading-color);
  font-weight: 700;
  font-family: var(--heading-font);
  font-size: 32px;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__pane h3::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 3px;
  background: var(--accent-color);
  left: 0;
  bottom: 0;
  border-radius: var(--button-border-radius);
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__highlight {
  font-style: italic;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 15px;
  line-height: 1.6;
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__highlight:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__features {
  list-style: none;
  padding: 0;
  margin: 0 0 15px;
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__features li {
  padding-top: 10px;
  display: flex;
  align-items: flex-start;
  gap: 4px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__features li i {
  font-size: 20px;
  color: var(--accent-color);
  flex-shrink: 0;
  margin-top: 2px;
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__features li span {
  font-size: 14px;
  line-height: 1.5;
}
.pb-tab-menu-model-13 .pb-tab-menu-model-13__media img {
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--default-color), transparent 88%);
}

/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 14
--------------------------------------------------------------*/
.pb-tab-menu-model-14.pb-ready-model .pb-tab-menu-model-14__nav-note {
  white-space: normal;
}
.pb-tab-menu-model-14 .pb-tab-menu-model-14__nav {
  border: 0;
  width: 100%;
  gap: 0;
}
.pb-tab-menu-model-14 .pb-tab-menu-model-14__nav .nav-item {
  width: 100%;
  margin-bottom: 15px;
}
.pb-tab-menu-model-14 .pb-tab-menu-model-14__nav .nav-item:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-14 .pb-tab-menu-model-14__nav-link {
  color: var(--heading-color);
  border: 0;
  padding: 30px;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: var(--card-border-radius);
  display: flex;
  cursor: pointer;
  width: 100%;
  background: transparent;
  align-items: flex-start;
}
.pb-tab-menu-model-14 .pb-tab-menu-model-14__nav-link > i {
  background-color: var(--surface-color);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  width: 48px;
  height: 48px;
  font-size: 22px;
  flex-shrink: 0;
  border-radius: var(--button-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 2px 4px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-tab-menu-model-14 .pb-tab-menu-model-14__nav-link:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
}
.pb-tab-menu-model-14 .pb-tab-menu-model-14__nav-link.active {
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
  color: var(--default-color);
}
.pb-tab-menu-model-14 .pb-tab-menu-model-14__nav-copy {
  flex: 1;
  min-width: 0;
}
.pb-tab-menu-model-14 .pb-tab-menu-model-14__nav-title {
  display: none;
  font-size: 20px;
  font-weight: 600;
  font-family: var(--heading-font);
  margin: 0 0 10px;
  color: var(--heading-color);
  transition: color 0.3s ease;
}
@media (min-width: 992px) {
  .pb-tab-menu-model-14 .pb-tab-menu-model-14__nav-title {
    display: block;
  }
}
.pb-tab-menu-model-14 .pb-tab-menu-model-14__nav-note {
  display: block;
  font-size: 15px;
  font-family: var(--default-font);
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.6;
}
.pb-tab-menu-model-14 .pb-tab-menu-model-14__pane img {
  width: 100%;
  display: block;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--default-color), transparent 88%);
}

/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 15
--------------------------------------------------------------*/
.pb-tab-menu-model-15.pb-ready-model .pb-tab-menu-model-15__trigger-note, .pb-tab-menu-model-15.pb-ready-model .pb-tab-menu-model-15__slide-lead, .pb-tab-menu-model-15.pb-ready-model .pb-tab-menu-model-15__slide-note, .pb-tab-menu-model-15.pb-ready-model .pb-tab-menu-model-15__checklist span {
  white-space: normal;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__nav {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__trigger {
  padding: 20px;
  margin-bottom: 10px;
  border-radius: var(--card-border-radius);
  border: 0;
  background: transparent;
  color: var(--default-color);
  text-align: left;
  width: 100%;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  align-items: flex-start;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__trigger:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__trigger:hover {
  background: color-mix(in srgb, var(--default-color), transparent 96%);
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__trigger:hover .pb-tab-menu-model-15__icon {
  background-color: color-mix(in srgb, var(--default-color), transparent 90%);
  color: var(--default-color);
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__trigger.active {
  background: var(--surface-color);
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__trigger.active .pb-tab-menu-model-15__icon {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: var(--button-border-radius);
  position: relative;
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  margin-right: 20px;
  font-size: 16px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__trigger-copy {
  flex: 1;
  min-width: 0;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__trigger-copy *:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__trigger-title {
  display: block;
  font-size: 16px;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin: 0 0 6px;
  font-weight: 600;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__trigger-note {
  display: block;
  font-size: 14px;
  font-family: var(--default-font);
  color: var(--default-color);
  margin: 0;
  line-height: 1.6;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__swiper {
  overflow: hidden;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__slide-image {
  width: 100%;
  display: block;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__slide-body {
  padding: 1.5rem;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__slide-title {
  font-size: 1.125rem;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin: 0 0 1rem;
  font-weight: 600;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__slide-lead,
.pb-tab-menu-model-15 .pb-tab-menu-model-15__slide-note {
  font-size: 15px;
  line-height: 1.7;
  color: var(--default-color);
  margin: 0 0 1rem;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__checklist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__checklist li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--default-color);
}
.pb-tab-menu-model-15 .pb-tab-menu-model-15__checklist li i {
  font-size: 16px;
  color: var(--accent-color);
  margin-top: 2px;
  flex-shrink: 0;
}

/*--------------------------------------------------------------
# Page Builder Tab Menu — Model 16
--------------------------------------------------------------*/
@keyframes pb-tab-menu-model-16-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pb-tab-menu-model-16.pb-ready-model .pb-tab-menu-model-16__nav-title, .pb-tab-menu-model-16.pb-ready-model .pb-tab-menu-model-16__pane p, .pb-tab-menu-model-16.pb-ready-model .pb-tab-menu-model-16__features span {
  white-space: normal;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav {
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link {
  background-color: var(--surface-color);
  color: var(--default-color);
  border: 0;
  padding: 25px 20px;
  box-shadow: 5px 5px 25px color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: color 0s ease, background-color 0.3s ease;
  cursor: pointer;
  height: 100%;
  width: 100%;
  text-align: center;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link > i {
  font-size: 32px;
  line-height: 0;
  transition: color 0.3s ease;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link.is-tone-accent > i {
  color: var(--accent-color);
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link.is-tone-success > i {
  color: var(--success-color);
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link.is-tone-danger > i {
  color: var(--danger-color);
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link.is-tone-warm > i {
  color: var(--review-star-color);
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link.is-tone-heading > i {
  color: var(--heading-color);
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link.is-tone-muted > i {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link:hover {
  color: var(--accent-color);
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link:hover, .pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link.active {
  transition: color 0.3s ease, background-color 0.3s ease;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link:hover .pb-tab-menu-model-16__nav-title, .pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link.active .pb-tab-menu-model-16__nav-title {
  color: var(--contrast-color);
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link:hover > i, .pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-link.active > i {
  color: var(--contrast-color) !important;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__nav-title {
  display: block;
  font-size: 20px;
  font-weight: 600;
  font-family: var(--heading-font);
  margin: 10px 0 0;
  color: var(--heading-color);
  transition: color 0.3s ease;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__panel {
  margin-top: 30px;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__pane.active {
  animation: pb-tab-menu-model-16-fade-in 0.5s ease-out;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__pane h3 {
  font-weight: 600;
  font-size: 28px;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin-bottom: 20px;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__pane p {
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 10%);
  line-height: 1.7;
  margin-bottom: 15px;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__pane p:last-child {
  margin-bottom: 0;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__highlight {
  font-style: italic;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__features {
  list-style: none;
  padding: 0;
  margin: 0 0 15px;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__features li {
  padding-bottom: 10px;
  display: flex;
  align-items: flex-start;
  gap: 4px;
  color: color-mix(in srgb, var(--default-color), transparent 10%);
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__features li i {
  font-size: 24px;
  color: var(--accent-color);
  flex-shrink: 0;
  margin-top: 1px;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__features li span {
  font-size: 15px;
  line-height: 1.6;
}
.pb-tab-menu-model-16 .pb-tab-menu-model-16__media img {
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 5px 25px color-mix(in srgb, var(--default-color), transparent 88%);
}

/*--------------------------------------------------------------
# Page Builder Photo Gallery — Model 1
--------------------------------------------------------------*/
.pb-photo-gallery-model-1.pb-ready-model .pb-photo-gallery-model-1__title, .pb-photo-gallery-model-1.pb-ready-model .pb-photo-gallery-model-1__summary {
  white-space: normal;
}
.pb-photo-gallery-model-1 a.pb-photo-gallery-model-1__preview,
.pb-photo-gallery-model-1 a.pb-photo-gallery-model-1__preview:hover,
.pb-photo-gallery-model-1 a.pb-photo-gallery-model-1__preview:focus,
.pb-photo-gallery-model-1 a.pb-photo-gallery-model-1__detail,
.pb-photo-gallery-model-1 a.pb-photo-gallery-model-1__detail:hover,
.pb-photo-gallery-model-1 a.pb-photo-gallery-model-1__detail:focus {
  text-decoration: none;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__filter-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  margin-bottom: 32px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color) 12%, transparent);
  border-radius: var(--card-border-radius);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--default-color), transparent 92%);
  flex-wrap: wrap;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__filter-label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--default-color) 60%, transparent);
  padding-right: 16px;
  border-right: 1px solid color-mix(in srgb, var(--default-color) 12%, transparent);
  font-family: var(--default-font);
}
@media (max-width: 576px) {
  .pb-photo-gallery-model-1 .pb-photo-gallery-model-1__filter-label {
    border-right: none;
    padding-right: 0;
    width: 100%;
  }
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__filters li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: transparent;
  color: var(--default-color);
  border: 1px solid transparent;
  border-radius: var(--button-border-radius);
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  font-family: var(--default-font);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__filters li:hover {
  background: color-mix(in srgb, var(--default-color) 6%, transparent);
  border-color: color-mix(in srgb, var(--default-color) 12%, transparent);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__filters li:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__filters li.filter-active {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__filters li.filter-active .pb-photo-gallery-model-1__filter-count {
  background: color-mix(in srgb, var(--contrast-color) 22%, transparent);
  color: var(--contrast-color);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 10px;
  background: color-mix(in srgb, var(--default-color) 8%, transparent);
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__item {
  margin-bottom: 16px;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color) 12%, transparent);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__card:hover {
  border-color: color-mix(in srgb, var(--default-color) 22%, transparent);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 88%);
  transform: translateY(-2px);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__card:hover .pb-photo-gallery-model-1__media img {
  transform: scale(1.03);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__media {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: color-mix(in srgb, var(--default-color) 6%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 12px;
  background: color-mix(in srgb, var(--background-color) 92%, transparent);
  color: var(--heading-color);
  border: 1px solid color-mix(in srgb, var(--default-color) 15%, transparent);
  backdrop-filter: blur(6px);
  font-family: var(--default-font);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 24px;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__head {
  margin-bottom: 16px;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.3;
  color: var(--heading-color);
  font-family: var(--heading-font);
  margin: 0 0 8px;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__summary {
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  font-family: var(--default-font);
  margin: 0;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__preview {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
  color: var(--heading-color);
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--default-color) 18%, transparent);
  border-radius: var(--button-border-radius);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  font-family: var(--default-font);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__preview i {
  font-size: 14px;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__preview:hover {
  background: color-mix(in srgb, var(--default-color) 6%, transparent);
  border-color: color-mix(in srgb, var(--default-color) 28%, transparent);
  color: var(--heading-color);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__preview:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 22%, transparent);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__detail {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
  color: var(--accent-color);
  padding: 8px 4px;
  border-radius: var(--button-border-radius);
  transition: color 0.2s ease;
  font-family: var(--default-font);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__detail i {
  font-size: 14px;
  transition: transform 0.2s ease;
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__detail:hover {
  color: color-mix(in srgb, var(--accent-color) 80%, transparent);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__detail:hover i {
  transform: translate(2px, -2px);
}
.pb-photo-gallery-model-1 .pb-photo-gallery-model-1__detail:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 22%, transparent);
}
@media (max-width: 768px) {
  .pb-photo-gallery-model-1 .pb-photo-gallery-model-1__body {
    padding: 20px;
  }
  .pb-photo-gallery-model-1 .pb-photo-gallery-model-1__title {
    font-size: 16px;
  }
}

/*--------------------------------------------------------------
# Page Builder Photo Gallery — Model 2
--------------------------------------------------------------*/
.pb-photo-gallery-model-2 {
  background-color: var(--surface-color);
}
.pb-photo-gallery-model-2 a.pb-photo-gallery-model-2__link,
.pb-photo-gallery-model-2 a.pb-photo-gallery-model-2__link:hover,
.pb-photo-gallery-model-2 a.pb-photo-gallery-model-2__link:focus {
  text-decoration: none;
}
.pb-photo-gallery-model-2 .pb-photo-gallery-model-2__card {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  box-shadow: 0 2px 4px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: box-shadow 0.2s ease;
}
.pb-photo-gallery-model-2 .pb-photo-gallery-model-2__card:hover {
  box-shadow: 0 4px 8px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-photo-gallery-model-2 .pb-photo-gallery-model-2__link {
  display: block;
  position: relative;
}
.pb-photo-gallery-model-2 .pb-photo-gallery-model-2__link img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.pb-photo-gallery-model-2 .pb-photo-gallery-model-2__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--heading-color), transparent 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.pb-photo-gallery-model-2 .pb-photo-gallery-model-2__overlay i {
  font-size: 28px;
  color: var(--contrast-color);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--contrast-color);
  border-radius: var(--button-border-radius);
}
.pb-photo-gallery-model-2 .pb-photo-gallery-model-2__card:hover .pb-photo-gallery-model-2__overlay {
  opacity: 1;
}

/*--------------------------------------------------------------
# Page Builder Photo Gallery — Model 3
--------------------------------------------------------------*/
.pb-photo-gallery-model-3 a.pb-photo-gallery-model-3__link,
.pb-photo-gallery-model-3 a.pb-photo-gallery-model-3__link:hover,
.pb-photo-gallery-model-3 a.pb-photo-gallery-model-3__link:focus {
  text-decoration: none;
}
.pb-photo-gallery-model-3 .pb-photo-gallery-model-3__card {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  margin: 0;
  border: 2px solid color-mix(in srgb, var(--default-color), transparent 90%);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.pb-photo-gallery-model-3 .pb-photo-gallery-model-3__link {
  display: block;
  position: relative;
}
.pb-photo-gallery-model-3 .pb-photo-gallery-model-3__link img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-photo-gallery-model-3 .pb-photo-gallery-model-3__card--wide .pb-photo-gallery-model-3__link img {
  aspect-ratio: 16/9;
}
.pb-photo-gallery-model-3 .pb-photo-gallery-model-3__hover {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(to top, color-mix(in srgb, var(--default-color), transparent 20%) 0%, color-mix(in srgb, var(--default-color), transparent 80%) 40%, transparent 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 24px;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.pb-photo-gallery-model-3 .pb-photo-gallery-model-3__expand {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--accent-color);
  color: var(--contrast-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  transform: translateY(20px);
  transition: transform 0.4s ease, background-color 0.3s ease;
}
.pb-photo-gallery-model-3 .pb-photo-gallery-model-3__expand:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
}
.pb-photo-gallery-model-3 .pb-photo-gallery-model-3__card:hover {
  border-color: var(--accent-color);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pb-photo-gallery-model-3 .pb-photo-gallery-model-3__card:hover .pb-photo-gallery-model-3__link img {
  transform: scale(1.06);
}
.pb-photo-gallery-model-3 .pb-photo-gallery-model-3__card:hover .pb-photo-gallery-model-3__hover {
  opacity: 1;
}
.pb-photo-gallery-model-3 .pb-photo-gallery-model-3__card:hover .pb-photo-gallery-model-3__expand {
  transform: translateY(0);
}
@media (max-width: 768px) {
  .pb-photo-gallery-model-3 .pb-photo-gallery-model-3__card--wide .pb-photo-gallery-model-3__link img {
    aspect-ratio: 4/3;
  }
  .pb-photo-gallery-model-3 .pb-photo-gallery-model-3__expand {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Photo Gallery — Model 4
--------------------------------------------------------------*/
.pb-photo-gallery-model-4 a.pb-photo-gallery-model-4__link,
.pb-photo-gallery-model-4 a.pb-photo-gallery-model-4__link:hover,
.pb-photo-gallery-model-4 a.pb-photo-gallery-model-4__link:focus {
  text-decoration: none;
}
.pb-photo-gallery-model-4 .pb-photo-gallery-model-4__card {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  height: 260px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .pb-photo-gallery-model-4 .pb-photo-gallery-model-4__card {
    height: 280px;
  }
}
.pb-photo-gallery-model-4 .pb-photo-gallery-model-4__link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.pb-photo-gallery-model-4 .pb-photo-gallery-model-4__link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pb-photo-gallery-model-4 .pb-photo-gallery-model-4__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--accent-color), transparent 60%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.pb-photo-gallery-model-4 .pb-photo-gallery-model-4__overlay i {
  color: var(--contrast-color);
  font-size: 28px;
  transform: scale(0.6);
  transition: transform 0.3s ease;
}
.pb-photo-gallery-model-4 .pb-photo-gallery-model-4__card:hover .pb-photo-gallery-model-4__link img {
  transform: scale(1.1);
}
.pb-photo-gallery-model-4 .pb-photo-gallery-model-4__card:hover .pb-photo-gallery-model-4__overlay {
  opacity: 1;
}
.pb-photo-gallery-model-4 .pb-photo-gallery-model-4__card:hover .pb-photo-gallery-model-4__overlay i {
  transform: scale(1);
}

/*--------------------------------------------------------------
# Page Builder Photo Gallery — Model 5
--------------------------------------------------------------*/
.pb-photo-gallery-model-5 {
  overflow: hidden;
}
.pb-photo-gallery-model-5 a.pb-photo-gallery-model-5__link,
.pb-photo-gallery-model-5 a.pb-photo-gallery-model-5__link:hover,
.pb-photo-gallery-model-5 a.pb-photo-gallery-model-5__link:focus {
  text-decoration: none;
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__carousel {
  padding: 20px 0 40px;
  position: relative;
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__swiper .swiper-wrapper {
  height: auto !important;
  align-items: center;
  padding: 30px 0;
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__slide {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 88%);
  transition: box-shadow 0.4s ease;
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__media {
  position: relative;
  overflow: hidden;
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__link img {
  transition: transform 0.6s ease;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--accent-color), transparent 70%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__overlay i {
  color: var(--contrast-color);
  font-size: 3rem;
  transform: scale(0.5);
  transition: transform 0.3s ease;
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__media:hover .pb-photo-gallery-model-5__link img {
  transform: scale(1.1);
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__media:hover .pb-photo-gallery-model-5__overlay {
  opacity: 1;
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__media:hover .pb-photo-gallery-model-5__overlay i {
  transform: scale(1);
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__pagination {
  position: relative;
  margin-top: 20px;
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: transparent;
  border: 2px solid var(--accent-color);
  opacity: 0.7;
  transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--accent-color);
  opacity: 1;
  transform: scale(1.2);
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__nav {
  color: var(--accent-color);
  background: var(--surface-color);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 4px 10px color-mix(in srgb, var(--default-color), transparent 90%);
  opacity: 0;
  transition: opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.pb-photo-gallery-model-5 .pb-photo-gallery-model-5__nav::after {
  font-size: 16px;
  font-weight: 700;
}
.pb-photo-gallery-model-5:hover .pb-photo-gallery-model-5__nav {
  opacity: 0.9;
}
.pb-photo-gallery-model-5:hover .pb-photo-gallery-model-5__nav:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
@media (max-width: 991px) {
  .pb-photo-gallery-model-5 .pb-photo-gallery-model-5__slide {
    box-shadow: 0 5px 15px color-mix(in srgb, var(--default-color), transparent 90%);
  }
  .pb-photo-gallery-model-5 .pb-photo-gallery-model-5__nav {
    display: none;
  }
}
@media (max-width: 767px) {
  .pb-photo-gallery-model-5 .pb-photo-gallery-model-5__swiper .swiper-wrapper {
    padding: 15px 0;
  }
  .pb-photo-gallery-model-5 .pb-photo-gallery-model-5__overlay i {
    font-size: 2rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Photo Gallery — Model 6
--------------------------------------------------------------*/
.pb-photo-gallery-model-6.pb-ready-model .pb-photo-gallery-model-6__title, .pb-photo-gallery-model-6.pb-ready-model .pb-photo-gallery-model-6__summary {
  white-space: normal;
}
.pb-photo-gallery-model-6 a.pb-photo-gallery-model-6__preview,
.pb-photo-gallery-model-6 a.pb-photo-gallery-model-6__preview:hover,
.pb-photo-gallery-model-6 a.pb-photo-gallery-model-6__preview:focus,
.pb-photo-gallery-model-6 a.pb-photo-gallery-model-6__detail,
.pb-photo-gallery-model-6 a.pb-photo-gallery-model-6__detail:hover,
.pb-photo-gallery-model-6 a.pb-photo-gallery-model-6__detail:focus {
  text-decoration: none;
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 40px;
  padding: 0;
  list-style: none;
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__filters li {
  display: inline-block;
  padding: 10px 20px;
  background: var(--surface-color);
  color: var(--default-color);
  border-radius: 30px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  font-family: var(--default-font);
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__filters li:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__filters li.filter-active {
  background: var(--accent-color);
  color: var(--contrast-color);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 88%);
}
@media (max-width: 576px) {
  .pb-photo-gallery-model-6 .pb-photo-gallery-model-6__filters {
    gap: 8px;
  }
  .pb-photo-gallery-model-6 .pb-photo-gallery-model-6__filters li {
    padding: 8px 14px;
    font-size: 14px;
  }
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__item {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .pb-photo-gallery-model-6 .pb-photo-gallery-model-6__item {
    margin-bottom: 20px;
  }
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__card {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 88%);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  height: 100%;
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color), transparent 82%);
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__card:hover .pb-photo-gallery-model-6__overlay {
  opacity: 1;
  transform: translateY(0);
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__card:hover .pb-photo-gallery-model-6__media img {
  transform: scale(1.1);
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__media {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
  overflow: hidden;
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px;
  background: linear-gradient(to top, color-mix(in srgb, var(--heading-color), transparent 15%) 0%, color-mix(in srgb, var(--heading-color), transparent 100%) 100%);
  color: var(--contrast-color);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__title {
  font-size: 20px;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 8px;
  color: var(--contrast-color);
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__summary {
  font-size: 14px;
  font-family: var(--default-font);
  margin-bottom: 15px;
  opacity: 0.9;
  color: var(--contrast-color);
  line-height: 1.6;
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__actions {
  display: flex;
  gap: 15px;
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 18px;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.pb-photo-gallery-model-6 .pb-photo-gallery-model-6__actions a:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 20%);
  transform: scale(1.1);
}

/*--------------------------------------------------------------
# Page Builder Photo Gallery — Model 7
--------------------------------------------------------------*/
.pb-photo-gallery-model-7 a.pb-photo-gallery-model-7__link,
.pb-photo-gallery-model-7 a.pb-photo-gallery-model-7__link:hover,
.pb-photo-gallery-model-7 a.pb-photo-gallery-model-7__link:focus,
.pb-photo-gallery-model-7 a.pb-photo-gallery-model-7__more-btn,
.pb-photo-gallery-model-7 a.pb-photo-gallery-model-7__more-btn:hover,
.pb-photo-gallery-model-7 a.pb-photo-gallery-model-7__more-btn:focus {
  text-decoration: none;
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
@media (min-width: 576px) {
  .pb-photo-gallery-model-7 .pb-photo-gallery-model-7__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .pb-photo-gallery-model-7 .pb-photo-gallery-model-7__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__item {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 5px 15px color-mix(in srgb, var(--default-color), transparent 88%);
  transform: translateY(0);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__item--featured {
  grid-row: span 2;
}
@media (min-width: 768px) {
  .pb-photo-gallery-model-7 .pb-photo-gallery-model-7__item--featured {
    grid-column: span 2;
  }
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__item:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px color-mix(in srgb, var(--default-color), transparent 82%);
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__item:hover .pb-photo-gallery-model-7__link img {
  transform: scale(1.1);
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__item:hover .pb-photo-gallery-model-7__overlay {
  opacity: 1;
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__item:hover .pb-photo-gallery-model-7__overlay i {
  transform: scale(1);
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__link img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__overlay {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--accent-color), transparent 70%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__overlay i {
  color: var(--contrast-color);
  font-size: 2rem;
  transform: scale(0.5);
  transition: transform 0.4s ease;
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__footer {
  margin-top: 3rem;
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__more-btn {
  display: inline-block;
  background-color: transparent;
  color: var(--accent-color);
  font-weight: 600;
  font-family: var(--default-font);
  padding: 12px 30px;
  border: 2px solid var(--accent-color);
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__more-btn i {
  transition: transform 0.3s ease;
  margin-left: 5px;
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__more-btn:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-photo-gallery-model-7 .pb-photo-gallery-model-7__more-btn:hover i {
  transform: translateX(5px);
}

/*--------------------------------------------------------------
# Page Builder Photo Gallery — Model 8
--------------------------------------------------------------*/
.pb-photo-gallery-model-8.pb-ready-model .pb-photo-gallery-model-8__title, .pb-photo-gallery-model-8.pb-ready-model .pb-photo-gallery-model-8__summary {
  white-space: normal;
}
.pb-photo-gallery-model-8 a.pb-photo-gallery-model-8__expand,
.pb-photo-gallery-model-8 a.pb-photo-gallery-model-8__expand:hover,
.pb-photo-gallery-model-8 a.pb-photo-gallery-model-8__expand:focus {
  text-decoration: none;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__filters li {
  cursor: pointer;
  padding: 8px 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  font-family: var(--default-font);
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: 50px;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__filters li:hover {
  color: var(--accent-color);
  border-color: var(--accent-color);
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__filters li.filter-active {
  color: var(--contrast-color);
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}
@media (max-width: 576px) {
  .pb-photo-gallery-model-8 .pb-photo-gallery-model-8__filters li {
    margin-bottom: 5px;
  }
}
@media (max-width: 768px) {
  .pb-photo-gallery-model-8 .pb-photo-gallery-model-8__filters li {
    padding: 6px 14px;
    font-size: 14px;
  }
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__item {
  margin-bottom: 30px;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__card {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  box-shadow: 0 5px 15px color-mix(in srgb, var(--default-color), transparent 88%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--default-color), transparent 82%);
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__card:hover .pb-photo-gallery-model-8__overlay {
  opacity: 1;
  visibility: visible;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__card:hover .pb-photo-gallery-model-8__meta {
  opacity: 1;
  transform: translateY(0);
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__card:hover .pb-photo-gallery-model-8__media img {
  transform: scale(1.05);
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__media {
  position: relative;
  overflow: hidden;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__media img {
  display: block;
  transition: transform 0.6s ease;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, color-mix(in srgb, var(--heading-color), transparent 20%) 0%, color-mix(in srgb, var(--heading-color), transparent 60%) 60%, color-mix(in srgb, var(--heading-color), transparent 90%) 100%);
  display: flex;
  align-items: flex-end;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__meta {
  width: 100%;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__title {
  color: var(--contrast-color);
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 8px;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__summary {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  font-size: 14px;
  font-family: var(--default-font);
  margin-bottom: 15px;
  line-height: 1.6;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__expand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 50%;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__expand i {
  font-size: 20px;
}
.pb-photo-gallery-model-8 .pb-photo-gallery-model-8__expand:hover {
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 20%);
  transform: scale(1.1);
}
@media (max-width: 992px) {
  .pb-photo-gallery-model-8 .pb-photo-gallery-model-8__title {
    font-size: 16px;
  }
  .pb-photo-gallery-model-8 .pb-photo-gallery-model-8__summary {
    font-size: 13px;
  }
}
@media (max-width: 576px) {
  .pb-photo-gallery-model-8 .pb-photo-gallery-model-8__overlay {
    padding: 15px;
  }
  .pb-photo-gallery-model-8 .pb-photo-gallery-model-8__title {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .pb-photo-gallery-model-8 .pb-photo-gallery-model-8__summary {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .pb-photo-gallery-model-8 .pb-photo-gallery-model-8__expand {
    width: 35px;
    height: 35px;
  }
  .pb-photo-gallery-model-8 .pb-photo-gallery-model-8__expand i {
    font-size: 18px;
  }
}

/*--------------------------------------------------------------
# Page Builder Photo Gallery — Model 9
--------------------------------------------------------------*/
.pb-photo-gallery-model-9 a.pb-photo-gallery-model-9__preview,
.pb-photo-gallery-model-9 a.pb-photo-gallery-model-9__preview:hover,
.pb-photo-gallery-model-9 a.pb-photo-gallery-model-9__preview:focus,
.pb-photo-gallery-model-9 a.pb-photo-gallery-model-9__detail,
.pb-photo-gallery-model-9 a.pb-photo-gallery-model-9__detail:hover,
.pb-photo-gallery-model-9 a.pb-photo-gallery-model-9__detail:focus {
  text-decoration: none;
}
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__fluid {
  width: 100%;
  padding-left: clamp(12px, 4vw, 32px);
  padding-right: clamp(12px, 4vw, 32px);
}
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__item {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
}
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 4/3;
  transition: transform 0.3s ease;
}
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__item:hover .pb-photo-gallery-model-9__actions {
  opacity: 1;
}
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__item:hover .pb-photo-gallery-model-9__preview,
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__item:hover .pb-photo-gallery-model-9__detail {
  margin-top: 0;
}
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__item:hover img {
  transform: scale(1.1);
}
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__actions {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background: color-mix(in srgb, var(--heading-color), transparent 40%);
  z-index: 3;
}
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__preview,
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__detail {
  font-size: 20px;
  color: color-mix(in srgb, var(--contrast-color), transparent 50%);
  transition: color 0.3s ease, margin-top 0.3s ease;
  line-height: 1.2;
  margin: 30px 8px 0;
}
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__preview:hover,
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__detail:hover {
  color: var(--contrast-color);
}
.pb-photo-gallery-model-9 .pb-photo-gallery-model-9__detail {
  font-size: 30px;
  line-height: 0;
}

/*--------------------------------------------------------------
# Page Builder Photo Gallery — Model 10
--------------------------------------------------------------*/
.pb-photo-gallery-model-10 a.pb-photo-gallery-model-10__link,
.pb-photo-gallery-model-10 a.pb-photo-gallery-model-10__link:hover,
.pb-photo-gallery-model-10 a.pb-photo-gallery-model-10__link:focus {
  text-decoration: none;
}
.pb-photo-gallery-model-10 .pb-photo-gallery-model-10__fluid {
  width: 100%;
}
.pb-photo-gallery-model-10 .pb-photo-gallery-model-10__item {
  overflow: hidden;
  border-right: 3px solid var(--background-color);
  border-bottom: 3px solid var(--background-color);
}
.pb-photo-gallery-model-10 .pb-photo-gallery-model-10__link {
  display: block;
  overflow: hidden;
}
.pb-photo-gallery-model-10 .pb-photo-gallery-model-10__link img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  transition: transform 0.4s ease-in-out;
}
.pb-photo-gallery-model-10 .pb-photo-gallery-model-10__link:hover img {
  transform: scale(1.1);
}

/*--------------------------------------------------------------
# Page Builder Photo Gallery — Model 12
--------------------------------------------------------------*/
.pb-photo-gallery-model-12 {
  overflow: hidden;
}
.pb-photo-gallery-model-12 a.pb-photo-gallery-model-12__link,
.pb-photo-gallery-model-12 a.pb-photo-gallery-model-12__link:hover,
.pb-photo-gallery-model-12 a.pb-photo-gallery-model-12__link:focus {
  text-decoration: none;
}
.pb-photo-gallery-model-12 .pb-photo-gallery-model-12__fluid {
  width: 100%;
}
.pb-photo-gallery-model-12 .pb-photo-gallery-model-12__swiper .swiper-wrapper {
  height: auto;
  align-items: center;
}
.pb-photo-gallery-model-12 .pb-photo-gallery-model-12__link {
  display: block;
  text-align: center;
}
.pb-photo-gallery-model-12 .pb-photo-gallery-model-12__link img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.pb-photo-gallery-model-12 .pb-photo-gallery-model-12__pagination {
  margin-top: 20px;
  position: relative;
}
.pb-photo-gallery-model-12 .pb-photo-gallery-model-12__pagination .swiper-pagination-bullet {
  background-color: var(--background-color);
  border: 1px solid var(--accent-color);
  width: 12px;
  height: 12px;
  opacity: 1;
  transition: background-color 0.3s ease;
}
.pb-photo-gallery-model-12 .pb-photo-gallery-model-12__pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color);
}
.pb-photo-gallery-model-12 .swiper-slide-active {
  text-align: center;
}
@media (min-width: 992px) {
  .pb-photo-gallery-model-12 .pb-photo-gallery-model-12__swiper .swiper-wrapper {
    padding: 40px 0;
  }
  .pb-photo-gallery-model-12 .swiper-slide-active {
    background: var(--background-color);
    border: 6px solid var(--accent-color);
    padding: 4px;
    z-index: 1;
    transform: scale(1.2);
    border-radius: 25px;
    transition: none;
  }
}

/*--------------------------------------------------------------
# Page Builder Photo Gallery — Model 15
--------------------------------------------------------------*/
.pb-photo-gallery-model-15.pb-ready-model .pb-photo-gallery-model-15__title, .pb-photo-gallery-model-15.pb-ready-model .pb-photo-gallery-model-15__summary {
  white-space: normal;
}
.pb-photo-gallery-model-15 a.pb-photo-gallery-model-15__zoom,
.pb-photo-gallery-model-15 a.pb-photo-gallery-model-15__zoom:hover,
.pb-photo-gallery-model-15 a.pb-photo-gallery-model-15__zoom:focus {
  text-decoration: none;
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__filters li {
  cursor: pointer;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  font-family: var(--default-font);
  color: var(--heading-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 70%);
  border-radius: 50px;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__filters li:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 80%);
  color: var(--accent-color);
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__filters li.filter-active {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
@media (max-width: 768px) {
  .pb-photo-gallery-model-15 .pb-photo-gallery-model-15__filters {
    justify-content: center;
    margin-bottom: 25px;
  }
  .pb-photo-gallery-model-15 .pb-photo-gallery-model-15__filters li {
    margin: 2px;
    padding: 6px 12px;
    font-size: 13px;
  }
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__grid {
  margin-top: 15px;
}
@media (max-width: 768px) {
  .pb-photo-gallery-model-15 .pb-photo-gallery-model-15__grid {
    margin-top: 10px;
  }
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__card {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  height: 100%;
  box-shadow: 0 5px 20px color-mix(in srgb, var(--default-color), transparent 88%);
  transition: transform 0.3s ease;
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__card:hover {
  transform: translateY(-5px);
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__card:hover img {
  transform: scale(1.05);
  filter: brightness(0.8);
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__card:hover .pb-photo-gallery-model-15__caption {
  opacity: 1;
  bottom: 0;
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__card img {
  display: block;
  transition: transform 0.4s ease, filter 0.4s ease;
  width: 100%;
  height: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: var(--card-border-radius);
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__caption {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  padding: 20px 20px 25px;
  transition: opacity 0.3s ease, bottom 0.3s ease;
  background: linear-gradient(0deg, color-mix(in srgb, var(--heading-color), transparent 10%) 0%, color-mix(in srgb, var(--heading-color), transparent 100%) 100%);
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__title {
  color: var(--contrast-color);
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 5px;
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__summary {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  font-size: 14px;
  font-family: var(--default-font);
  margin: 0 0 10px;
  line-height: 1.6;
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__zoom {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: var(--accent-color);
  border-radius: 50%;
  color: var(--contrast-color);
  font-size: 18px;
  transition: background-color 0.3s ease;
}
.pb-photo-gallery-model-15 .pb-photo-gallery-model-15__zoom:hover {
  background: color-mix(in srgb, var(--accent-color), var(--contrast-color) 20%);
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 1
--------------------------------------------------------------*/
.pb-service-models-model-1__card {
  display: flex;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  height: 100%;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 96%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.pb-service-models-model-1__card:hover {
  border-color: color-mix(in srgb, var(--accent-color) 40%, transparent);
  box-shadow: 0 10px 15px color-mix(in srgb, var(--heading-color), transparent 94%), 0 4px 6px color-mix(in srgb, var(--heading-color), transparent 96%);
}
.pb-service-models-model-1__card:hover .pb-service-models-model-1__media img {
  transform: scale(1.04);
}
.pb-service-models-model-1__card:hover .pb-service-models-model-1__link {
  color: var(--accent-color);
}
.pb-service-models-model-1__card:hover .pb-service-models-model-1__link i {
  transform: translateX(4px);
}
@media (max-width: 576px) {
  .pb-service-models-model-1__card {
    flex-direction: column;
  }
}
.pb-service-models-model-1__media {
  position: relative;
  flex: 0 0 40%;
  max-width: 40%;
  overflow: hidden;
  background: color-mix(in srgb, var(--default-color) 5%, transparent);
}
.pb-service-models-model-1__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
@media (max-width: 576px) {
  .pb-service-models-model-1__media {
    flex: 0 0 12.5rem;
    max-width: 100%;
    height: 12.5rem;
  }
}
.pb-service-models-model-1__media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 12.5rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 2.5rem;
}
.pb-service-models-model-1__badge {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: var(--surface-color);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color) 25%, transparent);
  border-radius: var(--button-border-radius);
}
.pb-service-models-model-1__badge i {
  font-size: 0.75rem;
  line-height: 1;
}
.pb-service-models-model-1__body {
  flex: 1 1 auto;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}
.pb-service-models-model-1__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.pb-service-models-model-1__title {
  font-family: var(--heading-font);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin: 0;
  color: var(--heading-color);
}
.pb-service-models-model-1__meta {
  flex-shrink: 0;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--default-color) 55%, transparent);
  padding-top: 0.25rem;
}
.pb-service-models-model-1__text {
  font-size: 0.875rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  margin-bottom: 1rem;
  flex-grow: 1;
}
.pb-service-models-model-1__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-service-models-model-1__link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.2s ease;
}
.pb-service-models-model-1__link i {
  font-size: 0.875rem;
  transition: transform 0.2s ease;
}
.pb-service-models-model-1__link:focus {
  outline: none;
  color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 20%, transparent);
  border-radius: var(--button-border-radius);
}
.pb-service-models-model-1__status {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--success-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--success-color) 20%, transparent);
}
@media (max-width: 768px) {
  .pb-service-models-model-1__media {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .pb-service-models-model-1__body {
    padding: 1.25rem;
  }
  .pb-service-models-model-1__title {
    font-size: 1rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 2
--------------------------------------------------------------*/
.pb-service-models-model-2 {
  --pb-sm2-border-soft: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-sm2-border-strong: color-mix(in srgb, var(--heading-color), transparent 60%);
  --pb-sm2-muted: color-mix(in srgb, var(--default-color) 65%, transparent);
  --pb-sm2-shadow-sm: 0 1px 2px color-mix(in srgb, var(--default-color) 6%, transparent);
  --pb-sm2-shadow-md: 0 4px 12px color-mix(in srgb, var(--default-color) 8%, transparent);
}
.pb-service-models-model-2__toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 24px;
  margin-bottom: 32px;
  border-bottom: 1px solid var(--pb-sm2-border-soft);
}
@media (max-width: 768px) {
  .pb-service-models-model-2__toolbar {
    flex-direction: column;
    align-items: flex-start;
  }
}
.pb-service-models-model-2__label {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--accent-color);
  margin-bottom: 8px;
}
.pb-service-models-model-2__toolbar-title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin: 0;
  color: var(--heading-color);
}
.pb-service-models-model-2__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--default-color) 6%, transparent);
  color: var(--default-color);
  border: 1px solid var(--pb-sm2-border-soft);
  line-height: 1.4;
}
.pb-service-models-model-2__badge--accent {
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.pb-service-models-model-2__badge--success {
  background: color-mix(in srgb, var(--success-color) 10%, transparent);
  color: var(--success-color);
  border-color: color-mix(in srgb, var(--success-color) 25%, transparent);
}
.pb-service-models-model-2__badge--outline {
  background: transparent;
  border-color: color-mix(in srgb, var(--contrast-color) 35%, transparent);
  color: var(--contrast-color);
}
.pb-service-models-model-2__badge--outline i {
  font-size: 13px;
}
.pb-service-models-model-2__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  animation: pb-sm2-dot-pulse 2s infinite;
}
@keyframes pb-sm2-dot-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.pb-service-models-model-2__grid {
  margin-bottom: 64px;
}
.pb-service-models-model-2__card {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--surface-color);
  border: 1px solid var(--pb-sm2-border-soft);
  border-radius: var(--card-border-radius);
  padding: 24px;
  box-shadow: var(--pb-sm2-shadow-sm);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  position: relative;
}
.pb-service-models-model-2__card:hover {
  border-color: var(--pb-sm2-border-strong);
  box-shadow: var(--pb-sm2-shadow-md);
  transform: translateY(-2px);
}
.pb-service-models-model-2__card--featured {
  border-color: color-mix(in srgb, var(--accent-color) 50%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-color) 20%, transparent), var(--pb-sm2-shadow-md);
}
.pb-service-models-model-2__card--emergency {
  border-left: 3px solid var(--danger-color);
}
.pb-service-models-model-2__card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.pb-service-models-model-2__icon-wrap {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  color: var(--accent-color);
  margin-right: 4px;
}
.pb-service-models-model-2__icon-wrap i {
  font-size: 20px;
}
.pb-service-models-model-2__pin {
  margin-left: auto;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 6px;
  background: var(--accent-color);
  color: var(--contrast-color);
}
.pb-service-models-model-2__pin--live {
  background: color-mix(in srgb, var(--danger-color) 10%, transparent);
  color: var(--danger-color);
  border: 1px solid color-mix(in srgb, var(--danger-color) 25%, transparent);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.pb-service-models-model-2__card-content {
  flex: 1;
}
.pb-service-models-model-2__card-title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin: 0 0 8px;
  color: var(--heading-color);
}
.pb-service-models-model-2__card-description {
  font-size: 14px;
  line-height: 1.6;
  color: var(--pb-sm2-muted);
  margin: 0 0 16px;
}
.pb-service-models-model-2__feature-list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pb-service-models-model-2__feature-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--default-color);
}
.pb-service-models-model-2__feature-list li i {
  font-size: 14px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-service-models-model-2__card-foot {
  padding-top: 16px;
  border-top: 1px solid var(--pb-sm2-border-soft);
  margin-top: auto;
}
.pb-service-models-model-2__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 0 16px;
  border-radius: var(--button-border-radius);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}
.pb-service-models-model-2__btn i {
  font-size: 14px;
}
.pb-service-models-model-2__btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.pb-service-models-model-2__btn--primary {
  background: var(--accent-color);
  color: var(--contrast-color);
  width: 100%;
}
.pb-service-models-model-2__btn--primary:hover {
  background: color-mix(in srgb, var(--accent-color) 88%, var(--heading-color));
  color: var(--contrast-color);
}
.pb-service-models-model-2__btn--ghost {
  background: transparent;
  color: var(--default-color);
  border-color: var(--pb-sm2-border-soft);
  width: 100%;
}
.pb-service-models-model-2__btn--ghost:hover {
  background: color-mix(in srgb, var(--default-color) 4%, transparent);
  border-color: var(--pb-sm2-border-strong);
  color: var(--accent-color);
}
.pb-service-models-model-2__btn--danger {
  background: var(--danger-color);
  color: var(--contrast-color);
  width: 100%;
}
.pb-service-models-model-2__btn--danger:hover {
  background: color-mix(in srgb, var(--danger-color) 85%, var(--heading-color));
  color: var(--contrast-color);
}
.pb-service-models-model-2__btn--secondary {
  background: transparent;
  color: var(--contrast-color);
  border-color: color-mix(in srgb, var(--contrast-color) 35%, transparent);
  padding: 0 20px;
}
.pb-service-models-model-2__btn--secondary:hover {
  background: color-mix(in srgb, var(--contrast-color) 12%, transparent);
  border-color: var(--contrast-color);
  color: var(--contrast-color);
}
.pb-service-models-model-2__stats {
  background: var(--surface-color);
  border: 1px solid var(--pb-sm2-border-soft);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: var(--pb-sm2-shadow-sm);
  margin-bottom: 64px;
}
.pb-service-models-model-2__stat-cell {
  padding: 24px;
  border-right: 1px solid var(--pb-sm2-border-soft);
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pb-service-models-model-2__stat-key {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--pb-sm2-muted);
}
.pb-service-models-model-2__stat-value {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--heading-color);
  line-height: 1;
}
.pb-service-models-model-2__stat-suffix {
  font-size: 24px;
  color: var(--accent-color);
}
.pb-service-models-model-2__stat-meta {
  font-size: 13px;
  color: var(--pb-sm2-muted);
}
.pb-service-models-model-2__stats .col-lg-3:last-child .pb-service-models-model-2__stat-cell, .pb-service-models-model-2__stats .col-md-6:nth-child(2) .pb-service-models-model-2__stat-cell {
  border-right: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .pb-service-models-model-2__stats .col-md-6:nth-child(odd) .pb-service-models-model-2__stat-cell {
    border-right: 1px solid var(--pb-sm2-border-soft);
  }
  .pb-service-models-model-2__stats .col-md-6:nth-child(even) .pb-service-models-model-2__stat-cell {
    border-right: none;
  }
  .pb-service-models-model-2__stats .col-md-6:nth-child(-n+2) .pb-service-models-model-2__stat-cell {
    border-bottom: 1px solid var(--pb-sm2-border-soft);
  }
}
@media (max-width: 767px) {
  .pb-service-models-model-2__stat-cell {
    border-right: none;
    border-bottom: 1px solid var(--pb-sm2-border-soft);
  }
  .pb-service-models-model-2__stats .col-md-6:last-child .pb-service-models-model-2__stat-cell {
    border-bottom: none;
  }
}
.pb-service-models-model-2__banner {
  background: var(--accent-color);
  border-radius: var(--card-border-radius);
  padding: 48px;
  color: var(--contrast-color);
  box-shadow: var(--pb-sm2-shadow-md);
}
@media (max-width: 768px) {
  .pb-service-models-model-2__banner {
    padding: 32px 24px;
  }
}
.pb-service-models-model-2__banner-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  align-items: center;
  gap: 32px;
}
@media (max-width: 992px) {
  .pb-service-models-model-2__banner-grid {
    grid-template-columns: 1fr;
    text-align: left;
  }
}
.pb-service-models-model-2__banner-meta h3 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--contrast-color);
  margin: 16px 0 8px;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .pb-service-models-model-2__banner-meta h3 {
    font-size: 24px;
  }
}
.pb-service-models-model-2__banner-meta p {
  font-size: 15px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--contrast-color) 80%, transparent);
  margin: 0;
  max-width: 480px;
}
.pb-service-models-model-2__banner-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .pb-service-models-model-2__banner-actions {
    justify-content: flex-start;
  }
}
@media (max-width: 576px) {
  .pb-service-models-model-2__banner-actions {
    width: 100%;
    flex-direction: column;
  }
  .pb-service-models-model-2__banner-actions .pb-service-models-model-2__btn {
    width: 100%;
  }
}
.pb-service-models-model-2__banner-actions .pb-service-models-model-2__btn--primary {
  background: var(--contrast-color);
  color: var(--accent-color);
  width: auto;
  padding: 0 20px;
}
.pb-service-models-model-2__banner-actions .pb-service-models-model-2__btn--primary:hover {
  background: color-mix(in srgb, var(--contrast-color) 88%, var(--heading-color));
  color: var(--accent-color);
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 3
--------------------------------------------------------------*/
.pb-service-models-model-3__featured {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  margin-bottom: 50px;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--default-color), transparent 95%);
}
.pb-service-models-model-3__featured-content {
  padding: 50px;
}
.pb-service-models-model-3__featured-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--accent-color);
  padding: 6px 14px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: var(--button-border-radius);
  margin-bottom: 20px;
}
.pb-service-models-model-3__featured-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 18px;
  color: var(--heading-color);
}
.pb-service-models-model-3__featured-text {
  font-size: 15px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 30px;
}
.pb-service-models-model-3__featured-stats {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
  padding: 22px 0;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-bottom: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-service-models-model-3__stat-block {
  display: flex;
  flex-direction: column;
}
.pb-service-models-model-3__stat-number {
  font-family: var(--heading-font);
  font-size: 28px;
  font-weight: 700;
  color: var(--accent-color);
  line-height: 1;
}
.pb-service-models-model-3__stat-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-top: 6px;
}
.pb-service-models-model-3__stat-divider {
  width: 1px;
  height: 36px;
  background: color-mix(in srgb, var(--default-color), transparent 85%);
  flex-shrink: 0;
}
.pb-service-models-model-3__featured-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-weight: 600;
  font-size: 14px;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}
.pb-service-models-model-3__featured-cta i {
  transition: transform 0.3s ease;
}
.pb-service-models-model-3__featured-cta:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
  color: var(--contrast-color);
}
.pb-service-models-model-3__featured-cta:hover i {
  transform: translate(3px, -3px);
}
.pb-service-models-model-3__featured-visual {
  position: relative;
  height: 100%;
  min-height: 420px;
  background: color-mix(in srgb, var(--default-color) 4%, transparent);
}
.pb-service-models-model-3__featured-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pb-service-models-model-3__featured-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: inherit;
  color: color-mix(in srgb, var(--default-color) 35%, transparent);
}
.pb-service-models-model-3__featured-placeholder i {
  font-size: 48px;
}
.pb-service-models-model-3__visual-badge {
  position: absolute;
  bottom: 24px;
  left: 24px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  background: var(--surface-color);
  border-radius: 999px;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--default-color), transparent 80%);
}
.pb-service-models-model-3__visual-badge i {
  font-size: 20px;
  color: var(--accent-color);
}
.pb-service-models-model-3__visual-badge span {
  font-size: 13px;
  font-weight: 600;
  color: var(--heading-color);
}
.pb-service-models-model-3__card {
  position: relative;
  padding: 36px 28px;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  height: 100%;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.pb-service-models-model-3__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--accent-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}
.pb-service-models-model-3__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 36px color-mix(in srgb, var(--default-color), transparent 88%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-service-models-model-3__card:hover::before {
  transform: scaleX(1);
}
.pb-service-models-model-3__card:hover .pb-service-models-model-3__service-number {
  color: color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-service-models-model-3__card:hover .pb-service-models-model-3__service-icon {
  background: var(--accent-color);
  transform: rotate(-8deg);
}
.pb-service-models-model-3__card:hover .pb-service-models-model-3__service-icon i {
  color: var(--contrast-color);
}
.pb-service-models-model-3__service-number {
  position: absolute;
  top: 24px;
  right: 28px;
  font-family: var(--heading-font);
  font-size: 42px;
  font-weight: 800;
  color: color-mix(in srgb, var(--default-color), transparent 92%);
  line-height: 1;
  transition: color 0.3s ease;
}
.pb-service-models-model-3__service-icon {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-radius: 50%;
  margin-bottom: 22px;
  transition: background 0.3s ease, transform 0.3s ease;
}
.pb-service-models-model-3__service-icon i {
  font-size: 26px;
  color: var(--accent-color);
  transition: color 0.3s ease;
}
.pb-service-models-model-3__card-title {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--heading-color);
}
.pb-service-models-model-3__card-text {
  font-size: 14px;
  line-height: 1.65;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 20px;
}
.pb-service-models-model-3__service-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--accent-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
}
.pb-service-models-model-3__service-link i {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-3__service-link:hover {
  color: var(--accent-color);
}
.pb-service-models-model-3__service-link:hover i {
  transform: translateX(4px);
}
@media (max-width: 991px) {
  .pb-service-models-model-3__featured-content {
    padding: 36px 28px;
  }
  .pb-service-models-model-3__featured-title {
    font-size: 26px;
  }
  .pb-service-models-model-3__featured-stats {
    gap: 16px;
  }
  .pb-service-models-model-3__stat-number {
    font-size: 24px;
  }
  .pb-service-models-model-3__featured-visual {
    min-height: 320px;
  }
}
@media (max-width: 575px) {
  .pb-service-models-model-3__featured-content {
    padding: 28px 22px;
  }
  .pb-service-models-model-3__featured-stats {
    flex-wrap: wrap;
    gap: 18px;
  }
  .pb-service-models-model-3__stat-divider {
    display: none;
  }
  .pb-service-models-model-3__featured-visual {
    min-height: 260px;
  }
  .pb-service-models-model-3__card {
    padding: 30px 24px;
  }
  .pb-service-models-model-3__service-number {
    font-size: 36px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 4
--------------------------------------------------------------*/
.pb-service-models-model-4 {
  overflow: visible;
  --pb-sm4-cyan-color: #0dcaf0;
  --pb-sm4-orange-color: #fd7e14;
  --pb-sm4-teal-color: #20c997;
  --pb-sm4-red-color: #df1529;
}
.pb-service-models-model-4__card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 36px 32px;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-left: 5px solid transparent;
  box-shadow: 0 4px 24px 0 color-mix(in srgb, var(--default-color) 8%, transparent);
}
.pb-service-models-model-4__card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 120px;
  border-radius: 0 var(--card-border-radius) 0 100%;
  opacity: 0.07;
  transition: opacity 0.3s ease;
}
.pb-service-models-model-4__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px 0 color-mix(in srgb, var(--default-color) 14%, transparent);
}
.pb-service-models-model-4__card:hover::before {
  opacity: 0.13;
}
.pb-service-models-model-4__card:hover .pb-service-models-model-4__icon {
  transform: scale(1.1);
}
.pb-service-models-model-4__card:hover .pb-service-models-model-4__link {
  gap: 10px;
}
.pb-service-models-model-4__card--cyan {
  border-left-color: var(--pb-sm4-cyan-color);
}
.pb-service-models-model-4__card--cyan::before {
  background-color: var(--pb-sm4-cyan-color);
}
.pb-service-models-model-4__card--cyan .pb-service-models-model-4__icon {
  background-color: color-mix(in srgb, var(--pb-sm4-cyan-color) 15%, transparent);
}
.pb-service-models-model-4__card--cyan .pb-service-models-model-4__icon i {
  color: var(--pb-sm4-cyan-color);
}
.pb-service-models-model-4__card--cyan .pb-service-models-model-4__service-number,
.pb-service-models-model-4__card--cyan .pb-service-models-model-4__link {
  color: var(--pb-sm4-cyan-color);
}
.pb-service-models-model-4__card--orange {
  border-left-color: var(--pb-sm4-orange-color);
}
.pb-service-models-model-4__card--orange::before {
  background-color: var(--pb-sm4-orange-color);
}
.pb-service-models-model-4__card--orange .pb-service-models-model-4__icon {
  background-color: color-mix(in srgb, var(--pb-sm4-orange-color) 15%, transparent);
}
.pb-service-models-model-4__card--orange .pb-service-models-model-4__icon i {
  color: var(--pb-sm4-orange-color);
}
.pb-service-models-model-4__card--orange .pb-service-models-model-4__service-number,
.pb-service-models-model-4__card--orange .pb-service-models-model-4__link {
  color: var(--pb-sm4-orange-color);
}
.pb-service-models-model-4__card--teal {
  border-left-color: var(--pb-sm4-teal-color);
}
.pb-service-models-model-4__card--teal::before {
  background-color: var(--pb-sm4-teal-color);
}
.pb-service-models-model-4__card--teal .pb-service-models-model-4__icon {
  background-color: color-mix(in srgb, var(--pb-sm4-teal-color) 15%, transparent);
}
.pb-service-models-model-4__card--teal .pb-service-models-model-4__icon i {
  color: var(--pb-sm4-teal-color);
}
.pb-service-models-model-4__card--teal .pb-service-models-model-4__service-number,
.pb-service-models-model-4__card--teal .pb-service-models-model-4__link {
  color: var(--pb-sm4-teal-color);
}
.pb-service-models-model-4__card--red {
  border-left-color: var(--pb-sm4-red-color);
}
.pb-service-models-model-4__card--red::before {
  background-color: var(--pb-sm4-red-color);
}
.pb-service-models-model-4__card--red .pb-service-models-model-4__icon {
  background-color: color-mix(in srgb, var(--pb-sm4-red-color) 15%, transparent);
}
.pb-service-models-model-4__card--red .pb-service-models-model-4__icon i {
  color: var(--pb-sm4-red-color);
}
.pb-service-models-model-4__card--red .pb-service-models-model-4__service-number,
.pb-service-models-model-4__card--red .pb-service-models-model-4__link {
  color: var(--pb-sm4-red-color);
}
.pb-service-models-model-4__inner {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 576px) {
  .pb-service-models-model-4__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.pb-service-models-model-4__icon-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
@media (max-width: 576px) {
  .pb-service-models-model-4__icon-wrap {
    flex-direction: row;
    align-items: center;
  }
}
.pb-service-models-model-4__icon {
  width: 68px;
  height: 68px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.pb-service-models-model-4__icon i {
  font-size: 30px;
}
.pb-service-models-model-4__service-number {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  opacity: 0.45;
  font-family: var(--heading-font);
}
.pb-service-models-model-4__content {
  flex: 1;
}
.pb-service-models-model-4__title-link {
  text-decoration: none;
  color: inherit;
}
.pb-service-models-model-4__title-link:hover {
  color: inherit;
}
.pb-service-models-model-4__title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px;
  color: var(--heading-color);
}
.pb-service-models-model-4__text {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.pb-service-models-model-4__link {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  transition: gap 0.3s ease;
  text-decoration: none;
  font-family: var(--nav-font);
}
.pb-service-models-model-4__link i {
  font-size: 15px;
}
.pb-service-models-model-4 > .site-container > .row {
  padding-bottom: 16px;
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 5
--------------------------------------------------------------*/
.pb-service-models-model-5 {
  overflow: visible;
}
.pb-service-models-model-5__offering {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding: 30px;
  border-left: 3px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  background: var(--surface-color);
  height: 100%;
  position: relative;
  transition: background 0.3s ease, border-color 0.3s ease;
}
.pb-service-models-model-5__offering::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  width: 3px;
  height: 0;
  background: var(--accent-color);
  transition: height 0.4s ease;
}
.pb-service-models-model-5__offering:hover {
  background: color-mix(in srgb, var(--surface-color), var(--accent-color) 3%);
  border-left-color: var(--accent-color);
}
.pb-service-models-model-5__offering:hover::before {
  height: 100%;
}
.pb-service-models-model-5__offering:hover .pb-service-models-model-5__number {
  color: var(--contrast-color);
  background: var(--accent-color);
}
.pb-service-models-model-5__offering:hover .pb-service-models-model-5__discover-btn {
  gap: 10px;
}
@media (max-width: 768px) {
  .pb-service-models-model-5__offering {
    padding: 24px 20px;
    gap: 18px;
  }
}
.pb-service-models-model-5__number {
  font-size: 14px;
  font-weight: 800;
  font-family: var(--heading-font);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  min-width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--card-border-radius);
  transition: color 0.3s ease, background 0.3s ease;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .pb-service-models-model-5__number {
    min-width: 40px;
    height: 40px;
    font-size: 13px;
  }
}
.pb-service-models-model-5__body {
  flex: 1;
}
.pb-service-models-model-5__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.pb-service-models-model-5__header i {
  font-size: 24px;
  color: var(--accent-color);
}
@media (max-width: 768px) {
  .pb-service-models-model-5__header i {
    font-size: 20px;
  }
}
.pb-service-models-model-5__title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--heading-color);
}
.pb-service-models-model-5__title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-service-models-model-5__title a:hover {
  color: var(--accent-color);
}
@media (max-width: 768px) {
  .pb-service-models-model-5__title {
    font-size: 18px;
  }
}
.pb-service-models-model-5__text {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .pb-service-models-model-5__text {
    font-size: 13px;
  }
}
.pb-service-models-model-5__popular-tag {
  display: inline-block;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: var(--button-border-radius);
}
.pb-service-models-model-5__discover-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--accent-color);
  text-decoration: none;
  transition: gap 0.3s ease, color 0.3s ease;
}
.pb-service-models-model-5__discover-btn i {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-5__discover-btn:hover {
  color: color-mix(in srgb, var(--accent-color), var(--default-color) 15%);
}
.pb-service-models-model-5__discover-btn:hover i {
  transform: translateX(3px);
}
.pb-service-models-model-5__banner-row {
  margin-top: 3rem;
}
.pb-service-models-model-5__banner {
  background: var(--accent-color);
  border-radius: var(--card-border-radius);
  padding: 45px 50px;
  overflow: hidden;
  position: relative;
}
.pb-service-models-model-5__banner::after {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--contrast-color), transparent 88%);
  pointer-events: none;
}
.pb-service-models-model-5__banner::before {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 30%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--contrast-color), transparent 92%);
  pointer-events: none;
}
@media (max-width: 992px) {
  .pb-service-models-model-5__banner {
    padding: 35px 30px;
    text-align: center;
  }
}
@media (max-width: 576px) {
  .pb-service-models-model-5__banner {
    padding: 30px 20px;
  }
}
.pb-service-models-model-5__banner-content {
  position: relative;
  z-index: 1;
}
.pb-service-models-model-5__banner-content h3 {
  font-size: 26px;
  font-weight: 700;
  color: var(--contrast-color);
  margin-bottom: 8px;
}
@media (max-width: 576px) {
  .pb-service-models-model-5__banner-content h3 {
    font-size: 22px;
  }
}
.pb-service-models-model-5__banner-content p {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  font-size: 15px;
  margin: 0;
  line-height: 1.6;
}
@media (max-width: 576px) {
  .pb-service-models-model-5__banner-content p {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .pb-service-models-model-5__banner-content {
    margin-bottom: 25px;
  }
}
.pb-service-models-model-5__action-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--contrast-color);
  color: var(--accent-color);
  font-weight: 700;
  font-size: 15px;
  padding: 14px 30px;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  white-space: nowrap;
}
.pb-service-models-model-5__action-btn i {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-5__action-btn:hover {
  background: var(--surface-color);
  color: var(--accent-color);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--default-color), transparent 70%);
}
.pb-service-models-model-5__action-btn:hover i {
  transform: translateX(3px);
}
@media (max-width: 576px) {
  .pb-service-models-model-5__action-btn {
    padding: 12px 24px;
    font-size: 14px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 6
--------------------------------------------------------------*/
.pb-service-models-model-6 {
  overflow: visible;
}
.pb-service-models-model-6 > .site-container {
  position: relative;
  overflow: visible;
}
.pb-service-models-model-6 .detail-page-title--embedded {
  position: relative;
  z-index: 1;
}
.pb-service-models-model-6__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  position: relative;
  z-index: 1;
}
@media (max-width: 992px) {
  .pb-service-models-model-6__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .pb-service-models-model-6__grid {
    grid-template-columns: 1fr;
  }
}
.pb-service-models-model-6__card {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  background: var(--surface-color);
  border: 2px solid color-mix(in srgb, var(--accent-color) 12%, transparent);
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.45s ease, border-color 0.45s ease;
}
.pb-service-models-model-6__card:nth-child(even) {
  margin-top: 20px;
}
@media (max-width: 576px) {
  .pb-service-models-model-6__card:nth-child(even) {
    margin-top: 0;
  }
}
.pb-service-models-model-6__card:hover {
  transform: translateY(-10px) rotate(-1deg);
  box-shadow: 0 24px 56px color-mix(in srgb, var(--accent-color) 20%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 40%, transparent);
}
.pb-service-models-model-6__card:hover .pb-service-models-model-6__icon-wrap i {
  transform: scale(1.2) rotate(8deg);
}
.pb-service-models-model-6__card:hover .pb-service-models-model-6__icon-blob {
  transform: scale(1.3);
}
.pb-service-models-model-6__card:hover .pb-service-models-model-6__link {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-service-models-model-6__card--featured {
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent-color) 90%, #7c3aed), color-mix(in srgb, var(--accent-color) 60%, #7c3aed));
  border-color: transparent;
}
.pb-service-models-model-6__card--featured .pb-service-models-model-6__number {
  color: color-mix(in srgb, var(--contrast-color) 30%, transparent);
}
.pb-service-models-model-6__card--featured .pb-service-models-model-6__icon-wrap i {
  color: var(--contrast-color);
}
.pb-service-models-model-6__card--featured .pb-service-models-model-6__icon-blob {
  background: color-mix(in srgb, var(--contrast-color) 15%, transparent);
}
.pb-service-models-model-6__card--featured .pb-service-models-model-6__title a {
  color: var(--contrast-color);
}
.pb-service-models-model-6__card--featured .pb-service-models-model-6__title a:hover {
  color: color-mix(in srgb, var(--contrast-color) 75%, transparent);
}
.pb-service-models-model-6__card--featured .pb-service-models-model-6__text {
  color: color-mix(in srgb, var(--contrast-color) 80%, transparent);
}
.pb-service-models-model-6__card--featured .pb-service-models-model-6__link {
  color: var(--contrast-color);
  border-color: color-mix(in srgb, var(--contrast-color) 30%, transparent);
}
.pb-service-models-model-6__card--featured .pb-service-models-model-6__link:hover {
  background: color-mix(in srgb, var(--contrast-color) 15%, transparent);
  border-color: var(--contrast-color);
  color: var(--contrast-color);
}
.pb-service-models-model-6__card--featured .pb-service-models-model-6__decoration--dots::before, .pb-service-models-model-6__card--featured .pb-service-models-model-6__decoration--dots::after {
  background: color-mix(in srgb, var(--contrast-color) 25%, transparent);
}
.pb-service-models-model-6__card--featured:hover {
  box-shadow: 0 24px 56px color-mix(in srgb, var(--accent-color) 35%, transparent);
}
.pb-service-models-model-6__inner {
  padding: 40px 32px 36px;
  position: relative;
  z-index: 2;
}
.pb-service-models-model-6__number {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--accent-color) 45%, transparent);
  margin-bottom: 20px;
  font-family: var(--heading-font);
}
.pb-service-models-model-6__icon-wrap {
  position: relative;
  width: 72px;
  height: 72px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-service-models-model-6__icon-wrap i {
  font-size: 34px;
  color: var(--accent-color);
  position: relative;
  z-index: 2;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.pb-service-models-model-6__icon-blob {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
  border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  transition: transform 0.5s ease, border-radius 0.5s ease;
  z-index: 1;
}
.pb-service-models-model-6__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
.pb-service-models-model-6__title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-service-models-model-6__title a:hover {
  color: var(--accent-color);
}
.pb-service-models-model-6__text {
  font-size: 15px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
  margin-bottom: 24px;
}
.pb-service-models-model-6__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--accent-color);
  text-decoration: none;
  padding: 9px 20px;
  border-radius: 999px;
  border: 2px solid color-mix(in srgb, var(--accent-color) 35%, transparent);
  transition: background 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}
.pb-service-models-model-6__link i {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-6__link:hover i {
  transform: translateX(4px);
}
.pb-service-models-model-6__decoration {
  position: absolute;
  z-index: 1;
}
.pb-service-models-model-6__decoration--circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 18px solid color-mix(in srgb, var(--accent-color) 8%, transparent);
  bottom: -30px;
  right: -30px;
}
.pb-service-models-model-6__decoration--dots {
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
}
.pb-service-models-model-6__decoration--dots::before, .pb-service-models-model-6__decoration--dots::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color) 20%, transparent);
}
.pb-service-models-model-6__decoration--dots::before {
  width: 14px;
  height: 14px;
  top: 0;
  right: 0;
}
.pb-service-models-model-6__decoration--dots::after {
  width: 22px;
  height: 22px;
  bottom: 0;
  left: 0;
}
.pb-service-models-model-6__decoration--triangle {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-bottom: 40px solid color-mix(in srgb, var(--accent-color) 10%, transparent);
  bottom: 20px;
  right: 20px;
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 7
--------------------------------------------------------------*/
.pb-service-models-model-7 {
  position: relative;
  z-index: 2;
  background-color: var(--background-color);
  overflow: visible;
}
.pb-service-models-model-7 > .site-container {
  position: relative;
  z-index: 1;
}
.pb-service-models-model-7 .detail-page-title--embedded {
  position: relative;
  z-index: 1;
}
.pb-service-models-model-7__block {
  height: 100%;
  padding: 40px 30px;
  border: 1px solid color-mix(in srgb, var(--default-color) 28%, transparent);
  border-radius: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  isolation: isolate;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color) 8%, transparent);
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}
.pb-service-models-model-7__block::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--surface-color, #ffffff);
  z-index: 0;
  pointer-events: none;
}
.pb-service-models-model-7__block > * {
  position: relative;
  z-index: 1;
}
.pb-service-models-model-7__block::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--accent-color);
  z-index: 2;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s ease;
}
.pb-service-models-model-7__block:hover {
  transform: translateY(-8px);
  border-color: color-mix(in srgb, var(--accent-color) 25%, transparent);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--default-color) 14%, transparent);
}
.pb-service-models-model-7__block:hover::before {
  transform: scaleX(1);
}
.pb-service-models-model-7__block:hover .pb-service-models-model-7__icon-wrap i {
  color: var(--contrast-color);
}
.pb-service-models-model-7__block:hover .pb-service-models-model-7__icon-bg {
  transform: scale(1);
  opacity: 1;
}
.pb-service-models-model-7__block:hover .pb-service-models-model-7__link {
  color: var(--accent-color);
}
.pb-service-models-model-7__icon-wrap {
  position: relative;
  width: 72px;
  height: 72px;
  margin: 0 auto 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-service-models-model-7__icon-wrap i {
  font-size: 32px;
  color: var(--accent-color);
  position: relative;
  z-index: 1;
  transition: color 0.4s ease;
  line-height: 1;
}
.pb-service-models-model-7__icon-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px dashed color-mix(in srgb, var(--accent-color), transparent 50%);
  border-radius: 50%;
  animation: pb-sm7-icon-spin 12s linear infinite;
}
.pb-service-models-model-7__icon-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--accent-color);
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.pb-service-models-model-7__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--heading-color);
}
.pb-service-models-model-7__text {
  font-size: 15px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 20px;
}
.pb-service-models-model-7__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-service-models-model-7__link i {
  font-size: 12px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-7__link:hover {
  color: var(--accent-color);
}
.pb-service-models-model-7__link:hover i {
  transform: translateX(4px);
}
@keyframes pb-sm7-icon-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 8
--------------------------------------------------------------*/
.pb-service-models-model-8 {
  overflow: visible;
}
.pb-service-models-model-8__panel {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  height: 100%;
  min-height: 400px;
  background-color: color-mix(in srgb, var(--default-color) 6%, var(--surface-color));
}
.pb-service-models-model-8__panel-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pb-service-models-model-8__panel-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: color-mix(in srgb, var(--default-color) 35%, transparent);
  font-size: 48px;
}
.pb-service-models-model-8__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, color-mix(in srgb, var(--heading-color) 95%, transparent) 0%, color-mix(in srgb, var(--heading-color) 30%, transparent) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px;
}
.pb-service-models-model-8__overlay-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--contrast-color);
  line-height: 1.3;
  margin-bottom: 16px;
}
.pb-service-models-model-8__overlay-link {
  color: var(--contrast-color);
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: gap 0.3s ease, color 0.3s ease;
}
.pb-service-models-model-8__overlay-link:hover {
  gap: 12px;
  color: color-mix(in srgb, var(--contrast-color) 85%, transparent);
}
.pb-service-models-model-8__item {
  display: flex;
  gap: 16px;
  padding: 24px;
  border-radius: var(--card-border-radius);
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color) 28%, transparent);
  height: 100%;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color) 8%, transparent);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.pb-service-models-model-8__item:hover {
  border-color: var(--accent-color);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color) 12%, transparent);
}
.pb-service-models-model-8__item:hover .pb-service-models-model-8__icon {
  background: var(--accent-color);
}
.pb-service-models-model-8__item:hover .pb-service-models-model-8__icon i {
  color: var(--contrast-color);
}
.pb-service-models-model-8__icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color) 10%, var(--surface-color));
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
.pb-service-models-model-8__icon i {
  font-size: 24px;
  color: var(--accent-color);
  transition: color 0.3s ease;
  line-height: 1;
}
.pb-service-models-model-8__item-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--heading-color);
}
.pb-service-models-model-8__item-text {
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
  margin: 0;
}
@media (max-width: 991px) {
  .pb-service-models-model-8__panel {
    min-height: 300px;
    margin-bottom: 8px;
  }
}
@media (max-width: 575px) {
  .pb-service-models-model-8__item {
    flex-direction: column;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 9
--------------------------------------------------------------*/
.pb-service-models-model-9 {
  position: relative;
  overflow: visible;
}
.pb-service-models-model-9__container {
  position: relative;
}
.pb-service-models-model-9 .detail-page-title--embedded {
  position: relative;
  z-index: 1;
}
.pb-service-models-model-9__deco {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.pb-service-models-model-9__deco--circle {
  width: 220px;
  height: 220px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 15%, transparent), color-mix(in srgb, var(--accent-color) 60%, var(--heading-color)));
  border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  opacity: 0.12;
  top: -60px;
  right: -40px;
}
.pb-service-models-model-9__deco--ring {
  width: 160px;
  height: 160px;
  border: 4px dashed color-mix(in srgb, var(--accent-color) 30%, transparent);
  border-radius: 50%;
  bottom: 40px;
  left: -50px;
}
.pb-service-models-model-9__deco--dots {
  width: 100px;
  height: 100px;
  background-image: radial-gradient(color-mix(in srgb, var(--accent-color) 40%, transparent) 2px, transparent 2px);
  background-size: 14px 14px;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
}
.pb-service-models-model-9__card {
  position: relative;
  z-index: 1;
  background-color: var(--surface-color);
  padding: 48px 36px 40px;
  border-radius: var(--card-border-radius);
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 2px solid color-mix(in srgb, var(--accent-color) 15%, transparent);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color) 8%, transparent);
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.45s ease, border-color 0.45s ease;
}
.pb-service-models-model-9__card--tilt_left {
  transform: rotate(-1.5deg);
}
.pb-service-models-model-9__card--tilt_right {
  transform: rotate(1.5deg);
}
.pb-service-models-model-9__card--raised {
  transform: translateY(-8px);
}
.pb-service-models-model-9__card:hover {
  transform: translateY(-10px) rotate(0deg);
  box-shadow: 0 24px 56px color-mix(in srgb, var(--accent-color) 22%, transparent);
  border-color: var(--accent-color);
}
.pb-service-models-model-9__card:hover .pb-service-models-model-9__blob {
  transform: scale(1.6) rotate(20deg);
  opacity: 0.22;
}
.pb-service-models-model-9__card:hover .pb-service-models-model-9__icon-wrap {
  transform: scale(1.1) rotate(-6deg);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--accent-color) 55%, transparent);
  border-radius: calc(var(--card-border-radius) + 4px) calc(var(--button-border-radius) + 10px) calc(var(--card-border-radius) + 4px) calc(var(--button-border-radius) + 2px);
}
.pb-service-models-model-9__card:hover .pb-service-models-model-9__title a {
  color: var(--accent-color);
  background-size: 100% 3px;
}
.pb-service-models-model-9__blob {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 100px;
  height: 100px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 30%, transparent), color-mix(in srgb, var(--accent-color) 70%, var(--heading-color)));
  border-radius: 50% 50% 50% 20%;
  opacity: 0.15;
  transition: transform 0.45s ease, opacity 0.45s ease;
  z-index: 0;
  pointer-events: none;
}
.pb-service-models-model-9__icon-wrap {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: var(--contrast-color);
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 65%, var(--heading-color)));
  border-radius: calc(var(--card-border-radius) + 8px);
  margin-bottom: 28px;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color) 40%, transparent);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease, border-radius 0.4s ease;
}
.pb-service-models-model-9__icon-wrap i {
  line-height: 1;
}
.pb-service-models-model-9__title {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 14px;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--heading-color);
}
.pb-service-models-model-9__title a {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(var(--accent-color), var(--accent-color));
  background-size: 0% 3px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  padding-bottom: 2px;
  transition: background-size 0.4s ease, color 0.3s ease;
}
.pb-service-models-model-9__text {
  position: relative;
  z-index: 1;
  font-size: 15px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color) 75%, transparent);
  margin-bottom: 24px;
  flex-grow: 1;
}
.pb-service-models-model-9__link {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--accent-color);
  text-decoration: none;
  transition: gap 0.35s ease, color 0.35s ease;
  margin-top: auto;
}
.pb-service-models-model-9__link i {
  font-size: 16px;
  transition: transform 0.35s ease;
}
.pb-service-models-model-9__link:hover {
  color: color-mix(in srgb, var(--accent-color) 70%, var(--heading-color));
  gap: 14px;
}
.pb-service-models-model-9__link:hover i {
  transform: translateX(4px);
}
@media (max-width: 768px) {
  .pb-service-models-model-9__card {
    padding: 36px 28px 32px;
  }
  .pb-service-models-model-9__card--tilt_left, .pb-service-models-model-9__card--tilt_right {
    transform: rotate(0deg);
  }
  .pb-service-models-model-9__card--raised {
    transform: translateY(0);
  }
  .pb-service-models-model-9__deco {
    display: none;
  }
}
@media (max-width: 576px) {
  .pb-service-models-model-9__card {
    padding: 32px 24px 28px;
  }
  .pb-service-models-model-9__icon-wrap {
    width: 60px;
    height: 60px;
    font-size: 26px;
    margin-bottom: 22px;
  }
  .pb-service-models-model-9__title {
    font-size: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 10
--------------------------------------------------------------*/
.pb-service-models-model-10 {
  overflow: visible;
  --pb-sm10-card-border: color-mix(in srgb, var(--heading-color), transparent 78%);
  --pb-sm10-card-hover-border: color-mix(in srgb, var(--accent-color) 50%, transparent);
  --pb-sm10-card-soft-bg: color-mix(in srgb, var(--accent-color) 6%, var(--surface-color));
}
.pb-service-models-model-10__card {
  position: relative;
  border: 1px solid var(--pb-sm10-card-border);
  border-radius: var(--card-border-radius);
  padding: 28px;
  background-color: var(--surface-color);
  background-image: linear-gradient(145deg, var(--surface-color), color-mix(in srgb, var(--surface-color), var(--accent-color) 3%));
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color) 6%, transparent);
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-service-models-model-10__card:not(.pb-service-models-model-10__card--compact) {
  display: flex;
  flex-direction: column;
}
.pb-service-models-model-10__card:hover {
  border-color: var(--pb-sm10-card-hover-border);
  transform: translateY(-6px);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--default-color) 10%, transparent);
}
.pb-service-models-model-10__card:hover .pb-service-models-model-10__icon {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-service-models-model-10__card:hover .pb-service-models-model-10__link {
  color: var(--accent-color);
}
.pb-service-models-model-10__card:hover .pb-service-models-model-10__link i {
  transform: translate(2px, -2px);
}
.pb-service-models-model-10__card--compact {
  padding: 24px;
}
.pb-service-models-model-10__card--compact .pb-service-models-model-10__icon {
  width: 50px;
  height: 50px;
}
.pb-service-models-model-10__card--compact .pb-service-models-model-10__icon i {
  font-size: 22px;
}
.pb-service-models-model-10__card--compact .pb-service-models-model-10__title {
  font-size: 1.1rem;
}
.pb-service-models-model-10__card--compact .pb-service-models-model-10__text {
  margin-bottom: 18px;
}
.pb-service-models-model-10__head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.pb-service-models-model-10__icon {
  width: 56px;
  height: 56px;
  border-radius: calc(var(--card-border-radius) - 4px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--pb-sm10-card-soft-bg);
  color: var(--accent-color);
  flex-shrink: 0;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.pb-service-models-model-10__icon i {
  font-size: 26px;
  line-height: 1;
}
.pb-service-models-model-10__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
}
.pb-service-models-model-10__text {
  margin-bottom: 14px;
  color: color-mix(in srgb, var(--default-color) 76%, transparent);
}
.pb-service-models-model-10__points {
  display: grid;
  gap: 8px;
  margin-bottom: 0;
}
.pb-service-models-model-10__card:not(.pb-service-models-model-10__card--compact) .pb-service-models-model-10__points {
  flex: 1 0 auto;
}
.pb-service-models-model-10__points li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.95rem;
  color: color-mix(in srgb, var(--default-color) 84%, transparent);
}
.pb-service-models-model-10__points li i {
  color: var(--accent-color);
  line-height: 1.2;
  margin-top: 1px;
  flex-shrink: 0;
}
.pb-service-models-model-10__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color) 74%, transparent);
  text-decoration: none;
  transition: color 0.3s ease;
  position: relative;
  z-index: 2;
  align-self: flex-start;
  margin-top: auto;
  padding-top: 20px;
}
.pb-service-models-model-10__card--compact .pb-service-models-model-10__link {
  margin-top: 0;
  padding-top: 0;
}
.pb-service-models-model-10__link i {
  transition: transform 0.3s ease;
}
@media (max-width: 992px) {
  .pb-service-models-model-10__card {
    padding: 24px;
  }
}
@media (max-width: 576px) {
  .pb-service-models-model-10__head {
    gap: 12px;
  }
  .pb-service-models-model-10__title {
    font-size: 1.05rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 11
--------------------------------------------------------------*/
.pb-service-models-model-11 {
  overflow: visible;
}
.pb-service-models-model-11__tile {
  display: grid;
  grid-template-columns: 42% 58%;
  gap: 0;
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color) 6%, transparent);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-service-models-model-11__tile:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px color-mix(in srgb, var(--default-color) 12%, transparent);
}
.pb-service-models-model-11__tile:hover .pb-service-models-model-11__link::after {
  transform: translateX(4px);
}
.pb-service-models-model-11__media {
  position: relative;
  min-height: 220px;
  background-color: color-mix(in srgb, var(--default-color) 6%, var(--surface-color));
}
.pb-service-models-model-11__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pb-service-models-model-11__media-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: color-mix(in srgb, var(--default-color) 35%, transparent);
  font-size: 48px;
}
.pb-service-models-model-11__content {
  padding: 28px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pb-service-models-model-11__icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color) 15%, transparent);
  color: var(--accent-color);
  font-size: 22px;
  flex-shrink: 0;
}
.pb-service-models-model-11__icon i {
  line-height: 1;
}
.pb-service-models-model-11__title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--heading-color);
}
.pb-service-models-model-11__text {
  font-size: 15px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
  margin: 0;
}
.pb-service-models-model-11__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 6px;
}
.pb-service-models-model-11__list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color) 85%, transparent);
}
.pb-service-models-model-11__list li i {
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-service-models-model-11__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  color: var(--accent-color);
  text-decoration: none;
  margin-top: auto;
  padding-top: 4px;
  transition: color 0.3s ease;
}
.pb-service-models-model-11__link::after {
  content: "→";
  transition: transform 0.3s ease;
}
@media (max-width: 992px) {
  .pb-service-models-model-11__tile {
    grid-template-columns: 1fr;
  }
  .pb-service-models-model-11__media {
    min-height: 200px;
  }
}
@media (max-width: 576px) {
  .pb-service-models-model-11__content {
    padding: 22px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 12
--------------------------------------------------------------*/
.pb-service-models-model-12 {
  overflow: visible;
}
.pb-service-models-model-12__card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 30px;
  height: 100%;
  position: relative;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color) 6%, transparent);
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
  overflow: hidden;
}
.pb-service-models-model-12__card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 50%, var(--heading-color)));
  transform: scaleX(0);
  transition: transform 0.4s ease;
}
.pb-service-models-model-12__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px color-mix(in srgb, var(--default-color) 10%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);
}
.pb-service-models-model-12__card:hover::after {
  transform: scaleX(1);
}
.pb-service-models-model-12__card:hover .pb-service-models-model-12__icon-circle {
  background: var(--accent-color);
  transform: rotate(10deg);
}
.pb-service-models-model-12__card:hover .pb-service-models-model-12__icon-circle i {
  color: var(--contrast-color);
}
.pb-service-models-model-12__card:hover .pb-service-models-model-12__card-link {
  color: var(--accent-color);
}
.pb-service-models-model-12__card:hover .pb-service-models-model-12__card-link i {
  transform: translateX(5px);
}
.pb-service-models-model-12__card--highlighted {
  background: linear-gradient(160deg, var(--surface-color) 0%, color-mix(in srgb, var(--accent-color) 5%, var(--surface-color)) 100%);
  border-color: color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.pb-service-models-model-12__card--highlighted::after {
  transform: scaleX(1);
}
.pb-service-models-model-12__badge {
  position: absolute;
  top: 20px;
  right: 20px;
  background: linear-gradient(135deg, var(--success-color), color-mix(in srgb, var(--success-color) 80%, var(--heading-color)));
  color: var(--contrast-color);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 5px 14px;
  border-radius: 999px;
  z-index: 1;
}
.pb-service-models-model-12__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.pb-service-models-model-12__icon-circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color) 15%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s ease, background 0.4s ease;
}
.pb-service-models-model-12__icon-circle i {
  font-size: 28px;
  color: var(--accent-color);
  transition: color 0.3s ease;
  line-height: 1;
}
.pb-service-models-model-12__number {
  font-size: 42px;
  font-weight: 800;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color) 10%, transparent);
  line-height: 1;
}
.pb-service-models-model-12__card-body {
  margin-bottom: 20px;
}
.pb-service-models-model-12__card-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--heading-color);
}
.pb-service-models-model-12__card-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-service-models-model-12__card-title a:hover {
  color: var(--accent-color);
}
.pb-service-models-model-12__card-text {
  font-size: 14px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  margin-bottom: 16px;
}
.pb-service-models-model-12__features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.pb-service-models-model-12__features li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
  background: color-mix(in srgb, var(--default-color) 5%, var(--surface-color));
  padding: 5px 12px;
  border-radius: 999px;
}
.pb-service-models-model-12__features li i {
  color: var(--accent-color);
  font-size: 12px;
}
.pb-service-models-model-12__card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-service-models-model-12__card-link i {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-12__sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
}
.pb-service-models-model-12__sidebar-item {
  display: flex;
  gap: 18px;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 24px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color) 6%, transparent);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.pb-service-models-model-12__sidebar-item:hover {
  border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color) 8%, transparent);
}
.pb-service-models-model-12__sidebar-item:hover .pb-service-models-model-12__sidebar-icon {
  background: var(--accent-color);
}
.pb-service-models-model-12__sidebar-item:hover .pb-service-models-model-12__sidebar-icon i {
  color: var(--contrast-color);
}
.pb-service-models-model-12__sidebar-icon {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: calc(var(--card-border-radius) - 4px);
  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
.pb-service-models-model-12__sidebar-icon i {
  font-size: 24px;
  color: var(--accent-color);
  transition: color 0.3s ease;
  line-height: 1;
}
.pb-service-models-model-12__sidebar-content {
  flex: 1;
  min-width: 0;
}
.pb-service-models-model-12__sidebar-num {
  font-size: 12px;
  font-weight: 700;
  color: var(--accent-color);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pb-service-models-model-12__sidebar-title {
  font-size: 17px;
  font-weight: 700;
  margin: 6px 0 10px;
  color: var(--heading-color);
}
.pb-service-models-model-12__sidebar-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-service-models-model-12__sidebar-title a:hover {
  color: var(--accent-color);
}
.pb-service-models-model-12__sidebar-text {
  font-size: 13px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color) 65%, transparent);
  margin: 0;
}
.pb-service-models-model-12__cta {
  flex: 1;
  min-height: 280px;
  border-radius: var(--card-border-radius);
  background: linear-gradient(160deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color) 60%, var(--heading-color)) 100%);
  padding: 4px;
}
.pb-service-models-model-12__cta-inner {
  height: 100%;
  border-radius: calc(var(--card-border-radius) - 3px);
  background: linear-gradient(160deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color) 60%, var(--heading-color)) 100%);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.pb-service-models-model-12__cta-inner::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, color-mix(in srgb, var(--contrast-color) 10%, transparent) 0%, transparent 70%);
  pointer-events: none;
}
.pb-service-models-model-12__cta-inner > i {
  font-size: 42px;
  color: var(--contrast-color);
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  line-height: 1;
}
.pb-service-models-model-12__cta-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--contrast-color);
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.pb-service-models-model-12__cta-text {
  font-size: 14px;
  color: color-mix(in srgb, var(--contrast-color) 85%, transparent);
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}
.pb-service-models-model-12__cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--contrast-color);
  color: var(--accent-color);
  font-size: 14px;
  font-weight: 600;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  z-index: 1;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color) 25%, transparent);
}
.pb-service-models-model-12__cta-button i {
  font-size: 16px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-12__cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color) 35%, transparent);
  color: var(--accent-color);
}
.pb-service-models-model-12__cta-button:hover i {
  transform: translateX(4px);
}
@media (max-width: 992px) {
  .pb-service-models-model-12__sidebar {
    margin-top: 20px;
  }
  .pb-service-models-model-12__cta {
    min-height: 220px;
  }
}
@media (max-width: 768px) {
  .pb-service-models-model-12__card {
    padding: 24px;
  }
  .pb-service-models-model-12__icon-circle {
    width: 56px;
    height: 56px;
  }
  .pb-service-models-model-12__icon-circle i {
    font-size: 24px;
  }
  .pb-service-models-model-12__number {
    font-size: 36px;
  }
  .pb-service-models-model-12__card-title {
    font-size: 18px;
  }
  .pb-service-models-model-12__cta-inner {
    padding: 28px 24px;
  }
  .pb-service-models-model-12__cta-title {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .pb-service-models-model-12__card {
    padding: 20px;
  }
  .pb-service-models-model-12__card-header {
    margin-bottom: 18px;
  }
  .pb-service-models-model-12__icon-circle {
    width: 50px;
    height: 50px;
  }
  .pb-service-models-model-12__icon-circle i {
    font-size: 22px;
  }
  .pb-service-models-model-12__number {
    font-size: 32px;
  }
  .pb-service-models-model-12__features li {
    font-size: 12px;
    padding: 4px 10px;
  }
  .pb-service-models-model-12__sidebar-item {
    padding: 20px;
  }
  .pb-service-models-model-12__sidebar-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
  }
  .pb-service-models-model-12__sidebar-icon i {
    font-size: 20px;
  }
  .pb-service-models-model-12__sidebar-title {
    font-size: 15px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 13
--------------------------------------------------------------*/
.pb-service-models-model-13 {
  overflow: visible;
}
.pb-service-models-model-13__card {
  position: relative;
  padding: 32px;
  border-radius: var(--card-border-radius);
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 10px 40px color-mix(in srgb, var(--default-color) 8%, transparent);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-service-models-model-13__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--default-color) 12%, transparent);
}
.pb-service-models-model-13__card:hover .pb-service-models-model-13__icon {
  background: var(--accent-color);
}
.pb-service-models-model-13__card:hover .pb-service-models-model-13__icon i {
  color: var(--contrast-color);
}
.pb-service-models-model-13__card:hover .pb-service-models-model-13__link i {
  transform: translateX(4px);
}
.pb-service-models-model-13__card--featured {
  background: var(--accent-color);
  border-color: transparent;
  transform: scale(1.02);
}
@media (min-width: 992px) {
  .pb-service-models-model-13__card--featured {
    transform: scale(1.05);
  }
}
.pb-service-models-model-13__card--featured:hover {
  transform: scale(1.02) translateY(-8px);
}
@media (min-width: 992px) {
  .pb-service-models-model-13__card--featured:hover {
    transform: scale(1.05) translateY(-8px);
  }
}
.pb-service-models-model-13__card--featured .pb-service-models-model-13__icon {
  background: color-mix(in srgb, var(--contrast-color) 20%, transparent);
}
.pb-service-models-model-13__card--featured .pb-service-models-model-13__icon i {
  color: var(--contrast-color);
}
.pb-service-models-model-13__card--featured .pb-service-models-model-13__title {
  color: var(--contrast-color);
}
.pb-service-models-model-13__card--featured .pb-service-models-model-13__text {
  color: color-mix(in srgb, var(--contrast-color) 85%, transparent);
}
.pb-service-models-model-13__card--featured .pb-service-models-model-13__link {
  color: var(--contrast-color);
}
.pb-service-models-model-13__card--featured .pb-service-models-model-13__link:hover {
  color: var(--contrast-color);
}
.pb-service-models-model-13__badge {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: color-mix(in srgb, var(--contrast-color) 20%, transparent);
  color: var(--contrast-color);
}
.pb-service-models-model-13__badge i {
  font-size: 10px;
}
.pb-service-models-model-13__icon {
  width: 56px;
  height: 56px;
  border-radius: calc(var(--card-border-radius) - 4px);
  background: color-mix(in srgb, var(--accent-color) 15%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  transition: background 0.3s ease;
}
.pb-service-models-model-13__icon i {
  font-size: 28px;
  color: var(--accent-color);
  transition: color 0.3s ease;
  line-height: 1;
}
.pb-service-models-model-13__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 12px;
  color: var(--heading-color);
}
.pb-service-models-model-13__text {
  font-size: 16px;
  line-height: 1.7;
  color: var(--default-color);
  margin-bottom: 24px;
  flex-grow: 1;
}
.pb-service-models-model-13__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-color);
  text-decoration: none;
  transition: color 0.3s ease;
  margin-top: auto;
}
.pb-service-models-model-13__link i {
  font-size: 16px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-13__link:hover {
  color: color-mix(in srgb, var(--accent-color) 80%, var(--heading-color));
}
.pb-service-models-model-13__stats {
  margin-top: 64px;
  padding: 48px 32px;
  background: color-mix(in srgb, var(--accent-color) 8%, var(--surface-color));
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--accent-color) 12%, transparent);
}
.pb-service-models-model-13__stat {
  text-align: center;
}
.pb-service-models-model-13__stat-number {
  display: block;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
  color: var(--accent-color);
  margin-bottom: 8px;
  font-family: var(--heading-font);
}
.pb-service-models-model-13__stat-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--default-color);
}
@media (max-width: 768px) {
  .pb-service-models-model-13__card {
    padding: 24px;
  }
  .pb-service-models-model-13__icon {
    width: 48px;
    height: 48px;
  }
  .pb-service-models-model-13__icon i {
    font-size: 24px;
  }
  .pb-service-models-model-13__title {
    font-size: 18px;
  }
  .pb-service-models-model-13__stats {
    margin-top: 48px;
    padding: 32px 24px;
  }
  .pb-service-models-model-13__stat-number {
    font-size: 28px;
  }
  .pb-service-models-model-13__stat-label {
    font-size: 12px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 14
--------------------------------------------------------------*/
.pb-service-models-model-14 {
  overflow: visible;
}
.pb-service-models-model-14__intro {
  margin-bottom: 48px;
}
.pb-service-models-model-14__intro-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
  color: var(--heading-color);
  letter-spacing: -0.01em;
}
.pb-service-models-model-14__intro-text {
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  line-height: 1.6;
  margin-bottom: 0;
}
.pb-service-models-model-14__intro-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--accent-color);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-service-models-model-14__intro-link i {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-14__intro-link:hover {
  color: color-mix(in srgb, var(--accent-color) 85%, var(--heading-color));
}
.pb-service-models-model-14__intro-link:hover i {
  transform: translateX(4px);
}
.pb-service-models-model-14__item {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 32px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color) 6%, transparent);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.pb-service-models-model-14__item:hover {
  border-color: color-mix(in srgb, var(--accent-color) 40%, transparent);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color) 8%, transparent);
  transform: translateY(-4px);
}
.pb-service-models-model-14__item:hover .pb-service-models-model-14__icon {
  background: var(--accent-color);
  transform: scale(1.05);
}
.pb-service-models-model-14__item:hover .pb-service-models-model-14__icon i {
  color: var(--contrast-color);
}
.pb-service-models-model-14__item:hover .pb-service-models-model-14__link i {
  transform: translateX(4px);
}
.pb-service-models-model-14__item-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 12px;
}
.pb-service-models-model-14__icon {
  width: 56px;
  height: 56px;
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  border-radius: calc(var(--card-border-radius) - 2px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, background 0.3s ease;
  flex-shrink: 0;
}
.pb-service-models-model-14__icon i {
  font-size: 28px;
  color: var(--accent-color);
  transition: color 0.3s ease;
  line-height: 1;
}
.pb-service-models-model-14__badge {
  background: linear-gradient(135deg, var(--danger-color), color-mix(in srgb, var(--danger-color) 70%, var(--accent-color)));
  color: var(--contrast-color);
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  flex-shrink: 0;
}
.pb-service-models-model-14__item-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--heading-color);
  letter-spacing: -0.01em;
}
.pb-service-models-model-14__item-text {
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color) 75%, transparent);
  line-height: 1.6;
  margin-bottom: 20px;
}
.pb-service-models-model-14__features {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  flex-grow: 1;
}
.pb-service-models-model-14__features li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--default-color);
  margin-bottom: 10px;
  line-height: 1.5;
}
.pb-service-models-model-14__features li i {
  font-size: 16px;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-service-models-model-14__features li:last-child {
  margin-bottom: 0;
}
.pb-service-models-model-14__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--accent-color);
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  margin-top: auto;
  transition: color 0.3s ease;
}
.pb-service-models-model-14__link i {
  font-size: 16px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-14__link:hover {
  color: color-mix(in srgb, var(--accent-color) 85%, var(--heading-color));
}
.pb-service-models-model-14__banner {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, var(--heading-color)));
  border-radius: var(--card-border-radius);
  padding: 48px;
  margin-top: 64px;
}
.pb-service-models-model-14__banner-badge {
  display: inline-block;
  background: color-mix(in srgb, var(--contrast-color) 20%, transparent);
  color: var(--contrast-color);
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
}
.pb-service-models-model-14__banner-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--contrast-color);
  margin-bottom: 12px;
  letter-spacing: -0.01em;
}
.pb-service-models-model-14__banner-text {
  font-size: 16px;
  color: color-mix(in srgb, var(--contrast-color) 85%, transparent);
  margin-bottom: 0;
  line-height: 1.6;
}
.pb-service-models-model-14__btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--contrast-color);
  color: var(--accent-color);
  padding: 14px 28px;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-bottom: 12px;
}
.pb-service-models-model-14__btn-primary i {
  font-size: 16px;
}
.pb-service-models-model-14__btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--default-color) 15%, transparent);
  color: var(--accent-color);
}
.pb-service-models-model-14__btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--contrast-color);
  padding: 14px 28px;
  border: 1px solid color-mix(in srgb, var(--contrast-color) 30%, transparent);
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: background 0.3s ease, border-color 0.3s ease;
  margin-left: 12px;
}
.pb-service-models-model-14__btn-secondary:hover {
  background: color-mix(in srgb, var(--contrast-color) 10%, transparent);
  border-color: color-mix(in srgb, var(--contrast-color) 50%, transparent);
  color: var(--contrast-color);
}
@media (max-width: 992px) {
  .pb-service-models-model-14__intro-title {
    font-size: 28px;
  }
  .pb-service-models-model-14__intro-link {
    margin-top: 16px;
  }
  .pb-service-models-model-14__banner {
    padding: 40px 32px;
  }
  .pb-service-models-model-14__banner-title {
    font-size: 24px;
  }
  .pb-service-models-model-14__btn-primary, .pb-service-models-model-14__btn-secondary {
    display: block;
    text-align: center;
    margin-left: 0;
    margin-top: 12px;
  }
}
@media (max-width: 768px) {
  .pb-service-models-model-14__item {
    padding: 28px;
  }
  .pb-service-models-model-14__icon {
    width: 48px;
    height: 48px;
  }
  .pb-service-models-model-14__icon i {
    font-size: 24px;
  }
  .pb-service-models-model-14__item-title {
    font-size: 20px;
  }
  .pb-service-models-model-14__item-text {
    font-size: 14px;
  }
  .pb-service-models-model-14__features li {
    font-size: 13px;
  }
  .pb-service-models-model-14__features li i {
    font-size: 14px;
  }
  .pb-service-models-model-14__banner {
    padding: 32px 24px;
    margin-top: 48px;
  }
  .pb-service-models-model-14__banner-title {
    font-size: 22px;
  }
  .pb-service-models-model-14__banner-text {
    font-size: 15px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 15
--------------------------------------------------------------*/
.pb-service-models-model-15 {
  overflow: visible;
}
.pb-service-models-model-15__card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--button-border-radius);
  padding: 32px 28px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color) 6%, transparent);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.pb-service-models-model-15__card:hover {
  border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);
  box-shadow: 0 2px 4px color-mix(in srgb, var(--default-color) 8%, transparent);
  transform: translateY(-3px);
}
.pb-service-models-model-15__card:hover .pb-service-models-model-15__icon {
  background-color: var(--accent-color);
}
.pb-service-models-model-15__card:hover .pb-service-models-model-15__icon i {
  color: var(--contrast-color);
}
.pb-service-models-model-15__card:hover .pb-service-models-model-15__link i {
  transform: translateX(4px);
}
.pb-service-models-model-15__icon {
  width: 64px;
  height: 64px;
  background-color: color-mix(in srgb, var(--accent-color) 8%, var(--surface-color));
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  transition: background-color 0.3s ease-in-out;
}
.pb-service-models-model-15__icon i {
  font-size: 28px;
  color: var(--accent-color);
  transition: color 0.3s ease-in-out;
  line-height: 1;
}
.pb-service-models-model-15__title {
  font-size: 22px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 16px;
  line-height: 1.3;
}
.pb-service-models-model-15__text {
  font-size: 16px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  margin-bottom: 24px;
  flex-grow: 1;
}
.pb-service-models-model-15__link {
  font-size: 15px;
  font-weight: 500;
  color: var(--accent-color);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  transition: color 0.3s ease-in-out;
}
.pb-service-models-model-15__link i {
  font-size: 16px;
  transition: transform 0.3s ease-in-out;
}
.pb-service-models-model-15__link:hover {
  color: color-mix(in srgb, var(--accent-color) 85%, var(--heading-color));
}
@media (max-width: 768px) {
  .pb-service-models-model-15__card {
    padding: 24px 20px;
  }
  .pb-service-models-model-15__icon {
    width: 56px;
    height: 56px;
  }
  .pb-service-models-model-15__icon i {
    font-size: 24px;
  }
  .pb-service-models-model-15__title {
    font-size: 20px;
  }
  .pb-service-models-model-15__text {
    font-size: 15px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 16
--------------------------------------------------------------*/
.pb-service-models-model-16 {
  overflow: visible;
}
.pb-service-models-model-16__card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 32px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color) 6%, transparent);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}
.pb-service-models-model-16__card:hover {
  border-color: var(--accent-color);
  box-shadow: 0 10px 25px color-mix(in srgb, var(--default-color) 8%, transparent);
  transform: translateY(-4px);
}
.pb-service-models-model-16__card:hover .pb-service-models-model-16__icon {
  background: color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.pb-service-models-model-16__card:hover .pb-service-models-model-16__title a {
  color: var(--accent-color);
}
.pb-service-models-model-16__header {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 20px;
}
.pb-service-models-model-16__icon {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  background: color-mix(in srgb, var(--accent-color) 15%, transparent);
  border-radius: calc(var(--card-border-radius) - 2px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
.pb-service-models-model-16__icon i {
  font-size: 28px;
  color: var(--accent-color);
  line-height: 1;
}
.pb-service-models-model-16__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--heading-color);
  position: relative;
  z-index: 1;
}
.pb-service-models-model-16__title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-service-models-model-16__text {
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
  margin-bottom: 24px;
  flex-grow: 1;
}
.pb-service-models-model-16__features {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  z-index: 1;
}
.pb-service-models-model-16__feature {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--default-color);
}
.pb-service-models-model-16__feature i {
  font-size: 16px;
  color: var(--accent-color);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .pb-service-models-model-16__card {
    padding: 24px;
  }
  .pb-service-models-model-16__header {
    gap: 16px;
    margin-bottom: 16px;
  }
  .pb-service-models-model-16__icon {
    width: 48px;
    height: 48px;
  }
  .pb-service-models-model-16__icon i {
    font-size: 24px;
  }
  .pb-service-models-model-16__title {
    font-size: 16px;
  }
  .pb-service-models-model-16__text {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 17
--------------------------------------------------------------*/
.pb-service-models-model-17 {
  overflow: visible;
}
.pb-service-models-model-17__card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 48px 36px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 40px color-mix(in srgb, var(--default-color) 8%, transparent);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease, border-color 0.4s ease;
  border: 2px solid color-mix(in srgb, var(--accent-color) 10%, transparent);
}
.pb-service-models-model-17__card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 25px 60px color-mix(in srgb, var(--accent-color) 20%, transparent);
  border-color: var(--accent-color);
}
.pb-service-models-model-17__card:hover .pb-service-models-model-17__gradient {
  opacity: 1;
}
.pb-service-models-model-17__card:hover .pb-service-models-model-17__icon {
  transform: rotate(360deg) scale(1.1);
  background: linear-gradient(135deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color) 60%, var(--heading-color)) 100%);
}
.pb-service-models-model-17__card:hover .pb-service-models-model-17__number {
  transform: scale(1.2);
  color: var(--accent-color);
}
.pb-service-models-model-17__card:hover .pb-service-models-model-17__link {
  gap: 12px;
}
.pb-service-models-model-17__card:hover .pb-service-models-model-17__link i {
  transform: translateX(4px);
}
.pb-service-models-model-17__gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 5%, transparent) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.pb-service-models-model-17__number {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 72px;
  font-weight: 800;
  color: color-mix(in srgb, var(--default-color) 5%, transparent);
  line-height: 1;
  transition: transform 0.4s ease, color 0.4s ease;
  pointer-events: none;
  z-index: 0;
}
.pb-service-models-model-17__icon {
  width: 90px;
  height: 90px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 90%, var(--surface-color)) 0%, var(--accent-color) 100%);
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  position: relative;
  z-index: 1;
  transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), background 0.4s ease;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color) 30%, transparent);
}
.pb-service-models-model-17__icon i {
  font-size: 42px;
  color: var(--contrast-color);
  line-height: 1;
}
.pb-service-models-model-17__title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-service-models-model-17__text {
  font-size: 15px;
  line-height: 1.8;
  color: color-mix(in srgb, var(--default-color) 75%, transparent);
  margin-bottom: 28px;
  flex-grow: 1;
  position: relative;
  z-index: 1;
}
.pb-service-models-model-17__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--heading-color);
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  transition: gap 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
  margin-top: auto;
}
.pb-service-models-model-17__link span {
  position: relative;
}
.pb-service-models-model-17__link span::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--accent-color);
  transition: width 0.3s ease;
}
.pb-service-models-model-17__link i {
  font-size: 22px;
  transition: transform 0.3s ease;
  line-height: 1;
}
.pb-service-models-model-17__link:hover {
  color: var(--accent-color);
}
.pb-service-models-model-17__link:hover span::after {
  width: 100%;
}
@media (max-width: 768px) {
  .pb-service-models-model-17__card {
    padding: 36px 28px;
  }
  .pb-service-models-model-17__number {
    font-size: 56px;
    top: 20px;
    right: 24px;
  }
  .pb-service-models-model-17__icon {
    width: 72px;
    height: 72px;
    margin-bottom: 24px;
  }
  .pb-service-models-model-17__icon i {
    font-size: 34px;
  }
  .pb-service-models-model-17__title {
    font-size: 22px;
    margin-bottom: 14px;
  }
  .pb-service-models-model-17__text {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .pb-service-models-model-17__link {
    font-size: 15px;
  }
  .pb-service-models-model-17__link i {
    font-size: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 18
--------------------------------------------------------------*/
.pb-service-models-model-18 {
  overflow: visible;
}
.pb-service-models-model-18__card {
  position: relative;
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 32px;
  height: 100%;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color) 6%, transparent);
  transition: transform 0.5s ease, box-shadow 0.5s ease, border-color 0.5s ease;
  overflow: hidden;
}
.pb-service-models-model-18__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px color-mix(in srgb, var(--default-color) 15%, transparent);
}
.pb-service-models-model-18__card:hover .pb-service-models-model-18__icon {
  transform: scale(1.1);
}
.pb-service-models-model-18__card--tone-1 .pb-service-models-model-18__icon {
  background: linear-gradient(135deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color), var(--heading-color) 40%) 100%);
}
.pb-service-models-model-18__card--tone-1 .pb-service-models-model-18__link {
  color: var(--accent-color);
}
.pb-service-models-model-18__card--tone-1:hover .pb-service-models-model-18__title {
  color: var(--accent-color);
}
.pb-service-models-model-18__card--tone-2 .pb-service-models-model-18__icon {
  background: linear-gradient(135deg, var(--success-color) 0%, color-mix(in srgb, var(--success-color), var(--accent-color) 35%) 100%);
}
.pb-service-models-model-18__card--tone-2 .pb-service-models-model-18__link {
  color: var(--success-color);
}
.pb-service-models-model-18__card--tone-2:hover .pb-service-models-model-18__title {
  color: var(--success-color);
}
.pb-service-models-model-18__card--tone-3 .pb-service-models-model-18__icon {
  background: linear-gradient(135deg, var(--heading-color) 0%, color-mix(in srgb, var(--heading-color), var(--accent-color) 50%) 100%);
}
.pb-service-models-model-18__card--tone-3 .pb-service-models-model-18__link {
  color: var(--heading-color);
}
.pb-service-models-model-18__card--tone-3:hover .pb-service-models-model-18__title {
  color: var(--heading-color);
}
.pb-service-models-model-18__card--tone-4 .pb-service-models-model-18__icon {
  background: linear-gradient(135deg, color-mix(in srgb, var(--danger-color), var(--heading-color) 20%) 0%, var(--danger-color) 100%);
}
.pb-service-models-model-18__card--tone-4 .pb-service-models-model-18__link {
  color: var(--danger-color);
}
.pb-service-models-model-18__card--tone-4:hover .pb-service-models-model-18__title {
  color: var(--danger-color);
}
.pb-service-models-model-18__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pb-service-models-model-18__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: var(--button-border-radius);
  margin-bottom: 24px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-18__icon i {
  font-size: 32px;
  color: var(--contrast-color);
  line-height: 1;
}
.pb-service-models-model-18__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
  color: var(--heading-color);
  transition: color 0.3s ease;
  line-height: 1.3;
}
.pb-service-models-model-18__text {
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  margin-bottom: 24px;
  line-height: 1.6;
  font-size: 15px;
}
.pb-service-models-model-18__features {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
}
.pb-service-models-model-18__features li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  margin-bottom: 8px;
}
.pb-service-models-model-18__features li i {
  color: var(--success-color);
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 2px;
}
.pb-service-models-model-18__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  text-decoration: none;
  margin-top: auto;
  transition: gap 0.3s ease, color 0.3s ease;
}
.pb-service-models-model-18__link i {
  transition: transform 0.3s ease;
}
.pb-service-models-model-18__link:hover i {
  transform: translateX(4px);
}
.pb-service-models-model-18__cta {
  margin-top: 48px;
}
.pb-service-models-model-18__cta-card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 48px 32px;
  width: 100%;
  box-shadow: 0 10px 40px color-mix(in srgb, var(--default-color) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-service-models-model-18__cta-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 24px;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-service-models-model-18__cta-text {
  font-size: 18px;
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  margin-bottom: 32px;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}
.pb-service-models-model-18__cta-actions {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
.pb-service-models-model-18__btn-primary, .pb-service-models-model-18__btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px 32px;
  border-radius: var(--button-border-radius);
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}
.pb-service-models-model-18__btn-primary {
  background: linear-gradient(135deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color), var(--heading-color) 35%) 100%);
  color: var(--contrast-color);
  box-shadow: 0 4px 15px color-mix(in srgb, var(--accent-color) 40%, transparent);
}
.pb-service-models-model-18__btn-primary:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--accent-color) 50%, transparent);
  color: var(--contrast-color);
}
.pb-service-models-model-18__btn-secondary {
  background-color: var(--surface-color);
  color: var(--default-color);
  border: 2px solid color-mix(in srgb, var(--default-color) 20%, transparent);
}
.pb-service-models-model-18__btn-secondary:hover {
  border-color: color-mix(in srgb, var(--default-color) 30%, transparent);
  background: color-mix(in srgb, var(--default-color) 5%, transparent);
  transform: scale(1.05);
  color: var(--default-color);
}
@media (max-width: 768px) {
  .pb-service-models-model-18__card {
    padding: 24px;
  }
  .pb-service-models-model-18__icon {
    width: 56px;
    height: 56px;
  }
  .pb-service-models-model-18__icon i {
    font-size: 28px;
  }
  .pb-service-models-model-18__title {
    font-size: 22px;
  }
  .pb-service-models-model-18__cta-card {
    padding: 32px 24px;
  }
  .pb-service-models-model-18__cta-title {
    font-size: 28px;
  }
  .pb-service-models-model-18__cta-text {
    font-size: 16px;
  }
  .pb-service-models-model-18__cta-actions {
    flex-direction: column;
    align-items: center;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 19
--------------------------------------------------------------*/
.pb-service-models-model-19 {
  overflow: visible;
}
.pb-service-models-model-19__row {
  position: relative;
}
.pb-service-models-model-19__subtitle {
  color: var(--accent-color);
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 18px;
}
.pb-service-models-model-19__headline {
  color: var(--heading-color);
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 20px;
}
.pb-service-models-model-19__intro {
  margin-bottom: 30px;
}
.pb-service-models-model-19__intro p {
  font-size: 1.1rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  margin-bottom: 0;
}
.pb-service-models-model-19__figure {
  position: relative;
  margin-bottom: 30px;
}
.pb-service-models-model-19__image, .pb-service-models-model-19__image-placeholder {
  width: 100%;
  height: 460px;
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
.pb-service-models-model-19__image {
  object-fit: cover;
  display: block;
}
.pb-service-models-model-19__image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--default-color) 6%, var(--surface-color));
  color: color-mix(in srgb, var(--default-color) 35%, transparent);
  font-size: 48px;
}
.pb-service-models-model-19__grid {
  margin-left: 50px;
}
@media (max-width: 991px) {
  .pb-service-models-model-19__grid {
    margin-left: 0;
    margin-top: 48px;
  }
}
.pb-service-models-model-19__card {
  background-color: color-mix(in srgb, var(--accent-color) 8%, var(--surface-color));
  border-radius: var(--card-border-radius);
  padding: 30px 25px;
  border: 1px solid color-mix(in srgb, var(--default-color) 30%, transparent);
  transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  height: 100%;
}
.pb-service-models-model-19__card:hover {
  background-color: var(--accent-color);
  transform: translateY(-5px);
  border-color: var(--accent-color);
}
.pb-service-models-model-19__card:hover .pb-service-models-model-19__icon {
  color: var(--contrast-color);
  transform: scale(0.95);
}
.pb-service-models-model-19__card:hover .pb-service-models-model-19__title a,
.pb-service-models-model-19__card:hover .pb-service-models-model-19__text {
  color: var(--contrast-color);
  transform: scale(0.95);
}
.pb-service-models-model-19__card:hover .pb-service-models-model-19__link {
  background-color: color-mix(in srgb, var(--contrast-color) 16%, transparent);
  color: var(--contrast-color);
}
.pb-service-models-model-19__card-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-service-models-model-19__icon {
  width: 65px;
  height: 65px;
  line-height: 1;
  margin: 0 auto;
  font-size: 48px;
  color: var(--heading-color);
  transition: transform 0.3s ease, color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-service-models-model-19__icon i {
  line-height: 1;
}
.pb-service-models-model-19__info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.pb-service-models-model-19__title {
  font-size: 1.4rem;
  margin: 15px 0;
  transition: transform 0.3s ease;
  line-height: 1.3;
}
.pb-service-models-model-19__title a {
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
}
.pb-service-models-model-19__text {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 15px;
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  transition: transform 0.3s ease, color 0.3s ease;
  flex-grow: 1;
}
.pb-service-models-model-19__action {
  margin-top: 20px;
}
.pb-service-models-model-19__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 16px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.pb-service-models-model-19__link:hover {
  transform: translateX(5px);
  color: var(--contrast-color);
}
@media (max-width: 767px) {
  .pb-service-models-model-19__headline {
    font-size: 2rem;
  }
  .pb-service-models-model-19__image, .pb-service-models-model-19__image-placeholder {
    height: 350px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 20
--------------------------------------------------------------*/
.pb-service-models-model-20 {
  overflow: visible;
}
.pb-service-models-model-20__intro {
  padding: 24px 0;
}
.pb-service-models-model-20__badge {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.pb-service-models-model-20__badge i {
  color: var(--accent-color);
  font-size: 12px;
  margin-right: 12px;
  line-height: 1;
}
.pb-service-models-model-20__badge span {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--heading-color);
  text-transform: uppercase;
}
.pb-service-models-model-20__headline {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.2;
  color: var(--heading-color);
}
.pb-service-models-model-20__lead {
  margin-bottom: 24px;
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
  line-height: 1.6;
}
.pb-service-models-model-20__btn {
  display: inline-flex;
  align-items: center;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-weight: 600;
  padding: 12px 28px;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  transition: transform 0.3s ease, background-color 0.3s ease;
}
.pb-service-models-model-20__btn:hover {
  background-color: color-mix(in srgb, var(--accent-color) 85%, var(--heading-color));
  transform: translateY(-3px);
  color: var(--contrast-color);
}
.pb-service-models-model-20__figure {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color) 10%, transparent);
}
.pb-service-models-model-20__image, .pb-service-models-model-20__image-placeholder {
  width: 100%;
  display: block;
}
.pb-service-models-model-20__image {
  height: auto;
  transition: transform 0.5s ease;
}
.pb-service-models-model-20__figure:hover .pb-service-models-model-20__image {
  transform: scale(1.03);
}
.pb-service-models-model-20__image-placeholder {
  aspect-ratio: 4/3;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--default-color) 6%, var(--surface-color));
  color: color-mix(in srgb, var(--default-color) 35%, transparent);
  font-size: 48px;
}
.pb-service-models-model-20__cards {
  margin-top: 64px;
}
.pb-service-models-model-20__card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 32px;
  height: 100%;
  position: relative;
  box-shadow: 0 5px 20px color-mix(in srgb, var(--default-color) 5%, transparent);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pb-service-models-model-20__card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color) 10%, transparent);
}
.pb-service-models-model-20__number {
  position: absolute;
  top: 24px;
  left: 32px;
  width: 40px;
  height: 40px;
  background-color: color-mix(in srgb, var(--accent-color) 15%, transparent);
  color: var(--accent-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
}
.pb-service-models-model-20__title {
  font-size: 20px;
  font-weight: 700;
  margin: 40px 0 16px;
  padding-right: 16px;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-service-models-model-20__text {
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
  font-size: 15px;
  margin-bottom: 0;
  line-height: 1.6;
}
@media (max-width: 992px) {
  .pb-service-models-model-20__intro {
    margin-bottom: 32px;
  }
  .pb-service-models-model-20__cards {
    margin-top: 32px;
  }
}
@media (max-width: 768px) {
  .pb-service-models-model-20__headline {
    font-size: 2rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 21
--------------------------------------------------------------*/
.pb-service-models-model-21 {
  overflow: visible;
}
.pb-service-models-model-21__item {
  background-color: var(--surface-color);
  box-shadow: 0 0 30px color-mix(in srgb, var(--default-color) 10%, transparent);
  padding: 50px 30px;
  transition: color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.pb-service-models-model-21__item::before, .pb-service-models-model-21__item::after {
  content: "";
  position: absolute;
  background: color-mix(in srgb, var(--accent-color) 4%, transparent);
  border-radius: 50%;
  transition: all 0.3s ease;
  z-index: -1;
}
.pb-service-models-model-21__item::before {
  right: -80px;
  top: -80px;
  width: 150px;
  height: 150px;
}
.pb-service-models-model-21__item::after {
  right: -140px;
  top: -140px;
  width: 250px;
  height: 250px;
  background: color-mix(in srgb, var(--accent-color) 3%, transparent);
}
.pb-service-models-model-21__item:hover {
  box-shadow: 0 0 30px color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.pb-service-models-model-21__item:hover::before, .pb-service-models-model-21__item:hover::after {
  background: var(--accent-color);
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.pb-service-models-model-21__item:hover .pb-service-models-model-21__title a,
.pb-service-models-model-21__item:hover .pb-service-models-model-21__text {
  color: var(--contrast-color);
}
.pb-service-models-model-21__item:hover .pb-service-models-model-21__icon {
  background-color: var(--surface-color);
  color: var(--accent-color);
}
.pb-service-models-model-21__icon {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-size: 24px;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.pb-service-models-model-21__icon i {
  line-height: 1;
}
.pb-service-models-model-21__title {
  font-weight: 600;
  margin: 15px 0 0;
  transition: color 0.3s ease;
  font-size: 20px;
  position: relative;
  z-index: 1;
  line-height: 1.3;
}
.pb-service-models-model-21__title a {
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-service-models-model-21__text {
  line-height: 1.7;
  font-size: 14px;
  margin: 10px 0 0;
  color: color-mix(in srgb, var(--default-color) 75%, transparent);
  transition: color 0.3s ease;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .pb-service-models-model-21__item {
    padding: 36px 24px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 22
--------------------------------------------------------------*/
.pb-service-models-model-22 {
  overflow: visible;
}
.pb-service-models-model-22__item {
  background-color: var(--surface-color);
  box-shadow: 0 0 30px color-mix(in srgb, var(--default-color) 10%, transparent);
  height: 100%;
  padding: 40px 30px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-service-models-model-22__item:hover {
  transform: scale(1.06);
  box-shadow: 0 0 30px color-mix(in srgb, var(--default-color) 14%, transparent);
}
.pb-service-models-model-22__item:hover .pb-service-models-model-22__title a {
  color: var(--heading-color);
}
.pb-service-models-model-22__item:hover .pb-service-models-model-22__text {
  color: color-mix(in srgb, var(--default-color) 90%, transparent);
}
.pb-service-models-model-22__item--tone-1 .pb-service-models-model-22__icon {
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color) 10%, transparent);
}
.pb-service-models-model-22__item--tone-2 .pb-service-models-model-22__icon {
  color: var(--success-color);
  background-color: color-mix(in srgb, var(--success-color) 10%, transparent);
}
.pb-service-models-model-22__item--tone-3 .pb-service-models-model-22__icon {
  color: var(--heading-color);
  background-color: color-mix(in srgb, var(--heading-color) 10%, transparent);
}
.pb-service-models-model-22__item--tone-4 .pb-service-models-model-22__icon {
  color: var(--danger-color);
  background-color: color-mix(in srgb, var(--danger-color) 10%, transparent);
}
.pb-service-models-model-22__icon {
  font-size: 32px;
  border-radius: 50%;
  position: relative;
  margin: 0 auto 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  z-index: 1;
  transition: transform 0.3s ease;
}
.pb-service-models-model-22__icon i {
  line-height: 1;
}
.pb-service-models-model-22__title {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  position: relative;
  z-index: 1;
  line-height: 1.3;
}
.pb-service-models-model-22__title a {
  color: color-mix(in srgb, var(--heading-color) 75%, transparent);
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-service-models-model-22__text {
  margin: 16px 0 0;
  color: color-mix(in srgb, var(--default-color) 60%, transparent);
  transition: color 0.3s ease;
  position: relative;
  z-index: 1;
  line-height: 1.6;
  font-size: 15px;
}
@media (max-width: 768px) {
  .pb-service-models-model-22__item {
    padding: 32px 24px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 23
--------------------------------------------------------------*/
.pb-service-models-model-23 {
  overflow: visible;
}
.pb-service-models-model-23__item {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 5px 30px color-mix(in srgb, var(--default-color) 10%, transparent);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-service-models-model-23__item:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color) 15%, transparent);
}
.pb-service-models-model-23__media {
  position: relative;
  height: 250px;
  overflow: hidden;
  background-color: color-mix(in srgb, var(--default-color) 6%, var(--surface-color));
}
.pb-service-models-model-23__media:hover .pb-service-models-model-23__image {
  transform: scale(1.05);
}
.pb-service-models-model-23__media:hover .pb-service-models-model-23__overlay {
  opacity: 0.9;
}
.pb-service-models-model-23__media:hover .pb-service-models-model-23__overlay i {
  transform: scale(1);
}
.pb-service-models-model-23__image, .pb-service-models-model-23__image-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.pb-service-models-model-23__image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: color-mix(in srgb, var(--default-color) 35%, transparent);
  font-size: 48px;
}
.pb-service-models-model-23__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, var(--heading-color)));
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}
.pb-service-models-model-23__overlay i {
  font-size: 48px;
  color: var(--contrast-color);
  transform: scale(0.7);
  transition: transform 0.3s ease;
  line-height: 1;
}
.pb-service-models-model-23__body {
  padding: 30px 25px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pb-service-models-model-23__title {
  color: var(--heading-color);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.3;
}
.pb-service-models-model-23__text {
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 20px;
  flex: 1;
}
.pb-service-models-model-23__features {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 25px;
}
.pb-service-models-model-23__feature {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: var(--default-color);
}
.pb-service-models-model-23__feature i {
  color: var(--accent-color);
  font-size: 12px;
  margin-right: 8px;
  line-height: 1;
}
.pb-service-models-model-23__btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 20px;
  background: color-mix(in srgb, var(--accent-color) 95%, var(--surface-color));
  color: var(--contrast-color);
  text-decoration: none;
  border-radius: var(--button-border-radius);
  font-weight: 500;
  transition: background-color 0.3s ease, transform 0.3s ease;
  margin-top: auto;
}
.pb-service-models-model-23__btn i {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-23__btn:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-service-models-model-23__btn:hover i {
  transform: translateX(5px);
}
@media (max-width: 768px) {
  .pb-service-models-model-23__media {
    height: 200px;
  }
  .pb-service-models-model-23__body {
    padding: 25px 20px;
  }
  .pb-service-models-model-23__title {
    font-size: 21px;
  }
  .pb-service-models-model-23__text {
    font-size: 14px;
  }
  .pb-service-models-model-23__feature {
    font-size: 13px;
  }
}
@media (max-width: 576px) {
  .pb-service-models-model-23__features {
    flex-direction: column;
    gap: 10px;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 24
--------------------------------------------------------------*/
.pb-service-models-model-24 {
  overflow: visible;
}
.pb-service-models-model-24__card {
  background-color: var(--surface-color);
  padding: 40px 30px;
  border-radius: var(--card-border-radius);
  box-shadow: 0 5px 30px color-mix(in srgb, var(--default-color) 10%, transparent);
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pb-service-models-model-24__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 50%, var(--heading-color)));
  transform: scaleX(0);
  transition: transform 0.3s ease;
  transform-origin: left;
}
.pb-service-models-model-24__card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 50px color-mix(in srgb, var(--default-color) 20%, transparent);
  border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);
}
.pb-service-models-model-24__card:hover::before {
  transform: scaleX(1);
}
.pb-service-models-model-24__card:hover .pb-service-models-model-24__icon i {
  transform: scale(1.1);
  color: var(--accent-color);
}
.pb-service-models-model-24__card:hover .pb-service-models-model-24__link {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateX(5px);
}
.pb-service-models-model-24__card--featured {
  border-color: var(--accent-color);
  box-shadow: 0 10px 40px color-mix(in srgb, var(--accent-color) 20%, transparent);
}
.pb-service-models-model-24__card--featured::before {
  transform: scaleX(1);
}
.pb-service-models-model-24__card--featured .pb-service-models-model-24__icon {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 50%, var(--heading-color)));
}
.pb-service-models-model-24__card--featured .pb-service-models-model-24__icon i {
  color: var(--contrast-color);
}
.pb-service-models-model-24__icon {
  width: 80px;
  height: 80px;
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  transition: background 0.3s ease;
  flex-shrink: 0;
}
.pb-service-models-model-24__icon i {
  font-size: 32px;
  color: var(--accent-color);
  transition: transform 0.3s ease, color 0.3s ease;
  line-height: 1;
}
.pb-service-models-model-24__body {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.pb-service-models-model-24__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-service-models-model-24__text {
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  margin-bottom: 25px;
  line-height: 1.6;
  font-size: 15px;
  flex: 1;
}
.pb-service-models-model-24__features {
  margin-bottom: 30px;
}
.pb-service-models-model-24__features ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb-service-models-model-24__features li {
  padding: 8px 0;
  color: var(--default-color);
  display: flex;
  align-items: center;
  font-size: 14px;
}
.pb-service-models-model-24__features li i {
  color: var(--accent-color);
  margin-right: 10px;
  font-size: 12px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  border-radius: 50%;
  flex-shrink: 0;
}
.pb-service-models-model-24__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  color: var(--accent-color);
  padding: 12px 24px;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
  margin-top: auto;
  align-self: flex-start;
}
.pb-service-models-model-24__link i {
  font-size: 12px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-24__link:hover i {
  transform: translateX(3px);
}
.pb-service-models-model-24__cta {
  margin-top: 48px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 50%, var(--heading-color)));
  padding: 50px 40px;
  border-radius: var(--card-border-radius);
  color: var(--contrast-color);
  position: relative;
  overflow: hidden;
}
.pb-service-models-model-24__cta::before, .pb-service-models-model-24__cta::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: color-mix(in srgb, var(--contrast-color) 10%, transparent);
  pointer-events: none;
}
.pb-service-models-model-24__cta::before {
  top: -50%;
  right: -20px;
  width: 200px;
  height: 200px;
}
.pb-service-models-model-24__cta::after {
  bottom: -30%;
  left: -50px;
  width: 150px;
  height: 150px;
  background: color-mix(in srgb, var(--contrast-color) 5%, transparent);
}
.pb-service-models-model-24__cta-title, .pb-service-models-model-24__cta-text, .pb-service-models-model-24__cta-actions {
  position: relative;
  z-index: 1;
}
.pb-service-models-model-24__cta-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--contrast-color);
  line-height: 1.3;
}
.pb-service-models-model-24__cta-text {
  font-size: 16px;
  margin-bottom: 30px;
  color: color-mix(in srgb, var(--contrast-color) 90%, transparent);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}
.pb-service-models-model-24__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
.pb-service-models-model-24__btn-primary, .pb-service-models-model-24__btn-outline {
  padding: 15px 30px;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  font-weight: 600;
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.pb-service-models-model-24__btn-primary {
  background: var(--contrast-color);
  color: var(--accent-color);
  border: 2px solid var(--contrast-color);
}
.pb-service-models-model-24__btn-primary:hover {
  background: transparent;
  color: var(--contrast-color);
  transform: translateY(-2px);
}
.pb-service-models-model-24__btn-outline {
  background: transparent;
  color: var(--contrast-color);
  border: 2px solid var(--contrast-color);
}
.pb-service-models-model-24__btn-outline:hover {
  background: var(--contrast-color);
  color: var(--accent-color);
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .pb-service-models-model-24__card {
    padding: 30px 20px;
  }
  .pb-service-models-model-24__icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
  }
  .pb-service-models-model-24__icon i {
    font-size: 24px;
  }
  .pb-service-models-model-24__title {
    font-size: 20px;
  }
  .pb-service-models-model-24__cta {
    padding: 40px 20px;
  }
  .pb-service-models-model-24__cta-title {
    font-size: 24px;
  }
  .pb-service-models-model-24__cta-actions {
    flex-direction: column;
    align-items: center;
  }
  .pb-service-models-model-24__btn-primary, .pb-service-models-model-24__btn-outline {
    display: block;
    width: 100%;
    max-width: 200px;
    text-align: center;
  }
}

/*--------------------------------------------------------------
# Page Builder Service Models — Model 25
--------------------------------------------------------------*/
.pb-service-models-model-25 {
  overflow: visible;
}
.pb-service-models-model-25__card {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 5px 30px color-mix(in srgb, var(--default-color) 10%, transparent);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 2px solid transparent;
}
.pb-service-models-model-25__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color) 20%, transparent);
}
.pb-service-models-model-25__card:hover .pb-service-models-model-25__overlay {
  opacity: 1;
}
.pb-service-models-model-25__card:hover .pb-service-models-model-25__image {
  transform: scale(1.1);
}
.pb-service-models-model-25__card--featured {
  border-color: var(--accent-color);
  transform: scale(1.02);
}
.pb-service-models-model-25__card--featured:hover {
  transform: translateY(-8px) scale(1.02);
}
.pb-service-models-model-25__badge {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 5px 12px;
  border-radius: var(--button-border-radius);
  font-size: 12px;
  font-weight: 600;
  z-index: 3;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.2;
}
.pb-service-models-model-25__media {
  position: relative;
  height: 220px;
  overflow: hidden;
  background-color: color-mix(in srgb, var(--default-color) 6%, var(--surface-color));
}
.pb-service-models-model-25__image, .pb-service-models-model-25__image-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.pb-service-models-model-25__image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: color-mix(in srgb, var(--default-color) 35%, transparent);
  font-size: 48px;
}
.pb-service-models-model-25__overlay {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--accent-color) 80%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.pb-service-models-model-25__overlay i {
  font-size: 48px;
  color: var(--contrast-color);
  line-height: 1;
}
.pb-service-models-model-25__body {
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.pb-service-models-model-25__title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-service-models-model-25__text {
  color: color-mix(in srgb, var(--default-color) 80%, transparent);
  line-height: 1.6;
  margin-bottom: 20px;
  flex: 1;
  font-size: 15px;
}
.pb-service-models-model-25__link {
  color: var(--accent-color);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: transform 0.3s ease, color 0.3s ease;
  margin-top: auto;
  align-self: flex-start;
}
.pb-service-models-model-25__link i {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.pb-service-models-model-25__link:hover {
  color: var(--heading-color);
  transform: translateX(5px);
}
.pb-service-models-model-25__link:hover i {
  transform: translateX(3px);
}
@media (max-width: 768px) {
  .pb-service-models-model-25__body {
    padding: 20px;
  }
  .pb-service-models-model-25__title {
    font-size: 20px;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 1
--------------------------------------------------------------*/
.pb-cards-model-1 {
  overflow: visible;
}
.pb-cards-model-1__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
.pb-cards-model-1__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--card-border-radius);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.pb-cards-model-1__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color), transparent 88%);
}
.pb-cards-model-1__media {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
}
.pb-cards-model-1__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pb-cards-model-1__image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: color-mix(in srgb, var(--default-color), transparent 55%);
  font-size: 2rem;
}
.pb-cards-model-1__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.35rem 1.35rem 1.5rem;
}
.pb-cards-model-1__card-title {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--heading-color);
}
.pb-cards-model-1__card-text {
  margin: 0;
  flex: 1;
  font-family: var(--default-font);
  font-size: 0.9375rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
}
.pb-cards-model-1__link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: auto;
  font-family: var(--default-font);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--accent-color);
  text-decoration: none;
  transition: gap 0.2s ease;
}
.pb-cards-model-1__link:hover, .pb-cards-model-1__link:focus {
  color: color-mix(in srgb, var(--accent-color), #000 12%);
  gap: 0.6rem;
}
@media (max-width: 1199px) {
  .pb-cards-model-1__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
@media (max-width: 575px) {
  .pb-cards-model-1__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 2 (Lookbook)
--------------------------------------------------------------*/
.pb-cards-model-2 {
  overflow: visible;
}
.pb-cards-model-2__highlight-row {
  margin-bottom: 3rem;
}
.pb-cards-model-2__highlight-card {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  height: 100%;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-cards-model-2__highlight-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  min-height: 320px;
}
.pb-cards-model-2__highlight-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
  font-size: 2.5rem;
}
.pb-cards-model-2__highlight-info {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 2.5rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.pb-cards-model-2__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-family: var(--default-font);
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  width: fit-content;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pb-cards-model-2__title {
  margin: 0 0 1rem;
  font-family: var(--heading-font);
  font-size: clamp(1.6rem, 3vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: var(--heading-color);
}
.pb-cards-model-2__description {
  margin: 0 0 1.5rem;
  font-family: var(--default-font);
  font-size: 0.9375rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-cards-model-2__features {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
}
.pb-cards-model-2__features li {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-family: var(--default-font);
  font-size: 0.875rem;
  color: var(--default-color);
  padding: 0.375rem 0;
}
.pb-cards-model-2__features li i {
  color: var(--accent-color);
  font-size: 1rem;
  flex-shrink: 0;
}
.pb-cards-model-2__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 0.625rem 1.5rem;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 500;
  font-size: 0.875rem;
  width: fit-content;
  text-decoration: none;
  transition: background 0.2s ease;
}
.pb-cards-model-2__btn i {
  transition: transform 0.2s ease;
}
.pb-cards-model-2__btn:hover, .pb-cards-model-2__btn:focus {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.pb-cards-model-2__btn:hover i, .pb-cards-model-2__btn:focus i {
  transform: translateX(4px);
}
.pb-cards-model-2__btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.pb-cards-model-2__category-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-cards-model-2__category-card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-cards-model-2__category-card:hover .pb-cards-model-2__category-media img {
  transform: scale(1.04);
}
.pb-cards-model-2__category-media {
  overflow: hidden;
  height: 220px;
}
.pb-cards-model-2__category-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  display: block;
}
.pb-cards-model-2__category-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
  font-size: 2rem;
}
.pb-cards-model-2__category-body {
  padding: 1.25rem 1.25rem 0.5rem;
  flex: 1;
}
.pb-cards-model-2__category-title {
  margin: 0 0 0.25rem;
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--heading-color);
}
.pb-cards-model-2__category-meta {
  font-family: var(--default-font);
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.pb-cards-model-2__category-action {
  padding: 0 1.25rem 1.25rem;
  margin-top: auto;
}
.pb-cards-model-2__category-action a {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-family: var(--default-font);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--accent-color);
  text-decoration: none;
  transition: gap 0.2s ease;
}
.pb-cards-model-2__category-action a i {
  font-size: 0.75rem;
}
.pb-cards-model-2__category-action a:hover, .pb-cards-model-2__category-action a:focus {
  gap: 0.625rem;
  color: color-mix(in srgb, var(--accent-color), transparent 15%);
}
@media (max-width: 992px) {
  .pb-cards-model-2__highlight-info {
    padding: 2rem 1.5rem;
  }
  .pb-cards-model-2__category-media {
    height: 200px;
  }
}
@media (max-width: 768px) {
  .pb-cards-model-2__highlight-row {
    margin-bottom: 2rem;
  }
  .pb-cards-model-2__category-media {
    height: 180px;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 3
--------------------------------------------------------------*/
.pb-cards-model-3 {
  overflow: visible;
}
.pb-cards-model-3__tiles-row {
  margin-top: 0.5rem;
}
.pb-cards-model-3__capability-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 2rem;
  height: 100%;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 94%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.pb-cards-model-3__capability-card:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-cards-model-3__capability-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.pb-cards-model-3__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.pb-cards-model-3__icon-wrap i {
  font-size: 1.25rem;
  color: var(--accent-color);
  line-height: 1;
}
.pb-cards-model-3__card-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-family: var(--default-font);
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  letter-spacing: 0.02em;
}
.pb-cards-model-3__capability-title {
  margin: 0 0 0.75rem;
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--heading-color);
}
.pb-cards-model-3__capability-text {
  margin: 0 0 1.25rem;
  font-family: var(--default-font);
  font-size: 0.875rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-cards-model-3__check-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem;
}
.pb-cards-model-3__check-list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--default-font);
  font-size: 0.875rem;
  padding: 0.375rem 0;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
}
.pb-cards-model-3__check-list li i {
  font-size: 1rem;
  color: var(--accent-color);
  flex-shrink: 0;
}
.pb-cards-model-3__capability-action {
  padding-top: 1rem;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-cards-model-3__action-link {
  display: inline-flex;
  align-items: center;
  font-family: var(--default-font);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--accent-color);
  text-decoration: none;
  transition: color 0.2s ease;
}
.pb-cards-model-3__action-link i {
  font-size: 1.25rem;
  margin-left: 0.125rem;
  transition: transform 0.2s ease;
}
.pb-cards-model-3__action-link:hover, .pb-cards-model-3__action-link:focus {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
}
.pb-cards-model-3__action-link:hover i, .pb-cards-model-3__action-link:focus i {
  transform: translateX(4px);
}
.pb-cards-model-3__status-tile {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  padding: 1.25rem 1.5rem;
  height: 100%;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--default-color), transparent 95%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.pb-cards-model-3__status-tile:hover {
  border-color: color-mix(in srgb, var(--heading-color), transparent 60%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-cards-model-3__tile-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  flex-shrink: 0;
}
.pb-cards-model-3__tile-icon i {
  font-size: 1.125rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1;
}
.pb-cards-model-3__tile-title {
  margin: 0 0 0.25rem;
  font-family: var(--heading-font);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--heading-color);
}
.pb-cards-model-3__status {
  display: inline-flex;
  align-items: center;
  padding: 0.0625rem 0.5rem;
  font-family: var(--default-font);
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: var(--button-border-radius);
}
.pb-cards-model-3__status--active {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.pb-cards-model-3__status--progress {
  background: color-mix(in srgb, var(--heading-color), transparent 90%);
  color: var(--heading-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 70%);
}
.pb-cards-model-3__status--queued {
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
}
@media (max-width: 768px) {
  .pb-cards-model-3__capability-card {
    padding: 1.5rem;
  }
  .pb-cards-model-3__capability-title {
    font-size: 1.125rem;
  }
  .pb-cards-model-3__status-tile {
    padding: 1rem 1.25rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 4
--------------------------------------------------------------*/
.pb-cards-model-4 {
  overflow: visible;
}
.pb-cards-model-4__banner-row {
  margin-bottom: 1.5rem;
}
.pb-cards-model-4__featured-banner {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  height: 420px;
}
.pb-cards-model-4__featured-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, color-mix(in srgb, var(--default-color), transparent 20%) 0%, color-mix(in srgb, var(--default-color), transparent 70%) 50%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}
.pb-cards-model-4__banner-image, .pb-cards-model-4__banner-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: transform 0.7s ease;
}
.pb-cards-model-4__banner-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
  font-size: 2.5rem;
}
.pb-cards-model-4__banner-content {
  position: relative;
  z-index: 2;
  padding: 3.125rem;
  max-width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pb-cards-model-4__badge {
  display: inline-block;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 0.375rem 1.125rem;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  margin-bottom: 1.25rem;
  width: fit-content;
}
.pb-cards-model-4__banner-title {
  margin: 0 0 0.9375rem;
  font-family: var(--heading-font);
  font-size: clamp(1.5rem, 4vw, 2.8rem);
  font-weight: 800;
  color: var(--contrast-color);
  line-height: 1.2;
}
.pb-cards-model-4__banner-text {
  margin: 0 0 1.875rem;
  font-family: var(--default-font);
  font-size: 1rem;
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  line-height: 1.7;
}
.pb-cards-model-4__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--contrast-color);
  color: var(--default-color);
  padding: 0.875rem 1.875rem;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: fit-content;
}
.pb-cards-model-4__btn i {
  transition: transform 0.3s ease;
}
.pb-cards-model-4__btn:hover, .pb-cards-model-4__btn:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-cards-model-4__btn:hover i, .pb-cards-model-4__btn:focus i {
  transform: translateX(5px);
}
.pb-cards-model-4__featured-banner:hover .pb-cards-model-4__banner-image {
  transform: scale(1.05);
}
.pb-cards-model-4__collection-tile {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  height: 340px;
  cursor: pointer;
}
.pb-cards-model-4__collection-tile > img,
.pb-cards-model-4__collection-tile > .pb-cards-model-4__tile-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.pb-cards-model-4__collection-tile::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: linear-gradient(to top, color-mix(in srgb, var(--default-color), transparent 15%) 0%, transparent 100%);
  z-index: 1;
  pointer-events: none;
  transition: height 0.4s ease;
}
.pb-cards-model-4__collection-tile:hover > img {
  transform: scale(1.08);
}
.pb-cards-model-4__collection-tile:hover::after {
  height: 85%;
}
.pb-cards-model-4__collection-tile:hover .pb-cards-model-4__tile-link {
  opacity: 1;
  transform: translateY(0);
}
.pb-cards-model-4__tile-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
  font-size: 2rem;
}
.pb-cards-model-4__tile-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 1.75rem;
}
.pb-cards-model-4__tile-title {
  margin: 0 0 0.3125rem;
  font-family: var(--heading-font);
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--contrast-color);
}
.pb-cards-model-4__tile-meta {
  display: block;
  font-family: var(--default-font);
  font-size: 0.85rem;
  color: color-mix(in srgb, var(--contrast-color), transparent 30%);
  margin-bottom: 0.9375rem;
}
.pb-cards-model-4__tile-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  border-bottom: 2px solid var(--accent-color);
  padding-bottom: 0.125rem;
  transition: opacity 0.3s ease, transform 0.3s ease, gap 0.3s ease;
  opacity: 0;
  transform: translateY(10px);
}
.pb-cards-model-4__tile-link i {
  font-size: 0.8rem;
  transition: transform 0.3s ease;
}
.pb-cards-model-4__tile-link:hover, .pb-cards-model-4__tile-link:focus {
  gap: 0.5rem;
}
.pb-cards-model-4__tile-link:hover i, .pb-cards-model-4__tile-link:focus i {
  transform: translateX(4px);
}
@media (max-width: 992px) {
  .pb-cards-model-4__featured-banner {
    height: 360px;
  }
  .pb-cards-model-4__banner-content {
    max-width: 65%;
    padding: 2.1875rem;
  }
  .pb-cards-model-4__collection-tile {
    height: 300px;
  }
}
@media (max-width: 768px) {
  .pb-cards-model-4__featured-banner {
    height: 300px;
  }
  .pb-cards-model-4__featured-banner::after {
    background: linear-gradient(to top, color-mix(in srgb, var(--default-color), transparent 15%) 0%, color-mix(in srgb, var(--default-color), transparent 65%) 100%);
  }
  .pb-cards-model-4__banner-content {
    max-width: 100%;
    padding: 1.875rem;
    justify-content: flex-end;
  }
  .pb-cards-model-4__banner-text {
    display: none;
  }
  .pb-cards-model-4__collection-tile {
    height: 260px;
  }
  .pb-cards-model-4__collection-tile .pb-cards-model-4__tile-link {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 576px) {
  .pb-cards-model-4__featured-banner {
    height: 280px;
  }
  .pb-cards-model-4__banner-content {
    padding: 1.5625rem;
  }
  .pb-cards-model-4__btn {
    padding: 0.75rem 1.375rem;
    font-size: 0.85rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 5
--------------------------------------------------------------*/
.pb-cards-model-5 {
  overflow: visible;
}
.pb-cards-model-5__resource-card {
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 94%);
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pb-cards-model-5__resource-card:hover {
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 88%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  transform: translateY(-4px);
}
.pb-cards-model-5__resource-card:hover .pb-cards-model-5__media img {
  transform: scale(1.05);
}
.pb-cards-model-5__resource-card:hover .pb-cards-model-5__overlay {
  opacity: 1;
}
.pb-cards-model-5__resource-card:hover .pb-cards-model-5__overlay-btn {
  transform: scale(1);
}
.pb-cards-model-5__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3;
}
.pb-cards-model-5__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  display: block;
}
.pb-cards-model-5__media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
  font-size: 2rem;
}
.pb-cards-model-5__badge {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.25rem 0.75rem;
  font-family: var(--default-font);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--button-border-radius);
  color: var(--contrast-color);
  z-index: 2;
}
.pb-cards-model-5__badge--new {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 25%);
}
.pb-cards-model-5__badge--popular {
  background: var(--accent-color);
}
.pb-cards-model-5__badge--trending {
  background: color-mix(in srgb, var(--heading-color), var(--accent-color) 40%);
}
.pb-cards-model-5__overlay {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--default-color), transparent 60%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.pb-cards-model-5__overlay-btn {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  text-decoration: none;
  transform: scale(0.8);
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.pb-cards-model-5__overlay-btn:hover, .pb-cards-model-5__overlay-btn:focus {
  background: color-mix(in srgb, var(--accent-color), var(--default-color) 12%);
  color: var(--contrast-color);
  transform: scale(1);
}
.pb-cards-model-5__body {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.pb-cards-model-5__tag {
  font-family: var(--default-font);
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--accent-color);
  margin-bottom: 0.5rem;
}
.pb-cards-model-5__title {
  margin: 0 0 0.625rem;
  font-family: var(--heading-font);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
}
.pb-cards-model-5__title a {
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-cards-model-5__title a:hover, .pb-cards-model-5__title a:focus {
  color: var(--accent-color);
}
.pb-cards-model-5__text {
  margin: 0 0 1rem;
  flex: 1;
  font-family: var(--default-font);
  font-size: 0.875rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-cards-model-5__footer {
  padding-top: 1rem;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-cards-model-5__link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-family: var(--default-font);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--accent-color);
  text-decoration: none;
  transition: color 0.3s ease, gap 0.3s ease;
}
.pb-cards-model-5__link i {
  font-size: 0.75rem;
  transition: transform 0.3s ease;
}
.pb-cards-model-5__link:hover, .pb-cards-model-5__link:focus {
  color: color-mix(in srgb, var(--accent-color), var(--default-color) 15%);
  gap: 0.5rem;
}
.pb-cards-model-5__link:hover i, .pb-cards-model-5__link:focus i {
  transform: translateX(4px);
}
@media (max-width: 768px) {
  .pb-cards-model-5__body {
    padding: 1rem;
  }
  .pb-cards-model-5__title {
    font-size: 1rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 6
--------------------------------------------------------------*/
.pb-cards-model-6 {
  overflow: visible;
}
.pb-cards-model-6__feature-block {
  position: relative;
  background: var(--surface-color);
  border-radius: var(--card-border-radius);
  padding: 2.5rem 1.75rem 1.75rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 4px 24px color-mix(in srgb, var(--default-color), transparent 94%);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease;
}
.pb-cards-model-6__feature-block:hover {
  transform: translateY(-10px);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--accent-color), transparent 82%);
}
.pb-cards-model-6__feature-block:hover .pb-cards-model-6__icon-wrap i {
  transform: scale(1.15);
}
.pb-cards-model-6__feature-block:hover .pb-cards-model-6__icon-ring {
  transform: scale(1.2);
  opacity: 0.15;
}
.pb-cards-model-6__feature-block:hover .pb-cards-model-6__accent-line {
  width: 100%;
}
.pb-cards-model-6__feature-block:hover .pb-cards-model-6__link {
  color: var(--accent-color);
}
.pb-cards-model-6__feature-block:hover .pb-cards-model-6__link i {
  transform: translateX(4px);
}
.pb-cards-model-6__feature-block--highlighted {
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent-color), transparent 93%), var(--surface-color) 40%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pb-cards-model-6__feature-block--highlighted .pb-cards-model-6__icon-wrap {
  background: color-mix(in srgb, var(--accent-color), transparent 82%);
}
.pb-cards-model-6__feature-block--highlighted .pb-cards-model-6__accent-line {
  width: 60%;
}
.pb-cards-model-6__highlight-tag {
  position: absolute;
  top: 0.875rem;
  right: 0.875rem;
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  font-family: var(--default-font);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--contrast-color);
  background: var(--accent-color);
  padding: 0.3125rem 0.75rem;
  border-radius: var(--button-border-radius);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent-color), transparent 55%);
}
.pb-cards-model-6__highlight-tag i {
  font-size: 0.625rem;
}
.pb-cards-model-6__icon-wrap {
  position: relative;
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 50%;
}
.pb-cards-model-6__icon-wrap i {
  font-size: 1.75rem;
  color: var(--accent-color);
  position: relative;
  z-index: 1;
  line-height: 1;
  transition: transform 0.4s ease;
}
.pb-cards-model-6__icon-ring {
  position: absolute;
  top: -0.375rem;
  left: -0.375rem;
  right: -0.375rem;
  bottom: -0.375rem;
  border: 2px dashed var(--accent-color);
  border-radius: 50%;
  opacity: 0.25;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.pb-cards-model-6__content {
  flex: 1;
}
.pb-cards-model-6__tag {
  display: inline-block;
  font-family: var(--default-font);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  padding: 0.25rem 0.875rem;
  border-radius: var(--button-border-radius);
  margin-bottom: 0.875rem;
}
.pb-cards-model-6__title {
  margin: 0 0 0.75rem;
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.35;
}
.pb-cards-model-6__text {
  margin: 0 0 1.25rem;
  font-family: var(--default-font);
  font-size: 0.875rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}
.pb-cards-model-6__footer {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
}
.pb-cards-model-6__link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: var(--default-font);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.3s ease;
}
.pb-cards-model-6__link i {
  font-size: 1.375rem;
  transition: transform 0.3s ease;
}
.pb-cards-model-6__link:hover, .pb-cards-model-6__link:focus {
  color: var(--accent-color);
}
.pb-cards-model-6__accent-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
  height: 3px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), transparent 60%));
  transition: width 0.4s ease;
}
@media (max-width: 768px) {
  .pb-cards-model-6__feature-block {
    padding: 2rem 1.5rem 1.5rem;
  }
  .pb-cards-model-6__icon-wrap {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1.25rem;
  }
  .pb-cards-model-6__icon-wrap i {
    font-size: 1.5rem;
  }
  .pb-cards-model-6__title {
    font-size: 1.125rem;
  }
  .pb-cards-model-6__text {
    font-size: 0.8125rem;
  }
}
@media (max-width: 576px) {
  .pb-cards-model-6__feature-block {
    padding: 1.75rem 1.25rem 1.25rem;
  }
  .pb-cards-model-6__icon-wrap {
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1rem;
  }
  .pb-cards-model-6__icon-wrap i {
    font-size: 1.375rem;
  }
  .pb-cards-model-6__icon-ring {
    top: -0.25rem;
    left: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
  }
  .pb-cards-model-6__tag {
    font-size: 0.625rem;
    padding: 0.1875rem 0.625rem;
    margin-bottom: 0.625rem;
  }
  .pb-cards-model-6__title {
    font-size: 1.0625rem;
    margin-bottom: 0.5rem;
  }
  .pb-cards-model-6__text {
    font-size: 0.8125rem;
    line-height: 1.65;
    margin-bottom: 1rem;
  }
  .pb-cards-model-6__link {
    font-size: 0.8125rem;
  }
  .pb-cards-model-6__feature-block--highlighted .pb-cards-model-6__highlight-tag {
    top: 0.625rem;
    right: 0.625rem;
    font-size: 0.625rem;
    padding: 0.25rem 0.625rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 7
--------------------------------------------------------------*/
.pb-cards-model-7 {
  overflow: visible;
}
.pb-cards-model-7__feature-card {
  position: relative;
  height: 320px;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  background-color: var(--surface-color);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 88%);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  z-index: 1;
}
.pb-cards-model-7__feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--default-color), transparent 82%);
}
.pb-cards-model-7__feature-card:hover .pb-cards-model-7__overlay {
  opacity: 1;
}
.pb-cards-model-7__feature-card:hover .pb-cards-model-7__body {
  transform: translateY(0);
  opacity: 1;
}
.pb-cards-model-7__feature-card:hover .pb-cards-model-7__title-bar {
  opacity: 0;
}
.pb-cards-model-7__feature-card:hover .pb-cards-model-7__icon-wrap {
  transform: translateY(-20px) scale(0.9);
  background-color: var(--contrast-color);
}
.pb-cards-model-7__feature-card:hover .pb-cards-model-7__icon-wrap i {
  color: var(--accent-color);
}
.pb-cards-model-7__feature-card--no-image .pb-cards-model-7__overlay {
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent-color), transparent 70%) 0%, color-mix(in srgb, var(--heading-color), transparent 20%) 100%);
  opacity: 1;
}
.pb-cards-model-7__icon-wrap {
  position: absolute;
  top: 1.875rem;
  left: 1.875rem;
  width: 3.75rem;
  height: 3.75rem;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  z-index: 3;
  transition: transform 0.4s ease, background-color 0.4s ease;
}
.pb-cards-model-7__icon-wrap i {
  line-height: 1;
  transition: color 0.4s ease;
}
.pb-cards-model-7__title-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.5625rem 1.875rem;
  background-color: color-mix(in srgb, var(--default-color), transparent 25%);
  transition: opacity 0.4s ease;
  z-index: 3;
}
.pb-cards-model-7__title, .pb-cards-model-7__body-title {
  color: var(--contrast-color);
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}
.pb-cards-model-7__body {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.5625rem 1.875rem;
  background-color: color-mix(in srgb, var(--accent-color), transparent 40%);
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pb-cards-model-7__body-title {
  margin-bottom: 0.75rem;
}
.pb-cards-model-7__text {
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-size: 0.875rem;
  line-height: 1.6;
  margin: 0;
}
.pb-cards-model-7__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 0;
  opacity: 0.85;
  transition: opacity 0.4s ease;
}
.pb-cards-model-7__overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, color-mix(in srgb, var(--default-color), transparent 90%) 0%, color-mix(in srgb, var(--heading-color), transparent 30%) 100%);
}
.pb-cards-model-7__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}
@media (max-width: 1199px) {
  .pb-cards-model-7__feature-card {
    height: 300px;
  }
  .pb-cards-model-7__icon-wrap {
    width: 3.125rem;
    height: 3.125rem;
    font-size: 1.25rem;
    top: 1.25rem;
    left: 1.25rem;
  }
  .pb-cards-model-7__title-bar, .pb-cards-model-7__body {
    padding: 1.25rem 1.5625rem;
  }
  .pb-cards-model-7__title, .pb-cards-model-7__body-title {
    font-size: 1.125rem;
  }
  .pb-cards-model-7__body-title {
    margin-bottom: 0.5rem;
  }
  .pb-cards-model-7__text {
    font-size: 0.8125rem;
  }
}
@media (max-width: 767px) {
  .pb-cards-model-7__feature-card {
    height: 280px;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 8
--------------------------------------------------------------*/
.pb-cards-model-8__service-card {
  position: relative;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  height: 100%;
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}
.pb-cards-model-8__service-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 30%));
  transform: scaleX(0);
  transition: transform 0.4s ease;
}
.pb-cards-model-8__service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px color-mix(in srgb, var(--default-color), transparent 85%);
  border-color: var(--accent-color);
}
.pb-cards-model-8__service-card:hover::before {
  transform: scaleX(1);
}
.pb-cards-model-8__service-card:hover .pb-cards-model-8__feature-image::before {
  opacity: 1;
}
.pb-cards-model-8__service-card:hover .pb-cards-model-8__feature-image img {
  transform: scale(1.1);
}
.pb-cards-model-8__service-card--featured {
  border-color: var(--accent-color);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 85%);
}
.pb-cards-model-8__service-card--featured::before {
  transform: scaleX(1);
}
.pb-cards-model-8__service-card--featured .pb-cards-model-8__icon-box {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  color: var(--contrast-color);
}
.pb-cards-model-8__service-card--featured .pb-cards-model-8__explore-btn {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-cards-model-8__service-card--featured .pb-cards-model-8__explore-btn:hover, .pb-cards-model-8__service-card--featured .pb-cards-model-8__explore-btn:focus {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 20%);
  border-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 20%);
}
.pb-cards-model-8__header {
  padding: 1.5625rem 1.5625rem 0.9375rem;
  text-align: center;
}
.pb-cards-model-8__icon-box {
  width: 4.375rem;
  height: 4.375rem;
  margin: 0 auto 1.25rem;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-color);
  font-size: 2rem;
  transition: background 0.3s ease, color 0.3s ease;
}
.pb-cards-model-8__icon-box i {
  line-height: 1;
}
.pb-cards-model-8__title {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.35;
}
.pb-cards-model-8__body {
  padding: 0 1.5625rem 0.9375rem;
}
.pb-cards-model-8__text {
  margin: 0 0 1.25rem;
  font-family: var(--default-font);
  font-size: 0.875rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  text-align: center;
}
.pb-cards-model-8__feature-image {
  width: 100%;
  height: 10rem;
  border-radius: calc(var(--card-border-radius) * 0.5);
  overflow: hidden;
  position: relative;
}
.pb-cards-model-8__feature-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, color-mix(in srgb, var(--accent-color), transparent 80%), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
  pointer-events: none;
}
.pb-cards-model-8__feature-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.pb-cards-model-8__image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
}
.pb-cards-model-8__image-placeholder i {
  font-size: 2rem;
  line-height: 1;
}
.pb-cards-model-8__footer {
  padding: 0.9375rem 1.5625rem 1.5625rem;
}
.pb-cards-model-8__explore-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem 1.25rem;
  background: transparent;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  border-radius: calc(var(--button-border-radius) * 0.75);
  color: var(--accent-color);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 0.875rem;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.pb-cards-model-8__explore-btn i {
  margin-left: 0.5rem;
  font-size: 1rem;
  transition: transform 0.3s ease;
}
.pb-cards-model-8__explore-btn:hover, .pb-cards-model-8__explore-btn:focus {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.pb-cards-model-8__explore-btn:hover i, .pb-cards-model-8__explore-btn:focus i {
  transform: translate(3px, -3px);
}
@media (max-width: 768px) {
  .pb-cards-model-8__header {
    padding: 1.25rem 1.25rem 0.625rem;
  }
  .pb-cards-model-8__icon-box {
    width: 3.75rem;
    height: 3.75rem;
    font-size: 1.75rem;
    margin-bottom: 0.9375rem;
  }
  .pb-cards-model-8__title {
    font-size: 1rem;
  }
  .pb-cards-model-8__body {
    padding: 0 1.25rem 0.625rem;
  }
  .pb-cards-model-8__feature-image {
    height: 8.75rem;
  }
  .pb-cards-model-8__footer {
    padding: 0.625rem 1.25rem 1.25rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 9
--------------------------------------------------------------*/
.pb-cards-model-9 {
  overflow: hidden;
}
.pb-cards-model-9__viewport {
  width: 100%;
  padding: 0;
}
.pb-cards-model-9__slider {
  overflow: hidden;
}
.pb-cards-model-9 .swiper-wrapper {
  height: auto !important;
  transition-timing-function: linear !important;
}
.pb-cards-model-9__card-item {
  position: relative;
  min-height: 33.75rem;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  transition: transform 0.3s ease-in-out;
}
.pb-cards-model-9__card-item:hover .pb-cards-model-9__card-bg {
  transform: scale(1.1);
}
.pb-cards-model-9__card-item:hover .pb-cards-model-9__card-content {
  background: color-mix(in srgb, var(--heading-color), transparent 30%);
}
.pb-cards-model-9__card-item--no-image .pb-cards-model-9__card-bg {
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent-color), transparent 55%) 0%, color-mix(in srgb, var(--heading-color), transparent 15%) 100%);
}
.pb-cards-model-9__card-item--no-image .pb-cards-model-9__card-bg::before {
  opacity: 0.35;
}
.pb-cards-model-9__card-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease-in-out;
}
.pb-cards-model-9__card-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--heading-color), transparent 60%);
  transition: background 0.3s ease-in-out;
}
.pb-cards-model-9__card-item:hover .pb-cards-model-9__card-bg::before {
  background: color-mix(in srgb, var(--heading-color), transparent 80%);
}
.pb-cards-model-9__card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.875rem;
  background: color-mix(in srgb, var(--heading-color), transparent 50%);
  transition: background 0.3s ease-in-out;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  z-index: 1;
}
.pb-cards-model-9__icon {
  flex-shrink: 0;
  width: 3.125rem;
  height: 3.125rem;
  background: var(--accent-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--contrast-color);
  font-size: 1.5rem;
}
.pb-cards-model-9__icon i {
  line-height: 1;
}
.pb-cards-model-9__title {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--contrast-color);
  line-height: 1.35;
}
@media (max-width: 1199px) {
  .pb-cards-model-9__card-item {
    min-height: 21.875rem;
  }
  .pb-cards-model-9__card-content {
    padding: 1.5625rem;
  }
  .pb-cards-model-9__icon {
    width: 2.8125rem;
    height: 2.8125rem;
    font-size: 1.25rem;
  }
  .pb-cards-model-9__title {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .pb-cards-model-9__card-item {
    min-height: 18.75rem;
  }
  .pb-cards-model-9__card-content {
    padding: 1.25rem;
  }
  .pb-cards-model-9__icon {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.125rem;
  }
  .pb-cards-model-9__title {
    font-size: 1rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 10
--------------------------------------------------------------*/
.pb-cards-model-10 {
  overflow: visible;
}
.pb-cards-model-10__card-item {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 88%);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  height: 100%;
}
.pb-cards-model-10__card-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--default-color), transparent 82%);
}
.pb-cards-model-10__card-item:hover .pb-cards-model-10__media img {
  transform: scale(1.1);
}
.pb-cards-model-10__card-item:hover .pb-cards-model-10__media .pb-cards-model-10__overlay {
  opacity: 1;
  visibility: visible;
}
.pb-cards-model-10__card-item:hover .pb-cards-model-10__media .pb-cards-model-10__overlay .pb-cards-model-10__overlay-content {
  transform: translateY(0);
}
.pb-cards-model-10__media {
  position: relative;
  overflow: hidden;
}
.pb-cards-model-10__media img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: transform 0.6s ease;
  display: block;
}
.pb-cards-model-10__media-placeholder {
  width: 100%;
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
}
.pb-cards-model-10__media-placeholder i {
  font-size: 2rem;
  line-height: 1;
}
.pb-cards-model-10__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, color-mix(in srgb, var(--heading-color), transparent 90%), color-mix(in srgb, var(--accent-color), transparent 30%));
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.pb-cards-model-10__overlay-content {
  text-align: center;
  transform: translateY(1.25rem);
  transition: transform 0.3s ease-in-out;
}
.pb-cards-model-10__overlay-title {
  margin: 0 0 1rem;
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--contrast-color);
  line-height: 1.3;
}
.pb-cards-model-10__overlay-text {
  margin: 0 0 1.5rem;
  font-family: var(--default-font);
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--contrast-color);
  opacity: 0.9;
}
.pb-cards-model-10__overlay-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 50%;
  background-color: var(--contrast-color);
  color: var(--accent-color);
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.pb-cards-model-10__overlay-link i {
  font-size: 1.2rem;
  line-height: 1;
}
.pb-cards-model-10__overlay-link:hover, .pb-cards-model-10__overlay-link:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: rotate(45deg);
}
.pb-cards-model-10__body {
  padding: 2rem;
}
.pb-cards-model-10__category {
  display: inline-block;
  font-family: var(--default-font);
  font-size: 0.875rem;
  color: var(--accent-color);
  font-weight: 500;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.pb-cards-model-10__title {
  margin: 0 0 1rem;
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-cards-model-10__text {
  margin: 0;
  font-family: var(--default-font);
  font-size: 0.95rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
@media (max-width: 767px) {
  .pb-cards-model-10__body {
    padding: 1.5rem;
  }
  .pb-cards-model-10__overlay-title {
    font-size: 1.25rem;
  }
  .pb-cards-model-10__title {
    font-size: 1.25rem;
  }
  .pb-cards-model-10__overlay {
    padding: 1.5rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 11
--------------------------------------------------------------*/
.pb-cards-model-11 {
  overflow: visible;
}
.pb-cards-model-11__card-item {
  padding: 1.5rem;
  border-radius: var(--card-border-radius);
  background-color: var(--surface-color);
  box-shadow: 0 0.125rem 0.25rem color-mix(in srgb, var(--default-color), transparent 92%);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  height: 100%;
}
.pb-cards-model-11__card-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1rem color-mix(in srgb, var(--default-color), transparent 85%);
}
.pb-cards-model-11__card-number {
  font-family: var(--heading-font);
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--accent-color);
  margin-bottom: 1rem;
  line-height: 1;
}
.pb-cards-model-11__card-title {
  margin: 0 0 1rem;
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-cards-model-11__card-text {
  margin: 0;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  font-size: 0.9rem;
  line-height: 1.6;
}
.pb-cards-model-11__image-wrapper img {
  border-radius: var(--card-border-radius);
}
.pb-cards-model-11__image {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
}
@media (max-width: 991px) {
  .pb-cards-model-11__card-number {
    font-size: 2rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 12
--------------------------------------------------------------*/
.pb-cards-model-12 {
  overflow: visible;
}
.pb-cards-model-12__promo-box {
  color: var(--contrast-color);
  background: var(--accent-color);
  padding: 1.875rem;
  border-radius: var(--card-border-radius);
  height: 100%;
}
.pb-cards-model-12__promo-title {
  color: var(--contrast-color);
  font-family: var(--heading-font);
  font-weight: 700;
  font-size: 2.125rem;
  margin: 0 0 1.875rem;
  line-height: 1.2;
}
.pb-cards-model-12__promo-text {
  margin: 0 0 1.875rem;
  font-family: var(--default-font);
  font-size: 1rem;
  line-height: 1.6;
}
.pb-cards-model-12__promo-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: color-mix(in srgb, var(--contrast-color), transparent 85%);
  padding: 0.5rem 2.5rem 0.625rem;
  color: var(--contrast-color);
  text-decoration: none;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-size: 0.95rem;
  font-weight: 500;
}
.pb-cards-model-12__promo-btn i {
  font-size: 0.875rem;
  line-height: 1;
}
.pb-cards-model-12__promo-btn:hover, .pb-cards-model-12__promo-btn:focus {
  color: var(--accent-color);
  background: var(--surface-color);
}
.pb-cards-model-12__icon-box {
  background-color: var(--surface-color);
  text-align: center;
  padding: 2.5rem 1.875rem;
  width: 100%;
  height: 100%;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: border-color 0.3s ease-in-out;
}
.pb-cards-model-12__icon-wrap {
  color: var(--accent-color);
  margin-bottom: 1.875rem;
  font-size: 2rem;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.pb-cards-model-12__icon-wrap i {
  line-height: 1;
}
.pb-cards-model-12__icon-title {
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 1.875rem;
  color: var(--heading-color);
  line-height: 1.3;
}
.pb-cards-model-12__icon-text {
  margin: 0;
  font-family: var(--default-font);
  font-size: 0.9375rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.pb-cards-model-12__icon-box:hover .pb-cards-model-12__icon-wrap {
  color: var(--contrast-color);
  background: var(--accent-color);
}
@media (max-width: 991px) {
  .pb-cards-model-12__promo-title {
    font-size: 1.75rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 13
--------------------------------------------------------------*/
.pb-cards-model-13 {
  overflow: visible;
}
.pb-cards-model-13__card-item {
  background: color-mix(in srgb, var(--default-color), transparent 97%);
  padding: 3.125rem 1.875rem;
  border-radius: var(--card-border-radius);
  transition: background-color 0.3s ease-in-out, padding 0.3s ease-in-out, color 0.3s ease-in-out;
  height: 100%;
  position: relative;
}
.pb-cards-model-13__card-item:hover {
  background: var(--accent-color);
  padding: 1.875rem 1.875rem 4.375rem;
}
.pb-cards-model-13__card-item:hover .pb-cards-model-13__number,
.pb-cards-model-13__card-item:hover .pb-cards-model-13__title,
.pb-cards-model-13__card-item:hover .pb-cards-model-13__title-link,
.pb-cards-model-13__card-item:hover .pb-cards-model-13__text {
  color: var(--contrast-color);
}
.pb-cards-model-13__number {
  color: var(--accent-color);
  display: block;
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  transition: color 0.3s ease-in-out;
}
.pb-cards-model-13__title {
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0;
  margin: 1.25rem 0;
  line-height: 1.3;
  color: var(--heading-color);
  transition: color 0.3s ease-in-out;
}
.pb-cards-model-13__title-link {
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.pb-cards-model-13__title-link:hover, .pb-cards-model-13__title-link:focus {
  color: var(--contrast-color);
}
.pb-cards-model-13__text {
  font-family: var(--default-font);
  font-size: 0.9375rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
  padding: 0;
  transition: color 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .pb-cards-model-13__card-item {
    padding: 2rem 1.5rem;
  }
  .pb-cards-model-13__card-item:hover {
    padding: 1.5rem 1.5rem 3rem;
  }
  .pb-cards-model-13__title {
    font-size: 1.25rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 14
--------------------------------------------------------------*/
.pb-cards-model-14 {
  overflow: visible;
}
.pb-cards-model-14__card {
  background-color: var(--surface-color);
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  position: relative;
  border-radius: var(--card-border-radius);
  height: 100%;
  overflow: hidden;
  transition: border-color 0.3s ease-in-out;
}
.pb-cards-model-14__card:hover .pb-cards-model-14__media img {
  transform: scale(1.1);
}
.pb-cards-model-14__media {
  overflow: hidden;
  margin-bottom: 0.9375rem;
}
.pb-cards-model-14__media img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease-in-out;
}
.pb-cards-model-14__media-placeholder {
  width: 100%;
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
}
.pb-cards-model-14__media-placeholder i {
  font-size: 2rem;
  line-height: 1;
}
.pb-cards-model-14__title {
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 1.25rem;
  margin: 0 0 0.3125rem;
  padding: 0 1.25rem;
  line-height: 1.3;
  color: var(--heading-color);
}
.pb-cards-model-14__title-link {
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.pb-cards-model-14__title-link:hover, .pb-cards-model-14__title-link:focus {
  color: var(--accent-color);
}
.pb-cards-model-14__stars {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  padding: 0 1.25rem;
  margin-bottom: 0.3125rem;
}
.pb-cards-model-14__stars i {
  font-size: 0.875rem;
  line-height: 1;
  color: var(--accent-color);
}
.pb-cards-model-14__stars i.bi-star {
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}
.pb-cards-model-14__text {
  padding: 0 1.25rem 1.25rem;
  margin: 0;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-style: italic;
  font-size: 0.9375rem;
  line-height: 1.6;
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 15
--------------------------------------------------------------*/
.pb-cards-model-15 {
  overflow: visible;
}
.pb-cards-model-15__card {
  background-color: var(--surface-color);
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  position: relative;
  border-radius: var(--card-border-radius);
  height: 100%;
  overflow: hidden;
  transition: border-color 0.3s ease-in-out;
}
.pb-cards-model-15__card:hover .pb-cards-model-15__media img {
  transform: scale(1.1);
}
.pb-cards-model-15__media {
  overflow: hidden;
  margin-bottom: 0.9375rem;
}
.pb-cards-model-15__media img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease-in-out;
}
.pb-cards-model-15__media-placeholder {
  width: 100%;
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
}
.pb-cards-model-15__media-placeholder i {
  font-size: 2rem;
  line-height: 1;
}
.pb-cards-model-15__title {
  font-family: var(--heading-font);
  font-weight: 700;
  font-size: 1.125rem;
  margin: 0 0 0.3125rem;
  padding: 0.625rem 1.875rem;
  line-height: 1.3;
  color: var(--heading-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pb-cards-model-15__title-link {
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.pb-cards-model-15__title-link:hover, .pb-cards-model-15__title-link:focus {
  color: var(--accent-color);
}
.pb-cards-model-15__text {
  padding: 0 1.875rem 1.875rem;
  margin: 0;
  font-family: var(--default-font);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 0.9375rem;
  line-height: 1.6;
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 16
--------------------------------------------------------------*/
.pb-cards-model-16 {
  overflow: visible;
}
.pb-cards-model-16__card {
  background-color: var(--background-color);
  color: var(--default-color);
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  min-height: 31.25rem;
  height: 100%;
}
.pb-cards-model-16__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--contrast-color), transparent 100%) 25%, color-mix(in srgb, var(--heading-color), transparent 10%) 75%);
  z-index: 2;
  pointer-events: none;
}
.pb-cards-model-16__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.pb-cards-model-16__image-placeholder {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--default-color), transparent 92%);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
}
.pb-cards-model-16__image-placeholder i {
  font-size: 2.5rem;
  line-height: 1;
}
.pb-cards-model-16__body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  padding: 1.875rem;
}
.pb-cards-model-16__title {
  font-family: var(--heading-font);
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0;
  padding-left: 0.625rem;
  border-left: 3px solid var(--accent-color);
  line-height: 1.35;
  color: var(--contrast-color);
}
.pb-cards-model-16__title-link {
  color: var(--contrast-color);
  text-decoration: none;
  transition: opacity 0.3s ease-in-out;
}
.pb-cards-model-16__title-link:hover, .pb-cards-model-16__title-link:focus {
  opacity: 0.85;
}
.pb-cards-model-16__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.pb-cards-model-16__content-inner {
  overflow: hidden;
}
.pb-cards-model-16__text {
  font-family: var(--default-font);
  font-size: 0.9375rem;
  line-height: 1.6;
  padding-top: 0.625rem;
  margin: 0;
  color: var(--contrast-color);
}
.pb-cards-model-16__card:hover .pb-cards-model-16__content {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
}
@media (max-width: 767px) {
  .pb-cards-model-16__card {
    min-height: 22rem;
  }
  .pb-cards-model-16__title {
    font-size: 1.125rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 17
--------------------------------------------------------------*/
.pb-cards-model-17 {
  overflow: visible;
}
.pb-cards-model-17__card {
  border-radius: var(--card-border-radius);
  overflow: hidden;
  height: 17.5rem;
  position: relative;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  cursor: pointer;
  box-shadow: 0 0.5rem 1.5625rem color-mix(in srgb, var(--default-color), transparent 90%);
}
.pb-cards-model-17__card--tone-1 {
  background: linear-gradient(135deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color), var(--heading-color) 55%) 100%);
}
.pb-cards-model-17__card--tone-2 {
  background: linear-gradient(135deg, var(--success-color) 0%, color-mix(in srgb, var(--success-color), var(--accent-color) 35%) 100%);
}
.pb-cards-model-17__card--tone-3 {
  background: linear-gradient(135deg, var(--heading-color) 0%, color-mix(in srgb, var(--heading-color), var(--accent-color) 50%) 100%);
}
.pb-cards-model-17__card--tone-4 {
  background: linear-gradient(135deg, color-mix(in srgb, var(--danger-color), var(--heading-color) 20%) 0%, var(--danger-color) 100%);
}
.pb-cards-model-17__card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1.25rem 2.5rem color-mix(in srgb, var(--default-color), transparent 80%);
}
.pb-cards-model-17__card:hover .pb-cards-model-17__overlay {
  opacity: 0.7;
}
.pb-cards-model-17__card:hover .pb-cards-model-17__media img {
  transform: scale(1.1);
}
.pb-cards-model-17__card:hover .pb-cards-model-17__link i {
  transform: scale(1.2) rotate(45deg);
}
.pb-cards-model-17__card:hover .pb-cards-model-17__body {
  transform: translateY(-5px);
}
.pb-cards-model-17__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--default-color), transparent 30%) 100%);
  opacity: 0.4;
  transition: opacity 0.3s ease;
  z-index: 1;
  pointer-events: none;
}
.pb-cards-model-17__media {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  z-index: 0;
}
.pb-cards-model-17__media img {
  max-height: 7.5rem;
  max-width: 80%;
  object-fit: contain;
  transition: transform 0.4s ease;
  filter: brightness(1.1) contrast(1.1);
  opacity: 0.9;
}
.pb-cards-model-17__media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: color-mix(in srgb, var(--contrast-color), transparent 35%);
  font-size: 2.5rem;
  line-height: 1;
}
.pb-cards-model-17__body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5625rem;
  z-index: 2;
  transition: transform 0.3s ease;
}
.pb-cards-model-17__badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: color-mix(in srgb, var(--contrast-color), transparent 20%);
  color: var(--default-color);
  font-family: var(--default-font);
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  margin-bottom: 0.5rem;
  backdrop-filter: blur(10px);
  border: 1px solid color-mix(in srgb, var(--contrast-color), transparent 70%);
}
.pb-cards-model-17__title {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0 0 0.375rem;
  color: var(--contrast-color);
  font-family: var(--heading-font);
  line-height: 1.25;
  text-shadow: 0 2px 4px color-mix(in srgb, var(--default-color), transparent 70%);
}
.pb-cards-model-17__text {
  font-family: var(--default-font);
  font-size: 0.85rem;
  margin: 0 0 0.9375rem;
  color: color-mix(in srgb, var(--contrast-color), transparent 10%);
  line-height: 1.4;
  opacity: 0.95;
}
.pb-cards-model-17__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.pb-cards-model-17__count {
  font-family: var(--default-font);
  font-size: 0.8rem;
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  font-weight: 500;
}
.pb-cards-model-17__link {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.1875rem;
  height: 2.1875rem;
  background: var(--accent-color);
  border-radius: 50%;
  color: var(--contrast-color);
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  flex-shrink: 0;
}
.pb-cards-model-17__link i {
  font-size: 1rem;
  line-height: 1;
  transition: transform 0.3s ease;
}
.pb-cards-model-17__link:hover, .pb-cards-model-17__link:focus {
  background: var(--contrast-color);
  color: var(--accent-color);
}
@media (max-width: 1199px) {
  .pb-cards-model-17__card {
    height: 16.25rem;
  }
  .pb-cards-model-17__media img {
    max-height: 6.25rem;
  }
  .pb-cards-model-17__body {
    padding: 1.25rem;
  }
}
@media (max-width: 991px) {
  .pb-cards-model-17__card {
    height: 15rem;
  }
  .pb-cards-model-17__title {
    font-size: 1.25rem;
  }
  .pb-cards-model-17__media img {
    max-height: 5.625rem;
  }
}
@media (max-width: 767px) {
  .pb-cards-model-17__card {
    height: 13.75rem;
  }
  .pb-cards-model-17__title {
    font-size: 1.1rem;
  }
  .pb-cards-model-17__text {
    font-size: 0.8rem;
  }
  .pb-cards-model-17__body {
    padding: 1.125rem;
  }
  .pb-cards-model-17__media img {
    max-height: 5rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 18
--------------------------------------------------------------*/
.pb-cards-model-18 {
  overflow: visible;
}
.pb-cards-model-18__card {
  position: relative;
  height: 18.75rem;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 0.3125rem 0.9375rem color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-cards-model-18__card:hover .pb-cards-model-18__media img {
  transform: scale(1.05);
}
.pb-cards-model-18__card:hover .pb-cards-model-18__btn i {
  transform: translateX(5px);
}
.pb-cards-model-18__media {
  position: absolute;
  inset: 0;
}
.pb-cards-model-18__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  display: block;
}
.pb-cards-model-18__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, color-mix(in srgb, var(--heading-color), transparent 30%) 0%, color-mix(in srgb, var(--heading-color), transparent 70%) 100%);
  pointer-events: none;
}
.pb-cards-model-18__media-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
}
.pb-cards-model-18__media-placeholder i {
  font-size: 2.5rem;
  line-height: 1;
}
.pb-cards-model-18__body {
  position: relative;
  z-index: 2;
  padding: 1.875rem;
  color: var(--contrast-color);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pb-cards-model-18__title {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0 0 0.9375rem;
  color: var(--contrast-color);
  line-height: 1.25;
}
.pb-cards-model-18__text {
  margin: 0 0 1.25rem;
  font-family: var(--default-font);
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--contrast-color);
  opacity: 0.9;
  max-width: 28rem;
}
.pb-cards-model-18__btn {
  align-self: flex-start;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 0.625rem 1.25rem;
  border-radius: var(--button-border-radius);
  font-family: var(--default-font);
  font-weight: 500;
  font-size: 0.9375rem;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.pb-cards-model-18__btn i {
  line-height: 1;
  transition: transform 0.3s ease;
}
.pb-cards-model-18__btn:hover, .pb-cards-model-18__btn:focus {
  background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
@media (max-width: 767px) {
  .pb-cards-model-18__card {
    height: 15.625rem;
  }
  .pb-cards-model-18__title {
    font-size: 1.5rem;
  }
  .pb-cards-model-18__body {
    padding: 1.5rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 19
--------------------------------------------------------------*/
.pb-cards-model-19 {
  overflow: visible;
}
.pb-cards-model-19__card {
  position: relative;
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 78%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  height: 21.875rem;
  background-color: var(--surface-color);
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}
.pb-cards-model-19__card--small {
  height: 17.5rem;
}
.pb-cards-model-19__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 1.25rem 2.5rem color-mix(in srgb, var(--default-color), transparent 85%);
  border-color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.pb-cards-model-19__card:hover .pb-cards-model-19__media img {
  transform: scale(1.1);
}
.pb-cards-model-19__card:hover .pb-cards-model-19__btn {
  transform: translateY(0);
  opacity: 1;
}
.pb-cards-model-19__card:hover .pb-cards-model-19__btn i {
  transform: translateX(5px);
}
.pb-cards-model-19__overlay {
  position: absolute;
  inset: 0;
  background-color: color-mix(in srgb, var(--default-color), transparent 60%);
  z-index: 2;
  transition: background-color 0.3s ease;
  pointer-events: none;
}
.pb-cards-model-19__body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  z-index: 3;
  color: var(--contrast-color);
}
.pb-cards-model-19__title {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: var(--contrast-color);
  font-family: var(--heading-font);
  line-height: 1.25;
}
.pb-cards-model-19__subtitle {
  font-family: var(--default-font);
  font-size: 1rem;
  margin: 0 0 1.5rem;
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  line-height: 1.4;
}
.pb-cards-model-19__media {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 1;
}
.pb-cards-model-19__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}
.pb-cards-model-19__media-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  color: color-mix(in srgb, var(--default-color), transparent 55%);
}
.pb-cards-model-19__media-placeholder i {
  font-size: 2.5rem;
  line-height: 1;
}
.pb-cards-model-19__btn {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  padding: 0.75rem 1.5rem;
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  border-radius: var(--button-border-radius);
  backdrop-filter: blur(10px);
  border: 1px solid color-mix(in srgb, var(--contrast-color), transparent 70%);
  transform: translateY(1.25rem);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.pb-cards-model-19__btn i {
  line-height: 1;
  transition: transform 0.3s ease;
}
.pb-cards-model-19__btn:hover, .pb-cards-model-19__btn:focus {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
@media (max-width: 991px) {
  .pb-cards-model-19__card {
    height: 18.75rem;
  }
  .pb-cards-model-19__card--small {
    height: 15.625rem;
  }
  .pb-cards-model-19__body {
    padding: 1.5rem;
  }
  .pb-cards-model-19__title {
    font-size: 1.3rem;
  }
  .pb-cards-model-19__subtitle {
    font-size: 0.9rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .pb-cards-model-19__card {
    height: 15.625rem;
  }
  .pb-cards-model-19__card--small {
    height: 13.75rem;
  }
  .pb-cards-model-19__title {
    font-size: 1.2rem;
  }
  .pb-cards-model-19__btn {
    font-size: 0.9rem;
    padding: 0.6rem 1.2rem;
    transform: translateY(0);
    opacity: 1;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 20
--------------------------------------------------------------*/
.pb-cards-model-20__slider-wrap {
  position: relative;
}
.pb-cards-model-20__carousel {
  position: relative;
}
.pb-cards-model-20__slider {
  position: relative;
  padding: 1rem 0;
  overflow: hidden;
}
.pb-cards-model-20 .swiper-wrapper {
  height: auto !important;
}
.pb-cards-model-20__nav {
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--surface-color);
  border: none;
  border-radius: 50%;
  color: var(--heading-color);
  box-shadow: 0 2px 10px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.pb-cards-model-20__nav::after {
  font-size: 1rem;
  font-weight: bold;
}
.pb-cards-model-20__nav:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.pb-cards-model-20__nav--prev {
  left: 0;
}
.pb-cards-model-20__nav--next {
  right: 0;
}
.pb-cards-model-20__card {
  position: relative;
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  border-radius: var(--card-border-radius);
  padding: 1rem;
  height: 100%;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pb-cards-model-20__card:hover {
  transform: translateY(-5px);
}
.pb-cards-model-20__card:hover .pb-cards-model-20__title {
  color: var(--accent-color);
}
.pb-cards-model-20__card:hover .pb-cards-model-20__image img {
  filter: brightness(1.08);
  transform: rotate(4deg) scale(1.06);
}
.pb-cards-model-20__image {
  width: 100%;
  height: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.pb-cards-model-20__image img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  transition: 0.3s;
}
.pb-cards-model-20__image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 2rem;
}
.pb-cards-model-20__title {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--heading-color);
  transition: 0.3s;
}
.pb-cards-model-20__count {
  font-size: 0.85rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .pb-cards-model-20__nav--prev {
    left: -0.9375rem;
  }
  .pb-cards-model-20__nav--next {
    right: -0.9375rem;
  }
  .pb-cards-model-20__card {
    padding: 0.75rem;
  }
  .pb-cards-model-20__image {
    height: 6.25rem;
    margin-bottom: 0.75rem;
  }
  .pb-cards-model-20__title {
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
  }
  .pb-cards-model-20__count {
    font-size: 0.8rem;
  }
}
@media (max-width: 767.98px) {
  .pb-cards-model-20__nav {
    width: 2.1875rem;
    height: 2.1875rem;
  }
  .pb-cards-model-20__nav::after {
    font-size: 0.85rem;
  }
}
@media (max-width: 575.98px) {
  .pb-cards-model-20__nav--prev {
    left: -0.625rem;
  }
  .pb-cards-model-20__nav--next {
    right: -0.625rem;
  }
  .pb-cards-model-20__card {
    padding: 0.5rem;
  }
  .pb-cards-model-20__image {
    height: 5rem;
    margin-bottom: 0.5rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 21
# Sabit kart renkleri — tema değişkenlerine bağlanmaz.
--------------------------------------------------------------*/
.pb-cards-model-21 {
  --default-color: #555;
  --heading-color: #333;
}
.pb-cards-model-21__card {
  border-radius: var(--card-border-radius);
  padding: 1.5rem;
  height: 100%;
  transition: all 0.3s ease;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.pb-cards-model-21__card:hover {
  transform: translateY(-3px);
}
.pb-cards-model-21__card--tone-1 {
  background-color: #fff9f2;
}
.pb-cards-model-21__card--tone-1 .pb-cards-model-21__icon-box {
  background-color: #fff;
  color: #f5a623;
}
.pb-cards-model-21__card--tone-2 {
  background-color: #f0f5ff;
}
.pb-cards-model-21__card--tone-2 .pb-cards-model-21__icon-box {
  background-color: #fff;
  color: #ff7a00;
}
.pb-cards-model-21__card--tone-3 {
  background-color: #f0fff7;
}
.pb-cards-model-21__card--tone-3 .pb-cards-model-21__icon-box {
  background-color: #fff;
  color: #38b2ac;
}
.pb-cards-model-21__card--tone-4 {
  background-color: #fff0f5;
}
.pb-cards-model-21__card--tone-4 .pb-cards-model-21__icon-box {
  background-color: #fff;
  color: #3b82f6;
}
.pb-cards-model-21__icon-box {
  width: 3.75rem;
  height: 3.75rem;
  min-width: 3.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.pb-cards-model-21__icon-box i {
  font-size: 1.5rem;
  line-height: 1;
}
.pb-cards-model-21__content {
  display: flex;
  flex-direction: column;
}
.pb-cards-model-21__title {
  font-family: var(--heading-font);
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: var(--heading-color);
}
.pb-cards-model-21__text {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 0;
  line-height: 1.5;
}
@media (max-width: 991.98px) {
  .pb-cards-model-21__card {
    padding: 1.25rem;
    gap: 0.75rem;
  }
  .pb-cards-model-21__icon-box {
    width: 3.125rem;
    height: 3.125rem;
    min-width: 3.125rem;
  }
  .pb-cards-model-21__icon-box i {
    font-size: 1.25rem;
  }
  .pb-cards-model-21__title {
    font-size: 1rem;
  }
  .pb-cards-model-21__text {
    font-size: 0.85rem;
  }
}
@media (max-width: 767.98px) {
  .pb-cards-model-21__card {
    padding: 1rem;
    margin-bottom: 0.5rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 22
--------------------------------------------------------------*/
.pb-cards-model-22__card {
  padding: 1.25rem 0.9375rem;
  height: 100%;
  text-align: center;
  transition: transform 0.3s ease;
}
.pb-cards-model-22__card:hover {
  transform: translateY(-5px);
}
.pb-cards-model-22__card:hover .pb-cards-model-22__icon-box {
  background-color: var(--accent-color);
}
.pb-cards-model-22__card:hover .pb-cards-model-22__icon-box i {
  color: var(--contrast-color);
}
.pb-cards-model-22__icon-box {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.25rem;
  background-color: var(--surface-color);
  box-shadow: 0 5px 15px color-mix(in srgb, var(--heading-color), transparent 95%);
  transition: all 0.3s ease;
}
.pb-cards-model-22__icon-box i {
  font-size: 2.5rem;
  color: var(--heading-color);
  line-height: 1;
}
.pb-cards-model-22__icon-box--highlighted {
  background-color: var(--accent-color);
}
.pb-cards-model-22__icon-box--highlighted i {
  color: var(--contrast-color);
}
.pb-cards-model-22__title {
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.9375rem;
  color: var(--heading-color);
}
.pb-cards-model-22__text {
  font-size: 0.95rem;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.6;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .pb-cards-model-22__icon-box {
    width: 6.25rem;
    height: 6.25rem;
  }
  .pb-cards-model-22__icon-box i {
    font-size: 2rem;
  }
  .pb-cards-model-22__title {
    font-size: 1.1rem;
  }
  .pb-cards-model-22__text {
    font-size: 0.9rem;
  }
}
@media (max-width: 767px) {
  .pb-cards-model-22__card {
    margin-bottom: 1.25rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 23
# Sabit kart arka plan renkleri — tema değişkenlerine bağlanmaz.
--------------------------------------------------------------*/
.pb-cards-model-23__card {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  height: 100%;
  transition: transform 0.3s ease;
}
.pb-cards-model-23__card:hover {
  transform: translateY(-5px);
}
.pb-cards-model-23__card--style-1 {
  background-color: #e6f4fa;
}
.pb-cards-model-23__card--style-2 {
  background-color: #faf5e6;
}
.pb-cards-model-23__media {
  margin: 0;
  padding: 0.9375rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-cards-model-23__media img {
  max-height: 15.625rem;
  width: 100%;
  object-fit: contain;
}
.pb-cards-model-23__media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 10rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 2.5rem;
}
.pb-cards-model-23__content {
  padding: 1.25rem 0.9375rem 1.25rem 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.pb-cards-model-23__badge {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.625rem;
  color: var(--accent-color);
  letter-spacing: 0.03125rem;
}
.pb-cards-model-23__title {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
  line-height: 1.2;
  color: var(--heading-color);
}
.pb-cards-model-23__btn {
  display: inline-block;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-weight: 600;
  padding: 0.5rem 1.25rem;
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease;
  align-self: flex-start;
  font-size: 0.9rem;
  letter-spacing: 0.03125rem;
  text-decoration: none;
}
.pb-cards-model-23__btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
  color: var(--contrast-color);
  transform: translateY(-2px);
}
@media (max-width: 991px) {
  .pb-cards-model-23__title {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .pb-cards-model-23__card .row {
    flex-direction: column;
  }
  .pb-cards-model-23__card .col-5, .pb-cards-model-23__card .col-7 {
    width: 100%;
  }
  .pb-cards-model-23__media {
    padding: 0.9375rem 0.9375rem 0;
  }
  .pb-cards-model-23__content {
    padding: 0.9375rem 1.25rem 1.25rem;
    text-align: center;
  }
  .pb-cards-model-23__btn {
    align-self: center;
  }
  .pb-cards-model-23__title {
    font-size: 1.25rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 24
# Sabit kart arka plan renkleri — tema değişkenlerine bağlanmaz.
--------------------------------------------------------------*/
.pb-cards-model-24 {
  --heading-color: #0a2e64;
}
.pb-cards-model-24__card {
  position: relative;
  overflow: hidden;
  height: 18.75rem;
  border-radius: var(--card-border-radius);
  display: flex;
  align-items: center;
  padding: 2rem;
  transition: all 0.3s ease;
}
.pb-cards-model-24__card:hover .pb-cards-model-24__media img {
  transform: scale(1.1);
}
.pb-cards-model-24__card--style-1 {
  background-color: #f5f5f5;
}
.pb-cards-model-24__card--style-2 {
  background-color: #f8f7e9;
}
.pb-cards-model-24__card--style-3 {
  background-color: #eef2f5;
}
.pb-cards-model-24__content {
  position: relative;
  z-index: 2;
  max-width: 60%;
}
.pb-cards-model-24__subtitle {
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: var(--heading-color);
  opacity: 0.8;
}
.pb-cards-model-24__title {
  font-family: var(--heading-font);
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: var(--heading-color);
}
.pb-cards-model-24__link {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  color: var(--heading-color);
  position: relative;
  transition: all 0.3s ease;
  text-decoration: none;
}
.pb-cards-model-24__link::after {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--heading-color);
  transition: all 0.3s ease;
}
.pb-cards-model-24__link:hover {
  color: var(--accent-color);
}
.pb-cards-model-24__link:hover::after {
  background-color: var(--accent-color);
}
.pb-cards-model-24__media {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 30%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pb-cards-model-24__media img {
  height: 90%;
  width: auto;
  max-width: none;
  object-fit: cover;
  object-position: center right;
  transition: all 0.3s ease;
}
.pb-cards-model-24__media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90%;
  width: 100%;
  color: color-mix(in srgb, var(--heading-color), transparent 50%);
  font-size: 2.5rem;
}
@media (max-width: 991.98px) {
  .pb-cards-model-24__card {
    height: 17.5rem;
  }
  .pb-cards-model-24__content {
    max-width: 70%;
  }
  .pb-cards-model-24__title {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .pb-cards-model-24__card {
    height: 15.625rem;
    padding: 1.5rem;
  }
  .pb-cards-model-24__content {
    max-width: 60%;
  }
  .pb-cards-model-24__subtitle {
    font-size: 0.8rem;
  }
  .pb-cards-model-24__title {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  .pb-cards-model-24__link {
    font-size: 0.8rem;
  }
}
@media (max-width: 575.98px) {
  .pb-cards-model-24__card {
    height: 13.75rem;
  }
  .pb-cards-model-24__content {
    max-width: 70%;
  }
  .pb-cards-model-24__title {
    font-size: 1.2rem;
  }
  .pb-cards-model-24__media {
    width: 40%;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 25
--------------------------------------------------------------*/
.pb-cards-model-25__card {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  height: 25rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 5px 15px color-mix(in srgb, var(--heading-color), transparent 92%);
  transition: all 0.4s ease;
}
.pb-cards-model-25__card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px color-mix(in srgb, var(--heading-color), transparent 85%);
}
.pb-cards-model-25__card:hover .pb-cards-model-25__media img {
  transform: scale(1.1);
}
.pb-cards-model-25__card:hover .pb-cards-model-25__content {
  transform: translateY(-10px);
}
.pb-cards-model-25__media {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.pb-cards-model-25__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}
.pb-cards-model-25__media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, color-mix(in srgb, var(--heading-color), transparent 55%) 0%, color-mix(in srgb, var(--heading-color), transparent 25%) 100%);
  color: color-mix(in srgb, var(--contrast-color), transparent 25%);
  font-size: 3rem;
}
.pb-cards-model-25__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, color-mix(in srgb, var(--heading-color), transparent 50%) 0%, color-mix(in srgb, var(--heading-color), transparent 90%) 100%);
  z-index: 2;
  transition: 0.3s;
}
.pb-cards-model-25__content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2rem;
  z-index: 3;
  transition: all 0.4s ease;
}
.pb-cards-model-25__subtitle {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--contrast-color);
  background-color: var(--accent-color);
  padding: 0.3rem 0.8rem;
  border-radius: var(--button-border-radius);
  margin-bottom: 1rem;
  opacity: 0.9;
}
.pb-cards-model-25__title {
  font-family: var(--heading-font);
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: var(--contrast-color);
  text-shadow: 0 1px 3px color-mix(in srgb, var(--heading-color), transparent 80%);
}
.pb-cards-model-25__btn {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.6rem 1.5rem;
  border-radius: var(--button-border-radius);
  background-color: transparent;
  color: var(--contrast-color);
  transition: all 0.3s ease;
  border: 2px solid var(--contrast-color);
  text-decoration: none;
}
.pb-cards-model-25__btn:hover {
  border-color: var(--accent-color);
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
@media (max-width: 991.98px) {
  .pb-cards-model-25__card {
    height: 21.875rem;
  }
  .pb-cards-model-25__content {
    padding: 1.5rem;
  }
  .pb-cards-model-25__title {
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 767.98px) {
  .pb-cards-model-25__card {
    height: 18.75rem;
  }
  .pb-cards-model-25__content {
    padding: 1.2rem;
  }
  .pb-cards-model-25__subtitle {
    font-size: 0.8rem;
    margin-bottom: 0.8rem;
  }
  .pb-cards-model-25__title {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  .pb-cards-model-25__btn {
    font-size: 0.8rem;
    padding: 0.5rem 1.2rem;
  }
}
@media (max-width: 575.98px) {
  .pb-cards-model-25__card {
    height: 17.5rem;
  }
  .pb-cards-model-25__title {
    font-size: 1.2rem;
  }
}

/*--------------------------------------------------------------
# Page Builder Cards — Model 26
--------------------------------------------------------------*/
.pb-cards-model-26.pb-ready-model .pb-cards-model-26__title, .pb-cards-model-26.pb-ready-model .pb-cards-model-26__count {
  white-space: normal;
}
.pb-cards-model-26 .pb-cards-model-26__tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 36px 20px 28px;
  border-radius: 24px;
  background: var(--surface-color);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.35s ease, border-color 0.35s ease, background-color 0.35s ease;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 96%);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 94%);
  height: 100%;
  min-height: 170px;
}
.pb-cards-model-26 .pb-cards-model-26__tile:hover {
  transform: translateY(-6px);
  text-decoration: none;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--default-color), transparent 92%);
}
.pb-cards-model-26 .pb-cards-model-26__tile:hover .pb-cards-model-26__icon-wrap {
  transform: scale(1.1) rotate(-4deg);
}
.pb-cards-model-26 .pb-cards-model-26__tile--tone-1 {
  --pb-cards-model-26-tone: var(--accent-color);
  --pb-cards-model-26-tone-end: color-mix(in srgb, var(--accent-color), var(--heading-color) 32%);
}
.pb-cards-model-26 .pb-cards-model-26__tile--tone-2 {
  --pb-cards-model-26-tone: var(--success-color);
  --pb-cards-model-26-tone-end: color-mix(in srgb, var(--success-color), var(--accent-color) 28%);
}
.pb-cards-model-26 .pb-cards-model-26__tile--tone-3 {
  --pb-cards-model-26-tone: var(--heading-color);
  --pb-cards-model-26-tone-end: color-mix(in srgb, var(--heading-color), var(--accent-color) 40%);
}
.pb-cards-model-26 .pb-cards-model-26__tile--tone-4 {
  --pb-cards-model-26-tone: var(--danger-color);
  --pb-cards-model-26-tone-end: color-mix(in srgb, var(--danger-color), var(--heading-color) 22%);
}
.pb-cards-model-26 .pb-cards-model-26__tile:hover {
  background: color-mix(in srgb, var(--pb-cards-model-26-tone), transparent 96%);
  border-color: color-mix(in srgb, var(--pb-cards-model-26-tone), transparent 84%);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--pb-cards-model-26-tone), transparent 88%);
}
.pb-cards-model-26 .pb-cards-model-26__tile:hover .pb-cards-model-26__title {
  color: var(--pb-cards-model-26-tone);
}
.pb-cards-model-26 .pb-cards-model-26__icon-wrap {
  width: 68px;
  height: 68px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  background: linear-gradient(135deg, var(--pb-cards-model-26-tone), var(--pb-cards-model-26-tone-end));
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pb-cards-model-26 .pb-cards-model-26__icon-wrap i {
  font-size: 30px;
  color: var(--contrast-color);
  line-height: 1;
}
.pb-cards-model-26 .pb-cards-model-26__title {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin-bottom: 10px;
  line-height: 1.3;
  letter-spacing: -0.2px;
  transition: color 0.35s ease;
}
.pb-cards-model-26 .pb-cards-model-26__count {
  font-size: 11px;
  font-weight: 600;
  font-family: var(--default-font);
  padding: 5px 14px;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--pb-cards-model-26-tone);
  background: color-mix(in srgb, var(--pb-cards-model-26-tone), transparent 90%);
  transition: background-color 0.35s ease, color 0.35s ease;
}
@media (max-width: 576px) {
  .pb-cards-model-26 .pb-cards-model-26__tile {
    padding: 28px 14px 22px;
    min-height: 150px;
  }
  .pb-cards-model-26 .pb-cards-model-26__icon-wrap {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    margin-bottom: 14px;
  }
  .pb-cards-model-26 .pb-cards-model-26__icon-wrap i {
    font-size: 24px;
  }
  .pb-cards-model-26 .pb-cards-model-26__title {
    font-size: 12px;
    margin-bottom: 8px;
  }
  .pb-cards-model-26 .pb-cards-model-26__count {
    font-size: 10px;
    padding: 4px 10px;
  }
}

/*--------------------------------------------------------------
# Module Data Grid Cards
--------------------------------------------------------------*/
.module-list-page .data-section.section {
  padding-bottom: 60px;
}

.module-list-pagination {
  padding: 0 0 40px;
}
.module-list-pagination__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
}
.module-list-pagination__info {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-list-pagination__nav {
  flex: 0 0 auto;
  max-width: 100%;
  overflow: hidden;
}
.module-list-pagination__pages {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.module-list-pagination__btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  height: 34px;
  padding: 0;
  border-radius: var(--button-border-radius, 6px);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 82%);
  background: var(--surface-color);
  color: var(--heading-color);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.module-list-pagination__btn i {
  font-size: 14px;
  line-height: 1;
}
.module-list-pagination__btn:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
.module-list-pagination__btn--active {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.module-list-pagination__btn--active:hover {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.module-list-pagination__btn--disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}
.module-list-pagination__btn--icon {
  color: color-mix(in srgb, var(--default-color), transparent 10%);
}
@media (max-width: 767px) {
  .module-list-pagination {
    padding-bottom: 24px;
  }
  .module-list-pagination__card {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px;
  }
  .module-list-pagination__info {
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
  }
  .module-list-pagination__nav {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .module-list-pagination__pages {
    justify-content: center;
    gap: 3px;
  }
  .module-list-pagination__btn {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    font-size: 12px;
  }
  .module-list-pagination__btn i {
    font-size: 12px;
  }
}

.data-section .module-grid-header {
  text-align: center;
  margin-bottom: 48px;
}
.data-section .module-grid-header__title {
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0 0 12px;
  letter-spacing: -0.02em;
}
.data-section .module-grid-header__desc {
  font-family: var(--default-font);
  font-size: 1.05rem;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  max-width: 640px;
  margin: 0 auto;
  line-height: 1.6;
}
.data-section .module-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}
.data-section .module-grid__empty {
  grid-column: 1/-1;
  text-align: center;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  padding: 2rem 0;
}
.data-section .module-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius, 16px);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.08), 0 1px 3px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
  height: 100%;
}
.data-section .module-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 82%);
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.14), 0 4px 8px -4px rgba(0, 0, 0, 0.1);
}
.data-section .module-card:hover .module-card__shimmer::before {
  animation: module-card-shimmer 0.75s ease forwards;
}
.data-section .module-card:hover .module-card__media {
  transform: scale(1.04);
}
.data-section .module-card:hover .module-card__image--video-live .module-card__media {
  transform: translate(-50%, -50%) scale(1.04);
}
.data-section .module-card:hover .module-card__btn {
  background-color: color-mix(in srgb, var(--accent-color), #000 10%);
}
.data-section .module-card__image {
  position: relative;
  width: 100%;
  aspect-ratio: 16/10;
  overflow: hidden;
  isolation: isolate;
  background-color: color-mix(in srgb, var(--default-color), transparent 94%);
}
.data-section .module-card__image--icon, .data-section .module-card__image--default {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.data-section .module-card__media {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.5s ease;
}
.data-section .module-card__media img,
.data-section .module-card__media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.data-section .module-card__media video {
  pointer-events: none;
  background: #000;
}
.data-section .module-card__image--video-live .module-card__media {
  top: 50%;
  left: 50%;
  width: 110%;
  height: 110%;
  transform: translate(-50%, -50%) scale(1);
}
.data-section .module-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-color);
  font-size: clamp(2rem, 4vw, 2.75rem);
  line-height: 1;
}
.data-section .module-card__badges {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  max-width: calc(100% - 24px);
  pointer-events: none;
}
.data-section .module-card__role-badge {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 72%);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.data-section .module-card__text-badge {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
  height: 32px;
  padding: 0 10px;
  border-radius: var(--button-border-radius, 8px);
  background: var(--surface-color);
  color: var(--heading-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  box-shadow: 0 3px 10px color-mix(in srgb, var(--heading-color), transparent 88%);
  font-family: var(--default-font);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-section .module-card__text-badge--tamamlandi {
  background: var(--bs-success, #198754);
  color: #fff;
  border-color: var(--bs-success, #198754);
}
.data-section .module-card__text-badge--devam_ediyor {
  background: var(--bs-warning, #ffc107);
  color: #000;
  border-color: var(--bs-warning, #ffc107);
}
.data-section .module-card__icon-box {
  display: inline-flex;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--button-border-radius, 8px);
  background: var(--surface-color);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  box-shadow: 0 3px 10px color-mix(in srgb, var(--heading-color), transparent 88%);
  font-size: 0.95rem;
  line-height: 1;
}
.data-section .module-card__shimmer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.data-section .module-card__shimmer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 100%;
  background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, 0.45) 50%, transparent 80%);
  transform: translateX(-130%) skewX(-18deg);
  opacity: 0;
}
.data-section .module-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 22px;
  gap: 10px;
}
.data-section .module-card__title {
  font-family: var(--heading-font);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-section .module-card__text {
  font-family: var(--default-font);
  font-size: 0.95rem;
  color: color-mix(in srgb, var(--default-color), transparent 10%);
  line-height: 1.55;
  margin: 0;
  flex: 1 1 auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.data-section .module-card__actions {
  display: flex;
  gap: 10px;
  margin-top: auto;
  padding-top: 8px;
}
.data-section .module-card__actions--with-icons.module-card__actions--button-full .module-card__btn {
  flex: 1 1 auto;
  width: auto;
}
.data-section .module-card__actions--button-full .module-card__btn {
  flex: 1 1 0;
  width: 100%;
}
.data-section .module-card__actions--button-auto .module-card__btn {
  flex: 0 1 auto;
  width: auto;
  min-width: 7.5rem;
}
.data-section .module-card__actions--button-compact .module-card__btn {
  flex: 0 1 auto;
  width: auto;
  padding: 7px 12px;
  font-size: 0.85rem;
}
.data-section .module-card__title-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.data-section .module-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
  padding: 10px 16px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--default-font);
  font-size: 0.92rem;
  font-weight: 600;
  border-radius: var(--button-border-radius, 8px);
  transition: background-color 0.25s ease;
  text-align: center;
  line-height: 1.2;
}
.data-section .module-card a.module-card__btn {
  text-decoration: none;
  color: var(--contrast-color);
}
.data-section .module-card a.module-card__btn:hover, .data-section .module-card a.module-card__btn:focus {
  color: var(--contrast-color);
}
.data-section .module-card__icon-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: var(--button-border-radius, 8px);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: var(--surface-color);
  color: var(--heading-color);
  text-decoration: none;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.data-section .module-card__icon-btn:hover, .data-section .module-card__icon-btn:focus {
  color: var(--heading-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 78%);
  background: color-mix(in srgb, var(--surface-color), var(--default-color) 4%);
}
.data-section .module-card__icon-btn--phone {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 72%);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.data-section .module-card__icon-btn--phone:hover, .data-section .module-card__icon-btn--phone:focus {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 86%);
}
.data-section .module-card__icon-btn--whatsapp {
  background: #25d366;
  border-color: #25d366;
  color: #fff;
}
.data-section .module-card__icon-btn--whatsapp:hover, .data-section .module-card__icon-btn--whatsapp:focus {
  background: color-mix(in srgb, #25d366, #000 8%);
  border-color: color-mix(in srgb, #25d366, #000 8%);
  color: #fff;
}
.data-section .module-card--no-animations .module-card__media {
  transition: none;
}
.data-section .module-card--no-animations:hover .module-card__media {
  transform: none;
}
.data-section .module-card--no-animations:hover .module-card__image--video-live .module-card__media {
  transform: translate(-50%, -50%);
}
.data-section .module-card--no-animations:hover .module-card__btn {
  background-color: var(--accent-color);
}
.data-section .module-grid-footer {
  text-align: center;
  margin-top: 40px;
}
.data-section .module-grid-footer__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: var(--button-border-radius, 8px);
  border: 1px solid var(--accent-color);
  background: var(--accent-color);
  color: var(--contrast-color);
  font-weight: 600;
  font-size: 14px;
  padding: 10px 22px;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.data-section .module-grid-footer__btn:hover, .data-section .module-grid-footer__btn:focus, .data-section .module-grid-footer__btn:active {
  background: color-mix(in srgb, var(--accent-color), #000 12%);
  border-color: color-mix(in srgb, var(--accent-color), #000 12%);
  color: var(--contrast-color);
}

@keyframes module-card-shimmer {
  0% {
    opacity: 0;
    transform: translateX(-130%) skewX(-18deg);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(240%) skewX(-18deg);
  }
}
@media (max-width: 1024px) {
  .data-section .module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
}
@media (max-width: 640px) {
  .data-section .module-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .data-section .module-grid-header {
    margin-bottom: 32px;
  }
  .data-section .module-grid-header__title {
    font-size: 1.6rem;
  }
  .data-section .module-card__body {
    padding: 18px;
  }
}
.module-carousel-section {
  overflow: visible;
}
.module-carousel-section > .site-container {
  overflow: visible;
}
@media (min-width: 768px) {
  .module-carousel-section:hover .module-carousel__nav, .module-carousel-section:focus-within .module-carousel__nav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.module-carousel-section .module-carousel {
  position: relative;
}
.module-carousel-section .module-carousel__swiper {
  overflow: hidden;
}
.module-carousel-section .module-carousel__swiper .swiper-slide {
  height: auto;
}
.module-carousel-section .module-carousel__swiper .module-card {
  height: 100%;
}
.module-carousel-section .module-carousel__nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--button-border-radius, 8px);
  background: var(--surface-color);
  color: var(--heading-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 90%);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
}
.module-carousel-section .module-carousel__nav i {
  font-size: 1.1rem;
  line-height: 1;
}
.module-carousel-section .module-carousel__nav:hover, .module-carousel-section .module-carousel__nav:focus-visible {
  color: var(--accent-color);
  border-color: var(--accent-color);
  background: var(--surface-color);
}
.module-carousel-section .module-carousel__nav:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: 2px;
}
.module-carousel-section .module-carousel__nav--prev {
  left: 0;
  transform: translate(calc(-100% - 12px), -50%);
}
.module-carousel-section .module-carousel__nav--next {
  right: 0;
  transform: translate(calc(100% + 12px), -50%);
}
@media (min-width: 768px) {
  .module-carousel-section .module-carousel__nav {
    display: inline-flex;
  }
}

.module-responsive-section {
  overflow: visible;
}
.module-responsive-section > .site-container {
  overflow: visible;
}
.module-responsive-section__pane--desktop {
  display: block;
}
@media (max-width: 767.98px) {
  .module-responsive-section__pane--desktop {
    display: none;
  }
}
.module-responsive-section__pane--mobile {
  display: none;
}
@media (max-width: 767.98px) {
  .module-responsive-section__pane--mobile {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .module-responsive-section--mobile-carousel .module-carousel__nav {
    display: none;
  }
}

.post-list.section,
.pb-section-wrap > .post-list.section {
  overflow: visible;
  padding-bottom: 24px;
}

.post-list .category-badge {
  display: inline-block;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 4px 16px;
  border-radius: var(--button-border-radius);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.post-list .post-meta {
  margin-bottom: 10px;
}
.post-list .post-meta span {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-right: 18px;
}
.post-list .post-meta span i {
  color: var(--accent-color);
  margin-right: 5px;
  font-size: 14px;
}
.post-list .readmore {
  font-weight: 500;
  font-size: 14px;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
}
.post-list .readmore i {
  margin-left: 6px;
  transition: 0.3s;
}
.post-list .featured-img__fallback,
.post-list .secondary-img__fallback,
.post-list .compact-img__fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: inherit;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}
.post-list .featured-img__fallback i,
.post-list .secondary-img__fallback i,
.post-list .compact-img__fallback i {
  font-size: 2.5rem;
}
.post-list .featured-post {
  position: relative;
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0 2px 12px color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
  height: 100%;
  min-height: 420px;
}
.post-list .featured-post .featured-img {
  position: absolute;
  inset: 0;
}
.post-list .featured-post .featured-img img,
.post-list .featured-post .featured-img .featured-img__fallback {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s;
}
.post-list .featured-post .featured-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 40px;
  background: linear-gradient(to top, color-mix(in srgb, var(--heading-color), transparent 15%) 0%, transparent 100%);
}
.post-list .featured-post .featured-content .post-title {
  color: var(--contrast-color);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 14px;
}
.post-list .featured-post .featured-content .post-meta {
  margin-bottom: 8px;
}
.post-list .featured-post .featured-content .post-meta span {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
}
.post-list .featured-post .featured-content .post-meta span i {
  color: color-mix(in srgb, var(--contrast-color), transparent 10%);
}
.post-list .featured-post .featured-content .readmore {
  color: var(--contrast-color);
  margin-top: 6px;
}
.post-list .featured-post .featured-content .readmore:hover {
  color: color-mix(in srgb, var(--contrast-color), transparent 10%);
}
.post-list .featured-post:hover {
  box-shadow: 0 8px 30px color-mix(in srgb, var(--default-color), transparent 85%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.post-list .featured-post:hover .featured-img img {
  transform: scale(1.05);
}
.post-list .featured-post:hover .readmore i {
  margin-left: 10px;
}
.post-list .secondary-post {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-left: 4px solid var(--accent-color);
  box-shadow: 0 2px 12px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.post-list .secondary-post .secondary-img {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.post-list .secondary-post .secondary-img img,
.post-list .secondary-post .secondary-img .secondary-img__fallback {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.5s;
}
.post-list .secondary-post .secondary-content {
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.post-list .secondary-post .secondary-content .post-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--heading-color);
  margin-bottom: 14px;
  transition: 0.3s;
}
.post-list .secondary-post .secondary-content .readmore {
  color: var(--accent-color);
  margin-top: auto;
}
.post-list .secondary-post:hover {
  box-shadow: 0 8px 30px color-mix(in srgb, var(--default-color), transparent 85%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.post-list .secondary-post:hover .secondary-img img {
  transform: scale(1.05);
}
.post-list .secondary-post:hover .secondary-content .post-title {
  color: var(--accent-color);
}
.post-list .secondary-post:hover .readmore i {
  margin-left: 10px;
}
.post-list .compact-post {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 93%);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.post-list .compact-post .compact-img {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.post-list .compact-post .compact-img img,
.post-list .compact-post .compact-img .compact-img__fallback {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: cover;
  transition: transform 0.5s;
}
.post-list .compact-post .compact-img .category-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  margin-bottom: 0;
  z-index: 1;
}
.post-list .compact-post .compact-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.post-list .compact-post .compact-content .post-meta {
  margin-bottom: 8px;
}
.post-list .compact-post .compact-content .post-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--heading-color);
  margin-bottom: 14px;
  transition: 0.3s;
}
.post-list .compact-post .compact-content .readmore {
  color: var(--accent-color);
  font-size: 13px;
  margin-top: auto;
}
.post-list .compact-post:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 85%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.post-list .compact-post:hover .compact-img img {
  transform: scale(1.08);
}
.post-list .compact-post:hover .compact-content .post-title {
  color: var(--accent-color);
}
.post-list .compact-post:hover .readmore i {
  margin-left: 10px;
}
.post-list .row.gy-4 {
  padding-bottom: 8px;
}
@media (max-width: 991.98px) {
  .post-list .featured-post {
    min-height: 350px;
  }
  .post-list .featured-post .featured-content {
    padding: 28px;
  }
  .post-list .featured-post .featured-content .post-title {
    font-size: 20px;
  }
  .post-list .secondary-post .secondary-img img,
  .post-list .secondary-post .secondary-img .secondary-img__fallback {
    height: 200px;
  }
}
@media (max-width: 767.98px) {
  .post-list .featured-post {
    min-height: 280px;
  }
  .post-list .featured-post .featured-content {
    padding: 20px;
  }
  .post-list .featured-post .featured-content .post-title {
    font-size: 18px;
  }
  .post-list .compact-post .compact-img img,
  .post-list .compact-post .compact-img .compact-img__fallback {
    height: 160px;
  }
}

.post-list-2.section,
.pb-section-wrap > .post-list-2.section {
  overflow: visible;
  padding-bottom: 24px;
}

.post-list-2 .featured-img__fallback,
.post-list-2 .side-img__fallback,
.post-list-2 .compact-img__fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: inherit;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}
.post-list-2 .featured-img__fallback i,
.post-list-2 .side-img__fallback i,
.post-list-2 .compact-img__fallback i {
  font-size: 2.5rem;
}
.post-list-2 .featured-post {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0 2px 12px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
  height: 100%;
}
.post-list-2 .featured-post > .row {
  height: 100%;
  min-height: 320px;
}
.post-list-2 .featured-post:hover {
  box-shadow: 0 8px 30px color-mix(in srgb, var(--default-color), transparent 85%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.post-list-2 .featured-post .featured-img {
  position: absolute;
  inset: 0;
  min-height: 320px;
  overflow: hidden;
}
.post-list-2 .featured-post .featured-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.post-list-2 .featured-post .featured-img:hover img {
  transform: scale(1.05);
}
.post-list-2 .featured-post .col-md-6:first-child {
  position: relative;
  min-height: 320px;
}
.post-list-2 .featured-post .featured-content {
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.post-list-2 .featured-post .featured-content .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 14px;
}
.post-list-2 .featured-post .featured-content .title a {
  color: var(--heading-color);
  transition: 0.3s;
}
.post-list-2 .featured-post .featured-content .title a:hover {
  color: var(--accent-color);
}
.post-list-2 .featured-post .featured-content .excerpt {
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.7;
  margin-bottom: 20px;
}
.post-list-2 .featured-post .featured-content .author-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
}
.post-list-2 .featured-post .featured-content .author-row .read-more-btn {
  margin-left: auto;
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: 0.3s;
  white-space: nowrap;
}
.post-list-2 .featured-post .featured-content .author-row .read-more-btn i {
  transition: transform 0.3s ease;
}
.post-list-2 .featured-post .featured-content .author-row .read-more-btn:hover {
  color: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
}
.post-list-2 .featured-post .featured-content .author-row .read-more-btn:hover i {
  transform: translateX(4px);
}
@media (max-width: 767.98px) {
  .post-list-2 .featured-post > .row {
    min-height: 0;
  }
  .post-list-2 .featured-post .col-md-6:first-child {
    min-height: 220px;
  }
  .post-list-2 .featured-post .featured-img {
    position: relative;
    inset: auto;
    min-height: 220px;
    height: 220px;
  }
  .post-list-2 .featured-post .featured-content {
    padding: 24px;
    height: auto;
  }
  .post-list-2 .featured-post .featured-content .author-row {
    flex-wrap: wrap;
  }
  .post-list-2 .featured-post .featured-content .author-row .read-more-btn {
    margin-left: 0;
    margin-top: 12px;
    width: 100%;
  }
}
.post-list-2 .side-post {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0 2px 12px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.post-list-2 .side-post:hover {
  box-shadow: 0 8px 30px color-mix(in srgb, var(--default-color), transparent 85%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.post-list-2 .side-post .side-img {
  position: relative;
  overflow: hidden;
  height: 220px;
  flex-shrink: 0;
}
.post-list-2 .side-post .side-img img,
.post-list-2 .side-post .side-img .side-img__fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.post-list-2 .side-post .side-img:hover img {
  transform: scale(1.05);
}
.post-list-2 .side-post .side-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.post-list-2 .side-post .side-content .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 16px;
}
.post-list-2 .side-post .side-content .title a {
  color: var(--heading-color);
  transition: 0.3s;
}
.post-list-2 .side-post .side-content .title a:hover {
  color: var(--accent-color);
}
.post-list-2 .side-post .side-content .author-row {
  margin-top: auto;
}
.post-list-2 .compact-post {
  background-color: var(--surface-color);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 93%);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.post-list-2 .compact-post:hover {
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 85%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  transform: translateY(-4px);
}
.post-list-2 .compact-post:hover .compact-img .overlay-link {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.post-list-2 .compact-post .compact-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3;
  flex-shrink: 0;
}
.post-list-2 .compact-post .compact-img img,
.post-list-2 .compact-post .compact-img .compact-img__fallback {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.post-list-2 .compact-post .compact-img:hover img {
  transform: scale(1.08);
}
.post-list-2 .compact-post .compact-img .overlay-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color), transparent 50%);
}
.post-list-2 .compact-post .compact-img .overlay-link:hover {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 15%);
  color: var(--contrast-color);
}
.post-list-2 .compact-post .compact-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.post-list-2 .compact-post .compact-content .tag {
  align-self: flex-start;
  margin-bottom: 10px;
}
.post-list-2 .compact-post .compact-content .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 14px;
}
.post-list-2 .compact-post .compact-content .title a {
  color: var(--heading-color);
  transition: 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.post-list-2 .compact-post .compact-content .title a:hover {
  color: var(--accent-color);
}
.post-list-2 .compact-post .compact-content .meta-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  flex-wrap: wrap;
}
.post-list-2 .compact-post .compact-content .meta-row .post-date {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.post-list-2 .compact-post .compact-content .meta-row .read-time {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
  margin-left: auto;
}
.post-list-2 .compact-post .compact-content .meta-row .read-time i {
  margin-right: 2px;
}
.post-list-2 .row.gy-4 {
  padding-bottom: 8px;
  margin-bottom: 0;
}
.post-list-2 .tag-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.post-list-2 .tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  padding: 4px 10px;
  border-radius: var(--button-border-radius);
}
.post-list-2 .read-time {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
  white-space: nowrap;
}
.post-list-2 .read-time i {
  margin-right: 3px;
  font-size: 12px;
}
.post-list-2 .author-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.post-list-2 .author-info {
  display: flex;
  flex-direction: column;
}
.post-list-2 .author-info .post-date {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}

/*--------------------------------------------------------------
# Promo Cards Section
--------------------------------------------------------------*/
.promo-cards .highlight-card {
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
}
.promo-cards .highlight-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}
.promo-cards .highlight-info {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.promo-cards .highlight-info .tag-label {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  width: fit-content;
  margin-bottom: 24px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.promo-cards .highlight-info h2 {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin-bottom: 16px;
}
.promo-cards .highlight-info p {
  font-size: 15px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 24px;
}
.promo-cards .highlight-info .feature-list {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
}
.promo-cards .highlight-info .feature-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--default-color);
  padding: 6px 0;
}
.promo-cards .highlight-info .feature-list li i {
  color: var(--accent-color);
  font-size: 16px;
}
.promo-cards .highlight-info .btn-primary-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  width: fit-content;
  transition: background 0.2s ease;
}
.promo-cards .highlight-info .btn-primary-action i {
  transition: transform 0.2s ease;
}
.promo-cards .highlight-info .btn-primary-action:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.promo-cards .highlight-info .btn-primary-action:hover i {
  transform: translateX(4px);
}
.promo-cards .highlight-info .btn-primary-action:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
@media (max-width: 992px) {
  .promo-cards .highlight-info {
    padding: 32px 24px;
  }
  .promo-cards .highlight-info h2 {
    font-size: 1.6rem;
  }
}
.promo-cards .category-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: all 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.promo-cards .category-card .card-img-wrapper {
  overflow: hidden;
  height: 220px;
}
.promo-cards .category-card .card-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.promo-cards .category-card .card-body {
  padding: 20px 20px 8px;
  flex: 1;
}
.promo-cards .category-card .card-body h4 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 4px;
}
.promo-cards .category-card .card-body .count-label {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.promo-cards .category-card .card-action {
  padding: 0 20px 20px;
  margin-top: auto;
}
.promo-cards .category-card .card-action a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--accent-color);
  transition: gap 0.2s ease;
}
.promo-cards .category-card .card-action a i {
  font-size: 12px;
}
.promo-cards .category-card .card-action a:hover {
  gap: 10px;
  color: color-mix(in srgb, var(--accent-color), transparent 15%);
}
.promo-cards .category-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.promo-cards .category-card:hover .card-img-wrapper img {
  transform: scale(1.04);
}
@media (max-width: 992px) {
  .promo-cards .category-card .card-img-wrapper {
    height: 200px;
  }
}
@media (max-width: 768px) {
  .promo-cards .category-card .card-img-wrapper {
    height: 180px;
  }
}

/*--------------------------------------------------------------
# Best Sellers Section
--------------------------------------------------------------*/
.best-sellers .product-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease;
}
.best-sellers .product-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.best-sellers .product-card:hover .product-media img {
  transform: scale(1.03);
}
.best-sellers .product-card:hover .action-overlay {
  opacity: 1;
}
.best-sellers .product-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1;
  background-color: color-mix(in srgb, var(--default-color), transparent 96%);
}
.best-sellers .product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.best-sellers .badge-label {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.best-sellers .badge-label.discount {
  background: color-mix(in srgb, #dc2626, transparent 90%);
  color: #dc2626;
  border-color: color-mix(in srgb, #dc2626, transparent 70%);
}
.best-sellers .badge-label.trending {
  background: color-mix(in srgb, #f59e0b, transparent 90%);
  color: #92400e;
  border-color: color-mix(in srgb, #f59e0b, transparent 70%);
}
.best-sellers .action-overlay {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
@media (max-width: 768px) {
  .best-sellers .action-overlay {
    opacity: 1;
  }
}
.best-sellers .action-btn {
  width: 36px;
  height: 36px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  background: var(--surface-color);
  color: var(--default-color);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
}
.best-sellers .action-btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.best-sellers .action-btn.active {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.best-sellers .product-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.best-sellers .product-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.best-sellers .category-tag {
  font-size: 12px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.best-sellers .rating-group {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: var(--default-color);
}
.best-sellers .rating-group i {
  color: #f59e0b;
  font-size: 12px;
}
.best-sellers .rating-group span {
  font-weight: 500;
  font-size: 13px;
}
.best-sellers .rating-group .count {
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 12px;
}
.best-sellers .product-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 12px;
  letter-spacing: -0.01em;
}
.best-sellers .product-title a {
  color: var(--heading-color);
  transition: color 0.2s ease;
}
.best-sellers .product-title a:hover {
  color: var(--accent-color);
}
.best-sellers .color-options {
  display: flex;
  gap: 6px;
  margin-bottom: 16px;
}
.best-sellers .color-swatch {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  outline: 2px solid transparent;
  outline-offset: 1px;
}
.best-sellers .color-swatch:hover {
  outline-color: color-mix(in srgb, var(--default-color), transparent 70%);
}
.best-sellers .color-swatch.active {
  outline-color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.best-sellers .product-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.best-sellers .product-price {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading-color);
}
.best-sellers .product-price .original {
  font-size: 13px;
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  text-decoration: line-through;
  margin-right: 6px;
}
.best-sellers .product-price .current {
  color: var(--accent-color);
}
.best-sellers .cart-btn {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 16px;
  transition: background 0.2s ease;
}
.best-sellers .cart-btn:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.best-sellers .cart-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
@media (max-width: 576px) {
  .best-sellers .product-body {
    padding: 12px;
  }
  .best-sellers .product-title {
    font-size: 14px;
  }
  .best-sellers .product-price {
    font-size: 16px;
  }
}

/*--------------------------------------------------------------
# Cards Section
--------------------------------------------------------------*/
.cards .tab-nav-wrapper {
  margin-bottom: 32px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.cards .filter-tabs {
  border-bottom: none;
  gap: 0;
}
.cards .filter-tabs .nav-item .nav-link {
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
}
.cards .filter-tabs .nav-item .nav-link i {
  font-size: 16px;
}
.cards .filter-tabs .nav-item .nav-link:hover {
  color: var(--default-color);
  background: color-mix(in srgb, var(--default-color), transparent 96%);
}
.cards .filter-tabs .nav-item .nav-link.active {
  color: var(--accent-color);
  border-bottom-color: var(--accent-color);
  background: none;
}
@media (max-width: 576px) {
  .cards .filter-tabs .nav-item .nav-link {
    padding: 10px 14px;
    font-size: 13px;
  }
  .cards .filter-tabs .nav-item .nav-link i {
    font-size: 14px;
  }
}
.cards .tab-content .tab-pane {
  padding-top: 8px;
}
.cards .product-card {
  background-color: var(--surface-color);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  transition: all 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cards .product-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 92%);
}
.cards .product-card:hover .product-thumb img {
  transform: scale(1.04);
}
.cards .product-card:hover .product-thumb .overlay-actions {
  opacity: 1;
  transform: translateY(0);
}
.cards .product-card .product-thumb {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1;
  background: color-mix(in srgb, var(--default-color), transparent 96%);
}
.cards .product-card .product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.cards .product-card .product-thumb .status-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
  letter-spacing: 0.02em;
  z-index: 2;
}
.cards .product-card .product-thumb .new-badge {
  background-color: color-mix(in srgb, var(--accent-color), transparent 10%);
  color: var(--contrast-color);
  background-color: var(--accent-color);
}
.cards .product-card .product-thumb .sale-badge {
  background-color: #ef4444;
  color: #fff;
}
.cards .product-card .product-thumb .hot-badge {
  background-color: #f59e0b;
  color: #fff;
}
.cards .product-card .product-thumb .exclusive-badge {
  background-color: #10b981;
  color: #fff;
}
.cards .product-card .product-thumb .overlay-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background: linear-gradient(to top, color-mix(in srgb, var(--default-color), transparent 30%), transparent);
  opacity: 0;
  transform: translateY(8px);
  transition: all 0.2s ease;
}
.cards .product-card .product-thumb .overlay-actions .action-btn {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--default-color);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.cards .product-card .product-thumb .overlay-actions .action-btn:hover {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.cards .product-card .product-thumb .overlay-actions .action-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.cards .product-card .product-info {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cards .product-card .product-info .product-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cards .product-card .product-info .product-meta .rating {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
}
.cards .product-card .product-info .product-meta .rating i {
  color: #f59e0b;
  font-size: 12px;
}
.cards .product-card .product-info .product-meta .rating .rating-value {
  font-weight: 600;
  color: var(--default-color);
}
.cards .product-card .product-info .product-meta .rating .rating-count {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 12px;
}
.cards .product-card .product-info .product-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
  line-height: 1.4;
  letter-spacing: -0.01em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}
.cards .product-card .product-info .product-title:hover {
  color: var(--accent-color);
  cursor: pointer;
}
.cards .product-card .product-info .product-price {
  margin-top: auto;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.cards .product-card .product-info .product-price .current-price {
  font-size: 16px;
  font-weight: 700;
  color: var(--default-color);
  font-family: var(--heading-font);
  letter-spacing: -0.01em;
}
.cards .product-card .product-info .product-price .original-price {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  text-decoration: line-through;
}
@media (max-width: 768px) {
  .cards .product-card .product-thumb .overlay-actions {
    opacity: 1;
    transform: translateY(0);
  }
  .cards .product-card .product-info {
    padding: 12px;
  }
  .cards .product-card .product-info .product-title {
    font-size: 13px;
  }
}

/*--------------------------------------------------------------
# Call To Action Section
--------------------------------------------------------------*/
.call-to-action .promo-banner {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 32px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
}
@media (max-width: 992px) {
  .call-to-action .promo-banner {
    padding: 24px;
  }
}
.call-to-action .banner-content .sale-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 16px;
}
.call-to-action .banner-content .sale-badge i {
  font-size: 12px;
  color: #f59e0b;
}
.call-to-action .banner-content h2 {
  font-size: 24px;
  font-weight: 700;
  color: var(--heading-color);
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin-bottom: 8px;
  font-family: var(--heading-font);
}
@media (max-width: 576px) {
  .call-to-action .banner-content h2 {
    font-size: 20px;
  }
}
.call-to-action .banner-content p {
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
}
.call-to-action .timer-block .timer-heading {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 12px;
}
.call-to-action .timer-block .timer-heading i {
  font-size: 14px;
}
.call-to-action .timer-block .countdown {
  gap: 8px;
}
.call-to-action .timer-block .countdown > div {
  background: color-mix(in srgb, var(--default-color), transparent 95%);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 6px;
  padding: 10px 12px;
  min-width: 60px;
  text-align: center;
}
@media (max-width: 576px) {
  .call-to-action .timer-block .countdown > div {
    min-width: 52px;
    padding: 8px;
  }
}
.call-to-action .timer-block .countdown > div h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 2px;
  font-family: var(--heading-font);
  line-height: 1.2;
}
.call-to-action .timer-block .countdown > div h4 {
  font-size: 10px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}
.call-to-action .banner-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .call-to-action .banner-actions {
    flex-direction: row;
    margin-top: 8px;
  }
}
@media (max-width: 576px) {
  .call-to-action .banner-actions {
    flex-direction: column;
    width: 100%;
  }
}
.call-to-action .banner-actions .btn-primary-deal {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 24px;
  background: var(--accent-color);
  color: var(--contrast-color);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.call-to-action .banner-actions .btn-primary-deal:hover {
  background: color-mix(in srgb, var(--accent-color), black 10%);
  color: var(--contrast-color);
}
.call-to-action .banner-actions .btn-primary-deal:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
@media (max-width: 576px) {
  .call-to-action .banner-actions .btn-primary-deal {
    width: 100%;
    justify-content: center;
  }
}
.call-to-action .banner-actions .btn-secondary-deal {
  display: inline-flex;
  align-items: center;
  padding: 10px 24px;
  background: transparent;
  color: var(--default-color);
  text-decoration: none;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.call-to-action .banner-actions .btn-secondary-deal:hover {
  background: var(--surface-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 50%);
  color: var(--default-color);
}
@media (max-width: 576px) {
  .call-to-action .banner-actions .btn-secondary-deal {
    width: 100%;
    justify-content: center;
  }
}
.call-to-action .product-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
  transition: all 0.2s ease;
}
.call-to-action .product-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.call-to-action .product-card:hover .product-image img {
  transform: scale(1.03);
}
.call-to-action .product-card .product-image {
  position: relative;
  overflow: hidden;
}
.call-to-action .product-card .product-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.3s ease;
}
@media (max-width: 768px) {
  .call-to-action .product-card .product-image img {
    height: 180px;
  }
}
.call-to-action .product-card .product-image .discount-label {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 6px;
  background: var(--accent-color);
  color: var(--contrast-color);
}
.call-to-action .product-card .product-body {
  padding: 16px;
  flex-grow: 1;
}
.call-to-action .product-card .product-body .star-rating {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 8px;
}
.call-to-action .product-card .product-body .star-rating i {
  color: #f59e0b;
  font-size: 12px;
}
.call-to-action .product-card .product-body .star-rating .review-count {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-left: 4px;
}
.call-to-action .product-card .product-body .product-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 8px;
  line-height: 1.4;
}
.call-to-action .product-card .product-body .price-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.call-to-action .product-card .product-body .price-row .original-price {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  text-decoration: line-through;
}
.call-to-action .product-card .product-body .price-row .sale-price {
  font-size: 18px;
  font-weight: 700;
  color: var(--accent-color);
}
.call-to-action .product-card .product-footer {
  padding: 0 16px 16px;
  margin-top: auto;
}
.call-to-action .product-card .product-footer .cart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 8px 16px;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
  text-decoration: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.call-to-action .product-card .product-footer .cart-btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.call-to-action .product-card .product-footer .cart-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}

/*--------------------------------------------------------------
# Product Details Section
--------------------------------------------------------------*/
.product-details .image-showcase .main-image-container {
  position: relative;
  background: color-mix(in srgb, var(--default-color), transparent 97%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-details .image-showcase .main-image-container img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  cursor: default;
}
.product-details .image-showcase .main-image-container .discount-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--success-color);
  color: var(--contrast-color);
  padding: 4px 10px;
  border-radius: var(--button-border-radius);
  font-size: 12px;
  font-weight: 600;
  z-index: 2;
  letter-spacing: 0.3px;
  border: 1px solid var(--success-color);
}
.product-details .image-showcase .main-image-container .image-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  color: var(--default-color);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.2s ease;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 1px 3px color-mix(in srgb, #000, transparent 92%);
}
.product-details .image-showcase .main-image-container .image-nav-btn.prev-image {
  left: 12px;
}
.product-details .image-showcase .main-image-container .image-nav-btn.next-image {
  right: 12px;
}
.product-details .image-showcase .main-image-container .image-nav-btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.product-details .image-showcase .main-image-container .image-nav-btn i {
  font-size: 14px;
}
.product-details .image-showcase .thumb-strip {
  --thumb-gap: 8px;
  --thumb-visible: 5;
  display: flex;
  gap: var(--thumb-gap);
  margin-top: 12px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (max-width: 767px) {
  .product-details .image-showcase .thumb-strip {
    --thumb-visible: 2.5;
  }
}
.product-details .image-showcase .thumb-strip::-webkit-scrollbar {
  display: none;
}
.product-details .image-showcase .thumb-strip .thumb-cell {
  flex: 0 0 calc((100% - (var(--thumb-visible) - 1) * var(--thumb-gap)) / var(--thumb-visible));
  height: 100px;
  border-radius: var(--button-border-radius);
  overflow: hidden;
  cursor: pointer;
  border: 2px solid color-mix(in srgb, var(--default-color), transparent 88%);
  transition: all 0.2s ease;
  background: color-mix(in srgb, var(--default-color), transparent 97%);
}
.product-details .image-showcase .thumb-strip .thumb-cell:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
}
.product-details .image-showcase .thumb-strip .thumb-cell.active {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.product-details .image-showcase .thumb-strip .thumb-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-details .product-detail-card {
  padding: 24px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius);
  box-shadow: 0 1px 3px color-mix(in srgb, #000, transparent 95%);
}
@media (max-width: 992px) {
  .product-details .product-detail-card {
    padding: 20px;
  }
}
.product-details .product-detail-card .detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.product-details .product-detail-card .detail-header .type-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  font-family: var(--nav-font);
  font-size: 12px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  background: var(--accent-color);
  color: var(--contrast-color);
  border: 1px solid var(--accent-color);
}
.product-details .product-detail-card .detail-header .stock-indicator {
  font-family: var(--nav-font);
  font-size: 12px;
  font-weight: 600;
  color: var(--success-color);
}
.product-details .product-detail-card .detail-header .stock-indicator i {
  font-size: 6px;
  vertical-align: middle;
  margin-right: 4px;
}
.product-details .product-detail-card .detail-header .stock-indicator--out {
  color: var(--danger-color);
}
.product-details .product-detail-card .product-heading {
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--heading-color);
  margin-bottom: 12px;
  letter-spacing: -0.01em;
}
@media (min-width: 1200px) {
  .product-details .product-detail-card .product-heading {
    font-size: 1.625rem;
  }
}
.product-details .product-detail-card .review-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  font-size: 13px;
}
.product-details .product-detail-card .review-summary .stars-inline {
  display: flex;
  gap: 1px;
}
.product-details .product-detail-card .review-summary .stars-inline i {
  color: #f59e0b;
  font-size: 13px;
}
.product-details .product-detail-card .review-summary .score-text {
  font-weight: 600;
  color: var(--heading-color);
}
.product-details .product-detail-card .review-summary .divider-dot {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.product-details .product-detail-card .review-summary .reviews-anchor {
  color: var(--accent-color);
  font-size: 13px;
}
.product-details .product-detail-card .review-summary .reviews-anchor:hover {
  text-decoration: underline;
}
.product-details .product-detail-card .review-summary .units-left {
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.product-details .product-detail-card .pricing-area {
  display: flex;
  margin-bottom: 16px;
  padding: 16px;
  background: color-mix(in srgb, var(--default-color), transparent 97%);
  border-radius: var(--card-border-radius);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.product-details .product-detail-card .pricing-area .price-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.product-details .product-detail-card .pricing-area .price-was {
  font-family: var(--nav-font);
  font-size: 0.95rem;
  line-height: 1.2;
  text-decoration: line-through;
  color: var(--danger-color);
}
.product-details .product-detail-card .pricing-area .price-now {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--heading-color);
  letter-spacing: -0.01em;
}
.product-details .product-detail-card .summary-text {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.7;
  margin-bottom: 16px;
}
.product-details .product-detail-card .separator {
  height: 1px;
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  margin-bottom: 16px;
}
.product-details .product-detail-card .variant-picker {
  margin-bottom: 20px;
}
.product-details .product-detail-card .variant-picker .picker-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 8px;
}
.product-details .product-detail-card .variant-picker .picker-label .chosen-variant {
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.product-details .product-detail-card .variant-picker .color-dots {
  display: flex;
  gap: 8px;
}
.product-details .product-detail-card .variant-picker .color-dots .dot {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  border: 2px solid transparent;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.product-details .product-detail-card .variant-picker .color-dots .dot i {
  color: var(--contrast-color);
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.2s ease;
  text-shadow: 0 1px 2px color-mix(in srgb, #000, transparent 50%);
}
.product-details .product-detail-card .variant-picker .color-dots .dot:hover {
  transform: scale(1.1);
}
.product-details .product-detail-card .variant-picker .color-dots .dot.active {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-color), transparent 75%);
}
.product-details .product-detail-card .variant-picker .color-dots .dot.active i {
  opacity: 1;
}
.product-details .product-detail-card .action-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
@media (max-width: 576px) {
  .product-details .product-detail-card .action-row {
    flex-wrap: wrap;
  }
}
.product-details .product-detail-card .action-row .quantity-selector {
  display: flex;
  align-items: stretch;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  border-radius: var(--button-border-radius);
  overflow: hidden;
  background: var(--surface-color);
}
.product-details .product-detail-card .action-row .quantity-selector .quantity-btn {
  width: 44px;
  min-height: 44px;
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  border: none;
  color: var(--accent-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, color 0.2s ease;
  font-size: 18px;
  font-weight: 700;
}
.product-details .product-detail-card .action-row .quantity-selector .quantity-btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.product-details .product-detail-card .action-row .quantity-selector .quantity-input {
  width: 52px;
  min-height: 44px;
  text-align: center;
  border: none;
  border-left: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  background: none;
  font-weight: 600;
  font-size: 15px;
  color: var(--heading-color);
}
.product-details .product-detail-card .action-row .quantity-selector .quantity-input:focus {
  outline: none;
}
.product-details .product-detail-card .action-row .primary-action-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  min-height: 44px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  border-radius: var(--button-border-radius);
  font-family: var(--nav-font);
  font-weight: 600;
  font-size: 14px;
  transition: background 0.2s ease;
}
.product-details .product-detail-card .action-row .primary-action-btn:hover {
  background: color-mix(in srgb, var(--accent-color), #000 15%);
}
.product-details .product-detail-card .action-row .primary-action-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.product-details .product-detail-card .action-row .primary-action-btn:disabled, .product-details .product-detail-card .action-row .primary-action-btn.is-loading {
  opacity: 0.7;
  cursor: not-allowed;
}
.product-details .product-detail-card .action-row .wishlist-toggle {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  border-radius: 6px;
  background: var(--surface-color);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  padding: 0;
  transition: all 0.2s ease;
}
.product-details .product-detail-card .action-row .wishlist-toggle:hover {
  border-color: #dc2626;
  color: #dc2626;
  background: color-mix(in srgb, #dc2626, transparent 95%);
}
.product-details .product-detail-card .action-row .wishlist-toggle i {
  font-size: 16px;
}
.product-details .product-detail-card .checkout-now-btn {
  width: 100%;
  padding: 10px;
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  color: var(--default-color);
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
  margin-bottom: 20px;
}
.product-details .product-detail-card .checkout-now-btn:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
}
.product-details .product-detail-card .guarantee-bar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 8px;
  overflow: hidden;
}
.product-details .product-detail-card .guarantee-bar .guarantee-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.product-details .product-detail-card .guarantee-bar .guarantee-item:nth-child(2n) {
  border-right: none;
}
.product-details .product-detail-card .guarantee-bar .guarantee-item:nth-child(n+3) {
  border-bottom: none;
}
.product-details .product-detail-card .guarantee-bar .guarantee-item i {
  color: var(--accent-color);
  font-size: 16px;
  flex-shrink: 0;
}
.product-details .product-description-card {
  padding: 28px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius);
  box-shadow: 0 1px 3px color-mix(in srgb, #000, transparent 95%);
}
@media (max-width: 768px) {
  .product-details .product-description-card {
    padding: 20px;
  }
}
.product-details .product-description-card__title {
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
}
.product-details .product-description-card .desc-content {
  font-size: 15px;
  line-height: 1.75;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
}
.product-details .product-description-card .desc-content h2,
.product-details .product-description-card .desc-content h3,
.product-details .product-description-card .desc-content h4 {
  color: var(--heading-color);
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.product-details .product-description-card .desc-content p {
  margin-bottom: 1rem;
}
.product-details .product-description-card .desc-content ul,
.product-details .product-description-card .desc-content ol {
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}
.product-details .drift-zoom-pane {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  border-radius: 8px;
  box-shadow: 0 4px 12px color-mix(in srgb, #000, transparent 88%);
}
.product-details .drift-zoom-pane.drift-opening {
  animation: fadeZoomIn 180ms ease-out;
}
.product-details .drift-zoom-pane.drift-closing {
  animation: fadeZoomOut 180ms ease-in;
}
@keyframes fadeZoomIn {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fadeZoomOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.95);
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# Service Detail Page
--------------------------------------------------------------*/
section.detail-page-title {
  padding: var(--page-first-spacing-top) 0 0;
  overflow: visible;
}

.detail-page-title--embedded {
  margin-bottom: 24px;
  overflow: visible;
}

.detail-page-title__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
}
.detail-page-title__left {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 58%;
}
.detail-page-title__heading {
  font-family: var(--heading-font);
  font-size: clamp(1.15rem, 1.6vw, 1.45rem);
  font-weight: 700;
  color: var(--heading-color);
  margin: 0;
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.detail-page-title__desc {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 28%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-page-title__breadcrumb, .detail-page-title__action {
  flex: 0 0 auto;
  min-width: 0;
  max-width: 42%;
}
.detail-page-title__action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.detail-page-title__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: var(--button-border-radius, 6px);
  border: 1px solid var(--accent-color);
  background: var(--accent-color);
  color: var(--contrast-color);
  font-weight: 600;
  font-size: 14px;
  padding: 10px 18px;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.detail-page-title__btn:hover, .detail-page-title__btn:focus, .detail-page-title__btn:active {
  background: color-mix(in srgb, var(--accent-color), #000 12%);
  border-color: color-mix(in srgb, var(--accent-color), #000 12%);
  color: var(--contrast-color);
}
.detail-page-title__trail {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  font-size: 13px;
  line-height: 1;
}
.detail-page-title__crumb {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}
.detail-page-title__crumb > a:not(.detail-page-title__home),
.detail-page-title__crumb > span {
  display: block;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
}
.detail-page-title__crumb > a:not(.detail-page-title__home):hover {
  color: var(--accent-color);
}
.detail-page-title__crumb + .detail-page-title__crumb::before {
  content: "/";
  display: inline-block;
  margin: 0 8px;
  color: color-mix(in srgb, var(--default-color), transparent 55%);
  flex: 0 0 auto;
}
.detail-page-title__crumb--home {
  flex: 0 0 auto;
  align-self: center;
  line-height: 0;
}
.detail-page-title__crumb--home::before {
  display: none;
}
.detail-page-title__crumb--current {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 180px;
  color: var(--heading-color);
  font-weight: 600;
  overflow: hidden;
}
.detail-page-title__crumb--current span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-page-title__home {
  box-sizing: border-box;
  display: grid !important;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  padding: 0 !important;
  margin: 0;
  line-height: 0;
  text-align: center;
  border-radius: var(--button-border-radius, 6px);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  color: var(--heading-color) !important;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.detail-page-title__home i {
  display: block;
  margin: 0;
  font-size: 15px;
  line-height: 1;
  width: 15px;
  height: 15px;
}
.detail-page-title__home:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  color: var(--accent-color) !important;
}
@media (max-width: 767px) {
  .detail-page-title__card {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 12px 14px;
  }
  .detail-page-title__left, .detail-page-title__breadcrumb, .detail-page-title__action {
    max-width: 100%;
    width: 100%;
    min-width: 0;
  }
  .detail-page-title__action {
    justify-content: flex-start;
  }
  .detail-page-title__btn {
    width: 100%;
    text-align: center;
    padding: 8px 14px;
    font-size: 13px;
  }
  .detail-page-title__heading {
    font-size: 1.05rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: normal;
    overflow: hidden;
  }
  .detail-page-title__desc {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }
  .detail-page-title__trail {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    font-size: 12px;
  }
  .detail-page-title__crumb {
    flex: 0 0 auto;
  }
  .detail-page-title__crumb + .detail-page-title__crumb::before {
    margin: 0 6px;
  }
  .detail-page-title__crumb--current {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
  }
  .detail-page-title__home {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    max-width: 28px;
    max-height: 28px;
  }
  .detail-page-title__home i {
    font-size: 14px;
    width: 14px;
    height: 14px;
  }
}

.module-detail {
  padding-top: 24px;
  padding-bottom: 24px;
}
.module-detail .detail-sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.detail-media {
  margin: 0 0 24px;
  padding: 0;
  line-height: 0;
}
.detail-media__card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
}
.detail-media__card--video {
  position: relative;
  height: 0;
  padding-top: min(56.25%, 640px);
  min-height: 200px;
}
.detail-media__img {
  width: 100%;
  height: auto;
  min-height: 200px;
  max-height: 640px;
  display: block;
  object-fit: cover;
  object-position: center;
  border: 0;
  border-radius: 0;
}
.detail-media__video-el {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  border: 0;
  border-radius: 0;
  background: #000;
}
.detail-media__embed {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.detail-media__embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.detail-media__card--video .detail-media__video-el {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.detail-media--side {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  width: 100%;
  align-items: stretch;
}
@media (max-width: 767px) {
  .detail-media--side {
    grid-template-columns: 1fr;
  }
}
.detail-media--side .detail-media__card {
  position: relative;
  height: 0;
  padding-top: min(56.25%, 400px);
  min-height: 160px;
}
.detail-media--side .detail-media__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  object-fit: cover;
}
.detail-media--stacked {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.detail-media--stacked .detail-media__card {
  width: 100%;
}
.detail-media--gallery {
  line-height: normal;
}
.detail-media__card--gallery {
  position: relative;
}
.detail-media .detail-gallery-swiper {
  width: 100%;
}
.detail-media .detail-gallery-swiper .swiper-slide {
  line-height: 0;
}
.detail-media .detail-gallery-swiper .detail-media__img {
  width: 100%;
  height: auto;
  min-height: 200px;
  max-height: 640px;
  aspect-ratio: 16/10;
  object-fit: cover;
}
.detail-media .detail-gallery-swiper .swiper-button-prev,
.detail-media .detail-gallery-swiper .swiper-button-next {
  width: 40px;
  height: 40px;
  margin-top: 0;
  transform: translateY(-50%);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--button-border-radius, 8px);
  color: var(--heading-color);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--heading-color), transparent 90%);
}
.detail-media .detail-gallery-swiper .swiper-button-prev::after,
.detail-media .detail-gallery-swiper .swiper-button-next::after {
  font-size: 14px;
  font-weight: 700;
}
.detail-media .detail-gallery-swiper .swiper-button-prev:hover,
.detail-media .detail-gallery-swiper .swiper-button-next:hover {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 55%);
}
.detail-media .detail-gallery-swiper .swiper-pagination-bullet {
  background: var(--surface-color);
  opacity: 0.85;
}
.detail-media .detail-gallery-swiper .swiper-pagination-bullet-active {
  background: var(--accent-color);
  opacity: 1;
}

.detail-video-gallery {
  margin-top: 24px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
}
.detail-video-gallery__header {
  padding: 20px 24px 0;
}
.detail-video-gallery__title {
  margin: 0;
  padding: 0 0 14px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 82%);
  font-family: var(--heading-font);
  font-size: clamp(1.15rem, 1.8vw, 1.35rem);
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.3;
}
.detail-video-gallery__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  padding: 20px 24px 24px;
}
@media (max-width: 767px) {
  .detail-video-gallery__grid {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px 18px 20px;
  }
}
.detail-video-gallery__item {
  min-width: 0;
}
.detail-video-gallery__frame {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
  border-radius: var(--button-border-radius, 8px);
  background: #000;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.detail-video-gallery__frame iframe,
.detail-video-gallery__frame video,
.detail-video-gallery__frame .detail-video-gallery__poster,
.detail-video-gallery__frame .detail-video-gallery__thumb,
.detail-video-gallery__frame .detail-video-gallery__thumb-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  object-fit: cover;
  background: #000;
}
.detail-video-gallery__poster {
  padding: 0;
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background: #000;
}
.detail-video-gallery__poster:hover .detail-video-gallery__play, .detail-video-gallery__poster:focus-visible .detail-video-gallery__play {
  transform: translate(-50%, -50%) scale(1.06);
  background: var(--accent-color);
}
.detail-video-gallery__poster:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: 2px;
}
.detail-video-gallery__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 8%);
  color: var(--contrast-color);
  box-shadow: 0 4px 14px color-mix(in srgb, #000, transparent 55%);
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.detail-video-gallery__play i {
  font-size: 1.5rem;
  margin-left: 2px;
  line-height: 1;
}

.detail-main-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
}
.detail-main-card__header {
  padding: 24px 24px 0;
}
.detail-main-card__title {
  margin: 0;
  padding: 0 0 14px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 82%);
  font-family: var(--heading-font);
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.3;
}
.detail-main-card__body {
  padding: 20px 24px 24px;
  color: var(--default-color);
  line-height: 1.7;
}
.detail-main-card__body--flush-top {
  padding-top: 24px;
}
.detail-main-card__body > *:first-child {
  margin-top: 0;
}
.detail-main-card__body > *:last-child {
  margin-bottom: 0;
}
.detail-main-card__body p {
  margin: 0 0 0.85em;
}
.detail-main-card__body p:last-child {
  margin-bottom: 0;
}
.detail-main-card__body p:empty, .detail-main-card__body p:has(> br:only-child) {
  display: none;
}
.detail-main-card__footer {
  padding: 16px 24px 20px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 82%);
}

.detail-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.detail-share__label {
  font-size: 14px;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.detail-share__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.detail-share__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: var(--button-border-radius, 6px);
  border: 1px solid transparent;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
  cursor: pointer;
  color: #fff !important;
}
.detail-share__btn i {
  color: #fff !important;
}
.detail-share__btn:hover, .detail-share__btn:focus, .detail-share__btn:active, .detail-share__btn:focus-visible {
  color: #fff !important;
  opacity: 0.92;
}
.detail-share__btn:hover i, .detail-share__btn:focus i, .detail-share__btn:active i, .detail-share__btn:focus-visible i {
  color: #fff !important;
}
.detail-share__btn--facebook {
  background: #1877f2;
  border-color: #1877f2;
}
.detail-share__btn--facebook:hover, .detail-share__btn--facebook:focus, .detail-share__btn--facebook:active {
  background: #1877f2;
  border-color: #1877f2;
}
.detail-share__btn--x {
  background: #0f1419;
  border-color: #0f1419;
}
.detail-share__btn--x:hover, .detail-share__btn--x:focus, .detail-share__btn--x:active {
  background: #0f1419;
  border-color: #0f1419;
}
.detail-share__btn--linkedin {
  background: #0a66c2;
  border-color: #0a66c2;
}
.detail-share__btn--linkedin:hover, .detail-share__btn--linkedin:focus, .detail-share__btn--linkedin:active {
  background: #0a66c2;
  border-color: #0a66c2;
}
.detail-share__btn--instagram {
  background: #e4405f;
  border-color: #e4405f;
}
.detail-share__btn--instagram:hover, .detail-share__btn--instagram:focus, .detail-share__btn--instagram:active {
  background: #e4405f;
  border-color: #e4405f;
}
.detail-share__btn--whatsapp {
  background: #25d366;
  border-color: #25d366;
}
.detail-share__btn--whatsapp:hover, .detail-share__btn--whatsapp:focus, .detail-share__btn--whatsapp:active {
  background: #25d366;
  border-color: #25d366;
}

.detail-sidebar-cta {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
  padding: 22px;
  overflow: hidden;
}
.detail-sidebar-cta::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), #fff 40%));
}
.detail-sidebar-cta__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.detail-sidebar-cta__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
.detail-sidebar-cta__badge i {
  font-size: 13px;
}
.detail-sidebar-cta__title {
  font-family: var(--heading-font);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0;
  line-height: 1.35;
}
.detail-sidebar-cta__text {
  font-size: 13px;
  line-height: 1.55;
  color: color-mix(in srgb, var(--default-color), transparent 28%);
  margin: 0;
}
.detail-sidebar-cta__actions {
  display: flex;
  gap: 10px;
}
.detail-sidebar-cta__btn {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  padding: 10px 12px;
  border-radius: var(--button-border-radius, 6px);
  border: 1px solid transparent;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.detail-sidebar-cta__btn i {
  font-size: 14px;
  line-height: 1;
}
.detail-sidebar-cta__btn--primary {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.detail-sidebar-cta__btn--primary:hover, .detail-sidebar-cta__btn--primary:focus, .detail-sidebar-cta__btn--primary:active {
  background: color-mix(in srgb, var(--accent-color), #000 12%);
  border-color: color-mix(in srgb, var(--accent-color), #000 12%);
  color: var(--contrast-color);
}

.detail-sidebar-status {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
}
.detail-sidebar-status__header {
  padding: 16px 18px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 82%);
  background: color-mix(in srgb, var(--default-color), transparent 97%);
}
.detail-sidebar-status__title {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0;
  line-height: 1.3;
}
.detail-sidebar-status__body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px 18px;
}
.detail-sidebar-status__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.detail-sidebar-status__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.3;
}
.detail-sidebar-status__value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.3;
  text-align: right;
}
.detail-sidebar-status__badge {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: var(--button-border-radius, 8px);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
}
.detail-sidebar-status__badge--tamamlandi {
  background: var(--bs-success, #198754);
  color: #fff;
}
.detail-sidebar-status__badge--devam_ediyor {
  background: var(--bs-warning, #ffc107);
  color: #000;
}

.detail-sidebar-related {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
}
.detail-sidebar-related--categories .detail-sidebar-related__link {
  align-items: center;
  min-height: 64px;
}
.detail-sidebar-related--categories .detail-sidebar-related__content {
  justify-content: center;
  min-height: 40px;
}
.detail-sidebar-related--categories .detail-sidebar-related__name {
  font-size: 15px;
  line-height: 1.3;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;
}
.detail-sidebar-related__header {
  padding: 16px 18px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 82%);
  background: color-mix(in srgb, var(--default-color), transparent 97%);
}
.detail-sidebar-related__title {
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0;
  line-height: 1.3;
}
.detail-sidebar-related__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.detail-sidebar-related__item {
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 86%);
}
.detail-sidebar-related__item:last-child {
  border-bottom: 0;
}
.detail-sidebar-related__link {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  padding: 12px 16px;
  transition: background 0.2s ease;
}
.detail-sidebar-related__link:hover:not(.detail-sidebar-related__link--static) {
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
}
.detail-sidebar-related__link--static {
  cursor: default;
}
.detail-sidebar-related__thumb {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: var(--button-border-radius, 6px);
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
}
.detail-sidebar-related__thumb img,
.detail-sidebar-related__thumb video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.detail-sidebar-related__thumb video {
  pointer-events: none;
  background: #000;
}
.detail-sidebar-related__thumb--icon, .detail-sidebar-related__thumb--default {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 1.05rem;
  line-height: 1;
}
.detail-sidebar-related__thumb--empty {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.detail-sidebar-related__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}
.detail-sidebar-related__name {
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-sidebar-related__desc {
  font-size: 12px;
  line-height: 1.35;
  color: color-mix(in srgb, var(--default-color), transparent 32%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991px) {
  .module-detail .col-lg-4 {
    order: 2;
  }
  .module-detail .col-lg-8 {
    order: 1;
  }
}
/*--------------------------------------------------------------
# Category Header Section
--------------------------------------------------------------*/
.category-header {
  padding-bottom: 0;
}
.category-header .controls-card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 94%);
  margin-bottom: 16px;
}
.category-header .controls-header {
  padding: 16px 24px;
}
.category-header .controls-divider {
  height: 1px;
  background-color: color-mix(in srgb, var(--default-color), transparent 90%);
}
.category-header .controls-filters {
  padding: 16px 24px;
}
.category-header .search-field {
  position: relative;
  display: flex;
  align-items: center;
}
.category-header .search-field i {
  position: absolute;
  left: 12px;
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.category-header .search-field input {
  width: 100%;
  height: 40px;
  padding: 8px 12px 8px 36px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: 6px;
  background-color: var(--background-color);
  font-size: 14px;
  color: var(--default-color);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.category-header .search-field input:focus {
  outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.category-header .search-field input::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.category-header .view-switcher {
  display: flex;
  align-items: center;
  gap: 8px;
}
.category-header .view-switcher .switcher-label {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  white-space: nowrap;
}
.category-header .view-switcher .switcher-group {
  display: inline-flex;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  border-radius: 6px;
  overflow: hidden;
}
.category-header .view-switcher .switcher-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 16px;
}
.category-header .view-switcher .switcher-btn:not(:last-child) {
  border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}
.category-header .view-switcher .switcher-btn:hover {
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  color: var(--default-color);
}
.category-header .view-switcher .switcher-btn.active {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.category-header .view-switcher .switcher-btn:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent-color), transparent 60%);
}
.category-header .search-submit {
  width: 100%;
  height: 40px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.category-header .search-submit:hover {
  background-color: color-mix(in srgb, var(--accent-color), black 12%);
}
.category-header .search-submit:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.category-header .filter-field label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 8px;
}
.category-header .filter-field .form-select {
  width: 100%;
  height: 40px;
  padding: 8px 32px 8px 12px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: 6px;
  background-color: var(--background-color);
  font-size: 14px;
  font-weight: 400;
  color: var(--default-color);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.category-header .filter-field .form-select:focus {
  outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.category-header .clear-filters-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 40px;
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--default-color);
  cursor: pointer;
  transition: all 0.2s ease;
}
.category-header .clear-filters-btn i {
  font-size: 14px;
}
.category-header .clear-filters-btn:hover {
  background-color: var(--surface-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.category-header .clear-filters-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--default-color), transparent 90%);
}
.category-header .active-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 0;
}
.category-header .active-tags .tags-label {
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  white-space: nowrap;
}
.category-header .active-tags .tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.category-header .active-tags .tag-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px 4px 12px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
}
.category-header .active-tags .tag-item .tag-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  color: var(--accent-color);
  cursor: pointer;
  border-radius: 4px;
  padding: 0;
  transition: background-color 0.2s ease;
}
.category-header .active-tags .tag-item .tag-remove i {
  font-size: 14px;
}
.category-header .active-tags .tag-item .tag-remove:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 80%);
}
.category-header .active-tags .reset-all {
  margin-left: auto;
  background: none;
  border: none;
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.category-header .active-tags .reset-all:hover {
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 94%);
}
@media (max-width: 768px) {
  .category-header .controls-header {
    padding: 16px;
  }
  .category-header .controls-filters {
    padding: 16px;
  }
  .category-header .view-switcher {
    justify-content: flex-start;
  }
  .category-header .active-tags .reset-all {
    margin-left: 0;
    width: 100%;
    text-align: left;
  }
}

/*--------------------------------------------------------------
# Category Product List Section
--------------------------------------------------------------*/
.category-product-list .product-tile {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.category-product-list .product-tile:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 55%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.category-product-list .product-tile:hover .tile-actions {
  opacity: 1;
  transform: translateX(0);
}
.category-product-list .tile-visual {
  position: relative;
  flex-shrink: 0;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: color-mix(in srgb, var(--default-color), transparent 96%);
}
.category-product-list .tile-visual a {
  display: block;
  width: 100%;
  height: 100%;
}
.category-product-list .tile-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.category-product-list .tile-visual:hover img {
  transform: scale(1.04);
}
.category-product-list .tile-actions {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  transform: translateX(8px);
  transition: all 0.2s ease;
  z-index: 2;
}
.category-product-list .action-btn {
  width: 36px;
  height: 36px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  background: var(--surface-color);
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
}
.category-product-list .action-btn i {
  font-size: 14px;
  color: var(--default-color);
  transition: color 0.2s ease;
}
.category-product-list .action-btn:hover {
  background: var(--accent-color);
  border-color: var(--accent-color);
}
.category-product-list .action-btn:hover i {
  color: var(--contrast-color);
}
.category-product-list .action-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.category-product-list .status-tag {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  z-index: 2;
}
.category-product-list .status-tag.tag-fresh {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.category-product-list .status-tag.tag-sale {
  background: var(--success-color);
  color: var(--contrast-color);
  border: 1px solid var(--success-color);
}
.category-product-list .tile-category-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 24px);
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: var(--button-border-radius);
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--heading-color), transparent 20%);
  border: 1px solid color-mix(in srgb, var(--contrast-color), transparent 70%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.category-product-list .tile-body {
  flex: 1 1 auto;
  padding: 16px 16px 0;
}
.category-product-list .tile-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.category-product-list .tile-title a {
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.2s ease;
}
.category-product-list .tile-title a:hover {
  color: var(--accent-color);
}
.category-product-list .tile-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
}
.category-product-list .tile-rating .stars {
  display: flex;
  gap: 1px;
}
.category-product-list .tile-rating .stars i {
  font-size: 12px;
  color: #f5a623;
}
.category-product-list .tile-rating .count {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.category-product-list .tile-footer {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  margin-top: 12px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.category-product-list .tile-price {
  font-size: 16px;
  font-weight: 700;
  color: var(--heading-color);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
}
.category-product-list .tile-price .current-price {
  line-height: 1.2;
}
.category-product-list .tile-price .original-price {
  font-size: 13px;
  color: color-mix(in srgb, var(--danger-color), transparent 25%);
  font-weight: 400;
  text-decoration: line-through;
  line-height: 1.2;
}
.category-product-list .add-cart-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 16px;
  border: none;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--nav-font);
  font-size: 13px;
  font-weight: 500;
  border-radius: var(--button-border-radius);
  cursor: pointer;
  transition: background 0.2s ease;
  white-space: nowrap;
}
.category-product-list .add-cart-btn:hover {
  background: color-mix(in srgb, var(--accent-color), #000 15%);
}
.category-product-list .add-cart-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.category-product-list .add-cart-btn:disabled, .category-product-list .add-cart-btn.is-loading {
  opacity: 0.75;
  cursor: not-allowed;
}
@media (max-width: 768px) {
  .category-product-list .tile-body {
    padding: 12px 12px 0;
  }
  .category-product-list .tile-title {
    font-size: 13px;
  }
  .category-product-list .tile-footer {
    padding: 12px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  .category-product-list .add-cart-btn {
    width: auto;
    text-align: center;
    padding: 8px 12px;
    font-size: 12px;
  }
  .category-product-list .tile-price {
    font-size: 14px;
  }
  .category-product-list .tile-actions {
    opacity: 1;
    transform: translateX(0);
  }
  .category-product-list .action-btn {
    width: 32px;
    height: 32px;
  }
  .category-product-list .action-btn i {
    font-size: 12px;
  }
  .category-product-list .status-tag {
    font-size: 10px;
    padding: 1px 8px;
  }
  .category-product-list .tile-category-badge {
    top: 8px;
    right: 8px;
    max-width: calc(100% - 16px);
    font-size: 10px;
    padding: 3px 8px;
  }
  .category-product-list .tile-rating .stars i {
    font-size: 10px;
  }
  .category-product-list .tile-rating .count {
    font-size: 10px;
  }
}

.cart-spinner {
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  border: 2px solid color-mix(in srgb, currentColor, transparent 65%);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: cart-spin 0.6s linear infinite;
}

@keyframes cart-spin {
  to {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Shop Catalog Page
--------------------------------------------------------------*/
.shop-catalog-page .shop-catalog-section.section {
  padding-bottom: 0;
}
.shop-catalog-page .widgets-container {
  margin-top: 0;
}
.shop-catalog-page .shop-catalog-summary {
  margin: 0 0 1rem;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}
.shop-catalog-page .shop-catalog-empty {
  padding: 3rem 1.5rem;
  text-align: center;
  border: 1px dashed color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: var(--card-border-radius, 12px);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  background: color-mix(in srgb, var(--default-color), transparent 97%);
}
.shop-catalog-page .category-product-list.section {
  padding-top: 0;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .shop-catalog-page .category-product-list.section {
    padding-bottom: 28px;
  }
}
.shop-catalog-page .product-categories-widget .category-link.is-active {
  color: var(--accent-color);
}

.product-details-page .product-details-section.section {
  padding-bottom: 0;
  overflow: visible;
}
.product-details-page .product-breadcrumb {
  margin-bottom: 1rem;
}
.product-details-page .product-breadcrumb__trail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 1.4;
}
.product-details-page .product-breadcrumb__crumb {
  display: inline-flex;
  align-items: center;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.product-details-page .product-breadcrumb__crumb:not(:last-child)::after {
  content: "/";
  margin: 0 0.5rem;
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.product-details-page .product-breadcrumb__crumb a {
  color: inherit;
  text-decoration: none;
}
.product-details-page .product-breadcrumb__crumb a:hover {
  color: var(--accent-color);
}
.product-details-page .product-breadcrumb__crumb--current span {
  color: var(--heading-color);
  font-weight: 500;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-details-page .product-breadcrumb__home {
  display: inline-flex;
  align-items: center;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}
.product-details-page .product-details.section {
  padding-top: 0;
  padding-bottom: 60px;
  overflow: visible;
}
.product-details-page .product-details .row.align-items-start {
  --bs-gutter-x: 1.5rem;
}
.product-details-page .image-showcase {
  position: sticky;
  top: 96px;
}
@media (max-width: 991px) {
  .product-details-page .image-showcase {
    position: static;
  }
}
.product-details-page .product-detail-card {
  min-height: 100%;
}
@media (max-width: 991px) {
  .product-details-page .product-detail-card {
    margin-top: 24px;
    min-height: 0;
  }
}

.category-product-list .tile-excerpt {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.45;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.category-product-list .tile-footer form {
  margin: 0;
}

.products-carousel .module-carousel__swiper .product-tile {
  height: 100%;
}

/*--------------------------------------------------------------
# Category Pagination Section
--------------------------------------------------------------*/
.category-pagination {
  padding-top: 0;
}
.category-pagination .pagination-bar {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 12px 24px;
  background-color: var(--surface-color);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--default-color), transparent 95%);
}
.category-pagination .results-label {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 400;
  line-height: 1.5;
}
.category-pagination .results-label .current-page,
.category-pagination .results-label .total-pages {
  font-weight: 600;
  color: var(--default-color);
}
.category-pagination .page-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.category-pagination .page-link-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--default-color);
  text-decoration: none;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
.category-pagination .page-link-item:hover:not(.active) {
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  border-color: color-mix(in srgb, var(--default-color), transparent 85%);
}
.category-pagination .page-link-item.active {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-weight: 600;
  border-color: var(--accent-color);
}
.category-pagination .page-link-item:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.category-pagination .page-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  user-select: none;
  letter-spacing: 2px;
}
.category-pagination .page-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  color: var(--default-color);
  text-decoration: none;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  background-color: transparent;
  transition: all 0.2s ease;
}
.category-pagination .page-control i {
  font-size: 14px;
  line-height: 1;
}
.category-pagination .page-control:hover {
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  border-color: color-mix(in srgb, var(--default-color), transparent 70%);
}
.category-pagination .page-control:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.category-pagination .goto-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.category-pagination .goto-group label {
  font-size: 14px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  white-space: nowrap;
}
.category-pagination .goto-group input {
  width: 56px;
  height: 36px;
  text-align: center;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--default-color);
  background-color: var(--background-color);
  outline: none;
  transition: all 0.2s ease;
  -moz-appearance: textfield;
}
.category-pagination .goto-group input::-webkit-outer-spin-button, .category-pagination .goto-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.category-pagination .goto-group input:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.category-pagination .goto-group .goto-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--default-color);
  background-color: transparent;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  text-decoration: none;
  transition: all 0.2s ease;
}
.category-pagination .goto-group .goto-btn:hover {
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  border-color: color-mix(in srgb, var(--default-color), transparent 70%);
}
.category-pagination .goto-group .goto-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
@media (max-width: 768px) {
  .category-pagination .pagination-bar {
    padding: 16px;
  }
  .category-pagination .results-label {
    text-align: center;
    font-size: 13px;
  }
  .category-pagination .goto-group {
    justify-content: center;
  }
  .category-pagination .page-link-item,
  .category-pagination .page-ellipsis,
  .category-pagination .page-control {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }
  .category-pagination .goto-group input {
    width: 48px;
    height: 32px;
  }
  .category-pagination .goto-group .goto-btn {
    height: 32px;
    padding: 0 12px;
    font-size: 13px;
  }
}

/*--------------------------------------------------------------
# Cart Section
--------------------------------------------------------------*/
.cart-page .cart.section {
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .cart-page .cart.section {
    padding-bottom: 40px;
  }
}

.cart .cart-table {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  background-color: var(--surface-color);
}
@media (max-width: 767px) {
  .cart .cart-table {
    border: none;
    border-radius: 0;
    overflow: visible;
    background-color: transparent;
  }
}
.cart .table-head {
  padding: 12px 24px;
  padding-right: 56px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  background-color: color-mix(in srgb, var(--default-color), transparent 97%);
}
.cart .cart-item {
  position: relative;
  padding: 20px 24px;
  padding-right: 56px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  transition: background-color 0.2s ease;
}
.cart .cart-item:last-child {
  border-bottom: none;
}
.cart .cart-item:hover {
  background-color: color-mix(in srgb, var(--default-color), transparent 98%);
}
.cart .cart-item .remove-btn {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: var(--button-border-radius);
  border: none;
  background: transparent;
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.cart .cart-item .remove-btn:hover {
  background-color: color-mix(in srgb, var(--danger-color), transparent 90%);
  color: var(--danger-color);
}
.cart .cart-item .remove-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.cart .cart-item .product-img {
  width: 72px;
  height: 72px;
  min-width: 72px;
  border-radius: var(--button-border-radius);
  background-color: color-mix(in srgb, var(--default-color), transparent 96%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
}
.cart .cart-item .product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cart .cart-item .product-meta .product-title {
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 4px;
  line-height: 1.3;
}
.cart .cart-item .product-meta .product-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 4px;
}
.cart .cart-item .product-meta .product-tags .tag-item {
  font-size: 12px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.cart .cart-item .product-meta .discount-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  background-color: var(--success-color);
  color: var(--contrast-color);
  border: 1px solid var(--success-color);
}
.cart .cart-item .price-col .current-price {
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  display: block;
}
.cart .cart-item .price-col .original-price {
  font-size: 12px;
  text-decoration: line-through;
  color: color-mix(in srgb, var(--default-color), transparent 55%);
  display: block;
}
.cart .cart-item .quantity-selector {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 82%);
  border-radius: var(--button-border-radius);
  overflow: hidden;
}
.cart .cart-item .quantity-selector .quantity-btn {
  width: 36px;
  min-height: 36px;
  border: none;
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}
.cart .cart-item .quantity-selector .quantity-btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.cart .cart-item .quantity-selector .quantity-btn:focus {
  outline: none;
}
.cart .cart-item .quantity-selector .quantity-input {
  width: 44px;
  min-height: 36px;
  text-align: center;
  border: none;
  border-left: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: transparent;
  font-family: var(--nav-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--heading-color);
}
.cart .cart-item .quantity-selector .quantity-input:focus {
  outline: none;
}
.cart .cart-item .quantity-selector .quantity-input::-webkit-inner-spin-button, .cart .cart-item .quantity-selector .quantity-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cart .cart-item .row-total {
  font-size: 15px;
  font-weight: 700;
  color: var(--heading-color);
}
.cart .cart-item .mobile-label {
  font-family: var(--nav-font);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-bottom: 6px;
}
.cart .cart-item .product-price-mobile {
  display: block;
  font-family: var(--nav-font);
  font-size: 14px;
  font-weight: 700;
  color: var(--heading-color);
  margin-top: 4px;
}
@media (max-width: 767px) {
  .cart .cart-item {
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
    border-radius: var(--card-border-radius);
    margin-bottom: 14px;
    overflow: hidden;
  }
  .cart .cart-item:last-child {
    margin-bottom: 0;
  }
  .cart .cart-item:hover {
    background-color: var(--surface-color);
  }
  .cart .cart-item > .cart-item-form > .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    row-gap: 0 !important;
    margin: 0;
  }
  .cart .cart-item > .cart-item-form > .row > .col-md-5 {
    width: 100%;
    padding: 14px 44px 14px 14px;
  }
  .cart .cart-item .product-info {
    margin-bottom: 0;
    gap: 12px;
    align-items: flex-start;
  }
  .cart .cart-item .product-img {
    width: 56px;
    height: 56px;
    min-width: 56px;
    padding: 4px;
  }
  .cart .cart-item .product-meta .product-title {
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 0;
  }
  .cart .cart-item .remove-btn {
    top: 12px;
    right: 8px;
    width: 30px;
    height: 30px;
    transform: none;
  }
  .cart .cart-item > .cart-item-form > .row > .col-md-3 {
    width: 100%;
    padding: 0 14px 14px;
  }
  .cart .cart-item .qty-col {
    flex-direction: row !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
  }
  .cart .cart-item .mobile-label {
    margin-bottom: 0;
  }
  .cart .cart-item .quantity-selector .quantity-btn {
    width: 32px;
    min-height: 32px;
    font-size: 15px;
  }
  .cart .cart-item .quantity-selector .quantity-input {
    width: 38px;
    min-height: 32px;
    font-size: 13px;
  }
  .cart .cart-item > .cart-item-form > .row > .col-md-2 {
    width: 100%;
    padding: 0;
    order: 5;
  }
  .cart .cart-item .total-col {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    text-align: left;
    background-color: color-mix(in srgb, var(--default-color), transparent 97%);
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  }
  .cart .cart-item .row-total {
    font-size: 15px;
    font-weight: 700;
    color: var(--accent-color);
  }
}
.cart .cart-actions {
  margin-top: 16px;
  padding: 8px 0;
}
.cart .cart-actions .action-link {
  font-family: var(--nav-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.cart .cart-actions .action-link i {
  transition: transform 0.2s ease;
}
.cart .cart-actions .action-link:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
}
.cart .cart-actions .action-link:hover i {
  transform: translateX(-3px);
}
.cart .cart-actions .action-clear {
  font-family: var(--nav-font);
  font-size: 13px;
  font-weight: 500;
  background: none;
  border: 1px solid color-mix(in srgb, var(--danger-color), transparent 50%);
  color: var(--danger-color);
  padding: 6px 16px;
  border-radius: var(--button-border-radius);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.cart .cart-actions .action-clear:hover {
  background-color: var(--danger-color);
  color: var(--contrast-color);
  border-color: var(--danger-color);
}
.cart .cart-actions .action-clear:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger-color), transparent 80%);
}
.cart .cart-empty__text {
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.cart .cart-empty__btn {
  display: inline-flex;
  width: auto;
  min-width: 200px;
}
.cart .summary-card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  position: sticky;
  top: 6.5rem;
}
.cart .summary-card .summary-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.cart .summary-card .summary-header h5 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  color: var(--heading-color);
}
.cart .summary-card .summary-header .items-count {
  font-family: var(--nav-font);
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: var(--button-border-radius);
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.cart .summary-card .summary-body {
  padding: 24px;
}
.cart .summary-card .coupon-section {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.cart .summary-card .coupon-section .coupon-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 8px;
}
.cart .summary-card .coupon-section .input-group .form-control {
  height: 40px;
  border-radius: 6px 0 0 6px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  font-size: 14px;
  padding: 8px 12px;
  color: var(--default-color);
  background-color: var(--surface-color);
}
.cart .summary-card .coupon-section .input-group .form-control:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.cart .summary-card .coupon-section .input-group .form-control::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.cart .summary-card .coupon-section .input-group .coupon-btn {
  border-radius: 0 6px 6px 0;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border: 1px solid var(--accent-color);
  font-size: 13px;
  font-weight: 500;
  padding: 8px 16px;
  transition: background 0.2s ease;
}
.cart .summary-card .coupon-section .input-group .coupon-btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 15%);
}
.cart .summary-card .coupon-section .input-group .coupon-btn:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.cart .summary-card .summary-lines {
  margin-bottom: 16px;
}
.cart .summary-card .summary-lines .summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  font-size: 14px;
}
.cart .summary-card .summary-lines .summary-row .label-text {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.cart .summary-card .summary-lines .summary-row .value-text {
  font-weight: 600;
  color: var(--heading-color);
}
.cart .summary-card .summary-lines .summary-row.discount-row .value-text {
  color: var(--success-color);
}
.cart .summary-card .summary-lines .shipping-options {
  padding: 8px 0 8px 4px;
}
.cart .summary-card .summary-lines .shipping-options .form-check {
  margin-bottom: 6px;
}
.cart .summary-card .summary-lines .shipping-options .form-check .form-check-input:checked {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}
.cart .summary-card .summary-lines .shipping-options .form-check .form-check-input:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.cart .summary-card .summary-lines .shipping-options .form-check .form-check-label {
  font-size: 13px;
  color: var(--default-color);
}
.cart .summary-card .summary-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  margin-bottom: 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}
.cart .summary-card .summary-total span:first-child {
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
}
.cart .summary-card .summary-total .total-value {
  font-size: 24px;
  font-weight: 700;
  color: var(--heading-color);
  letter-spacing: -0.01em;
}
.cart .summary-card .proceed-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 44px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  border-radius: var(--button-border-radius);
  font-family: var(--nav-font);
  font-size: 14px;
  font-weight: 600;
  transition: background 0.2s ease;
  margin-bottom: 0;
  text-decoration: none;
}
.cart .summary-card .proceed-btn i {
  font-size: 14px;
  transition: transform 0.2s ease;
}
.cart .summary-card .proceed-btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 15%);
  color: var(--contrast-color);
}
.cart .summary-card .proceed-btn:hover i {
  transform: translateX(3px);
}
.cart .summary-card .proceed-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.cart .summary-card .payment-info {
  text-align: center;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.cart .summary-card .payment-info .payment-label {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-bottom: 8px;
  display: block;
}
.cart .summary-card .payment-info .payment-icons {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.cart .summary-card .payment-info .payment-icons i {
  font-size: 20px;
  color: color-mix(in srgb, var(--default-color), transparent 55%);
  transition: color 0.2s ease;
}
.cart .summary-card .payment-info .payment-icons i:hover {
  color: var(--accent-color);
}
@media (max-width: 992px) {
  .cart .summary-card {
    position: static;
  }
}

/*--------------------------------------------------------------
# Checkout Section
--------------------------------------------------------------*/
.checkout-page .checkout.section {
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .checkout-page .checkout.section {
    padding-bottom: 40px;
  }
}

.checkout .step-indicator {
  gap: 0;
}
.checkout .step-indicator .step-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 6px;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  transition: all 0.2s ease;
}
.checkout .step-indicator .step-pill .step-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  background-color: color-mix(in srgb, var(--default-color), transparent 90%);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  transition: all 0.2s ease;
}
.checkout .step-indicator .step-pill .step-text {
  font-size: 14px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  transition: color 0.2s ease;
}
.checkout .step-indicator .step-pill.active {
  border-color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
}
.checkout .step-indicator .step-pill.active .step-num {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.checkout .step-indicator .step-pill.active .step-text {
  color: var(--accent-color);
  font-weight: 600;
}
.checkout .step-indicator .step-connector {
  width: 32px;
  height: 1px;
  background-color: color-mix(in srgb, var(--default-color), transparent 85%);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .checkout .step-indicator .step-text {
    display: none;
  }
  .checkout .step-indicator .step-pill {
    padding: 8px;
  }
  .checkout .step-indicator .step-connector {
    width: 16px;
  }
}
.checkout .checkout-card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius);
  padding: 32px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
}
@media (max-width: 768px) {
  .checkout .checkout-card {
    padding: 20px 16px;
  }
}
.checkout .section-divider {
  border: none;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  margin: 32px 0;
}
.checkout .form-section .section-label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 24px;
}
.checkout .form-section .section-label .label-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
  font-size: 1.1rem;
  flex-shrink: 0;
}
.checkout .form-section .section-label h3 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 600;
  color: var(--heading-color);
  letter-spacing: -0.01em;
}
.checkout .form-section .section-label p {
  margin: 2px 0 0;
  font-family: var(--nav-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.checkout .form-section .section-fields .field-group label {
  display: block;
  font-family: var(--nav-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 6px;
}
.checkout .form-section .section-fields .field-group .form-control,
.checkout .form-section .section-fields .field-group .form-select {
  height: 40px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: var(--button-border-radius);
  font-family: var(--nav-font);
  font-size: 14px;
  color: var(--default-color);
  background-color: var(--surface-color);
  transition: all 0.2s ease;
}
.checkout .form-section .section-fields .field-group .form-control:hover,
.checkout .form-section .section-fields .field-group .form-select:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.checkout .form-section .section-fields .field-group .form-control:focus,
.checkout .form-section .section-fields .field-group .form-select:focus {
  outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.checkout .form-section .section-fields .field-group .form-control::placeholder,
.checkout .form-section .section-fields .field-group .form-select::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.checkout .form-section .section-fields .field-group textarea.form-control {
  height: auto;
  min-height: 96px;
  resize: vertical;
}
.checkout .form-section .section-fields .field-group .form-select {
  background-position: right 12px center;
  padding-right: 36px;
}
.checkout .form-section .section-fields .field-group .input-with-icon {
  position: relative;
}
.checkout .form-section .section-fields .field-group .input-with-icon .trailing-icons {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 6px;
}
.checkout .form-section .section-fields .field-group .input-with-icon .trailing-icons i {
  font-size: 1rem;
  color: color-mix(in srgb, var(--default-color), transparent 55%);
}
.checkout .form-section .section-fields .field-group .input-with-icon .trailing-hint {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  cursor: pointer;
  transition: color 0.2s ease;
}
.checkout .form-section .section-fields .field-group .input-with-icon .trailing-hint:hover {
  color: var(--accent-color);
}
.checkout .form-section .section-fields .field-group .input-with-icon input {
  padding-right: 64px;
}
.checkout .form-section .section-fields .form-check .form-check-input {
  width: 16px;
  height: 16px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 65%);
  border-radius: 4px;
  background-color: var(--surface-color);
  cursor: pointer;
}
.checkout .form-section .section-fields .form-check .form-check-input:checked {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}
.checkout .form-section .section-fields .form-check .form-check-input:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.checkout .form-section .section-fields .form-check .form-check-label {
  font-size: 14px;
  cursor: pointer;
}
.checkout .form-section .section-fields .form-check .form-check-label a {
  font-weight: 600;
}
.checkout .form-section .section-fields .form-check .form-check-label a:hover {
  text-decoration: underline;
}
.checkout .checkout-form-error {
  margin-bottom: 12px;
  font-family: var(--nav-font);
  font-size: 13px;
  color: var(--danger-color);
}
.checkout .checkout-alert {
  padding: 14px 16px;
  border-radius: var(--button-border-radius);
  border: 1px solid color-mix(in srgb, var(--danger-color), transparent 70%);
  background: color-mix(in srgb, var(--danger-color), transparent 94%);
  color: var(--danger-color);
  font-family: var(--nav-font);
  font-size: 14px;
}
.checkout .payment-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.checkout .payment-option {
  flex: 0 1 auto;
  min-width: 180px;
}
@media (max-width: 480px) {
  .checkout .payment-option {
    flex: 1 1 100%;
    min-width: 0;
  }
}
.checkout .payment-option__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.checkout .payment-option__label {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: var(--button-border-radius);
  background: var(--surface-color);
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 0;
}
.checkout .payment-option__icon {
  width: 36px;
  height: 36px;
  border-radius: var(--button-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
  flex-shrink: 0;
}
.checkout .payment-option__icon i {
  font-size: 1.1rem;
}
.checkout .payment-option__text {
  font-family: var(--nav-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
}
.checkout .payment-option__input:checked + .payment-option__label {
  border-color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}
.checkout .payment-option__input:focus-visible + .payment-option__label {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 85%);
}
.checkout .method-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}
.checkout .method-tabs .method-tab {
  flex: 1;
  cursor: pointer;
}
.checkout .method-tabs .method-tab input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.checkout .method-tabs .method-tab .tab-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  transition: all 0.2s ease;
}
.checkout .method-tabs .method-tab .tab-inner i {
  font-size: 1.1rem;
}
.checkout .method-tabs .method-tab.active .tab-inner,
.checkout .method-tabs .method-tab input:checked + .tab-inner {
  border-color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
  color: var(--accent-color);
}
.checkout .method-tabs .method-tab:hover .tab-inner {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
}
@media (max-width: 576px) {
  .checkout .method-tabs {
    flex-direction: column;
  }
}
.checkout .method-content.d-none {
  display: none;
}
.checkout .method-content .alt-method-msg {
  padding: 16px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);
  border-radius: 6px;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
}
.checkout .method-content .alt-method-msg i {
  color: var(--accent-color);
}
.checkout .confirm-area {
  margin-top: 8px;
}
.checkout .confirm-area .agree-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.checkout .confirm-area .agree-check__input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  flex-shrink: 0;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 60%);
  border-radius: 4px;
  accent-color: var(--accent-color);
  cursor: pointer;
}
.checkout .confirm-area .agree-check__label {
  font-family: var(--nav-font);
  font-size: 13px;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  cursor: pointer;
}
.checkout .confirm-area .agree-check__label strong {
  color: var(--heading-color);
  font-weight: 600;
}
.checkout .confirm-area .order-success {
  padding: 12px 16px;
  background-color: color-mix(in srgb, var(--success-color), transparent 92%);
  border: 1px solid color-mix(in srgb, var(--success-color), transparent 80%);
  border-radius: var(--button-border-radius);
  color: var(--success-color);
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 16px;
  text-align: center;
}
.checkout .confirm-area .order-success.d-none {
  display: none;
}
.checkout .confirm-area .place-order-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
  padding: 12px 24px;
  font-family: var(--nav-font);
  font-size: 15px;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  transition: all 0.2s ease;
}
.checkout .confirm-area .place-order-btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 12%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color), transparent 65%);
}
.checkout .confirm-area .place-order-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.checkout .confirm-area .place-order-btn:active {
  transform: scale(0.99);
}
.checkout .address-set-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.checkout .address-profile-panel {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: var(--card-border-radius);
  overflow: hidden;
  background: var(--surface-color);
}
.checkout .address-profile-panel__header {
  padding: 14px 20px;
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.checkout .address-profile-panel__header h4 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 15px;
  font-weight: 600;
  color: var(--heading-color);
}
.checkout .address-profile-panel__body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.checkout .address-form-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.checkout .address-form-section__title {
  font-family: var(--nav-font);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  padding-bottom: 8px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.checkout .address-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
}
@media (max-width: 768px) {
  .checkout .address-form-grid {
    grid-template-columns: 1fr;
  }
}
.checkout .address-location-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 20px;
}
@media (max-width: 992px) {
  .checkout .address-location-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 576px) {
  .checkout .address-location-grid {
    grid-template-columns: 1fr;
  }
}
.checkout .address-form-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.checkout .address-form-field--full {
  grid-column: 1/-1;
}
.checkout .address-form-field__label {
  margin: 0;
  font-family: var(--nav-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-color);
}
.checkout .address-form-field__label .required-mark {
  margin-left: 2px;
  color: var(--danger-color);
  font-weight: 600;
}
.checkout .address-form-field .form-control,
.checkout .address-form-field .form-select {
  height: 40px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: var(--button-border-radius);
  font-family: var(--nav-font);
  font-size: 14px;
  color: var(--default-color);
  background: var(--surface-color);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.checkout .address-form-field .form-control:hover,
.checkout .address-form-field .form-select:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.checkout .address-form-field .form-control:focus,
.checkout .address-form-field .form-select:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.checkout .address-form-field .form-control::placeholder,
.checkout .address-form-field .form-select::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.checkout .address-form-field textarea.form-control {
  height: auto;
  min-height: 96px;
  resize: vertical;
  line-height: 1.5;
}
.checkout .address-form-field .form-control[readonly] {
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  cursor: default;
}
.checkout .address-form-field .invalid-feedback {
  font-size: 13px;
}
.checkout .account-type-options {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  min-height: 40px;
  align-items: center;
}
.checkout .account-type-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  font-family: var(--nav-font);
  font-size: 14px;
  font-weight: 500;
}
.checkout .account-type-option input[type=radio] {
  accent-color: var(--accent-color);
}
.checkout .address-same-toggle,
.checkout .address-form-options {
  padding-top: 4px;
}
.checkout .address-check-option {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  cursor: pointer;
  font-family: var(--nav-font);
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
}
.checkout .address-check-option input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  flex-shrink: 0;
  accent-color: var(--accent-color);
  cursor: pointer;
}
.checkout .billing-address-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.checkout select.is-invalid + .select2-container .select2-selection--single,
.checkout select.is-invalid + .select2-container--default .select2-selection--single {
  border-color: var(--danger-color);
}
.checkout .select2-container {
  width: 100% !important;
}
.checkout .select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  height: 40px;
  padding-right: 4px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: var(--button-border-radius);
  background: var(--surface-color);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  order: 1;
  flex: 1 1 auto;
  float: none !important;
  min-width: 0;
  padding: 0 8px 0 12px;
  line-height: 1.4;
  font-family: var(--nav-font);
  font-size: 14px;
  color: var(--default-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  order: 3;
  position: static;
  height: 38px;
  width: 28px;
}
.checkout .select2-container--default.select2-container--focus .select2-selection--single,
.checkout .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.checkout .order-summary-card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
  position: sticky;
  top: 100px;
  overflow: hidden;
}
.checkout .order-summary-card .summary-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.checkout .order-summary-card .summary-header h3 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 600;
  color: var(--heading-color);
}
.checkout .order-summary-card .summary-header .item-count {
  font-family: var(--nav-font);
  font-size: 12px;
  font-weight: 600;
  color: var(--accent-color);
  padding: 4px 10px;
  border-radius: var(--button-border-radius);
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.checkout .order-summary-card .summary-products {
  padding: 16px 24px;
}
.checkout .order-summary-card .summary-products .product-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
}
.checkout .order-summary-card .summary-products .product-row:not(:last-child) {
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 93%);
}
.checkout .order-summary-card .summary-products .product-row:first-child {
  padding-top: 0;
}
.checkout .order-summary-card .summary-products .product-row:last-child {
  padding-bottom: 0;
}
.checkout .order-summary-card .summary-products .product-row .product-img {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: var(--button-border-radius);
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  background: color-mix(in srgb, var(--default-color), transparent 96%);
}
.checkout .order-summary-card .summary-products .product-row .product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.checkout .order-summary-card .summary-products .product-row .product-img .qty-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--button-border-radius);
  font-family: var(--nav-font);
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkout .order-summary-card .summary-products .product-row .product-detail {
  flex: 1;
  min-width: 0;
}
.checkout .order-summary-card .summary-products .product-row .product-detail h5 {
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--heading-color);
}
.checkout .order-summary-card .summary-products .product-row .product-detail .product-unit-price,
.checkout .order-summary-card .summary-products .product-row .product-detail .product-variant {
  font-family: var(--nav-font);
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.checkout .order-summary-card .summary-products .product-row .product-qty {
  flex-shrink: 0;
  min-width: 32px;
  text-align: center;
  font-family: var(--nav-font);
  font-size: 13px;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.checkout .order-summary-card .summary-products .product-row .product-price {
  font-family: var(--nav-font);
  font-weight: 600;
  font-size: 14px;
  color: var(--heading-color);
  flex-shrink: 0;
  min-width: 84px;
  text-align: right;
}
.checkout .order-summary-card .promo-input {
  padding: 0 24px 16px;
}
.checkout .order-summary-card .promo-input .input-group .form-control {
  height: 40px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  border-right: none;
  border-radius: 6px 0 0 6px;
  padding: 8px 12px;
  font-size: 14px;
  background-color: var(--surface-color);
  color: var(--default-color);
}
.checkout .order-summary-card .promo-input .input-group .form-control:focus {
  border-color: var(--accent-color);
  box-shadow: none;
  outline: none;
}
.checkout .order-summary-card .promo-input .input-group .form-control::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.checkout .order-summary-card .promo-input .input-group .btn {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  border-left: none;
  border-radius: 0 6px 6px 0;
  padding: 0 16px;
  font-weight: 500;
  font-size: 14px;
  color: var(--accent-color);
  background-color: var(--surface-color);
  transition: all 0.2s ease;
}
.checkout .order-summary-card .promo-input .input-group .btn:hover {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.checkout .order-summary-card .cost-breakdown {
  padding: 0 24px 20px;
}
.checkout .order-summary-card .cost-breakdown .cost-line {
  padding: 6px 0;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.checkout .order-summary-card .cost-breakdown .cost-total {
  padding-top: 12px;
  margin-top: 8px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  font-size: 16px;
  font-weight: 700;
  color: var(--heading-color);
}
.checkout .order-summary-card .secure-info {
  padding: 16px 24px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkout .order-summary-card .secure-info .secure-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--nav-font);
  font-size: 13px;
  font-weight: 500;
  color: var(--success-color);
}
.checkout .order-summary-card .secure-info .secure-badge i {
  font-size: 1rem;
}
.checkout .order-summary-card .secure-info .payment-icons {
  display: flex;
  gap: 8px;
}
.checkout .order-summary-card .secure-info .payment-icons i {
  font-size: 1.2rem;
  color: color-mix(in srgb, var(--default-color), transparent 55%);
}
@media (max-width: 992px) {
  .checkout .order-summary-card {
    position: relative;
    top: 0;
  }
}
@media (max-width: 767px) {
  .checkout .order-summary-card .summary-header,
  .checkout .order-summary-card .summary-products,
  .checkout .order-summary-card .cost-breakdown,
  .checkout .order-summary-card .secure-info {
    padding-left: 16px;
    padding-right: 16px;
  }
  .checkout .order-summary-card .summary-header {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .checkout .order-summary-card .summary-products {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .checkout .order-summary-card .cost-breakdown {
    padding-bottom: 16px;
  }
}
.checkout .modal-content {
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0 10px 15px color-mix(in srgb, var(--default-color), transparent 90%);
}
.checkout .modal-content .modal-header {
  border-bottom-color: color-mix(in srgb, var(--default-color), transparent 90%);
  padding: 16px 24px;
}
.checkout .modal-content .modal-header .modal-title {
  font-size: 16px;
  font-weight: 600;
}
.checkout .modal-content .modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.7;
}
.checkout .modal-content .modal-footer {
  border-top-color: color-mix(in srgb, var(--default-color), transparent 90%);
  padding: 16px 24px;
}
.checkout .modal-content .modal-footer .btn-primary {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 20px;
}
.checkout .modal-content .modal-footer .btn-primary:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 12%);
}

/*--------------------------------------------------------------
# Order Confirmation Section
--------------------------------------------------------------*/
.order-confirmation {
  /* ===== Status Header ===== */
}
.order-confirmation .status-header {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 24px 32px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
}
.order-confirmation .status-header .status-content .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, #16a34a, transparent 90%);
  color: #16a34a;
  border: 1px solid color-mix(in srgb, #16a34a, transparent 70%);
  margin-bottom: 12px;
}
.order-confirmation .status-header .status-content .status-badge i {
  font-size: 12px;
}
.order-confirmation .status-header .status-content h2 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}
.order-confirmation .status-header .status-content p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 0;
  line-height: 1.6;
  max-width: 460px;
}
.order-confirmation .status-header .ref-block {
  background-color: color-mix(in srgb, var(--default-color), transparent 97%);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 8px;
  padding: 16px 20px;
}
.order-confirmation .status-header .ref-block .ref-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
}
.order-confirmation .status-header .ref-block .ref-item:first-child {
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  padding-bottom: 10px;
  margin-bottom: 4px;
}
.order-confirmation .status-header .ref-block .ref-item .ref-key {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
}
.order-confirmation .status-header .ref-block .ref-item .ref-val {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .order-confirmation .status-header {
    padding: 20px;
  }
  .order-confirmation .status-header .status-content {
    text-align: center;
    margin-bottom: 16px;
  }
  .order-confirmation .status-header .status-content p {
    max-width: 100%;
  }
}
.order-confirmation {
  /* ===== Step Tracker ===== */
}
.order-confirmation .step-tracker {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 20px 16px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
}
.order-confirmation .step-tracker .step-item {
  text-align: center;
  position: relative;
}
.order-confirmation .step-tracker .step-item::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: color-mix(in srgb, var(--default-color), transparent 88%);
}
.order-confirmation .step-tracker .step-item .step-circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--default-color), transparent 88%);
  margin: 0 auto 8px;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.order-confirmation .step-tracker .step-item .step-circle i {
  font-size: 12px;
  color: var(--contrast-color);
  font-weight: 700;
}
.order-confirmation .step-tracker .step-item .step-label {
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.order-confirmation .step-tracker .step-item.completed::after {
  background-color: var(--accent-color);
}
.order-confirmation .step-tracker .step-item.completed .step-circle {
  background-color: var(--accent-color);
}
.order-confirmation .step-tracker .step-item.completed .step-label {
  color: var(--accent-color);
  font-weight: 600;
}
.order-confirmation .step-tracker .step-item.current .step-circle {
  background-color: var(--accent-color);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.order-confirmation .step-tracker .step-item.current .step-circle::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--contrast-color);
}
.order-confirmation .step-tracker .step-item.current .step-label {
  color: var(--accent-color);
  font-weight: 600;
}
.order-confirmation .step-tracker .col-3:last-child .step-item::after {
  display: none;
}
@media (max-width: 576px) {
  .order-confirmation .step-tracker .step-item .step-label {
    font-size: 11px;
  }
}
.order-confirmation {
  /* ===== Panels (Card System) ===== */
}
.order-confirmation .panel {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
  margin-bottom: 16px;
  overflow: hidden;
}
.order-confirmation .panel:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: all 0.2s ease;
}
.order-confirmation .panel .panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.order-confirmation .panel .panel-header h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: -0.01em;
}
.order-confirmation .panel .panel-header .item-count {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-weight: 500;
}
.order-confirmation .panel .panel-body {
  padding: 20px;
}
.order-confirmation .panel .panel-body address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
}
.order-confirmation .panel .panel-body .contact-info p {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  margin-bottom: 4px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.order-confirmation .panel .panel-body .contact-info p i {
  color: var(--accent-color);
  font-size: 14px;
  width: 16px;
}
.order-confirmation {
  /* ===== Items Panel ===== */
}
.order-confirmation .items-panel .order-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.order-confirmation .items-panel .order-item .item-image {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  border-radius: 8px;
  background-color: color-mix(in srgb, var(--default-color), transparent 96%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.order-confirmation .items-panel .order-item .item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}
.order-confirmation .items-panel .order-item .item-details {
  flex: 1;
  min-width: 0;
}
.order-confirmation .items-panel .order-item .item-details h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  letter-spacing: -0.01em;
}
.order-confirmation .items-panel .order-item .item-details .item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.order-confirmation .items-panel .order-item .item-details .item-meta .meta-tag {
  font-size: 12px;
  font-weight: 500;
  padding: 1px 8px;
  border-radius: 6px;
  background-color: color-mix(in srgb, var(--default-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}
.order-confirmation .items-panel .order-item .item-details .item-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-confirmation .items-panel .order-item .item-details .item-bottom .item-qty {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.order-confirmation .items-panel .order-item .item-details .item-bottom .item-price {
  font-weight: 700;
  font-size: 15px;
  color: var(--heading-color);
}
.order-confirmation .items-panel .item-divider {
  height: 1px;
  background-color: color-mix(in srgb, var(--default-color), transparent 90%);
  margin: 16px 0;
}
@media (max-width: 576px) {
  .order-confirmation .items-panel .order-item .item-image {
    width: 60px;
    height: 60px;
  }
}
.order-confirmation {
  /* ===== Compact Panels (Shipping/Help) ===== */
}
.order-confirmation .compact-panel {
  padding: 20px;
  height: 100%;
}
.order-confirmation .compact-panel .compact-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.order-confirmation .compact-panel .compact-icon i {
  font-size: 18px;
  color: var(--accent-color);
}
.order-confirmation .compact-panel h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: -0.01em;
}
.order-confirmation .compact-panel p {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 4px;
}
.order-confirmation .compact-panel p i {
  color: var(--accent-color);
  font-size: 13px;
  width: 16px;
}
.order-confirmation .compact-panel .help-link {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--accent-color);
  margin-bottom: 6px;
  transition: all 0.2s ease;
}
.order-confirmation .compact-panel .help-link i {
  font-size: 13px;
  width: 16px;
}
.order-confirmation .compact-panel .help-link:hover {
  color: color-mix(in srgb, var(--accent-color), #000 15%);
}
.order-confirmation {
  /* ===== Summary Panel ===== */
}
.order-confirmation .summary-panel .summary-list {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}
.order-confirmation .summary-panel .summary-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
}
.order-confirmation .summary-panel .summary-list li .free-tag {
  font-size: 12px;
  font-weight: 500;
  color: #16a34a;
  background-color: color-mix(in srgb, #16a34a, transparent 92%);
  padding: 1px 8px;
  border-radius: 6px;
}
.order-confirmation .summary-panel .total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  font-size: 16px;
  font-weight: 700;
  color: var(--heading-color);
}
.order-confirmation {
  /* ===== Payment Method ===== */
}
.order-confirmation .pay-method {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background-color: color-mix(in srgb, var(--default-color), transparent 97%);
  border-radius: 8px;
  margin-bottom: 12px;
}
.order-confirmation .pay-method > i {
  font-size: 24px;
  color: var(--accent-color);
}
.order-confirmation .pay-method strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.order-confirmation .pay-method span {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.order-confirmation .billing-match {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.order-confirmation .billing-match i {
  color: #16a34a;
  font-size: 14px;
}
.order-confirmation {
  /* ===== Action Bar ===== */
}
.order-confirmation .action-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.order-confirmation .action-bar .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 24px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.order-confirmation .action-bar .btn-ghost-action {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  background-color: transparent;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
}
.order-confirmation .action-bar .btn-ghost-action:hover {
  background-color: color-mix(in srgb, var(--default-color), transparent 96%);
  border-color: color-mix(in srgb, var(--default-color), transparent 60%);
  color: var(--default-color);
}
.order-confirmation .action-bar .btn-primary-action {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border: 1px solid var(--accent-color);
}
.order-confirmation .action-bar .btn-primary-action:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 12%);
  border-color: color-mix(in srgb, var(--accent-color), #000 12%);
  color: var(--contrast-color);
}
.order-confirmation .action-bar .btn-primary-action:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
@media (max-width: 576px) {
  .order-confirmation .action-bar {
    flex-direction: column;
    gap: 8px;
  }
  .order-confirmation .action-bar .btn {
    width: 100%;
    justify-content: center;
  }
}
.order-confirmation {
  /* ===== Recommendations ===== */
}
.order-confirmation .reco-section h3 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 20px;
}
.order-confirmation .reco-section .reco-card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s ease;
}
.order-confirmation .reco-section .reco-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 75%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 92%);
}
.order-confirmation .reco-section .reco-card:hover .add-btn {
  opacity: 1;
}
.order-confirmation .reco-section .reco-card .reco-img {
  position: relative;
  height: 160px;
  background-color: color-mix(in srgb, var(--default-color), transparent 97%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.order-confirmation .reco-section .reco-card .reco-img img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}
.order-confirmation .reco-section .reco-card .reco-img .add-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  opacity: 0;
  transition: all 0.2s ease;
}
.order-confirmation .reco-section .reco-card .reco-img .add-btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 15%);
  color: var(--contrast-color);
}
.order-confirmation .reco-section .reco-card .reco-info {
  padding: 12px 16px 16px;
}
.order-confirmation .reco-section .reco-card .reco-info h6 {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.order-confirmation .reco-section .reco-card .reco-info .reco-price {
  font-weight: 700;
  font-size: 14px;
  color: var(--heading-color);
}
@media (max-width: 576px) {
  .order-confirmation .reco-section .reco-card .reco-img {
    height: 120px;
  }
}

/*--------------------------------------------------------------
# Search Results Header Section
--------------------------------------------------------------*/
.search-results-header .search-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 16px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
}
.search-results-header .query-form .input-group-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.search-results-header .query-form .input-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-color);
}
.search-results-header .query-form .field-row {
  position: relative;
  display: flex;
  align-items: center;
}
.search-results-header .query-form .field-icon {
  position: absolute;
  left: 12px;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  pointer-events: none;
}
.search-results-header .query-form .form-control {
  height: 40px;
  padding: 8px 12px 8px 36px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: 6px;
  background: var(--background-color);
  font-size: 14px;
  color: var(--default-color);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.search-results-header .query-form .form-control:focus {
  outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.search-results-header .query-form .form-control::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.search-results-header .action-btn {
  height: 40px;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 14px;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  padding: 8px 24px;
  transition: background 0.2s ease;
}
.search-results-header .action-btn:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.search-results-header .action-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.search-results-header .toolbar-row {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--default-color), transparent 95%);
}
.search-results-header .info-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.search-results-header .info-label {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.search-results-header .info-value {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.search-results-header .count-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.search-results-header .query-text {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.search-results-header .query-text em {
  font-style: normal;
  font-weight: 600;
  color: var(--default-color);
}
.search-results-header .tag-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.search-results-header .tag-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--default-color);
  background: var(--background-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  padding: 4px 8px 4px 10px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.search-results-header .tag-item i:first-child {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.search-results-header .tag-item .tag-dismiss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 0;
  cursor: pointer;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  transition: all 0.2s ease;
}
.search-results-header .tag-item .tag-dismiss i {
  font-size: 12px;
}
.search-results-header .tag-item .tag-dismiss:hover {
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  color: var(--default-color);
}
.search-results-header .tag-item:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 70%);
}
.search-results-header .add-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  background: none;
  border: 1px dashed color-mix(in srgb, var(--default-color), transparent 80%);
  padding: 4px 10px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.search-results-header .add-filter-btn:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}
.search-results-header .sort-dropdown {
  height: 40px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: 6px;
  color: var(--default-color);
  background-color: var(--background-color);
  font-size: 14px;
  padding: 8px 36px 8px 12px;
  transition: all 0.2s ease;
}
.search-results-header .sort-dropdown:focus {
  outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
@media (max-width: 768px) {
  .search-results-header .search-card {
    padding: 16px;
  }
  .search-results-header .toolbar-row {
    padding: 16px;
  }
  .search-results-header .info-value {
    justify-content: flex-start;
  }
  .search-results-header .tag-group {
    justify-content: flex-start;
  }
}

/*--------------------------------------------------------------
# Search Product List Section
--------------------------------------------------------------*/
.search-product-list .product-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.2s ease;
}
.search-product-list .product-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 92%);
}
.search-product-list .product-card:hover .product-image img {
  transform: scale(1.04);
}
.search-product-list .product-card:hover .quick-actions {
  opacity: 1;
  transform: translateY(0);
}
.search-product-list .product-image {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  background: color-mix(in srgb, var(--default-color), transparent 96%);
}
.search-product-list .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.search-product-list .status-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  z-index: 2;
}
.search-product-list .status-badge.badge-fresh {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.search-product-list .status-badge.badge-discount {
  background: color-mix(in srgb, #dc3545, transparent 90%);
  color: #dc3545;
  border: 1px solid color-mix(in srgb, #dc3545, transparent 70%);
}
.search-product-list .quick-actions {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  transform: translateY(-8px);
  transition: all 0.2s ease;
  z-index: 2;
}
.search-product-list .action-btn {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--default-color);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
}
.search-product-list .action-btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.search-product-list .action-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.search-product-list .product-body {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.search-product-list .product-category {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
.search-product-list .product-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.search-product-list .product-title a {
  color: var(--heading-color);
  transition: color 0.2s ease;
}
.search-product-list .product-title a:hover {
  color: var(--accent-color);
}
.search-product-list .product-rating {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 8px;
}
.search-product-list .product-rating i {
  font-size: 12px;
  color: #f59e0b;
}
.search-product-list .product-rating .review-count {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-left: 6px;
}
.search-product-list .product-excerpt {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.6;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.search-product-list .product-footer {
  padding: 12px 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-product-list .product-price {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading-color);
  letter-spacing: -0.01em;
}
.search-product-list .product-price .was-price {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  text-decoration: line-through;
  font-weight: 400;
  margin-left: 4px;
}
.search-product-list .add-cart-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.search-product-list .add-cart-btn:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
}
.search-product-list .add-cart-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.search-product-list .add-cart-btn i {
  font-size: 16px;
}
@media (max-width: 768px) {
  .search-product-list .product-excerpt {
    -webkit-line-clamp: 1;
  }
  .search-product-list .add-cart-btn {
    padding: 6px 12px;
    font-size: 13px;
  }
}
@media (max-width: 576px) {
  .search-product-list .product-excerpt {
    display: none;
  }
  .search-product-list .product-body {
    padding: 12px;
  }
  .search-product-list .product-footer {
    padding: 10px 12px;
  }
  .search-product-list .product-price {
    font-size: 16px;
  }
  .search-product-list .quick-actions {
    opacity: 1;
    transform: translateY(0);
  }
}

/*--------------------------------------------------------------
# Category Pagination 2 Section
--------------------------------------------------------------*/
.category-pagination-2 {
  padding-top: 0;
}
.category-pagination-2 .pagination-bar {
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  padding-top: 24px;
}
.category-pagination-2 .results-summary {
  margin: 0;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.category-pagination-2 .results-summary strong {
  color: var(--default-color);
  font-weight: 600;
}
.category-pagination-2 .page-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.category-pagination-2 .page-numbers {
  display: flex;
  align-items: center;
  gap: 4px;
}
.category-pagination-2 .page-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  user-select: none;
  letter-spacing: 2px;
}
.category-pagination-2 .page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--default-color);
  background-color: transparent;
  border: 1px solid transparent;
  text-decoration: none;
  transition: all 0.2s ease;
}
.category-pagination-2 .page-btn:hover:not(.active):not([aria-disabled=true]) {
  background-color: var(--surface-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 85%);
}
.category-pagination-2 .page-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.category-pagination-2 .page-btn.active {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-weight: 600;
  border-color: var(--accent-color);
}
.category-pagination-2 .page-btn[aria-disabled=true] {
  opacity: 0.4;
  pointer-events: none;
}
.category-pagination-2 .step-btn {
  gap: 4px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  background-color: var(--surface-color);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.category-pagination-2 .step-btn i {
  font-size: 14px;
  font-weight: 700;
}
.category-pagination-2 .step-btn span {
  font-size: 14px;
}
.category-pagination-2 .step-btn:hover:not([aria-disabled=true]) {
  background-color: color-mix(in srgb, var(--default-color), transparent 96%);
  border-color: color-mix(in srgb, var(--default-color), transparent 70%);
}
@media (max-width: 576px) {
  .category-pagination-2 .page-controls {
    justify-content: center;
  }
  .category-pagination-2 .results-summary {
    text-align: center;
  }
  .category-pagination-2 .step-btn span {
    display: none;
  }
  .category-pagination-2 .step-btn {
    padding: 0 8px;
  }
  .category-pagination-2 .page-btn {
    min-width: 32px;
    height: 32px;
    font-size: 13px;
  }
  .category-pagination-2 .page-ellipsis {
    width: 28px;
    height: 32px;
  }
}

/*--------------------------------------------------------------
# Account Section
--------------------------------------------------------------*/
.account-page .account.section {
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .account-page .account.section {
    padding-bottom: 40px;
  }
}
.account-page .detail-page-title--embedded {
  margin-bottom: 12px;
}
.account-page .account-layout {
  margin-top: 0;
  align-items: flex-start;
}
.account-page .content-panel {
  min-width: 0;
}

.account {
  /* ============================
     Profile Sidebar
     ============================ */
}
.account .profile-sidebar {
  position: sticky;
  top: 100px;
}
.account .profile-card {
  background-color: var(--surface-color);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 24px color-mix(in srgb, var(--default-color), transparent 94%);
  margin-bottom: 20px;
}
.account .profile-card .profile-cover {
  height: 80px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), transparent 40%));
}
.account .profile-card .profile-body {
  padding: 0 20px 20px;
  text-align: center;
  margin-top: -44px;
}
.account .profile-card .profile-avatar {
  position: relative;
  width: 88px;
  height: 88px;
  margin: 0 auto 14px;
}
.account .profile-card .profile-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid var(--surface-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 86%);
}
.account .profile-card .profile-avatar .check-mark {
  position: absolute;
  bottom: 2px;
  right: 2px;
  font-size: 22px;
  color: var(--accent-color);
  background: var(--surface-color);
  border-radius: 50%;
  line-height: 1;
}
.account .profile-card .profile-name {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 6px;
}
.account .profile-card .profile-tier {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  border-radius: 30px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 12px;
}
.account .profile-card .profile-bio {
  font-size: 13px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
}
.account .profile-card .profile-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.account .profile-card .profile-stats .stat-cell {
  text-align: center;
  padding: 16px 8px;
  position: relative;
}
.account .profile-card .profile-stats .stat-cell:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 25%;
  bottom: 25%;
  width: 1px;
  background: color-mix(in srgb, var(--default-color), transparent 92%);
}
.account .profile-card .profile-stats .stat-num {
  display: block;
  font-size: 22px;
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--heading-color);
}
.account .profile-card .profile-stats .stat-cap {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.account .side-nav {
  background-color: var(--surface-color);
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 4px 24px color-mix(in srgb, var(--default-color), transparent 94%);
}
.account .side-nav .nav .nav-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--default-color);
  transition: all 0.3s ease;
  margin-bottom: 4px;
}
.account .side-nav .nav .nav-link > i:first-child {
  font-size: 18px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  transition: all 0.3s ease;
}
.account .side-nav .nav .nav-link span {
  flex: 1;
}
.account .side-nav .nav .nav-link .arrow {
  font-size: 12px;
  opacity: 0;
  transform: translateX(-4px);
  transition: all 0.3s ease;
}
.account .side-nav .nav .nav-link:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  color: var(--accent-color);
}
.account .side-nav .nav .nav-link:hover > i:first-child {
  color: var(--accent-color);
}
.account .side-nav .nav .nav-link:hover .arrow {
  opacity: 1;
  transform: translateX(0);
}
.account .side-nav .nav .nav-link.active {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.account .side-nav .nav .nav-link.active > i:first-child {
  color: var(--contrast-color);
}
.account .side-nav .nav .nav-link.active .arrow {
  opacity: 1;
  transform: translateX(0);
  color: var(--contrast-color);
}
.account .side-nav .side-footer {
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.account .side-nav .side-footer .foot-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  transition: all 0.3s ease;
}
.account .side-nav .side-footer .foot-link i {
  font-size: 16px;
}
.account .side-nav .side-footer .foot-link:hover {
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  color: var(--accent-color);
}
.account .side-nav .side-footer .foot-link.logout:hover {
  color: #dc2626;
  background: #fef2f2;
}
.account {
  /* ============================
     Main Content Panel
     ============================ */
}
.account .content-panel {
  background-color: var(--surface-color);
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 4px 24px color-mix(in srgb, var(--default-color), transparent 94%);
}
.account .panel-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.account .panel-bar .bar-heading h2 {
  margin: 0 0 4px;
  font-size: 24px;
  font-weight: 700;
}
.account .panel-bar .bar-heading .bar-sub {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.account .panel-bar .bar-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.account .panel-bar .bar-tools .search-box {
  position: relative;
}
.account .panel-bar .bar-tools .search-box i {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.account .panel-bar .bar-tools .search-box input {
  width: 220px;
  height: 42px;
  padding: 0 16px 0 40px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 30px;
  font-size: 13px;
  color: var(--default-color);
  background-color: var(--background-color);
  transition: all 0.3s ease;
}
.account .panel-bar .bar-tools .search-box input:focus {
  outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.account .panel-bar .bar-tools .search-box input::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.account .panel-bar .bar-tools .chip-filter {
  height: 42px;
  padding: 0 18px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 30px;
  background: var(--background-color);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--default-color);
  transition: all 0.3s ease;
}
.account .panel-bar .bar-tools .chip-filter:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
.account {
  /* ============================
     Buttons
     ============================ */
}
.account .solid-btn {
  height: 42px;
  padding: 0 22px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.account .solid-btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 18%);
  transform: translateY(-1px);
}
.account .solid-btn.full {
  width: 100%;
}
.account .ghost-btn {
  height: 42px;
  padding: 0 22px;
  background: transparent;
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.account .ghost-btn:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.account .ghost-btn.full {
  width: 100%;
}
.account .success-btn {
  height: 42px;
  padding: 0 22px;
  background-color: #f0fdf4;
  color: #16a34a;
  border: 1px solid #bbf7d0;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.account .success-btn:hover {
  background-color: #dcfce7;
}
.account .danger-btn {
  height: 42px;
  padding: 0 22px;
  background-color: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.account .danger-btn:hover {
  background-color: #fee2e2;
}
.account .mini-btn {
  height: 34px;
  padding: 0 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: var(--background-color);
  color: var(--default-color);
  transition: all 0.3s ease;
}
.account .mini-btn:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
.account .mini-btn.rm {
  color: #dc2626;
  border-color: #fecaca;
}
.account .mini-btn.rm:hover {
  background: #fef2f2;
}
.account .mini-btn.pr {
  color: var(--accent-color);
  border-color: var(--accent-color);
}
.account .mini-btn.pr:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.account {
  /* ============================
     Order Cards Grid
     ============================ */
}
.account .order-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 28px;
}
.account .order-grid .order-card {
  grid-column: span 1;
  background-color: var(--background-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 14px;
  padding: 20px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.account .order-grid .order-card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--default-color), transparent 92%);
  transform: translateY(-2px);
}
.account .order-grid .order-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: color-mix(in srgb, var(--default-color), transparent 70%);
}
.account .order-grid .order-card.processing::before {
  background: linear-gradient(90deg, #f97316, #fb923c);
}
.account .order-grid .order-card.shipped::before {
  background: linear-gradient(90deg, #0ea5e9, #38bdf8);
}
.account .order-grid .order-card.delivered::before {
  background: linear-gradient(90deg, #16a34a, #22c55e);
}
.account .order-grid .order-card.cancelled::before {
  background: linear-gradient(90deg, #dc2626, #ef4444);
}
.account .order-grid .order-card .order-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.account .order-grid .order-card .order-card-top .order-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.account .order-grid .order-card .order-card-top .order-tag .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}
.account .order-grid .order-card .order-card-top .order-code {
  font-size: 12px;
  font-family: var(--heading-font);
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.account .order-grid .order-card.processing .order-tag {
  background: #fff7ed;
  color: #f97316;
}
.account .order-grid .order-card.processing .order-tag .dot {
  background: #f97316;
}
.account .order-grid .order-card.shipped .order-tag {
  background: #f0f9ff;
  color: #0ea5e9;
}
.account .order-grid .order-card.shipped .order-tag .dot {
  background: #0ea5e9;
}
.account .order-grid .order-card.delivered .order-tag {
  background: #f0fdf4;
  color: #16a34a;
}
.account .order-grid .order-card.delivered .order-tag .dot {
  background: #16a34a;
}
.account .order-grid .order-card.cancelled .order-tag {
  background: #fef2f2;
  color: #dc2626;
}
.account .order-grid .order-card.cancelled .order-tag .dot {
  background: #dc2626;
}
.account .order-grid .order-card .order-card-body {
  display: flex;
  gap: 14px;
  margin-bottom: 16px;
}
.account .order-grid .order-card .order-card-body .thumb-stack {
  display: flex;
  flex-shrink: 0;
}
.account .order-grid .order-card .order-card-body .thumb-stack img {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  object-fit: cover;
  border: 3px solid var(--surface-color);
  margin-left: -10px;
  background: var(--surface-color);
}
.account .order-grid .order-card .order-card-body .thumb-stack img:first-child {
  margin-left: 0;
}
.account .order-grid .order-card .order-card-body .thumb-stack .more-count {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  border: 3px solid var(--surface-color);
  margin-left: -10px;
}
.account .order-grid .order-card .order-card-body .order-meta {
  flex: 1;
}
.account .order-grid .order-card .order-card-body .order-meta .meta-row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  padding: 3px 0;
}
.account .order-grid .order-card .order-card-body .order-meta .meta-row .k {
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.account .order-grid .order-card .order-card-body .order-meta .meta-row .v {
  font-weight: 500;
}
.account .order-grid .order-card .order-card-body .order-meta .meta-row.total {
  border-top: 1px dashed color-mix(in srgb, var(--default-color), transparent 88%);
  margin-top: 4px;
  padding-top: 8px;
}
.account .order-grid .order-card .order-card-body .order-meta .meta-row.total .v {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--heading-font);
  color: var(--accent-color);
}
.account .order-grid .order-card .order-card-foot {
  display: flex;
  gap: 8px;
}
.account .order-grid .order-card .order-card-foot button {
  flex: 1;
  height: 38px;
  padding: 0 14px;
  font-size: 12px;
}
.account .expand-area {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px dashed color-mix(in srgb, var(--default-color), transparent 88%);
}
.account {
  /* Vertical Stepper */
}
.account .v-stepper {
  position: relative;
  padding-left: 14px;
}
.account .v-stepper::before {
  content: "";
  position: absolute;
  left: 27px;
  top: 14px;
  bottom: 14px;
  width: 2px;
  background: color-mix(in srgb, var(--default-color), transparent 88%);
}
.account .v-stepper .v-step {
  display: flex;
  gap: 14px;
  padding: 8px 0;
  position: relative;
}
.account .v-stepper .v-step .v-dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--surface-color);
  border: 2px solid color-mix(in srgb, var(--default-color), transparent 80%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  z-index: 1;
}
.account .v-stepper .v-step .v-dot i {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.account .v-stepper .v-step .v-info h6 {
  margin: 0 0 2px;
  font-size: 13px;
  font-weight: 600;
}
.account .v-stepper .v-step .v-info span {
  font-size: 11px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.account .v-stepper .v-step.done .v-dot {
  background: #16a34a;
  border-color: #16a34a;
}
.account .v-stepper .v-step.done .v-dot i {
  color: #fff;
}
.account .v-stepper .v-step.current .v-dot {
  background: #f97316;
  border-color: #f97316;
}
.account .v-stepper .v-step.current .v-dot i {
  color: #fff;
}
.account .v-stepper .v-step.current .v-dot {
  box-shadow: 0 0 0 4px color-mix(in srgb, #f97316, transparent 80%);
}
.account .v-stepper .v-step.current .v-info h6 {
  color: #f97316;
}
.account .track-id {
  margin-top: 14px;
  padding: 10px 16px;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: 10px;
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.account .track-id strong {
  color: var(--accent-color);
  font-family: var(--heading-font);
  letter-spacing: 1px;
}
.account .info-box {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 12px;
}
.account .info-box:last-child {
  margin-bottom: 0;
}
.account .info-box h5 {
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--accent-color);
}
.account .info-box p {
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}
.account .info-box p.soft {
  margin-top: 4px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.account .info-box .info-pair {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 13px;
}
.account .info-box .info-pair span:first-child {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.account .info-box .info-pair span:last-child {
  font-weight: 500;
}
.account .info-box .info-pair.grand {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 2px solid color-mix(in srgb, var(--default-color), transparent 85%);
}
.account .info-box .info-pair.grand span:last-child {
  font-weight: 700;
  color: var(--accent-color);
  font-size: 15px;
}
.account .info-box .line-item {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px dashed color-mix(in srgb, var(--default-color), transparent 92%);
}
.account .info-box .line-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.account .info-box .line-item img {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
}
.account .info-box .line-item div {
  flex: 1;
  min-width: 0;
}
.account .info-box .line-item h6 {
  margin: 0 0 2px;
  font-size: 12px;
  font-weight: 600;
}
.account .info-box .line-item span {
  font-size: 11px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.account .info-box .line-item strong {
  font-size: 13px;
  font-family: var(--heading-font);
}
.account {
  /* Pager */
}
.account .pager-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.account .pager-bar .pg-arrow {
  height: 38px;
  padding: 0 16px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 20px;
  background: var(--surface-color);
  font-size: 13px;
  color: var(--default-color);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
}
.account .pager-bar .pg-arrow:hover:not(:disabled) {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.account .pager-bar .pg-arrow:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.account .pager-bar .pg-numbers {
  display: flex;
  gap: 6px;
  align-items: center;
}
.account .pager-bar .pg-numbers button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: var(--surface-color);
  font-size: 13px;
  font-weight: 600;
  color: var(--default-color);
  transition: all 0.3s ease;
}
.account .pager-bar .pg-numbers button:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
.account .pager-bar .pg-numbers button.active {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.account .pager-bar .pg-numbers span {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.account {
  /* ============================
     Address Tiles
     ============================ */
}
.account .addr-tile {
  background: var(--background-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 14px;
  padding: 20px;
  height: 100%;
  transition: all 0.3s ease;
  position: relative;
}
.account .addr-tile:hover {
  box-shadow: 0 6px 20px color-mix(in srgb, var(--default-color), transparent 92%);
  transform: translateY(-2px);
}
.account .addr-tile.primary {
  border-color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
}
.account .addr-tile .addr-top {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}
.account .addr-tile .addr-top .addr-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--surface-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.account .addr-tile .addr-top .addr-icon i {
  font-size: 22px;
  color: var(--accent-color);
}
.account .addr-tile .addr-top .addr-name h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}
.account .addr-tile .addr-top .addr-name .prim-tag {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 10px;
  border-radius: 20px;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.account .addr-tile .addr-body {
  margin-bottom: 16px;
}
.account .addr-tile .addr-body p {
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 10px;
}
.account .addr-tile .addr-body .addr-contact {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.account .addr-tile .addr-body .addr-contact span {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  display: flex;
  align-items: center;
  gap: 6px;
}
.account .addr-tile .addr-body .addr-contact span i {
  font-size: 14px;
  color: var(--accent-color);
}
.account .addr-tile .addr-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 14px;
  border-top: 1px dashed color-mix(in srgb, var(--default-color), transparent 86%);
}
.account {
  /* ============================
     Settings Stack
     ============================ */
}
.account .settings-stack {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.account .settings-stack .settings-card {
  background: var(--background-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 16px;
  padding: 24px;
}
.account .settings-stack .settings-card.danger-card {
  background: #fef2f2;
  border-color: #fecaca;
}
.account .settings-stack .settings-card.danger-card .sh-icon {
  background: #fee2e2;
}
.account .settings-stack .settings-card.danger-card .sh-icon i {
  color: #dc2626;
}
.account .settings-stack .settings-card.danger-card .settings-head h3 {
  color: #dc2626;
}
.account .settings-stack .settings-head {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.account .settings-stack .settings-head .sh-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.account .settings-stack .settings-head .sh-icon i {
  font-size: 22px;
  color: var(--accent-color);
}
.account .settings-stack .settings-head h3 {
  margin: 0 0 2px;
  font-size: 17px;
  font-weight: 700;
}
.account .settings-stack .settings-head p {
  margin: 0;
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.account .settings-stack .set-form .form-label {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}
.account .settings-stack .set-form .form-control {
  height: 44px;
  padding: 0 16px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 10px;
  font-size: 14px;
  color: var(--default-color);
  background-color: var(--surface-color);
  transition: all 0.3s ease;
}
.account .settings-stack .set-form .form-control:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 88%);
}
.account .settings-stack .set-form .set-form-foot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
}
.account .settings-stack .switch-stack .switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px dashed color-mix(in srgb, var(--default-color), transparent 88%);
}
.account .settings-stack .switch-stack .switch-row:first-child {
  padding-top: 0;
}
.account .settings-stack .switch-stack .switch-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.account .settings-stack .switch-stack .switch-row .switch-info h4 {
  margin: 0 0 2px;
  font-size: 14px;
  font-weight: 600;
}
.account .settings-stack .switch-stack .switch-row .switch-info p {
  margin: 0;
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.account .settings-stack .switch-stack .switch-row .form-check {
  margin: 0;
  min-height: auto;
}
.account .settings-stack .switch-stack .switch-row .form-check .form-check-input {
  width: 3rem;
  height: 1.5rem;
  margin: 0;
  cursor: pointer;
}
.account .settings-stack .switch-stack .switch-row .form-check .form-check-input:checked {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}
.account .settings-stack .switch-stack .switch-row .form-check .form-check-input:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent-color), transparent 78%);
}
.account .settings-stack .danger-action p {
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 14px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.account {
  /* ============================
     Responsive
     ============================ */
}
@media (max-width: 1199px) {
  .account .order-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .account .profile-sidebar {
    position: static;
  }
  .account .side-nav .nav .nav-link {
    padding: 10px 12px;
  }
  .account .content-panel {
    padding: 22px;
  }
}
@media (max-width: 768px) {
  .account .content-panel {
    padding: 18px;
  }
  .account .panel-bar .bar-tools .search-box input {
    width: 100%;
  }
  .account .panel-bar .bar-tools {
    width: 100%;
  }
  .account .panel-bar .bar-tools .search-box {
    flex: 1;
  }
  .account .order-grid .order-card .order-card-foot {
    flex-direction: column;
  }
  .account .pager-bar {
    flex-wrap: wrap;
  }
  .account .pager-bar .pg-numbers {
    order: -1;
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .account .profile-card .profile-stats .stat-num {
    font-size: 18px;
  }
  .account .order-grid .order-card .order-card-body {
    flex-direction: column;
  }
}
.account .profile-card .avatar-placeholder {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 4px solid var(--surface-color);
  background: color-mix(in srgb, var(--default-color) 12%, var(--surface-color));
  color: var(--default-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 86%);
}
.account .profile-card .avatar-placeholder i {
  font-size: 36px;
  line-height: 1;
}
.account .profile-card .profile-stats--1 {
  grid-template-columns: 1fr;
}
.account .profile-card .profile-stats--2 {
  grid-template-columns: repeat(2, 1fr);
}
.account .side-nav .side-footer__logout {
  margin: 0;
  width: 100%;
}
.account .side-nav .side-footer button.foot-link {
  width: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font: inherit;
}
.account .panel-bar--inner {
  margin-top: 8px;
  border-bottom: none;
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.account .panel-bar--inner h2 {
  font-size: 18px;
}
.account .btn-primary,
.account .btn-secondary,
.account .btn-ghost {
  text-decoration: none;
}
.account .btn-primary {
  height: 42px;
  padding: 0 22px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.account .btn-primary:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 18%);
  transform: translateY(-1px);
}
.account .btn-ghost {
  height: 42px;
  padding: 0 22px;
  background: transparent;
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.account .btn-ghost:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.account .btn-secondary {
  height: 42px;
  padding: 0 22px;
  background: transparent;
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.3s ease;
}
.account .btn-secondary:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
.account .field-hint {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.account .account-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.account .account-table-footer__info {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.account a.solid-btn,
.account a.ghost-btn,
.account a.mini-btn {
  text-decoration: none;
}
.account .order-card-foot a.solid-btn,
.account .order-card-foot a.ghost-btn {
  flex: 1;
  height: 38px;
  padding: 0 14px;
  font-size: 12px;
}
.account .empty-state {
  text-align: center;
  max-width: 360px;
  margin: 0 auto;
}
.account .empty-state__icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
}
.account .empty-state__icon i {
  font-size: 24px;
}
.account .empty-state__title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
}
.account .empty-state__desc {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}
.account .settings-stack .settings-card .profile-photo-upload {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
@media (max-width: 576px) {
  .account .settings-stack .settings-card .profile-photo-upload {
    flex-direction: column;
    align-items: flex-start;
  }
}
.account .settings-stack .settings-card .profile-photo-upload__preview {
  flex: 0 0 auto;
}
.account .settings-stack .settings-card .profile-photo-upload__image, .account .settings-stack .settings-card .profile-photo-upload__placeholder {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
}
.account .settings-stack .settings-card .profile-photo-upload__placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  border: 2px solid color-mix(in srgb, var(--default-color), transparent 88%);
}
.account .settings-stack .settings-card .profile-photo-upload__content {
  min-width: 0;
}
.account .settings-stack .settings-card .profile-photo-upload__content h4 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 600;
}
.account .settings-stack .settings-card .profile-photo-upload__content p {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.account .settings-stack .settings-card .profile-photo-upload__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.account .settings-stack .settings-card .profile-photo-upload__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.account .settings-stack .settings-card .profile-photo-upload__pick {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  cursor: pointer;
}
.account .settings-stack .settings-card .profile-photo-upload__remove-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  cursor: pointer;
  color: #dc2626;
  border-color: color-mix(in srgb, #dc2626, transparent 70%);
}
.account .settings-stack .settings-card .profile-photo-upload__remove-btn:hover, .account .settings-stack .settings-card .profile-photo-upload__remove-btn.is-active {
  color: #dc2626;
  background: color-mix(in srgb, #dc2626, transparent 92%);
  border-color: color-mix(in srgb, #dc2626, transparent 55%);
}
.account .settings-stack .settings-card .profile-photo-upload__notice {
  margin: 10px 0 0;
  font-size: 13px;
  font-weight: 500;
  color: #dc2626;
}
.account .settings-stack .settings-card .profile-photo-upload__preview.is-marked-for-removal .profile-photo-upload__placeholder.is-removed-preview {
  opacity: 0.75;
  border-style: dashed;
  border-color: color-mix(in srgb, #dc2626, transparent 55%);
  background: color-mix(in srgb, #dc2626, transparent 94%);
}
.account .address-form-panel .account-card__body {
  padding-top: 20px;
}
.account .address-form-panel .address-set-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.account .address-profile-panel {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: var(--card-border-radius, 12px);
  overflow: hidden;
  background: var(--surface-color);
}
.account .address-profile-panel__header {
  padding: 14px 20px;
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.account .address-profile-panel__header h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--heading-color);
}
.account .address-profile-panel__body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.account .address-form-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.account .address-form-section__title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  padding-bottom: 8px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.account .address-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
}
@media (max-width: 768px) {
  .account .address-form-grid {
    grid-template-columns: 1fr;
  }
}
.account .address-location-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 20px;
}
@media (max-width: 992px) {
  .account .address-location-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 576px) {
  .account .address-location-grid {
    grid-template-columns: 1fr;
  }
}
.account .address-form-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.account .address-form-field--full {
  grid-column: 1/-1;
}
.account .address-form-field__label {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-color);
}
.account .address-form-field__label .required-mark {
  margin-left: 2px;
  color: #dc2626;
  font-weight: 600;
}
.account .address-form-field .form-control,
.account .address-form-field .form-select {
  height: 40px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: 6px;
  font-size: 14px;
  color: var(--default-color);
  background: var(--surface-color);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.account .address-form-field .form-control:hover,
.account .address-form-field .form-select:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.account .address-form-field .form-control:focus,
.account .address-form-field .form-select:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.account .address-form-field .form-control::placeholder,
.account .address-form-field .form-select::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.account .address-form-field textarea.form-control {
  height: auto;
  min-height: 96px;
  resize: vertical;
  line-height: 1.5;
}
.account .address-form-field .form-control[readonly] {
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  cursor: default;
}
.account .address-form-field .invalid-feedback {
  font-size: 13px;
}
.account .account-type-options {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  min-height: 40px;
  align-items: center;
}
.account .account-type-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}
.account .account-type-option input[type=radio] {
  accent-color: var(--accent-color);
}
.account .address-form-panel select.is-invalid + .select2-container .select2-selection--single,
.account .address-form-panel select.is-invalid + .select2-container--default .select2-selection--single {
  border-color: #dc2626;
}
.account .address-form-panel .select2-container {
  width: 100% !important;
}
.account .address-form-panel .select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  height: 40px;
  padding-right: 4px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: 6px;
  background: var(--surface-color);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.account .address-form-panel .select2-container--default .select2-selection--single .select2-selection__rendered {
  order: 1;
  flex: 1 1 auto;
  float: none !important;
  min-width: 0;
  padding: 0 8px 0 12px;
  line-height: 1.4;
  font-size: 14px;
  color: var(--default-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account .address-form-panel .select2-container--default .select2-selection--single .select2-selection__clear {
  order: 2;
  float: none !important;
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0 2px 0 0;
  padding: 0;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
  transition: color 0.2s ease, background-color 0.2s ease;
}
.account .address-form-panel .select2-container--default .select2-selection--single .select2-selection__clear:hover {
  color: var(--default-color);
  background: color-mix(in srgb, var(--default-color), transparent 92%);
}
.account .address-form-panel .select2-container--default .select2-selection--single .select2-selection__arrow {
  order: 3;
  position: static !important;
  top: auto;
  right: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  margin: 0;
}
.account .address-form-panel .select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: static;
  display: block;
  width: 0;
  height: 0;
  margin: 0;
  border-width: 5px 4px 0;
  border-style: solid;
  border-color: color-mix(in srgb, var(--default-color), transparent 35%) transparent transparent;
}
.account .address-form-panel .select2-container--default .select2-selection--single:has(.select2-selection__clear) .select2-selection__arrow {
  margin-left: 2px;
  border-left: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
}
.account .address-form-panel .select2-container--default.select2-container--focus .select2-selection--single,
.account .address-form-panel .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.account .address-form-panel .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: var(--accent-color) transparent transparent;
}
.account .address-form-panel .select2-dropdown {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  border-radius: 6px;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color), transparent 88%);
  overflow: hidden;
}
.account .address-form-panel .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 14px;
}
.account .address-form-panel .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--accent-color);
  outline: none;
}
.account .address-form-panel .select2-container--default .select2-results__option {
  font-size: 14px;
  padding: 8px 12px;
}
.account .address-form-panel .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--accent-color);
}
.account .address-same-toggle,
.account .address-form-options {
  padding: 8px 0;
}
.account .address-check-option {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 10%);
}
.account .address-check-option input[type=checkbox] {
  width: 16px;
  height: 16px;
  accent-color: var(--accent-color);
}
.account .billing-address-section {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.account .address-form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
@media (max-width: 576px) {
  .account .address-form-actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
.account .address-cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 320px;
}
.account .address-cell__title {
  font-size: 12px;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.account .address-cell__text {
  font-size: 13px;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 10%);
}

.courier-page {
  background: color-mix(in srgb, var(--background-color), #eef1f4 35%);
}
.courier-page .courier.section {
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .courier-page .courier.section {
    padding-bottom: 40px;
  }
}

.courier-layout {
  align-items: flex-start;
}

.courier-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
}

.courier-page #courier-page-top .detail-page-title--embedded {
  margin-bottom: 1.25rem;
}
.courier-page #courier-page-top .detail-page-title__card {
  background: #fff;
  border-color: color-mix(in srgb, var(--default-color), transparent 88%);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 92%), 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 94%);
}

.courier-panel {
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 12px);
  padding: 1.5rem;
  margin-bottom: 1.25rem;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 92%), 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 94%);
}

.courier-panel__title {
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--heading-color);
}

.courier-type-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.courier-type-cards--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.courier-type-cards--vehicle {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.courier-type-cards--four .courier-type-card {
  padding: 1.45rem 1.15rem;
  min-height: 12.75rem;
}

.courier-type-cards--four .courier-type-card--shipment {
  justify-content: flex-start;
  gap: 0.45rem;
  padding-top: 1.65rem;
  padding-right: 1.15rem;
}

.courier-type-cards--four .courier-type-card__label {
  font-size: 0.975rem;
  line-height: 1.4;
  padding-right: 3.75rem;
}

.courier-type-cards--four .courier-type-card__meta {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 12%);
  flex: 1;
}

.courier-type-cards--four .courier-type-card__footer {
  width: 100%;
  margin-top: 0.25rem;
  padding-top: 0.65rem;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.courier-type-cards--four .courier-type-card__price {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}

.courier-type-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}

.courier-type-card__vehicle-icons {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  gap: 0.35rem;
  min-height: 2rem;
}

.courier-type-card__vehicle-icon-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--button-border-radius, 8px);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 1.05rem;
  line-height: 1;
  opacity: 0.72;
  transition: opacity 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.courier-type-card__vehicle-icon-box.is-selected {
  opacity: 1;
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-color), transparent 55%);
}

.courier-type-card.is-active .courier-type-card__vehicle-icon-box.is-selected {
  background: color-mix(in srgb, var(--accent-color), transparent 80%);
}

.courier-shipment-vehicles {
  margin-top: 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 12px);
  background: #fff;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 94%);
}

.courier-shipment-vehicles__label {
  display: block;
  margin-bottom: 0.65rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--heading-color);
}

.courier-shipment-vehicles__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.courier-vehicle-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--button-border-radius, 8px);
  background: color-mix(in srgb, var(--background-color), var(--default-color) 2%);
  text-align: left;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.courier-vehicle-chip:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 72%);
}

.courier-vehicle-chip.is-active {
  border-color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  box-shadow: 0 0 0 1px var(--accent-color);
}

.courier-vehicle-chip__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: var(--button-border-radius, 8px);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
  font-size: 1.1rem;
  line-height: 1;
}

.courier-vehicle-chip.is-active .courier-vehicle-chip__icon {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
}

.courier-vehicle-chip__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1rem;
  min-width: 0;
}

.courier-vehicle-chip__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.25;
}

.courier-vehicle-chip__meta {
  font-size: 0.75rem;
  color: color-mix(in srgb, var(--default-color), transparent 28%);
  line-height: 1.3;
}

.courier-service-unavailable {
  margin-top: 1rem;
  padding: 1.25rem 1.35rem;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 72%);
  border-radius: var(--card-border-radius, 12px);
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  text-align: left;
}

.courier-service-unavailable__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0.75rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.25rem;
  line-height: 1;
}

.courier-service-unavailable__title {
  margin: 0 0 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.35;
}

.courier-service-unavailable__message {
  margin: 0 0 0.65rem;
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--default-color);
}

.courier-service-unavailable__hint {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 18%);
}

.courier-type-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  padding: 1rem 1.1rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 12px);
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 94%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.courier-type-card__badge {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  max-width: calc(100% - 1.5rem);
  padding: 0.38rem 0.8rem;
  border-radius: 999px;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0.01em;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--heading-color), transparent 86%);
  pointer-events: none;
}

.courier-type-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 72%);
}

.courier-type-card.is-active {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 1px var(--accent-color), 0 4px 14px color-mix(in srgb, var(--accent-color), transparent 82%);
}

.courier-type-card__icon {
  font-size: 1.5rem;
  color: var(--accent-color);
  line-height: 1;
}

.courier-type-card__label {
  font-weight: 600;
  color: var(--heading-color);
}

.courier-type-card__meta {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}

.courier-type-card__price {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--accent-color);
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
}

.courier-type-card--vehicle {
  flex-direction: row;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 1rem;
}

.courier-type-card__icon-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.85rem;
  height: 2.85rem;
  flex-shrink: 0;
  border-radius: var(--button-border-radius, 8px);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
  font-size: 1.4rem;
  line-height: 1;
}

.courier-type-card.is-active .courier-type-card__icon-box {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
}

.courier-type-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  min-width: 0;
  text-align: left;
}

.courier-weight-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.courier-weight-empty {
  margin: 0;
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}

.courier-weight-pill {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: #fff;
  color: var(--default-color);
  border-radius: var(--button-border-radius, 8px);
  padding: 0.68rem 1.05rem;
  min-height: 2.65rem;
  font-size: 0.875rem;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 94%);
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.courier-weight-pill:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 72%);
}

.courier-weight-pill.is-active {
  border-color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-weight: 600;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-color), transparent 70%);
}

.courier-package-content {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
}

.courier-content-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  margin-top: 0.65rem;
  padding-inline: 0.9rem;
}

.courier-content-tag {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--accent-color);
  cursor: pointer;
}

.courier-content-tag:hover {
  text-decoration: underline;
}

.courier-stop__address-details {
  display: none;
}

.courier-stop.is-address-selected .courier-stop__address-details {
  display: block;
}

.courier-field-label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.4rem;
}

.courier-input,
.courier-select {
  width: 100%;
  min-height: 44px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: 0.6rem;
  background-color: #fff;
  color: var(--default-color);
  padding: 0.72rem 0.9rem;
  font-size: 0.9375rem;
  line-height: 1.4;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 94%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.courier-input:hover,
.courier-select:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 55%);
}

.courier-input:focus,
.courier-select:focus {
  outline: none;
  border-color: var(--accent-color);
  background-color: #fff;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 86%), 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 94%);
}

.courier-input::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

.courier-field__error {
  margin: 0.35rem 0 0;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  color: color-mix(in srgb, var(--heading-color), #dc2626 55%);
}

.courier-check__error {
  flex: 0 0 100%;
  margin: 0.35rem 0 0;
  padding-left: 2rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  color: color-mix(in srgb, var(--heading-color), #dc2626 55%);
}

.courier-group__error {
  margin: 0.5rem 0 0;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  color: color-mix(in srgb, var(--heading-color), #dc2626 55%);
}

.courier-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2.65rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.85rem center;
  background-size: 1rem 1rem;
  cursor: pointer;
}

.courier-textarea {
  resize: vertical;
  min-height: 5.5rem;
  line-height: 1.55;
}

.courier-field--icon {
  margin-bottom: 0.65rem;
}
.courier-field--icon .courier-field__control {
  position: relative;
}
.courier-field--icon .courier-field__icon {
  position: absolute;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 1.1rem;
  line-height: 1;
  pointer-events: none;
}
.courier-field--icon .courier-input:not(.courier-phone-input),
.courier-field--icon .courier-textarea {
  padding-left: 2.35rem;
}

.courier-field--address .courier-field__control {
  position: relative;
  display: flex;
  align-items: stretch;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: 0.6rem;
  background-color: #fff;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 94%);
  overflow: visible;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.courier-field--address .courier-field__control:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 55%);
}
.courier-field--address .courier-field__control:focus-within,
.courier-field--address .courier-field__control--focused {
  z-index: 40;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 86%), 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 94%);
}
.courier-field--address.courier-field--invalid .courier-field__control {
  border-color: color-mix(in srgb, var(--heading-color), color-mix(in srgb, var(--heading-color), #dc2626 55%) 45%);
  box-shadow: 0 0 0 3px color-mix(in srgb, color-mix(in srgb, var(--heading-color), #dc2626 55%), transparent 88%), 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 94%);
}
.courier-field--address .courier-field__icon {
  position: absolute;
  left: 0.85rem;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 1.1rem;
  line-height: 1;
  pointer-events: none;
}
.courier-field--address gmp-place-autocomplete.courier-address-autocomplete {
  position: relative;
  z-index: 2;
  display: block;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  outline: none;
  color: var(--default-color);
  color-scheme: light;
  font-family: var(--default-font);
  font-size: 0.9375rem;
  line-height: 1.4;
}
.courier-field--address gmp-place-autocomplete.courier-address-autocomplete::part(input) {
  padding-left: 2.35rem;
}
.courier-field--address gmp-place-autocomplete.courier-address-autocomplete::part(prediction-list) {
  position: relative;
  z-index: 1;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: 0.6rem;
  background-color: #fff;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 92%), 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 94%);
}
.courier-field--address gmp-place-autocomplete.courier-address-autocomplete:focus,
.courier-field--address gmp-place-autocomplete.courier-address-autocomplete:focus-within {
  border: 0;
  box-shadow: none;
  outline: none;
}
.courier-field--address gmp-place-autocomplete.courier-address-autocomplete::part(focus-ring) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}
.courier-field--address gmp-place-autocomplete.courier-address-autocomplete:focus-within::part(focus-ring),
.courier-field--address gmp-place-autocomplete.courier-address-autocomplete:focus::part(focus-ring) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
}
.courier-field--address gmp-place-autocomplete.courier-address-autocomplete [slot=focus-ring] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}
.courier-field--address .courier-field__control--address-native .courier-address-suggestions {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  z-index: 45;
  max-height: 16rem;
  overflow-y: auto;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: 0.6rem;
  background-color: #fff;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 92%), 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 94%);
}
.courier-field--address .courier-field__control--address-native .courier-address-suggestions__item {
  display: block;
  width: 100%;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: transparent;
  text-align: left;
  padding: 0.75rem 0.85rem;
  color: var(--default-color);
  font-family: var(--default-font);
  font-size: 0.9375rem;
  line-height: 1.4;
}
.courier-field--address .courier-field__control--address-native .courier-address-suggestions__item:last-child {
  border-bottom: 0;
}
.courier-field--address .courier-field__control--address-native .courier-address-suggestions__item:active,
.courier-field--address .courier-field__control--address-native .courier-address-suggestions__item:focus-visible {
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  outline: none;
}

.courier-field--textarea .courier-field__icon {
  top: 0.85rem;
  transform: none;
}

.courier-field--phone {
  margin-bottom: 0;
}
.courier-field--phone .courier-field__control {
  display: flex;
  align-items: stretch;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: 0.6rem;
  background-color: #fff;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 94%);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.courier-field--phone .courier-field__control:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 55%);
}
.courier-field--phone .courier-field__control:focus-within {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 86%), 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 94%);
}
.courier-field--phone .courier-field__icon {
  position: static;
  display: inline-flex;
  align-items: center;
  padding-left: 0.85rem;
  flex-shrink: 0;
  transform: none;
}
.courier-field--phone .courier-phone-field__prefix {
  display: inline-flex;
  align-items: center;
  padding: 0 0.65rem;
  border: none;
  background: transparent;
  color: var(--heading-color);
  font-size: 0.9375rem;
  font-weight: 600;
  white-space: nowrap;
}
.courier-field--phone .courier-phone-input {
  flex: 1;
  min-width: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding-left: 0.35rem;
}
.courier-field--phone .courier-phone-input:hover, .courier-field--phone .courier-phone-input:focus {
  border: none;
  box-shadow: none;
}

.courier-coupon-row .courier-coupon-field {
  min-width: 0;
}
.courier-coupon-row .courier-field__control,
.courier-coupon-row .courier-input {
  height: 100%;
}

.courier-insurance-field {
  min-width: 0;
  width: 13.5rem;
  flex: 0 0 13.5rem;
  max-width: 100%;
}

.courier-insurance {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.courier-insurance__header {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
}

.courier-insurance__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--button-border-radius, 8px);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.25rem;
  flex-shrink: 0;
}

.courier-insurance__intro {
  min-width: 0;
}

.courier-insurance__title {
  margin: 0 0 0.25rem;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--heading-color);
}

.courier-insurance__lead {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}

.courier-insurance__form {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 0.75rem;
}

.courier-insurance-input {
  min-height: 44px;
}

.courier-insurance-fee-display {
  font-weight: 600;
  color: var(--accent-color);
  font-variant-numeric: tabular-nums;
}
.courier-insurance-fee-display:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 72%);
}

.courier-insurance__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.courier-insurance__meta-item {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.7rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--button-border-radius, 8px);
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.35;
  color: color-mix(in srgb, var(--default-color), transparent 18%);
}

.courier-timeline__item {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: 0.85rem;
}

.courier-timeline__item + .courier-timeline__item {
  margin-top: 1.25rem;
}

.courier-timeline__marker {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
}

.courier-timeline__dot {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 0.875rem;
  font-weight: 700;
  flex-shrink: 0;
}

.courier-timeline__line {
  width: 2px;
  flex: 1;
  min-height: 1.5rem;
  margin-top: 0.35rem;
  background: repeating-linear-gradient(to bottom, var(--accent-color) 0, var(--accent-color) 4px, transparent 4px, transparent 8px);
}

#courier-stops .courier-timeline__item:last-child .courier-timeline__line {
  display: none;
}

.courier-stop__title {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0.85rem;
  color: var(--heading-color);
}

.courier-option-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 1rem;
  align-items: end;
}

.courier-request-mode-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.courier-request-mode-card {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  padding: 0.95rem 1rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: var(--card-border-radius, 12px);
  background: #fff;
  text-align: left;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.courier-request-mode-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 55%);
}

.courier-request-mode-card.is-active {
  border-color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-color), transparent 35%);
}

.courier-request-mode-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--button-border-radius, 8px);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 1.15rem;
  flex-shrink: 0;
}

.courier-request-mode-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

.courier-request-mode-card__label {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--heading-color);
}

.courier-request-mode-card__meta {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}

.courier-request-panel {
  margin-top: 0.25rem;
  padding: 1rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 12px);
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
}

.courier-request-panel__title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.35rem;
  color: var(--heading-color);
}

.courier-request-panel__lead {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 1rem;
}

.courier-request-panel__login-hint {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 10%);
}
.courier-request-panel__login-hint a {
  color: var(--accent-color);
  font-weight: 600;
  text-decoration: none;
}

.courier-member-banner {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.85rem 1rem;
  border-radius: var(--card-border-radius, 12px);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
  font-size: 0.9rem;
  color: var(--default-color);
}

.courier-request-mode-cards--invalid {
  outline: 2px solid var(--accent-color);
  outline-offset: 4px;
  border-radius: var(--card-border-radius, 12px);
}

.courier-payment-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.courier-payment-card {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.85rem;
  width: 100%;
  min-width: 0;
  min-height: 5.25rem;
  padding: 0.9rem 1rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 12px);
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 94%);
  cursor: pointer;
  font: inherit;
  color: inherit;
  appearance: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.courier-payment-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 72%);
}

.courier-payment-card.is-active {
  border-color: var(--accent-color);
  background: #fff;
  box-shadow: 0 0 0 1px var(--accent-color), 0 4px 14px color-mix(in srgb, var(--accent-color), transparent 82%);
}
.courier-payment-card.is-active .courier-payment-card__icon-box {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
}

.courier-payment-card__icon-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.85rem;
  height: 2.85rem;
  flex-shrink: 0;
  border-radius: var(--button-border-radius, 8px);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
  font-size: 1.4rem;
  line-height: 1;
}

.courier-payment-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  min-width: 0;
  flex: 1 1 auto;
}

.courier-payment-card__label {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.35;
}

.courier-payment-card__meta {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 12%);
  line-height: 1.45;
}

.courier-coupon {
  margin-bottom: 1rem;
}

.courier-coupon-toggle {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--accent-color);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.courier-coupon-toggle:hover,
.courier-coupon-toggle:focus-visible {
  color: color-mix(in srgb, var(--accent-color), var(--heading-color) 18%);
}

.courier-coupon-panel {
  margin-top: 0.75rem;
}

.courier-coupon-feedback {
  margin: 0.55rem 0 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
}

.courier-coupon-feedback--error {
  color: color-mix(in srgb, var(--heading-color), #dc2626 55%);
}

.courier-coupon-feedback--success {
  color: color-mix(in srgb, var(--accent-color), #16a34a 35%);
}

.courier-coupon-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: stretch;
}

.courier-coupon-apply {
  min-width: 6.5rem;
  padding-inline: 1.1rem;
  font-weight: 600;
  white-space: nowrap;
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.courier-coupon-apply:hover, .courier-coupon-apply:focus-visible {
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
  border-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
  color: var(--contrast-color);
}

.courier-cash-payment-stop {
  margin-top: 1rem;
}

.courier-cash-payment-stop__title {
  margin: 0 0 0.75rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
}

.courier-cash-payment-stop__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.courier-cash-payment-stop-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  width: 100%;
  padding: 0.85rem 1rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius);
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.courier-cash-payment-stop-card:hover, .courier-cash-payment-stop-card:focus-visible {
  border-color: color-mix(in srgb, var(--accent-color), color-mix(in srgb, var(--default-color), transparent 88%) 55%);
}

.courier-cash-payment-stop-card.is-active {
  border-color: var(--accent-color);
  background: #fff;
  box-shadow: 0 0 0 1px var(--accent-color), 0 8px 24px color-mix(in srgb, var(--accent-color), transparent 88%);
}

.courier-cash-payment-stop-card__label {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
}

.courier-cash-payment-stop-card__address {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: color-mix(in srgb, var(--default-color), transparent 12%);
}

.courier-cash-payment-stop--invalid .courier-cash-payment-stop-card {
  border-color: color-mix(in srgb, var(--heading-color), #dc2626 45%);
}

.courier-payment-divider {
  height: 1px;
  margin: 1.15rem 0 0.25rem;
  background: color-mix(in srgb, var(--default-color), transparent 88%);
}

.courier-payment-checkout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: fit-content;
  max-width: 100%;
  gap: 0.75rem;
}

.courier-payment-legal {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.courier-payment-total {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.85rem;
  margin-bottom: 1rem;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  line-height: 1.15;
}

.courier-payment-total__label {
  font-size: 1.65rem;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.15;
}

.courier-payment-total__amount {
  font-size: 1.85rem;
  font-weight: 700;
  color: var(--accent-color);
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}

.courier-payment-total .courier-price-breakdown-trigger {
  margin-left: 0.15rem;
  font-size: 1.85rem;
}

.courier-price-breakdown-trigger {
  position: relative;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15em;
  height: 1.15em;
  border: none;
  border-radius: var(--button-border-radius, 8px);
  background: var(--accent-color);
  cursor: help;
  flex-shrink: 0;
  outline: none;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.courier-price-breakdown-trigger__icon {
  font-size: 0.62em;
  font-weight: 400;
  line-height: 1;
  color: var(--contrast-color);
}

.courier-price-breakdown-trigger:hover,
.courier-price-breakdown-trigger:focus-visible {
  background: color-mix(in srgb, var(--accent-color), var(--heading-color) 10%);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 78%);
}
.courier-price-breakdown-trigger:hover .courier-price-breakdown-trigger__icon,
.courier-price-breakdown-trigger:focus-visible .courier-price-breakdown-trigger__icon {
  color: var(--contrast-color);
}

.courier-price-breakdown-trigger:hover .courier-price-breakdown-tooltip,
.courier-price-breakdown-trigger:focus-visible .courier-price-breakdown-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.courier-price-breakdown-tooltip {
  position: absolute;
  bottom: calc(100% + 0.55rem);
  right: 0;
  min-width: 17rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 12px);
  background: #fff;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 88%), 0 0 0 1px color-mix(in srgb, var(--default-color), transparent 92%);
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.35rem);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  z-index: 30;
  pointer-events: none;
}

.courier-price-breakdown-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0.45rem;
  border: 0.45rem solid transparent;
  border-top-color: #fff;
  filter: drop-shadow(0 1px 0 color-mix(in srgb, var(--default-color), transparent 88%));
}

.courier-payment-terms {
  margin-bottom: 0;
}

.courier-payment-privacy {
  margin-bottom: 0;
}

.courier-payment-terms .courier-check__label,
.courier-payment-privacy .courier-check__label {
  color: var(--accent-color);
  font-weight: 500;
}

.courier-payment-disclaimer {
  margin: 0.85rem 0 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}

.courier-payment-disclaimer a {
  color: var(--accent-color);
  text-decoration: none;
}

.courier-payment-disclaimer a:hover {
  text-decoration: underline;
}

.courier-check {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.55rem;
  cursor: pointer;
  user-select: none;
}

.courier-check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.courier-check__box {
  width: 1.1rem;
  height: 1.1rem;
  border: 1.5px solid color-mix(in srgb, var(--default-color), transparent 72%);
  border-radius: 0.25rem;
  margin-top: 0.1rem;
  flex-shrink: 0;
  position: relative;
  background: #fff;
}

.courier-check input:checked + .courier-check__box {
  border-color: var(--accent-color);
  background: var(--accent-color);
}

.courier-check input:checked + .courier-check__box::after {
  content: "";
  position: absolute;
  left: 0.28rem;
  top: 0.08rem;
  width: 0.28rem;
  height: 0.55rem;
  border: solid var(--contrast-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.courier-check__label {
  font-size: 0.9rem;
  color: var(--default-color);
}

.courier-sidebar {
  position: sticky;
  top: 6rem;
}

.courier-summary-card {
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 12px);
  padding: 1.25rem;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 92%), 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 94%);
}

.courier-summary-card__title {
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.courier-quote-summary__placeholder,
.courier-quote-summary__loading {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin: 0;
}

.courier-quote-summary__error {
  font-size: 0.875rem;
  color: #dc3545;
  margin: 0;
}

.courier-quote-lines {
  list-style: none;
  margin: 0;
  padding: 0;
}

.courier-quote-lines li {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.45rem 0;
  border-bottom: 1px dashed color-mix(in srgb, var(--default-color), transparent 88%);
  font-size: 0.875rem;
}

.courier-quote-lines li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.courier-quote-lines li:first-child {
  padding-top: 0;
}

.courier-quote-lines li strong {
  font-weight: 600;
  white-space: nowrap;
}

.courier-quote-lines--tooltip li {
  font-size: 0.875rem;
  padding: 0.45rem 0;
  color: var(--heading-color);
}
.courier-quote-lines--tooltip li span {
  color: color-mix(in srgb, var(--default-color), transparent 10%);
  font-weight: 500;
}
.courier-quote-lines--tooltip li strong {
  color: var(--heading-color);
  font-weight: 700;
}

.courier-summary-card__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.85rem 0 1rem;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  font-size: 0.95rem;
}

.courier-summary-card__total strong {
  font-size: 1.25rem;
  color: var(--heading-color);
}

.courier-summary-card__member {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  border-radius: var(--card-border-radius, 12px);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
  font-size: 0.875rem;
}

.courier-summary-card__guest {
  margin-bottom: 1rem;
  padding-top: 0.25rem;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
}

.courier-submit-btn {
  width: var(--courier-payment-action-width, auto);
  max-width: 100%;
  margin-top: 0;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  font-weight: 600;
  font-size: 1rem;
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}
.courier-submit-btn:hover, .courier-submit-btn:focus-visible {
  background-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
  border-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
  color: var(--contrast-color);
}
.courier-submit-btn__content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.courier-submit-btn__spinner {
  flex-shrink: 0;
}
.courier-submit-btn.is-loading {
  pointer-events: none;
  opacity: 0.92;
}

.courier-field-hint {
  margin: 0.35rem 0 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: color-mix(in srgb, var(--default-color), transparent 28%);
}

.courier-payment-legal .courier-check__label a {
  color: var(--accent-color);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.courier-payment-legal .courier-check__label a:hover, .courier-payment-legal .courier-check__label a:focus-visible {
  color: color-mix(in srgb, var(--accent-color), var(--heading-color) 20%);
}

.courier-sticky-total {
  position: fixed;
  z-index: 1040;
  width: max-content;
  max-width: min(100vw - 2rem, 22rem);
  bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  left: 1rem;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(110%);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}
.courier-sticky-total.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.courier-sticky-total__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  width: auto;
  margin: 0;
  padding: 0.7rem 1rem;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 55%);
  border-radius: var(--card-border-radius, 12px);
  background: #fff;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--heading-color), transparent 82%), 0 0 0 1px color-mix(in srgb, var(--accent-color), transparent 78%);
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.courier-sticky-total__badge:hover, .courier-sticky-total__badge:focus-visible {
  outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 12px 34px color-mix(in srgb, var(--heading-color), transparent 78%), 0 0 0 1px var(--accent-color);
}

.courier-sticky-total__label {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
}

.courier-sticky-total__amount {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--accent-color);
  font-variant-numeric: tabular-nums;
}

.courier-page.courier-has-sticky-total {
  padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 991.98px) {
  .courier-sidebar {
    position: static;
  }
  .courier-option-row {
    grid-template-columns: 1fr;
  }
  .courier-payment-cards {
    grid-template-columns: 1fr;
  }
  .courier-cash-payment-stop__cards {
    grid-template-columns: 1fr;
  }
  .courier-request-mode-cards {
    grid-template-columns: 1fr;
  }
  .courier-type-cards--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .courier-timeline__marker {
    display: none;
  }
  .courier-timeline__item {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .courier-timeline__item + .courier-timeline__item {
    margin-top: 1.35rem;
    padding-top: 1.35rem;
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  }
  .courier-payment-total {
    position: relative;
    z-index: 2;
  }
  .courier-price-breakdown-trigger {
    position: static;
  }
  .courier-price-breakdown-tooltip {
    left: 0;
    right: 0;
    width: auto;
    min-width: 0;
    max-width: none;
  }
  .courier-price-breakdown-tooltip::after {
    left: auto;
    right: 0.85rem;
  }
  .courier-insurance__form {
    flex-direction: column;
    align-items: stretch;
  }
  .courier-insurance-field {
    width: 100%;
    flex: 1 1 auto;
    max-width: none;
  }
}
@media (max-width: 575.98px) {
  .courier-type-cards,
  .courier-type-cards--four {
    grid-template-columns: 1fr;
  }
  .courier-type-cards--four .courier-type-card {
    min-height: auto;
  }
  .courier-panel {
    padding: 1rem;
  }
  .courier-payment-total__label {
    font-size: 1.45rem;
  }
  .courier-payment-total__amount {
    font-size: 1.6rem;
  }
  .courier-payment-total .courier-price-breakdown-trigger {
    font-size: 1.6rem;
  }
  .courier-coupon-apply {
    min-width: 5.5rem;
    padding-inline: 0.85rem;
  }
}
.courier-confirmation-page .courier.section {
  padding-bottom: 60px;
}

.courier-confirmation-alert {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  margin-bottom: 1.25rem;
  border-radius: var(--card-border-radius, 12px);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: #fff;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 92%), 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 94%);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.courier-confirmation-alert i {
  font-size: 1.25rem;
  line-height: 1;
  flex-shrink: 0;
}
.courier-confirmation-alert--success {
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.courier-confirmation-alert--success i {
  color: var(--accent-color);
}
.courier-confirmation-alert--info {
  border-color: color-mix(in srgb, var(--heading-color), transparent 82%);
  background-color: color-mix(in srgb, var(--background-color), #eef1f4 35%);
}

.courier-confirmation-details {
  display: grid;
  gap: 0.875rem;
  margin: 0;
}
.courier-confirmation-details__row {
  display: grid;
  grid-template-columns: minmax(8rem, 11rem) minmax(0, 1fr);
  gap: 0.75rem 1rem;
  align-items: baseline;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
}
.courier-confirmation-details__row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.courier-confirmation-details__row dt {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.courier-confirmation-details__row dd {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  text-align: right;
}

.courier-confirmation-status {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: 600;
}
.courier-confirmation-status--pending, .courier-confirmation-status--awaiting_transfer {
  background-color: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
}
.courier-confirmation-status--paid {
  background-color: color-mix(in srgb, #16a34a, transparent 88%);
  color: #15803d;
}
.courier-confirmation-status--failed {
  background-color: color-mix(in srgb, #dc2626, transparent 88%);
  color: #b91c1c;
}

.courier-confirmation-bank__highlight {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
.courier-confirmation-bank__amount, .courier-confirmation-bank__reference {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: calc(var(--card-border-radius, 12px) - 2px);
  background: color-mix(in srgb, var(--background-color), #eef1f4 35%);
}
.courier-confirmation-bank__amount-label, .courier-confirmation-bank__reference-label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
}
.courier-confirmation-bank__amount strong {
  font-size: 1.25rem;
  color: var(--heading-color);
}
.courier-confirmation-bank__reference-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1.5rem;
  letter-spacing: 0.18em;
  color: var(--heading-color);
}
.courier-confirmation-bank__hint {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}
.courier-confirmation-bank__accounts {
  display: grid;
  gap: 0.75rem;
}
.courier-confirmation-bank__account {
  padding: 1rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: calc(var(--card-border-radius, 12px) - 2px);
  background: #fff;
}
.courier-confirmation-bank__account-name {
  font-weight: 600;
  color: var(--heading-color);
}
.courier-confirmation-bank__account-holder {
  margin-top: 0.15rem;
  font-size: 0.9375rem;
}
.courier-confirmation-bank__iban {
  margin-top: 0.35rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.9375rem;
  word-break: break-all;
}
.courier-confirmation-bank__branch, .courier-confirmation-bank__instructions {
  margin-top: 0.35rem;
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}
.courier-confirmation-bank__instructions {
  margin-top: 1rem;
  margin-bottom: 0;
}

.courier-confirmation-actions__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-start;
}

@media (max-width: 767.98px) {
  .courier-confirmation-details__row {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
  .courier-confirmation-details__row dd {
    text-align: left;
  }
  .courier-confirmation-bank__highlight {
    grid-template-columns: 1fr;
  }
  .courier-confirmation-actions__buttons {
    flex-direction: column;
  }
  .courier-confirmation-actions__buttons .btn {
    width: 100%;
  }
}
.courier-track-page .courier.section {
  padding-bottom: 60px;
}

.courier-track-layout {
  align-items: flex-start;
}
.courier-track-layout__main, .courier-track-layout__sidebar {
  min-width: 0;
}

.courier-track-sidebar {
  position: sticky;
  top: 6rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.courier-track-sidebar .courier-panel,
.courier-track-sidebar .courier-track-alert {
  margin-bottom: 0;
}

.courier-track-panel-lead {
  margin: -0.35rem 0 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}

.courier-track-actions .courier-confirmation-actions__buttons {
  margin: 0;
}
.courier-track-actions .courier-confirmation-actions__buttons .btn {
  width: 100%;
}

@media (max-width: 991.98px) {
  .courier-track-sidebar {
    position: static;
  }
}
.courier-track-alert {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  margin-bottom: 1.25rem;
  border-radius: var(--card-border-radius, 12px);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: #fff;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--heading-color), transparent 92%), 0 8px 24px color-mix(in srgb, var(--heading-color), transparent 94%);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.courier-track-alert i {
  font-size: 1.25rem;
  line-height: 1;
  flex-shrink: 0;
}
.courier-track-alert strong {
  font-weight: 600;
}
.courier-track-alert--success {
  border-color: color-mix(in srgb, #16a34a, transparent 70%);
  background-color: color-mix(in srgb, #16a34a, transparent 92%);
}
.courier-track-alert--success i {
  color: #15803d;
}
.courier-track-alert--active {
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.courier-track-alert--active i {
  color: var(--accent-color);
}
.courier-track-alert--info {
  border-color: color-mix(in srgb, var(--heading-color), transparent 82%);
  background-color: color-mix(in srgb, var(--background-color), #eef1f4 35%);
}
.courier-track-alert--danger {
  border-color: color-mix(in srgb, #dc2626, transparent 70%);
  background-color: color-mix(in srgb, #dc2626, transparent 92%);
}
.courier-track-alert--danger i {
  color: #b91c1c;
}

.courier-track-status {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: 600;
}
.courier-track-status--processing {
  background-color: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
}
.courier-track-status--shipped {
  background-color: color-mix(in srgb, var(--accent-color), transparent 82%);
  color: var(--accent-color);
}
.courier-track-status--delivered {
  background-color: color-mix(in srgb, #16a34a, transparent 88%);
  color: #15803d;
}
.courier-track-status--cancelled {
  background-color: color-mix(in srgb, #dc2626, transparent 88%);
  color: #b91c1c;
}

.courier-track-stops__list {
  display: grid;
  gap: 0.75rem;
}
.courier-track-stops__item {
  padding: 1rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: calc(var(--card-border-radius, 12px) - 2px);
  background: color-mix(in srgb, var(--background-color), #eef1f4 35%);
}
.courier-track-stops__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.courier-track-stops__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.courier-track-stops__badge--pickup {
  background-color: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
}
.courier-track-stops__badge--dropoff {
  background-color: color-mix(in srgb, var(--heading-color), transparent 88%);
  color: var(--heading-color);
}
.courier-track-stops__contact {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}
.courier-track-stops__address {
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--default-color);
}
.courier-track-stops__details {
  margin: 0.5rem 0 0;
  padding: 0;
}
.courier-track-stops__detail-row {
  display: grid;
  grid-template-columns: minmax(6.5rem, auto) 1fr;
  gap: 0.35rem 0.75rem;
  margin-top: 0.35rem;
  font-size: 0.8125rem;
}
.courier-track-stops__detail-label {
  margin: 0;
  font-weight: 600;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.courier-track-stops__detail-value {
  margin: 0;
  color: var(--default-color);
}
.courier-track-stops__notes {
  margin-top: 0.65rem;
  padding-top: 0.65rem;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  font-size: 0.8125rem;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  white-space: pre-line;
}
.courier-track-stops__phone {
  margin-top: 0.35rem;
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}

.courier-stop-details__notes {
  white-space: pre-line;
}

.courier-track-timeline__empty {
  margin: 0;
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}
.courier-track-timeline__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.courier-track-timeline__item {
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr);
  gap: 0 0.875rem;
  padding-bottom: 1rem;
}
.courier-track-timeline__item:last-child {
  padding-bottom: 0;
}
.courier-track-timeline__item:last-child .courier-track-timeline__marker::after {
  display: none;
}
.courier-track-timeline__marker {
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
  margin-top: 0.2rem;
  border-radius: 50%;
  background: var(--accent-color);
  justify-self: center;
}
.courier-track-timeline__marker::after {
  content: "";
  position: absolute;
  top: calc(100% + 0.15rem);
  left: 50%;
  width: 2px;
  height: calc(100% + 0.85rem);
  transform: translateX(-50%);
  background: color-mix(in srgb, var(--default-color), transparent 88%);
}
.courier-track-timeline__status {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
}
.courier-track-timeline__time {
  margin-top: 0.15rem;
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}
.courier-track-timeline__note {
  margin-top: 0.35rem;
  font-size: 0.875rem;
  line-height: 1.45;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
}

.account-card__body .courier-track-section {
  margin-bottom: 1.25rem;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}
.account-card__body .courier-track-section:last-child {
  margin-bottom: 0;
}
.account-card__body .courier-track-section .courier-panel__title {
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}

.courier-payment-iyzico__hint {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
}

.payment-iyzico-page .courier-payment-iyzico #iyzipay-checkout-form,
.payment-iyzico-page .payment-iyzico-embed #iyzipay-checkout-form {
  width: 100%;
  min-height: 0;
}
.payment-iyzico-page .courier-payment-iyzico #iyzipay-checkout-form.responsive,
.payment-iyzico-page .courier-payment-iyzico #iyzipay-checkout-form iframe,
.payment-iyzico-page .payment-iyzico-embed #iyzipay-checkout-form.responsive,
.payment-iyzico-page .payment-iyzico-embed #iyzipay-checkout-form iframe {
  width: 100% !important;
  max-width: 100%;
}
.payment-iyzico-page .courier-payment-iyzico #iyzipay-checkout-form iframe,
.payment-iyzico-page .payment-iyzico-embed #iyzipay-checkout-form iframe {
  min-height: 640px;
  border: 0;
}
.payment-iyzico-page .iyzico-overlay,
.payment-iyzico-page .iyzico-popup-wrapper,
.payment-iyzico-page .iyzipay-checkout-form-overlay {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
}

/*--------------------------------------------------------------
# Auth Layout (login / register without header & footer)
--------------------------------------------------------------*/
.auth-layout {
  min-height: 100vh;
  background: radial-gradient(circle at top left, color-mix(in srgb, var(--accent-color), transparent 92%), transparent 45%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent-color), transparent 95%), transparent 40%), color-mix(in srgb, var(--background-color), #fff 35%);
  color: var(--default-color);
}

.auth-layout-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.auth-layout-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.auth-layout-brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.auth-layout-logo {
  max-height: 42px;
  width: auto;
}

.auth-layout-site-name {
  font-size: 20px;
  font-weight: 700;
  color: var(--heading-color);
  letter-spacing: -0.02em;
}

.auth-layout-home-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  text-decoration: none;
  transition: color 0.2s ease;
}
.auth-layout-home-link:hover {
  color: var(--accent-color);
}

.auth-layout-main {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 24px 0 48px;
}

.auth-layout-footer {
  padding: 16px 24px 24px;
  text-align: center;
}
.auth-layout-footer p {
  margin: 0;
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}

.auth-layout-section {
  width: 100%;
  padding: 0 !important;
  background: transparent !important;
}

.auth-layout-page.login-page .auth-card,
.auth-layout-page.login-page .register-card,
.auth-layout-page.register-page .auth-card,
.auth-layout-page.register-page .register-card {
  box-shadow: 0 12px 40px color-mix(in srgb, var(--default-color), transparent 92%);
}

@media (max-width: 576px) {
  .auth-layout-home-link span {
    display: none;
  }
}
/*--------------------------------------------------------------
# Customer Login (membership /giris)
--------------------------------------------------------------*/
.customer-login-page {
  --customer-login-surface: color-mix(in srgb, var(--background-color), var(--accent-color) 4%);
  --customer-login-card-bg: var(--surface-color);
  --customer-login-card-border: color-mix(in srgb, var(--default-color), transparent 88%);
  --customer-login-card-shadow:
    0 0.0625rem 0.125rem color-mix(in srgb, var(--default-color), transparent 96%),
    0 0.75rem 2rem color-mix(in srgb, var(--default-color), transparent 94%);
  --customer-login-input-bg: var(--surface-color);
  --customer-login-input-border: color-mix(in srgb, var(--default-color), transparent 88%);
  --customer-login-muted: color-mix(in srgb, var(--default-color), transparent 25%);
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 1rem;
  overflow-x: hidden;
  background-color: var(--customer-login-surface);
  color: var(--default-color);
  font-family: var(--default-font);
}

.customer-login-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.customer-login-bg-surface {
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent-color) 14%, var(--background-color)) 0%, color-mix(in srgb, var(--accent-color) 6%, var(--customer-login-surface)) 32%, var(--customer-login-surface) 58%, color-mix(in srgb, var(--accent-color) 4%, var(--customer-login-surface)) 100%);
}

.customer-login-bg-band {
  position: absolute;
  top: 0;
  left: -12%;
  width: 125%;
  height: 58%;
  transform: rotate(-8deg);
  transform-origin: top left;
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent-color), transparent 86%) 0%, color-mix(in srgb, var(--accent-color), transparent 93%) 45%, color-mix(in srgb, var(--accent-color), transparent 98%) 100%);
}

.customer-login-bg-grid {
  position: absolute;
  inset: 0;
  opacity: 0.78;
  background-image: linear-gradient(color-mix(in srgb, var(--accent-color), transparent 90%) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-color), transparent 90%) 1px, transparent 1px);
  background-size: 2.75rem 2.75rem;
  mask-image: radial-gradient(ellipse 90% 75% at 50% 42%, #000 20%, transparent 100%);
}

.customer-login-bg-dots {
  position: absolute;
  inset: 0;
  opacity: 0.52;
  background-image: radial-gradient(color-mix(in srgb, var(--accent-color), transparent 74%) 1px, transparent 1px);
  background-size: 1.125rem 1.125rem;
  mask-image: radial-gradient(ellipse 80% 65% at 50% 48%, #000 15%, transparent 100%);
}

.customer-login-bg-shape {
  position: absolute;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 86%);
  border-radius: 1.25rem;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 93%) 0%, color-mix(in srgb, var(--accent-color), transparent 98%) 100%);
  pointer-events: none;
  will-change: transform;
}

.customer-login-bg-shape--one {
  top: 8%;
  left: 6%;
  width: 9rem;
  height: 9rem;
  transform: rotate(18deg);
  animation: customer-login-shape-drift-one 16s ease-in-out infinite;
}

.customer-login-bg-shape--two {
  right: 7%;
  bottom: 14%;
  width: 11rem;
  height: 11rem;
  transform: rotate(-14deg);
  border-radius: 50%;
  animation: customer-login-shape-drift-two 20s ease-in-out infinite;
  animation-delay: -4s;
}

@keyframes customer-login-shape-drift-one {
  0%, 100% {
    transform: translate(0, 0) rotate(18deg);
  }
  25% {
    transform: translate(1.125rem, 0.625rem) rotate(24deg);
  }
  50% {
    transform: translate(0.625rem, 1.375rem) rotate(12deg);
  }
  75% {
    transform: translate(1.5rem, 0.875rem) rotate(21deg);
  }
}
@keyframes customer-login-shape-drift-two {
  0%, 100% {
    transform: translate(0, 0) rotate(-14deg);
  }
  33% {
    transform: translate(-1.25rem, -0.875rem) rotate(-8deg);
  }
  66% {
    transform: translate(-0.5rem, -1.375rem) rotate(-18deg);
  }
}
.customer-login-bg-glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.customer-login-bg-glow--primary {
  top: -6rem;
  right: -4rem;
  width: 32rem;
  height: 32rem;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent-color), transparent 82%) 0%, color-mix(in srgb, var(--accent-color), transparent 94%) 42%, transparent 72%);
}

.customer-login-bg-glow--secondary {
  bottom: -8rem;
  left: -6rem;
  width: 30rem;
  height: 30rem;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent-color), transparent 88%) 0%, color-mix(in srgb, var(--accent-color), transparent 96%) 40%, transparent 70%);
}

.customer-login-shell {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: 100%;
  max-width: 53.25rem;
  margin-top: auto;
  margin-bottom: auto;
}

.customer-login-home-link-wrap {
  margin-top: 0.875rem;
  text-align: center;
}

.customer-login-home-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--customer-login-muted);
  text-decoration: none;
  transition: color 0.15s ease;
}
.customer-login-home-link:hover {
  color: var(--accent-color);
}

.customer-login-layout {
  display: flex;
  align-items: stretch;
  gap: 1.375rem;
}

.customer-login-showcase {
  position: relative;
  display: block;
  flex: none;
  min-width: 0;
  height: 11.5rem;
  min-height: 0;
  margin-bottom: 1.125rem;
  border-radius: 7px;
  overflow: hidden;
  border: 1px solid var(--customer-login-card-border);
  box-shadow: var(--customer-login-card-shadow);
  /* No custom image: use the selected frontend accent/primary color. */
  background-color: var(--accent-color);
}

.customer-login-showcase-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.customer-login-showcase-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.58);
  pointer-events: none;
}

.customer-login-showcase:not(.customer-login-showcase--has-media) .customer-login-showcase-message-line {
  color: var(--contrast-color);
  text-shadow: none;
}

.customer-login-showcase:not(.customer-login-showcase--has-media) .customer-login-showcase-message-accent {
  background: var(--contrast-color);
  opacity: 0.92;
}

.customer-login-showcase-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  padding: 1.5rem 1.25rem;
  text-align: center;
}

.customer-login-showcase-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: calc(100% - 1rem);
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.customer-login-showcase-logo-link:hover {
  opacity: 0.88;
}

.customer-login-showcase-logo-image {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.customer-login-showcase-message-accent {
  display: block;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2px;
  border-radius: 999px;
  background: var(--contrast-color);
  opacity: 0.92;
}

.customer-login-showcase-message {
  width: 100%;
  max-width: calc(100% - 0.5rem);
  text-align: center;
}

.customer-login-showcase-message-text {
  margin: 0;
  min-height: 3.5rem;
}

.customer-login-showcase-message-line {
  display: block;
  color: var(--contrast-color);
  font-family: var(--heading-font);
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: 0.01em;
  text-align: center;
  text-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.35);
  opacity: 0;
  transform: translateY(0.625rem);
  transition: opacity 0.56s ease, transform 0.56s ease;
}
.customer-login-showcase-message-line.is-active {
  opacity: 1;
  transform: translateY(0);
}
.customer-login-showcase-message-line.is-exiting {
  opacity: 0;
  transform: translateY(-0.375rem);
}

@media (prefers-reduced-motion: reduce) {
  .customer-login-showcase-message-line {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .customer-login-bg-shape {
    animation: none !important;
  }
}
@media (min-width: 768px) {
  .customer-login-showcase {
    flex: 1 1 0;
    height: auto;
    min-height: 100%;
    margin-bottom: 0;
  }
  .customer-login-layout > .customer-login-card {
    flex: 1 1 0;
    min-width: 0;
  }
}
.customer-login-card {
  position: relative;
  border: 1px solid var(--customer-login-card-border);
  border-radius: 7px;
  background: var(--customer-login-card-bg);
  box-shadow: var(--customer-login-card-shadow);
  overflow: hidden;
}
.customer-login-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--accent-color);
}

.customer-login-card-header {
  padding: 1.75rem 2rem 0;
  text-align: center;
}

.customer-login-card-body {
  padding: 1.5rem 2rem 2rem;
}

.customer-login-title {
  font-family: var(--heading-font);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--heading-color);
  margin-bottom: 0.35rem;
  letter-spacing: -0.02em;
}

.customer-login-welcome {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--accent-color);
  margin-bottom: 0.3rem;
}

.customer-login-subtitle {
  font-size: 0.8125rem;
  color: var(--customer-login-muted);
  margin-bottom: 0;
  line-height: 1.55;
}

.customer-login-form {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}

.customer-login-field {
  display: flex;
  flex-direction: column;
}

.customer-login-field--phone .courier-field--phone {
  margin-bottom: 0;
}
.customer-login-field--phone .courier-field-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--default-color);
  margin-bottom: 0.45rem;
}

.customer-login-field-error {
  margin-top: 0.35rem;
  font-size: 0.8125rem;
  color: var(--bs-danger, #dc3545);
}

.customer-login-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--default-color);
  margin-bottom: 0.45rem;
}

.customer-login-link {
  font-size: 0.8125rem;
  color: var(--customer-login-muted);
  text-decoration: none;
  transition: color 0.15s ease;
}
.customer-login-link:hover {
  color: var(--accent-color);
}

.customer-login-hint {
  padding: 0.875rem 1rem;
  border-radius: var(--button-border-radius, 6px);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 76%);
  background-color: color-mix(in srgb, var(--accent-color), transparent 94%);
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--default-color);
  text-align: center;
}

.customer-login-input-group .input-group-text {
  min-width: 2.875rem;
  justify-content: center;
  background-color: var(--customer-login-input-bg);
  border-color: var(--customer-login-input-border);
  color: var(--customer-login-muted);
  border-radius: 6px 0 0 6px;
}
.customer-login-input-group .form-control {
  min-height: 2.875rem;
  background-color: var(--customer-login-input-bg);
  border-color: var(--customer-login-input-border);
  font-size: 0.9375rem;
  border-radius: 0 6px 6px 0;
}
.customer-login-input-group .form-control::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 58%);
}
.customer-login-input-group .form-control:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--accent-color), transparent 90%);
}

.customer-login-pass-inputgroup {
  position: relative;
}
.customer-login-pass-inputgroup .form-control {
  border-radius: 0 6px 6px 0;
  padding-right: 2.75rem;
}
.customer-login-pass-inputgroup .customer-login-password-toggle {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  width: 2.875rem;
  height: 2.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  color: var(--customer-login-muted);
  text-decoration: none;
}
.customer-login-pass-inputgroup .customer-login-password-toggle:hover, .customer-login-pass-inputgroup .customer-login-password-toggle:focus {
  color: var(--accent-color);
}

.customer-login-remember {
  margin-top: -0.25rem;
}
.customer-login-remember .form-check-label {
  font-size: 0.875rem;
  color: var(--default-color);
}

.customer-login-page .btn-primary.customer-login-submit {
  min-height: 2.875rem;
  margin-top: 0.25rem;
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: var(--button-border-radius, 6px);
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  box-shadow: none;
}
.customer-login-page .btn-primary.customer-login-submit:hover, .customer-login-page .btn-primary.customer-login-submit:focus {
  background-color: color-mix(in srgb, var(--accent-color), #000 8%);
  border-color: color-mix(in srgb, var(--accent-color), #000 8%);
  box-shadow: none;
}
.customer-login-page .btn-primary.customer-login-submit.customer-login-submit-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  cursor: wait;
}
.customer-login-page .btn-primary.customer-login-submit.customer-login-submit-loading > span {
  width: 100%;
}

.customer-login-back-link {
  margin-top: 1.25rem;
  text-align: center;
  font-size: 0.875rem;
  color: var(--customer-login-muted);
}
.customer-login-back-link a {
  font-weight: 600;
  color: var(--accent-color);
  text-decoration: none;
}
.customer-login-back-link a:hover {
  text-decoration: underline;
}

.customer-login-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.375rem;
  font-size: 0.8125rem;
  color: var(--customer-login-muted);
}

.customer-login-footer-copyright {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
  line-height: 1.5;
}
.customer-login-footer-copyright p {
  margin-bottom: 0;
}

.customer-login-footer-powered {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  text-align: right;
  white-space: nowrap;
}

.customer-login-footer-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.625rem;
  border-radius: var(--button-border-radius, 6px);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.customer-login-footer-badge:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
  color: var(--accent-color);
}

@media (max-width: 767.98px) {
  .customer-login-shell {
    max-width: 26rem;
  }
  .customer-login-layout {
    display: block;
  }
  .customer-login-showcase-content {
    gap: 0.75rem;
    padding: 1rem 1.125rem;
  }
  .customer-login-showcase-logo-image {
    max-height: 2.125rem;
  }
  .customer-login-showcase-message-text {
    min-height: 2.375rem;
  }
  .customer-login-showcase-message-line {
    font-size: 0.875rem;
    line-height: 1.45;
  }
  .customer-login-footer {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    text-align: center;
  }
  .customer-login-footer-copyright {
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
  }
  .customer-login-footer-powered {
    margin-left: 0;
    align-self: center;
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .customer-login-page {
    padding: 1.5rem 0.875rem;
  }
  .customer-login-card-header,
  .customer-login-card-body {
    padding-left: 1.375rem;
    padding-right: 1.375rem;
  }
  .customer-login-title {
    font-size: 1.25rem;
  }
  .customer-login-bg-shape--one {
    width: 6rem;
    height: 6rem;
    top: 4%;
    left: 2%;
  }
  .customer-login-bg-shape--two {
    width: 7rem;
    height: 7rem;
    right: 2%;
    bottom: 10%;
  }
  .customer-login-bg-glow--primary {
    width: 20rem;
    height: 20rem;
    top: -5rem;
    right: -4rem;
  }
  .customer-login-bg-glow--secondary {
    width: 18rem;
    height: 18rem;
    bottom: -6rem;
    left: -5rem;
  }
}
/*--------------------------------------------------------------
# Site Error Pages (login-style standalone layout)
--------------------------------------------------------------*/
.site-error-page {
  justify-content: center;
}

.site-error-shell {
  max-width: 30rem;
}

.site-error-card {
  position: relative;
  border: 1px solid var(--customer-login-card-border);
  border-radius: 7px;
  background: var(--customer-login-card-bg);
  box-shadow: var(--customer-login-card-shadow);
  overflow: hidden;
}

.site-error-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--accent-color);
}

.site-error-card-body {
  padding: 2.75rem 2rem 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.site-error-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-size: 2.25rem;
  line-height: 1;
  margin-bottom: 1.25rem;
}

.site-error-code {
  font-family: var(--heading-font);
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  color: color-mix(in srgb, var(--default-color), transparent 78%);
  margin-bottom: 0.75rem;
}

.site-error-title {
  font-family: var(--heading-font);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--heading-color);
  margin-bottom: 0.5rem;
}

.site-error-text {
  font-size: 0.875rem;
  color: var(--customer-login-muted);
  line-height: 1.6;
  margin-bottom: 0;
  max-width: 22rem;
}

.site-error-note {
  font-size: 0.8125rem;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.55;
  margin-top: 0.625rem;
  margin-bottom: 0;
}

.site-error-card-footer {
  display: flex;
  gap: 0.75rem;
  padding: 1.125rem 2rem;
  border-top: 1px solid var(--customer-login-card-border);
  background: color-mix(in srgb, var(--customer-login-card-bg), var(--accent-color) 2%);
}

.site-error-btn {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.625rem 1rem;
  border-radius: var(--button-border-radius, 6px);
  font-family: var(--default-font);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.site-error-btn--primary {
  border: 1px solid var(--accent-color);
  background-color: var(--accent-color);
  color: var(--contrast-color, #fff);
}

.site-error-btn--primary:hover,
.site-error-btn--primary:focus {
  background-color: color-mix(in srgb, var(--accent-color), #000 12%);
  border-color: color-mix(in srgb, var(--accent-color), #000 12%);
  color: var(--contrast-color, #fff);
}

.site-error-btn--secondary {
  border: 1px solid var(--customer-login-card-border);
  background-color: transparent;
  color: var(--default-color);
}

.site-error-btn--secondary:hover,
.site-error-btn--secondary:focus {
  background-color: color-mix(in srgb, var(--default-color), transparent 94%);
  border-color: color-mix(in srgb, var(--default-color), transparent 60%);
}

.site-error-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent-color), transparent 78%);
}

@media (max-width: 575.98px) {
  .site-error-card-body {
    padding: 2.25rem 1.5rem 1.75rem;
  }
  .site-error-icon {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .site-error-code {
    font-size: 3rem;
  }
  .site-error-title {
    font-size: 1.2rem;
  }
  .site-error-card-footer {
    flex-direction: column;
    padding: 1rem 1.5rem;
  }
}
/*--------------------------------------------------------------
# Login Section
--------------------------------------------------------------*/
.login .auth-card {
  background: var(--surface-color);
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
}
.login .side-panel {
  background: var(--accent-color);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 32px;
  position: relative;
}
.login .side-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, color-mix(in srgb, var(--accent-color), #000 10%) 0%, var(--accent-color) 100%);
  opacity: 0.9;
}
.login .side-panel-content {
  position: relative;
  z-index: 1;
  color: var(--contrast-color);
}
.login .side-panel-content .brand-icon {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--contrast-color), transparent 80%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.login .side-panel-content .brand-icon i {
  font-size: 24px;
  color: var(--contrast-color);
}
.login .side-panel-content h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--contrast-color);
  margin-bottom: 12px;
  letter-spacing: -0.01em;
}
.login .side-panel-content p {
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--contrast-color), transparent 15%);
  margin-bottom: 32px;
}
.login .feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.login .feature-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: color-mix(in srgb, var(--contrast-color), transparent 10%);
}
.login .feature-list li i {
  font-size: 16px;
  color: var(--contrast-color);
}
.login .form-panel {
  padding: 32px;
}
@media (max-width: 576px) {
  .login .form-panel {
    padding: 24px 20px;
  }
}
.login .auth-tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  margin-bottom: 24px;
}
.login .auth-tabs .tab-btn {
  flex: 1;
  padding: 12px 16px;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 14px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: -1px;
}
.login .auth-tabs .tab-btn.active {
  color: var(--heading-color);
  border-bottom-color: var(--accent-color);
}
.login .auth-tabs .tab-btn:hover:not(.active) {
  color: var(--default-color);
  background: color-mix(in srgb, var(--default-color), transparent 97%);
}
.login .auth-form {
  display: none;
}
.login .auth-form.active {
  display: block;
  animation: formFade 0.3s ease;
}
@keyframes formFade {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.login .form-subtitle {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 24px;
  line-height: 1.5;
}
.login .field-group {
  margin-bottom: 16px;
}
.login .field-group label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 8px;
}
.login .field-group .label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.login .field-group .label-row label {
  margin-bottom: 0;
}
.login .field-group .form-control {
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: 6px;
  background: var(--background-color);
  font-size: 14px;
  color: var(--default-color);
  transition: all 0.2s ease;
}
.login .field-group .form-control:focus {
  outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.login .field-group .form-control::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.login .field-group .field-hint {
  display: block;
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-top: 4px;
}
.login .input-wrapper {
  position: relative;
}
.login .input-wrapper .form-control {
  padding-right: 40px;
}
.login .input-wrapper .password-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 16px;
  transition: color 0.2s ease;
  background: none;
  border: none;
  padding: 0;
  line-height: 1;
}
.login .input-wrapper .password-toggle:hover {
  color: var(--accent-color);
}
.login .forgot-link {
  font-size: 13px;
  font-weight: 500;
  color: var(--accent-color);
  text-decoration: none;
  transition: color 0.2s ease;
}
.login .forgot-link:hover {
  color: color-mix(in srgb, var(--accent-color), #000 15%);
}
.login .remember-row,
.login .terms-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 24px;
}
.login .remember-row input[type=checkbox],
.login .terms-row input[type=checkbox] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 65%);
  border-radius: 4px;
  background: var(--background-color);
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  margin-top: 2px;
  position: relative;
}
.login .remember-row input[type=checkbox]:checked,
.login .terms-row input[type=checkbox]:checked {
  background: var(--accent-color);
  border-color: var(--accent-color);
}
.login .remember-row input[type=checkbox]:checked::after,
.login .terms-row input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 7px;
  border: solid var(--contrast-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.login .remember-row input[type=checkbox]:focus,
.login .terms-row input[type=checkbox]:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.login .remember-row label,
.login .terms-row label {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  cursor: pointer;
  line-height: 1.4;
}
.login .remember-row label a,
.login .terms-row label a {
  color: var(--accent-color);
  font-weight: 500;
  text-decoration: none;
}
.login .remember-row label a:hover,
.login .terms-row label a:hover {
  text-decoration: underline;
}
.login .btn-primary-auth {
  width: 100%;
  height: 40px;
  padding: 8px 24px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.login .btn-primary-auth:hover {
  background: color-mix(in srgb, var(--accent-color), #000 10%);
}
.login .btn-primary-auth:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.login .btn-primary-auth:active {
  transform: scale(0.99);
}
.login .separator {
  position: relative;
  text-align: center;
  margin: 24px 0;
}
.login .separator::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: color-mix(in srgb, var(--default-color), transparent 88%);
}
.login .separator span {
  position: relative;
  background: var(--surface-color);
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  padding: 0 16px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.login .social-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 576px) {
  .login .social-buttons {
    grid-template-columns: 1fr;
  }
}
.login .btn-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 8px 16px;
  background: var(--background-color);
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 78%);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.login .btn-social:hover {
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  border-color: color-mix(in srgb, var(--default-color), transparent 65%);
}
.login .btn-social:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--default-color), transparent 92%);
}
.login .btn-social i {
  font-size: 16px;
}

/*--------------------------------------------------------------
# Register Section
--------------------------------------------------------------*/
.register {
  padding: 80px 0;
}
.register .register-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  padding: 48px 40px;
}
@media (max-width: 768px) {
  .register .register-card {
    padding: 32px 20px;
  }
}
.register .card-heading {
  margin-bottom: 32px;
}
.register .card-heading h3 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}
.register .card-heading p {
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  line-height: 1.6;
}
.register .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 16px;
  letter-spacing: 0.02em;
}
.register .status-badge i {
  font-size: 12px;
}
.register .perks-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-bottom: 32px;
}
.register .perk-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  background: color-mix(in srgb, var(--default-color), transparent 95%);
  border-radius: 6px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.register .perk-chip i {
  font-size: 14px;
  color: var(--accent-color);
}
.register .social-auth {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}
.register .social-auth .auth-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  background: var(--surface-color);
  color: var(--default-color);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}
.register .social-auth .auth-btn i {
  font-size: 16px;
}
.register .social-auth .auth-btn:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 70%);
  background: color-mix(in srgb, var(--default-color), transparent 96%);
}
.register .social-auth .auth-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
@media (max-width: 576px) {
  .register .social-auth .auth-btn span {
    display: none;
  }
}
.register .divider-line {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.register .divider-line::before, .register .divider-line::after {
  content: "";
  flex: 1;
  height: 1px;
  background: color-mix(in srgb, var(--default-color), transparent 90%);
}
.register .divider-line span {
  font-size: 12px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.register .field-group {
  margin-bottom: 0;
}
.register .field-group label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 8px;
}
.register .field-group .form-control,
.register .field-group .form-select {
  height: 40px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: 6px;
  background: var(--surface-color);
  color: var(--default-color);
  font-size: 14px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.register .field-group .form-control:focus,
.register .field-group .form-select:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.register .field-group .form-control::placeholder,
.register .field-group .form-select::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}
.register .field-group .field-hint {
  display: block;
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
  margin-top: 4px;
}
.register .check-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.register .check-group .form-check {
  padding-left: 1.75rem;
}
.register .check-group .form-check .form-check-input {
  width: 16px;
  height: 16px;
  margin-left: -1.75rem;
  margin-top: 0.2rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 65%);
  border-radius: 4px;
  transition: all 0.2s ease;
}
.register .check-group .form-check .form-check-input:checked {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}
.register .check-group .form-check .form-check-input:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.register .check-group .form-check .form-check-label {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.5;
}
.register .check-group .form-check .form-check-label a {
  color: var(--accent-color);
  font-weight: 500;
  text-decoration: none;
}
.register .check-group .form-check .form-check-label a:hover {
  text-decoration: underline;
}
.register .btn-register {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  background: var(--accent-color);
  color: var(--contrast-color);
  transition: background 0.2s ease, box-shadow 0.2s ease;
  margin-top: 8px;
}
.register .btn-register:hover {
  background: color-mix(in srgb, var(--accent-color), #000 12%);
  color: var(--contrast-color);
}
.register .btn-register:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.register .btn-register:active {
  transform: scale(0.99);
}
.register .login-prompt {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 8px 0 0;
}
.register .login-prompt a {
  color: var(--accent-color);
  font-weight: 500;
  text-decoration: none;
}
.register .login-prompt a:hover {
  text-decoration: underline;
}

/*--------------------------------------------------------------
# About 2 Section
--------------------------------------------------------------*/
.about-2 .intro-block {
  padding-right: 16px;
}
.about-2 .intro-block .label-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color) 30%, transparent);
  margin-bottom: 16px;
  letter-spacing: 0.02em;
}
.about-2 .intro-block .label-badge i {
  font-size: 13px;
}
.about-2 .intro-block .section-heading {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .about-2 .intro-block .section-heading {
    font-size: 28px;
  }
}
.about-2 .intro-block .section-desc {
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 32px;
}
.about-2 .intro-block .btn-primary-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  border: none;
  transition: background 0.2s ease;
}
.about-2 .intro-block .btn-primary-action:hover {
  background: color-mix(in srgb, var(--accent-color) 85%, black);
  color: var(--contrast-color);
}
.about-2 .intro-block .btn-primary-action:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 20%, transparent);
}
.about-2 .video-card {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--default-color) 12%, transparent);
  box-shadow: 0 4px 6px color-mix(in srgb, var(--default-color) 7%, transparent);
}
.about-2 .video-card img {
  width: 100%;
  display: block;
}
.about-2 .video-card .video-trigger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  z-index: 2;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color) 35%, transparent);
}
.about-2 .video-card .video-trigger:hover {
  transform: translate(-50%, -50%) scale(1.08);
  background: color-mix(in srgb, var(--accent-color) 85%, black);
  color: var(--contrast-color);
}
.about-2 .video-card .video-trigger:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 20%, transparent), 0 4px 12px color-mix(in srgb, var(--accent-color) 35%, transparent);
}
.about-2 .supporting-text {
  color: color-mix(in srgb, var(--default-color) 65%, transparent);
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 0;
}
.about-2 .feature-card {
  display: flex;
  gap: 16px;
  padding: 24px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color) 12%, transparent);
  border-radius: 8px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color) 8%, transparent);
  position: relative;
  height: 100%;
  transition: all 0.2s ease;
}
.about-2 .feature-card .feature-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}
.about-2 .feature-card .feature-content h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.about-2 .feature-card .feature-content h3 a {
  color: var(--heading-color);
}
.about-2 .feature-card .feature-content h3 a:hover {
  color: var(--accent-color);
}
.about-2 .feature-card .feature-content p {
  color: color-mix(in srgb, var(--default-color) 70%, transparent);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 0;
}
.about-2 .feature-card:hover {
  border-color: color-mix(in srgb, var(--default-color) 20%, transparent);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color) 10%, transparent);
}
@media (max-width: 992px) {
  .about-2 .intro-block {
    padding-right: 0;
    margin-bottom: 16px;
  }
}

/*--------------------------------------------------------------
# Stats Section
--------------------------------------------------------------*/
.stats .metric-card {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color) 12%, transparent);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color) 8%, transparent);
  transition: all 0.2s ease;
  height: 100%;
}
.stats .metric-card:hover {
  border-color: color-mix(in srgb, var(--default-color) 20%, transparent);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color) 10%, transparent);
}
.stats .metric-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent-color) 25%, transparent);
}
.stats .metric-icon i {
  font-size: 24px;
  color: var(--accent-color);
  line-height: 1;
}
.stats .metric-body {
  flex: 1;
}
.stats .metric-value {
  display: block;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--heading-color);
  font-family: var(--heading-font);
  letter-spacing: -0.01em;
}
.stats .metric-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  margin: 4px 0 0;
  letter-spacing: 0.01em;
}
.stats .metric-desc {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color) 60%, transparent);
  margin: 4px 0 0;
  line-height: 1.5;
}
@media (max-width: 576px) {
  .stats .metric-card {
    padding: 20px;
    gap: 16px;
  }
  .stats .metric-value {
    font-size: 28px;
  }
  .stats .metric-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
  }
  .stats .metric-icon i {
    font-size: 20px;
  }
}

/*--------------------------------------------------------------
# Testimonials Carousel
--------------------------------------------------------------*/
.testimonials-section {
  overflow: visible;
}
.testimonials-section > .site-container {
  overflow: visible;
}
@media (min-width: 768px) {
  .testimonials-section:hover .testimonials-carousel__nav, .testimonials-section:focus-within .testimonials-carousel__nav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

.testimonials-carousel {
  position: relative;
}
.testimonials-carousel__track {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.testimonials-carousel__track::-webkit-scrollbar {
  display: none;
}
.testimonials-carousel__track .testimonial-card {
  flex: 0 0 calc((100% - 72px) / 4);
  width: calc((100% - 72px) / 4);
  scroll-snap-align: start;
}
@media (max-width: 1199px) {
  .testimonials-carousel__track .testimonial-card {
    flex-basis: calc((100% - 48px) / 3);
    width: calc((100% - 48px) / 3);
  }
}
@media (max-width: 991px) {
  .testimonials-carousel__track .testimonial-card {
    flex-basis: calc((100% - 24px) / 2);
    width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 575px) {
  .testimonials-carousel__track .testimonial-card {
    flex-basis: 85%;
    width: 85%;
  }
}
.testimonials-carousel__nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--button-border-radius, 8px);
  background: var(--surface-color);
  color: var(--heading-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--heading-color), transparent 90%);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
}
.testimonials-carousel__nav i {
  font-size: 1.1rem;
  line-height: 1;
}
.testimonials-carousel__nav:hover, .testimonials-carousel__nav:focus-visible {
  color: var(--accent-color);
  border-color: var(--accent-color);
  background: var(--surface-color);
}
.testimonials-carousel__nav:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: 2px;
}
.testimonials-carousel__nav--prev {
  left: 0;
  transform: translate(calc(-100% - 12px), -50%);
}
.testimonials-carousel__nav--next {
  right: 0;
  transform: translate(calc(100% + 12px), -50%);
}
@media (min-width: 768px) {
  .testimonials-carousel__nav {
    display: inline-flex;
  }
}

.testimonial-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  padding: 24px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.testimonial-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 88%);
}
.testimonial-card__body {
  min-width: 0;
}
.testimonial-card__stars {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 14px;
  color: #f59e0b;
}
.testimonial-card__stars i {
  font-size: 1rem;
  line-height: 1;
}
.testimonial-card__stars i.bi-star {
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}
.testimonial-card__quote {
  margin: 0 0 20px;
  color: var(--default-color);
  font-size: 0.95rem;
  line-height: 1.65;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
}
.testimonial-card__footer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
}
.testimonial-card__avatar {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.testimonial-card__avatar--fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.testimonial-card__avatar--fallback i {
  font-size: 1.25rem;
  line-height: 1;
}
.testimonial-card__meta {
  min-width: 0;
}
.testimonial-card__name-row {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.testimonial-card__name {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.testimonial-card__verified {
  flex: 0 0 auto;
  font-size: 0.95rem;
  color: #3b82f6;
  line-height: 1;
}
.testimonial-card__role {
  margin: 3px 0 0;
  font-size: 0.75rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}
@media (max-width: 1199px) {
  .testimonials-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .testimonials-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.testimonials-grid .testimonial-card {
  width: 100%;
  max-width: none;
  height: 100%;
}

.testimonials-responsive-section {
  overflow: visible;
}

.module-carousel__swiper .swiper-slide .testimonial-card {
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------
# Bank Accounts Section
--------------------------------------------------------------*/
.bank-accounts-section {
  overflow: visible;
}
.bank-accounts-section > .site-container {
  overflow: visible;
}

.bank-accounts-empty {
  padding: 3rem 1.5rem;
  text-align: center;
  border: 1px dashed color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: var(--card-border-radius);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  background: color-mix(in srgb, var(--default-color), transparent 97%);
  font-family: var(--default-font);
}

.bank-account-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 78%);
  border-radius: var(--card-border-radius);
  font-family: var(--default-font);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.bank-account-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 62%);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--default-color), transparent 92%);
}
.bank-account-card__media {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  overflow: hidden;
  background: color-mix(in srgb, var(--default-color), transparent 96%);
}
.bank-account-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding: 0;
}
.bank-account-card__media--logo {
  background: color-mix(in srgb, var(--default-color), transparent 97%);
}
.bank-account-card__media--logo img {
  object-fit: contain;
  object-position: center;
  padding: 1rem 1.25rem;
}
.bank-account-card__media--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.bank-account-card__media--icon img {
  padding: 0;
}
.bank-account-card__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: var(--surface-color);
  color: var(--accent-color);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--default-color), transparent 90%);
}
.bank-account-card__icon-wrap i {
  font-size: 1.25rem;
  line-height: 1;
}
.bank-account-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
}
.bank-account-card__fields {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.bank-account-card__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  font-size: 0.75rem;
  line-height: 1.4;
}
.bank-account-card__row:last-child, .bank-account-card__row--holder {
  padding-bottom: 0;
  border-bottom: 0;
}
.bank-account-card__label {
  flex-shrink: 0;
  color: color-mix(in srgb, var(--default-color), transparent 18%);
  font-weight: 600;
}
.bank-account-card__value {
  color: var(--heading-color);
  font-weight: 600;
  text-align: right;
  word-break: break-word;
}
.bank-account-card__value-group {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}
.bank-account-card__copy {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--button-border-radius);
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.bank-account-card__copy i {
  font-size: 0.875rem;
  line-height: 1;
}
.bank-account-card__copy:hover, .bank-account-card__copy:focus-visible {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  outline: none;
}
.bank-account-card__copy.is-copied {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 75%);
}
.bank-account-card__copy--iban {
  width: 1.75rem;
  height: 1.75rem;
  background: var(--surface-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 90%);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--default-color), transparent 94%);
}
.bank-account-card__copy-check {
  display: none;
}
.bank-account-card__copy.is-copied .bank-account-card__copy-icon {
  display: none;
}
.bank-account-card__copy.is-copied .bank-account-card__copy-check {
  display: inline-block;
  animation: bank-account-copy-pop 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.bank-account-card__iban {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 0.9rem;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: var(--card-border-radius);
  background: color-mix(in srgb, var(--default-color), transparent 97%);
  transition: background-color 0.2s ease;
}
.bank-account-card__iban:hover {
  background: color-mix(in srgb, var(--default-color), transparent 95%);
}
.bank-account-card__iban-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-right: 0.35rem;
  gap: 0.15rem;
}
.bank-account-card__iban-label {
  margin-bottom: 0.35rem;
  color: color-mix(in srgb, var(--default-color), transparent 18%);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.bank-account-card__iban-value {
  overflow-x: auto;
  color: var(--heading-color);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.45;
  white-space: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
  user-select: all;
}
.bank-account-card__iban-value::-webkit-scrollbar {
  display: none;
}

.bank-accounts-carousel .module-carousel__swiper .bank-account-card {
  height: 100%;
}

@keyframes bank-account-copy-pop {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  50% {
    transform: scale(1.15);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/*--------------------------------------------------------------
# References Grid
--------------------------------------------------------------*/
.references-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 1199px) {
  .references-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .references-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .references-grid {
    grid-template-columns: 1fr;
  }
}
.references-grid__empty {
  grid-column: 1/-1;
  text-align: center;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  padding: 2rem 0;
}

.reference-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
}
.reference-card--media-only {
  background: color-mix(in srgb, var(--default-color), transparent 96%);
}
.reference-card--media-only .reference-card__media {
  position: relative;
  flex: 1 1 auto;
  height: 120px;
  min-height: 120px;
  border-radius: var(--card-border-radius, 12px);
  background: transparent;
}
.reference-card--hover-name .reference-card__hover-name {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: inherit;
  background: color-mix(in srgb, var(--surface-color), transparent 6%);
  color: var(--heading-color);
  font-family: var(--heading-font);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.reference-card--hover-name:hover .reference-card__hover-name, .reference-card--hover-name:focus-visible .reference-card__hover-name {
  opacity: 1;
}
.reference-card--link {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.reference-card--link:hover, .reference-card--link:focus-visible {
  border-color: color-mix(in srgb, var(--accent-color), transparent 55%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 88%);
}
.reference-card--link:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: 2px;
}
.reference-card__media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  padding: 16px 20px;
  background: color-mix(in srgb, var(--default-color), transparent 96%);
}
.reference-card__logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 88px;
  object-fit: contain;
  object-position: center;
}
.reference-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-color);
  font-size: 1.75rem;
  line-height: 1;
}
.reference-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: var(--surface-color);
}
.reference-card__title {
  margin: 0;
  min-width: 0;
  flex: 1 1 auto;
  font-family: var(--heading-font);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reference-card__btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border: 1px solid var(--accent-color);
  border-radius: var(--button-border-radius, 8px);
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.reference-card__btn:hover, .reference-card__btn:focus-visible {
  background: color-mix(in srgb, var(--accent-color), #000 10%);
  border-color: color-mix(in srgb, var(--accent-color), #000 10%);
  color: var(--contrast-color);
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.static-page.static-iletisim .contact-2.section,
.contact-page .contact-2.section {
  padding-bottom: 60px;
}

.contact-2__info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin-bottom: 28px;
  align-items: stretch;
}
.contact-2__main-row {
  margin-top: 0;
}
.contact-2__sidebar {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact-2 .info-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 22px 20px;
  height: 100%;
  min-height: 148px;
  border-radius: var(--card-border-radius, 12px);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: var(--accent-color);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--default-color), transparent 92%);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.contact-2 .info-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px color-mix(in srgb, var(--default-color), transparent 90%);
}
.contact-2 .info-card .info-card-icon {
  width: 46px;
  height: 46px;
  border-radius: var(--button-border-radius, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: color-mix(in srgb, var(--accent-color), var(--surface-color) 88%);
}
.contact-2 .info-card .info-card-icon i {
  font-size: 1.2rem;
  color: var(--accent-color);
}
.contact-2 .info-card .info-card-body {
  min-width: 0;
  flex: 1;
}
.contact-2 .info-card .info-card-body h5 {
  margin: 0 0 8px;
  font-family: var(--heading-font);
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--heading-color);
  letter-spacing: -0.01em;
}
.contact-2 .info-card .info-card-body p {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  color: color-mix(in srgb, var(--default-color), transparent 15%);
  line-height: 1.6;
  font-weight: 500;
}
.contact-2 .info-card .info-card-body p:last-child {
  margin-bottom: 0;
}
.contact-2 .info-card .info-card-body .info-card-days {
  font-weight: 700;
  color: var(--heading-color);
}
.contact-2 .info-card .info-card-body a {
  font-size: 1rem;
  font-weight: 700;
  color: var(--accent-color);
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.contact-2 .info-card .info-card-body a:hover, .contact-2 .info-card .info-card-body a:focus, .contact-2 .info-card .info-card-body a:active {
  opacity: 0.82;
  text-decoration: none;
}
.contact-2 .info-card--address {
  border-left-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 18%);
}
.contact-2 .info-card--address .info-card-icon {
  background: color-mix(in srgb, var(--accent-color), var(--surface-color) 86%);
}
.contact-2 .info-card--address .info-card-icon i {
  color: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
}
.contact-2 .info-card--address .info-card-body a {
  color: color-mix(in srgb, var(--accent-color), var(--heading-color) 12%);
}
.contact-2 .info-card--phone {
  border-left-color: var(--accent-color);
}
.contact-2 .info-card--phone .info-card-icon {
  background: color-mix(in srgb, var(--accent-color), var(--surface-color) 88%);
}
.contact-2 .info-card--whatsapp {
  border-left-color: var(--whatsapp-brand-color);
}
.contact-2 .info-card--whatsapp .info-card-icon {
  background: color-mix(in srgb, var(--whatsapp-brand-color), var(--surface-color) 88%);
}
.contact-2 .info-card--whatsapp .info-card-icon i {
  color: var(--whatsapp-brand-color);
}
.contact-2 .info-card--whatsapp .info-card-body a {
  color: var(--whatsapp-brand-color);
}
.contact-2 .info-card--email {
  border-left-color: color-mix(in srgb, var(--accent-color), var(--heading-color) 28%);
}
.contact-2 .info-card--email .info-card-icon {
  background: color-mix(in srgb, var(--accent-color), var(--surface-color) 84%);
}
.contact-2 .info-card--email .info-card-icon i {
  color: color-mix(in srgb, var(--accent-color), var(--heading-color) 22%);
}
.contact-2 .info-card--email .info-card-body a {
  color: color-mix(in srgb, var(--accent-color), var(--heading-color) 22%);
}
.contact-2 .info-card--hours {
  border-left-color: color-mix(in srgb, var(--accent-color), var(--default-color) 35%);
}
.contact-2 .info-card--hours .info-card-icon {
  background: color-mix(in srgb, var(--accent-color), var(--surface-color) 82%);
}
.contact-2 .info-card--hours .info-card-icon i {
  color: color-mix(in srgb, var(--accent-color), var(--default-color) 28%);
}
.contact-2 .form-card {
  padding: 28px;
  border-radius: var(--card-border-radius, 12px);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--default-color), transparent 92%);
}
.contact-2 .form-card .form-card-header {
  margin-bottom: 22px;
}
.contact-2 .form-card .form-card-header h3 {
  margin: 0 0 8px;
  font-family: var(--heading-font);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
  letter-spacing: -0.01em;
}
.contact-2 .form-card .form-card-header p {
  margin: 0;
  font-size: 0.9375rem;
  color: color-mix(in srgb, var(--default-color), transparent 28%);
  line-height: 1.6;
}
.contact-2 .form-card .form-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 8px;
}
.contact-2 .form-card .form-control {
  min-height: 44px;
  padding: 10px 14px;
  font-size: 0.875rem;
  border-radius: var(--button-border-radius, 8px);
  color: var(--default-color);
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.contact-2 .form-card .form-control:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 88%);
}
.contact-2 .form-card .form-control::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.contact-2 .form-card textarea.form-control {
  min-height: 140px;
  resize: vertical;
}
.contact-2 .form-card .btn-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 24px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border: 1px solid var(--accent-color);
  font-family: var(--default-font);
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: var(--button-border-radius, 8px);
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.contact-2 .form-card .btn-submit:hover {
  background: color-mix(in srgb, var(--accent-color), #000 10%);
  border-color: color-mix(in srgb, var(--accent-color), #000 10%);
}
.contact-2 .form-card .btn-submit:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: 2px;
}
.contact-2 .contact-form__notice {
  margin: 0;
  padding: 12px 14px;
  border-radius: var(--button-border-radius, 8px);
  font-size: 0.875rem;
  line-height: 1.5;
}
.contact-2 .contact-form__notice--info {
  color: color-mix(in srgb, var(--default-color), transparent 10%);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
}
.contact-2 .contact-form__notice--success {
  color: color-mix(in srgb, var(--default-color), transparent 10%);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.contact-2 .contact-form__notice--error {
  color: color-mix(in srgb, var(--default-color), transparent 5%);
  background: color-mix(in srgb, var(--heading-color), transparent 92%);
  border: 1px solid color-mix(in srgb, var(--heading-color), transparent 80%);
}
.contact-2 .contact-form__privacy {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: color-mix(in srgb, var(--default-color), transparent 12%);
}
.contact-2 .contact-form__privacy input {
  margin-top: 4px;
  flex-shrink: 0;
}
.contact-2 .contact-form__privacy a {
  color: var(--accent-color);
  text-decoration: none;
}
.contact-2 .contact-form__privacy a:hover, .contact-2 .contact-form__privacy a:focus {
  text-decoration: underline;
}
.contact-2 .map-card {
  border-radius: var(--card-border-radius, 12px);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--default-color), transparent 92%);
  height: 280px;
}
.contact-2 .map-card iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.contact-2 .connect-card {
  padding: 22px;
  border-radius: var(--card-border-radius, 12px);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--default-color), transparent 92%);
}
.contact-2 .connect-card h5 {
  margin: 0 0 8px;
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
}
.contact-2 .connect-card p {
  margin: 0 0 16px;
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--default-color), transparent 28%);
  line-height: 1.55;
}
.contact-2 .connect-card .detail-share--follow {
  gap: 0;
}
@media (max-width: 991px) {
  .contact-2 .form-card {
    padding: 24px;
  }
  .contact-2 .map-card {
    height: 240px;
  }
}
@media (max-width: 767px) {
  .contact-2__info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 20px;
  }
  .contact-2 .info-card {
    min-height: 132px;
    padding: 16px 14px;
  }
  .contact-2 .info-card .info-card-icon {
    width: 40px;
    height: 40px;
  }
  .contact-2 .info-card .info-card-icon i {
    font-size: 1.05rem;
  }
  .contact-2 .info-card .info-card-body h5 {
    font-size: 0.9375rem;
  }
  .contact-2 .info-card .info-card-body p,
  .contact-2 .info-card .info-card-body a {
    font-size: 0.875rem;
  }
  .contact-2 .form-card {
    padding: 20px;
  }
  .contact-2 .form-card .form-card-header h3 {
    font-size: 1.125rem;
  }
  .contact-2 .form-card .btn-submit {
    width: 100%;
  }
  .contact-2 .map-card {
    height: 220px;
  }
}
@media (max-width: 479px) {
  .contact-2__info-grid {
    grid-template-columns: 1fr;
  }
}

.detail-share__btn--youtube {
  background: #ff0000;
  border-color: #ff0000;
}
.detail-share__btn--youtube:hover, .detail-share__btn--youtube:focus, .detail-share__btn--youtube:active {
  background: #ff0000;
  border-color: #ff0000;
}
.detail-share__btn--pinterest {
  background: #bd081c;
  border-color: #bd081c;
}
.detail-share__btn--pinterest:hover, .detail-share__btn--pinterest:focus, .detail-share__btn--pinterest:active {
  background: #bd081c;
  border-color: #bd081c;
}

/*--------------------------------------------------------------
# Support Section
--------------------------------------------------------------*/
.support .contact-card {
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
}
.support .contact-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.support .contact-card .contact-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.support .contact-card .contact-card-header i {
  font-size: 20px;
  color: var(--accent-color);
}
.support .contact-card .contact-card-header h5 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.01em;
}
.support .contact-card p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 16px;
  line-height: 1.6;
  flex: 1;
}
.support .contact-card .card-action {
  font-size: 14px;
  font-weight: 500;
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}
.support .contact-card .card-action i {
  font-size: 14px;
  transition: transform 0.2s ease;
}
.support .contact-card .card-action:hover i {
  transform: translateX(4px);
}
.support .topics-section {
  padding: 48px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.support .topics-section .topics-header {
  margin-bottom: 32px;
}
.support .topics-section .topics-header h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.support .topics-section .topics-header p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
}
.support .topic-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  background-color: var(--surface-color);
  text-decoration: none;
  height: 100%;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--default-color), transparent 95%);
  position: relative;
}
.support .topic-card:hover {
  border-color: var(--accent-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.support .topic-card:hover .topic-icon-wrap i {
  color: var(--contrast-color);
  background-color: var(--accent-color);
}
.support .topic-card:hover .topic-arrow {
  opacity: 1;
  color: var(--accent-color);
}
.support .topic-card .topic-icon-wrap i {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 8px;
  transition: all 0.2s ease;
}
.support .topic-card .topic-body {
  flex: 1;
}
.support .topic-card .topic-body h5 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.support .topic-card .topic-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.support .topic-card .topic-body ul li {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  padding: 2px 0;
  line-height: 1.5;
}
.support .topic-card .topic-arrow {
  position: absolute;
  top: 20px;
  right: 16px;
  opacity: 0;
  font-size: 14px;
  transition: opacity 0.2s ease;
}
.support .resources-panel {
  height: 100%;
}
.support .resources-panel h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.support .resources-panel > p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 24px;
}
.support .resource-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.support .resource-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  text-decoration: none;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  background-color: var(--surface-color);
  transition: all 0.2s ease;
}
.support .resource-item:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  background-color: color-mix(in srgb, var(--default-color), transparent 97%);
}
.support .resource-item .resource-icon i {
  font-size: 20px;
  color: var(--accent-color);
}
.support .resource-item .resource-text h6 {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 2px;
  color: var(--heading-color);
}
.support .resource-item .resource-text span {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
}
.support .faq-panel {
  height: 100%;
}
.support .faq-panel > h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 24px;
  letter-spacing: -0.01em;
}
.support .faq-panel .faq-list .faq-item {
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  transition: all 0.2s ease;
}
.support .faq-panel .faq-list .faq-item:last-child {
  border-bottom: none;
}
.support .faq-panel .faq-list .faq-item h3 {
  margin: 0;
  padding: 16px 0;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  color: var(--heading-color);
  transition: color 0.2s ease;
}
.support .faq-panel .faq-list .faq-item h3:hover {
  color: var(--accent-color);
}
.support .faq-panel .faq-list .faq-item h3 i {
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  transition: transform 0.2s ease;
  min-width: 16px;
}
.support .faq-panel .faq-list .faq-item .faq-answer {
  display: none;
  padding: 0 0 16px;
}
.support .faq-panel .faq-list .faq-item .faq-answer p {
  margin: 0;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.7;
}
.support .faq-panel .faq-list .faq-item.faq-active h3 {
  color: var(--accent-color);
}
.support .faq-panel .faq-list .faq-item.faq-active h3 i {
  transform: rotate(180deg);
  color: var(--accent-color);
}
.support .faq-panel .faq-list .faq-item.faq-active .faq-answer {
  display: block;
}
@media (max-width: 768px) {
  .support .topics-section {
    padding: 32px 0;
  }
  .support .topics-section .topics-header h3 {
    font-size: 20px;
  }
  .support .topic-card {
    padding: 16px;
  }
  .support .resources-panel h3,
  .support .faq-panel > h3 {
    font-size: 20px;
  }
}

/*--------------------------------------------------------------
# FAQ Section
--------------------------------------------------------------*/
.static-page.static-sss .faq-section.section,
.module-list-page .faq-section.section {
  padding-bottom: 60px;
}

.faq-section__layout {
  align-items: flex-start;
}
.faq-section__layout--full .faq-section__panel {
  width: 100%;
}
.faq-section__layout--with-image .faq-section__visual-col,
.faq-section__layout--with-image .faq-section__content-col {
  align-self: flex-start;
}
.faq-section__visual {
  width: 100%;
  position: sticky;
  top: 96px;
}
@media (max-width: 991px) {
  .faq-section__visual {
    position: static;
  }
}
.faq-section__visual-img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/5;
  object-fit: cover;
  object-position: center;
  border-radius: var(--card-border-radius, 12px);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
  display: block;
}
.faq-section__panel {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.faq-section__columns {
  flex: 1 1 auto;
  width: 100%;
}
.faq-section__columns--desktop, .faq-section__columns--mobile {
  width: 100%;
}
.faq-section__column {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.faq-section__empty {
  padding: 2rem 1rem;
  text-align: center;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 12px);
  background: var(--surface-color);
}

.faq-section .faq-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1 auto;
}

.faq-section .faq-item {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius, 12px);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--default-color), transparent 94%);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.faq-section .faq-item.faq-instant .faq-content {
  transition: none;
}
.faq-section .faq-item.faq-active {
  border-color: color-mix(in srgb, var(--accent-color), transparent 55%);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent-color), transparent 88%);
}
.faq-section .faq-item.faq-active .faq-header {
  color: var(--accent-color);
}
.faq-section .faq-item.faq-active .faq-toggle {
  transform: rotate(180deg);
  color: var(--accent-color);
}
.faq-section .faq-item.faq-active .faq-content {
  grid-template-rows: 1fr;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.faq-section .faq-item.faq-active .faq-content__inner {
  padding-top: 14px;
  padding-bottom: 18px;
}

.faq-section .faq-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 14px 16px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: var(--heading-color);
  transition: color 0.2s ease;
}
.faq-section .faq-header:hover {
  color: var(--accent-color);
}
.faq-section .faq-header:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: -2px;
}

.faq-section .faq-label {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
}

.faq-section .faq-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: var(--button-border-radius, 8px);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  flex-shrink: 0;
  font-size: 1rem;
}

.faq-section .faq-title {
  font-family: var(--heading-font);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.4;
}

.faq-section .faq-toggle {
  flex-shrink: 0;
  font-size: 1rem;
  color: color-mix(in srgb, var(--default-color), transparent 45%);
  transition: transform 0.25s ease, color 0.2s ease;
}

.faq-section .faq-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.25s ease;
  overflow: hidden;
}

.faq-section .faq-content__inner {
  min-height: 0;
  overflow: hidden;
  padding: 0 20px;
  font-size: 0.9375rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 22%);
}
.faq-section .faq-content__inner p:last-child {
  margin-bottom: 0;
}

.faq-section .faq-item:has(.faq-icon) .faq-content__inner {
  padding-left: 54px;
}

@media (max-width: 767px) {
  .faq-section .faq-header {
    padding: 14px;
    gap: 10px;
  }
  .faq-section .faq-content__inner {
    padding: 0 14px;
    font-size: 0.875rem;
  }
  .faq-section .faq-item.faq-active .faq-content__inner {
    padding-top: 12px;
    padding-bottom: 14px;
  }
  .faq-section .faq-item:has(.faq-icon) .faq-content__inner {
    padding-left: 14px;
  }
}
.gallery-section .module-grid-header {
  margin-bottom: 24px;
}
.gallery-section .module-list-pagination--embedded {
  width: 100%;
  margin-top: 24px;
  padding: 0;
}
@media (max-width: 767px) {
  .gallery-section .module-list-pagination--embedded {
    margin-top: 20px;
  }
}
.gallery-section .module-list-pagination--embedded .module-list-pagination__card {
  width: 100%;
}

.gallery-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .gallery-category-grid {
    gap: 24px;
  }
}
@media (max-width: 991px) {
  .gallery-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .gallery-category-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.gallery-category-card {
  display: block;
  min-width: 0;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease;
}
.gallery-category-card:hover, .gallery-category-card:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
  color: inherit;
}
.gallery-category-card:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: 2px;
  border-radius: var(--card-border-radius, 12px);
}
.gallery-category-card__media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: var(--card-border-radius, 12px);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.gallery-category-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.25s ease;
}
.gallery-category-card:hover .gallery-category-card__image, .gallery-category-card:focus-visible .gallery-category-card__image {
  transform: scale(1.04);
}
.gallery-category-card__icon, .gallery-category-card__placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-color);
  font-family: var(--heading-font);
  font-weight: 700;
}
.gallery-category-card__icon {
  font-size: 2rem;
  line-height: 1;
}
.gallery-category-card__placeholder {
  font-size: 1.75rem;
  line-height: 1;
}
.gallery-category-card__caption {
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 12px;
  background: linear-gradient(to top, color-mix(in srgb, #000, transparent 15%), transparent);
  color: var(--contrast-color, #fff);
  font-family: var(--heading-font);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  pointer-events: none;
}

.photo-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .photo-gallery-grid {
    gap: 24px;
  }
}
@media (max-width: 991px) {
  .photo-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .photo-gallery-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.photo-gallery-grid > [class*=col-] {
  width: 100%;
  max-width: none;
  min-width: 0;
  padding: 0;
}
.photo-gallery-grid .photo-gallery-item {
  width: 100%;
  height: 100%;
}
.photo-gallery-grid__empty {
  grid-column: 1/-1;
  padding: 32px 20px;
  text-align: center;
  border: 1px dashed color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: var(--card-border-radius, 12px);
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  font-family: var(--default-font);
}

.photo-gallery-item {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: var(--card-border-radius, 12px);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: var(--surface-color);
  aspect-ratio: 4/3;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.photo-gallery-item:hover, .photo-gallery-item:focus-visible {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent-color), transparent 55%);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--default-color), transparent 88%);
}
.photo-gallery-item:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: 2px;
}
.photo-gallery-item__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.25s ease;
}
.photo-gallery-item:hover .photo-gallery-item__image, .photo-gallery-item:focus-visible .photo-gallery-item__image {
  transform: scale(1.04);
}
.photo-gallery-item__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 35%);
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.photo-gallery-item__overlay-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--contrast-color, #fff);
  color: var(--accent-color);
  font-size: 1.25rem;
  line-height: 1;
  transform: scale(0.9);
  transition: transform 0.25s ease;
}
.photo-gallery-item:hover .photo-gallery-item__overlay, .photo-gallery-item:focus-visible .photo-gallery-item__overlay {
  opacity: 1;
}
.photo-gallery-item:hover .photo-gallery-item__overlay-icon, .photo-gallery-item:focus-visible .photo-gallery-item__overlay-icon {
  transform: scale(1);
}
.photo-gallery-item__caption {
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 12px;
  background: linear-gradient(to top, color-mix(in srgb, #000, transparent 15%), transparent);
  color: var(--contrast-color, #fff);
  font-family: var(--heading-font);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  pointer-events: none;
}

.gallery-video-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .gallery-video-grid {
    gap: 24px;
  }
}
@media (max-width: 991px) {
  .gallery-video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .gallery-video-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.gallery-video-grid > [class*=col-] {
  width: 100%;
  max-width: none;
  min-width: 0;
  padding: 0;
}
.gallery-video-grid .gallery-video-card {
  width: 100%;
  height: 100%;
}
.gallery-video-grid__empty {
  grid-column: 1/-1;
  padding: 32px 20px;
  text-align: center;
  border: 1px dashed color-mix(in srgb, var(--default-color), transparent 80%);
  border-radius: var(--card-border-radius, 12px);
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  font-family: var(--default-font);
}

.gallery-video-card {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: var(--card-border-radius, 12px);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: var(--surface-color);
  aspect-ratio: 4/3;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.gallery-video-card:hover, .gallery-video-card:focus-within {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent-color), transparent 55%);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--default-color), transparent 88%);
}
.gallery-video-card__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding-top: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #000;
}
.gallery-video-card__poster, .gallery-video-card__thumb, .gallery-video-card__thumb-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  object-fit: cover;
  background: #000;
}
.gallery-video-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 10%);
  color: var(--contrast-color, #fff);
  font-size: 1.5rem;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease, background-color 0.2s ease;
  pointer-events: none;
}
.gallery-video-card__poster {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background: #000;
}
.gallery-video-card__poster:hover .gallery-video-card__play, .gallery-video-card__poster:focus-visible .gallery-video-card__play {
  transform: translate(-50%, -50%) scale(1.06);
  background: var(--accent-color);
}
.gallery-video-card__poster:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: -2px;
}
.gallery-video-card__caption {
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 12px;
  background: linear-gradient(to top, color-mix(in srgb, #000, transparent 15%), transparent);
  color: var(--contrast-color, #fff);
  font-family: var(--heading-font);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gallery-video-modal .modal-content, .gallery-video-modal__card {
  border-radius: var(--card-border-radius, 12px);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  overflow: hidden;
  background: var(--surface-color);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--default-color), transparent 84%);
}
.gallery-video-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  background: var(--surface-color);
}
.gallery-video-modal__header--title-only-close {
  justify-content: flex-end;
  padding: 10px 12px;
}
.gallery-video-modal__title {
  margin: 0;
  font-family: var(--heading-font);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1.35;
  text-align: left;
}
.gallery-video-modal .modal-body {
  padding: 0;
  background: #000;
}
.gallery-video-modal__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #000;
}
.gallery-video-modal__frame iframe,
.gallery-video-modal__frame video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #000;
}
.gallery-video-modal--hide-title .gallery-video-modal__title {
  display: none;
}
.gallery-video-modal--hide-title .gallery-video-modal__header {
  justify-content: flex-end;
  padding: 10px 12px;
}

@media (max-width: 767px) {
  .gallery-video-modal .modal-dialog {
    margin: 0.75rem;
    max-width: calc(100% - 1.5rem);
  }
}
.gallery-carousel-section {
  overflow: visible;
}
.gallery-carousel-section > .site-container {
  overflow: visible;
}
.gallery-carousel-section .swiper-slide {
  height: auto;
}
.gallery-carousel-section .photo-gallery-item,
.gallery-carousel-section .gallery-video-card,
.gallery-carousel-section .gallery-category-card {
  width: 100%;
  height: 100%;
}

.gallery-category-carousel .swiper-slide {
  height: auto;
}
.gallery-category-carousel .gallery-category-card {
  width: 100%;
  height: 100%;
}

.gallery-category-responsive-section {
  overflow: visible;
}
.gallery-category-responsive-section > .site-container {
  overflow: visible;
}

.gallery-carousel .swiper-slide {
  height: auto;
}
.gallery-carousel .photo-gallery-item {
  width: 100%;
}
.gallery-carousel .gallery-video-card {
  width: 100%;
}

.gallery-responsive-section {
  overflow: visible;
}
.gallery-responsive-section > .site-container {
  overflow: visible;
}

/*--------------------------------------------------------------
# Terms Of Service Section
--------------------------------------------------------------*/
.terms-of-service .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 12px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 16px;
}
.terms-of-service .status-badge i {
  font-size: 13px;
}
.terms-of-service .lead-text {
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  font-size: 16px;
  line-height: 1.7;
  max-width: 560px;
  margin: 0 auto;
}
.terms-of-service .quick-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  padding: 16px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.terms-of-service .quick-nav .nav-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.terms-of-service .quick-nav .nav-pill:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}
.terms-of-service .terms-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.terms-of-service .term-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  overflow: hidden;
  transition: all 0.2s ease;
}
.terms-of-service .term-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.terms-of-service .term-card .term-header {
  padding: 24px 24px 0;
}
.terms-of-service .term-card .term-header .term-label {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--accent-color);
  margin-bottom: 8px;
}
.terms-of-service .term-card .term-header h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.01em;
}
.terms-of-service .term-card .term-body {
  padding: 16px 24px 24px;
}
.terms-of-service .term-card .term-body p {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 16px;
}
.terms-of-service .term-card .term-body p:last-child {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .terms-of-service .term-card .term-header {
    padding: 20px 16px 0;
  }
  .terms-of-service .term-card .term-body {
    padding: 12px 16px 20px;
  }
}
.terms-of-service .info-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: 6px;
  border-left: 3px solid var(--accent-color);
}
.terms-of-service .info-banner > i {
  font-size: 18px;
  color: var(--accent-color);
  flex-shrink: 0;
  margin-top: 1px;
}
.terms-of-service .info-banner p {
  margin: 0 !important;
  font-size: 13px !important;
}
.terms-of-service .item-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.terms-of-service .item-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
}
.terms-of-service .item-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.terms-of-service .item-list li:first-child {
  padding-top: 0;
}
.terms-of-service .item-list li i {
  color: var(--accent-color);
  font-size: 16px;
  flex-shrink: 0;
}
.terms-of-service .alert-box {
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
  border-radius: 6px;
  background: var(--surface-color);
}
.terms-of-service .alert-box .alert-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.terms-of-service .alert-box .alert-title i {
  font-size: 18px;
  color: var(--accent-color);
}
.terms-of-service .alert-box .alert-title h5 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.terms-of-service .alert-box > p {
  margin: 0 !important;
  font-size: 13px !important;
}
.terms-of-service .prohibited-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  border-radius: 6px;
  transition: background 0.2s ease;
}
.terms-of-service .prohibited-item:hover {
  background: color-mix(in srgb, var(--default-color), transparent 93%);
}
.terms-of-service .prohibited-item i {
  color: color-mix(in srgb, var(--accent-color), transparent 20%);
  font-size: 16px;
  flex-shrink: 0;
}
.terms-of-service .prohibited-item span {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.terms-of-service .disclaimer-box {
  padding: 16px;
  background: color-mix(in srgb, var(--default-color), transparent 96%);
  border-radius: 6px;
}
.terms-of-service .disclaimer-box .disclaimer-title {
  font-weight: 600;
  font-size: 14px !important;
  margin-bottom: 8px !important;
}
.terms-of-service .disclaimer-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.terms-of-service .disclaimer-box ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  line-height: 1.6;
}
.terms-of-service .disclaimer-box ul li:last-child {
  margin-bottom: 0;
}
.terms-of-service .disclaimer-box ul li::before {
  content: "–";
  position: absolute;
  left: 4px;
  color: var(--accent-color);
  font-weight: 700;
}
.terms-of-service .notice-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: 6px;
  border-left: 3px solid var(--accent-color);
}
.terms-of-service .notice-banner > i {
  font-size: 18px;
  color: var(--accent-color);
  flex-shrink: 0;
  margin-top: 1px;
}
.terms-of-service .notice-banner p {
  margin: 0 !important;
  font-size: 13px !important;
}
.terms-of-service .support-banner {
  padding: 24px 32px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
}
.terms-of-service .support-banner .support-text h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.terms-of-service .support-banner .support-text p {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 14px;
  margin: 0;
  line-height: 1.6;
}
.terms-of-service .support-banner .support-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.2s ease;
}
.terms-of-service .support-banner .support-btn:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.terms-of-service .support-banner .support-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
@media (max-width: 576px) {
  .terms-of-service .support-banner {
    padding: 20px;
  }
}
@media print {
  .terms-of-service .quick-nav,
  .terms-of-service .support-banner {
    display: none;
  }
  .terms-of-service .term-card {
    page-break-inside: avoid;
  }
}

/*--------------------------------------------------------------
# Privacy Section
--------------------------------------------------------------*/
.privacy .section-label {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}
.privacy .section-desc {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  line-height: 1.6;
  margin-bottom: 0;
}
.privacy .policy-header .policy-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 12px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 20px;
}
.privacy .policy-header .policy-badge i {
  font-size: 12px;
}
.privacy .policy-header h2 {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin-bottom: 12px;
}
.privacy .policy-header p {
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .privacy .policy-header h2 {
    font-size: 28px;
  }
}
.privacy .trust-badges .trust-badge-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 6px;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--default-color), transparent 95%);
  transition: all 0.2s ease;
}
.privacy .trust-badges .trust-badge-item:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.privacy .trust-badges .trust-badge-item i {
  font-size: 16px;
  color: var(--accent-color);
}
.privacy .trust-badges .trust-badge-item span {
  font-size: 13px;
  font-weight: 500;
}
.privacy .practices-section .practice-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  height: 100%;
  transition: all 0.2s ease;
}
.privacy .practices-section .practice-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.privacy .practices-section .practice-card .practice-card-header {
  padding: 20px 24px 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  display: flex;
  align-items: center;
  gap: 10px;
}
.privacy .practices-section .practice-card .practice-card-header i {
  font-size: 20px;
  color: var(--accent-color);
}
.privacy .practices-section .practice-card .practice-card-header h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.privacy .practices-section .practice-card .practice-card-content {
  padding: 16px 24px 24px;
}
.privacy .practices-section .practice-card .practice-card-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.privacy .practices-section .practice-card .practice-card-content ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 0;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 94%);
}
.privacy .practices-section .practice-card .practice-card-content ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.privacy .practices-section .practice-card .practice-card-content ul li:first-child {
  padding-top: 0;
}
.privacy .practices-section .practice-card .practice-card-content ul li i {
  color: var(--accent-color);
  font-size: 14px;
  margin-top: 2px;
  flex-shrink: 0;
}
.privacy .security-section .security-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  height: 100%;
  transition: all 0.2s ease;
}
.privacy .security-section .security-item:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.privacy .security-section .security-item .security-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.privacy .security-section .security-item .security-icon i {
  font-size: 22px;
  color: var(--accent-color);
}
.privacy .security-section .security-item .security-info h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}
.privacy .security-section .security-item .security-info p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  line-height: 1.6;
  margin: 0;
}
.privacy .rights-section .rights-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--accent-color);
  margin-top: 16px;
  transition: gap 0.2s ease;
}
.privacy .rights-section .rights-link:hover {
  gap: 10px;
}
.privacy .rights-section .rights-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.privacy .rights-section .rights-list .rights-list-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.privacy .rights-section .rights-list .rights-list-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.privacy .rights-section .rights-list .rights-list-item:first-child {
  padding-top: 0;
}
.privacy .rights-section .rights-list .rights-list-item .rights-list-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.privacy .rights-section .rights-list .rights-list-item .rights-list-icon i {
  font-size: 18px;
  color: var(--accent-color);
}
.privacy .rights-section .rights-list .rights-list-item .rights-list-info h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 2px;
}
.privacy .rights-section .rights-list .rights-list-item .rights-list-info p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  line-height: 1.5;
  margin: 0;
}
.privacy .additional-section .additional-card {
  padding: 24px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  height: 100%;
  transition: all 0.2s ease;
}
.privacy .additional-section .additional-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.privacy .additional-section .additional-card i {
  font-size: 24px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 16px;
  display: block;
}
.privacy .additional-section .additional-card h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.privacy .additional-section .additional-card p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  line-height: 1.6;
  margin: 0;
}
.privacy .contact-cta {
  padding: 32px;
  background: var(--accent-color);
  border-radius: 8px;
}
.privacy .contact-cta h4 {
  font-size: 20px;
  font-weight: 600;
  color: var(--contrast-color);
  margin-bottom: 4px;
}
.privacy .contact-cta p {
  font-size: 14px;
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
  margin: 0;
  line-height: 1.6;
}
.privacy .contact-cta .cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 24px;
  background: var(--contrast-color);
  color: var(--accent-color);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}
.privacy .contact-cta .cta-btn:hover {
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 70%);
  color: var(--accent-color);
}
@media (max-width: 992px) {
  .privacy .contact-cta {
    text-align: center;
  }
  .privacy .contact-cta .cta-btn {
    margin-top: 8px;
  }
}

/*--------------------------------------------------------------
# Retun Policy Section
--------------------------------------------------------------*/
.retun-policy .policy-hero {
  margin-bottom: 48px;
  padding: 32px;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
}
.retun-policy .policy-hero .hero-content .policy-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 16px;
}
.retun-policy .policy-hero .hero-content .policy-badge i {
  font-size: 12px;
}
.retun-policy .policy-hero .hero-content h2 {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin-bottom: 8px;
}
.retun-policy .policy-hero .hero-content p {
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin: 0;
  max-width: 540px;
  line-height: 1.6;
}
.retun-policy .policy-hero .guarantee-widget {
  display: inline-block;
  text-align: center;
  padding: 24px 32px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  background-color: var(--background-color);
}
.retun-policy .policy-hero .guarantee-widget .widget-number {
  font-size: 48px;
  font-weight: 700;
  color: var(--accent-color);
  line-height: 1;
  font-family: var(--heading-font);
  letter-spacing: -0.02em;
}
.retun-policy .policy-hero .guarantee-widget .widget-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 4px;
}
.retun-policy .policy-hero .guarantee-widget .widget-sub {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-top: 4px;
}
@media (max-width: 992px) {
  .retun-policy .policy-hero {
    text-align: center;
  }
  .retun-policy .policy-hero .hero-content p {
    max-width: 100%;
  }
  .retun-policy .policy-hero .guarantee-widget {
    margin-top: 24px;
  }
}
.retun-policy .features-grid {
  margin-bottom: 48px;
}
.retun-policy .features-grid .feature-card {
  padding: 24px;
  border-radius: 8px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease;
}
.retun-policy .features-grid .feature-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.retun-policy .features-grid .feature-card .feature-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.retun-policy .features-grid .feature-card .feature-card-header .feature-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.retun-policy .features-grid .feature-card .feature-card-header .feature-icon i {
  font-size: 20px;
  color: var(--accent-color);
}
.retun-policy .features-grid .feature-card .feature-card-header h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.01em;
}
.retun-policy .features-grid .feature-card .feature-card-body {
  flex-grow: 1;
}
.retun-policy .features-grid .feature-card .feature-card-body p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.6;
  margin: 0;
}
.retun-policy .features-grid .feature-card .feature-card-footer {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.retun-policy .features-grid .feature-card .feature-card-footer .ghost-link {
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.2s ease;
}
.retun-policy .features-grid .feature-card .feature-card-footer .ghost-link:hover {
  gap: 10px;
}
.retun-policy .features-grid .feature-card .feature-card-footer .ghost-link i {
  font-size: 12px;
}
.retun-policy .section-label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--accent-color);
  margin-bottom: 8px;
}
.retun-policy .section-heading {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
}
.retun-policy .steps-section {
  margin-bottom: 48px;
  padding: 32px;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
}
.retun-policy .steps-section .step-card {
  height: 100%;
}
.retun-policy .steps-section .step-card .step-indicator {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.retun-policy .steps-section .step-card .step-indicator .step-num {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--heading-font);
}
.retun-policy .steps-section .step-card .step-indicator .step-line {
  flex-grow: 1;
  height: 1px;
  background: color-mix(in srgb, var(--default-color), transparent 85%);
  margin-left: 12px;
}
.retun-policy .steps-section .step-card h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.retun-policy .steps-section .step-card p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 768px) {
  .retun-policy .steps-section .step-card .step-indicator .step-line {
    display: none;
  }
}
.retun-policy .eligibility-grid {
  margin-bottom: 48px;
}
.retun-policy .eligibility-grid .eligibility-card {
  height: 100%;
}
.retun-policy .eligibility-grid .eligibility-card .card-head {
  margin-bottom: 24px;
}
.retun-policy .eligibility-grid .eligibility-card .card-head h3 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}
.retun-policy .eligibility-grid .eligibility-card .card-head p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.6;
  margin: 0;
}
.retun-policy .eligibility-grid .eligibility-card .requirement-item {
  display: flex;
  gap: 12px;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  height: 100%;
  transition: all 0.2s ease;
}
.retun-policy .eligibility-grid .eligibility-card .requirement-item:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--default-color), transparent 92%);
}
.retun-policy .eligibility-grid .eligibility-card .requirement-item .req-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
}
.retun-policy .eligibility-grid .eligibility-card .requirement-item .req-icon i {
  font-size: 14px;
  color: var(--accent-color);
  font-weight: bold;
}
.retun-policy .eligibility-grid .eligibility-card .requirement-item .req-content h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--heading-color);
}
.retun-policy .eligibility-grid .eligibility-card .requirement-item .req-content p {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  line-height: 1.5;
  margin: 0;
}
.retun-policy .eligibility-grid .exclusions-card {
  padding: 24px;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  height: 100%;
}
.retun-policy .eligibility-grid .exclusions-card .card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.retun-policy .eligibility-grid .exclusions-card .card-head i {
  font-size: 20px;
  color: color-mix(in srgb, var(--accent-color), transparent 20%);
}
.retun-policy .eligibility-grid .exclusions-card .card-head h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.retun-policy .eligibility-grid .exclusions-card .exclusion-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.retun-policy .eligibility-grid .exclusions-card .exclusion-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  transition: padding-left 0.2s ease;
}
.retun-policy .eligibility-grid .exclusions-card .exclusion-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.retun-policy .eligibility-grid .exclusions-card .exclusion-list li:first-child {
  padding-top: 0;
}
.retun-policy .eligibility-grid .exclusions-card .exclusion-list li:hover {
  padding-left: 4px;
}
.retun-policy .eligibility-grid .exclusions-card .exclusion-list li i {
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.retun-policy .eligibility-grid .exclusions-card .exclusion-list li span {
  font-size: 14px;
  font-weight: 500;
}
.retun-policy .faq-section {
  margin-bottom: 48px;
}
.retun-policy .faq-section .faq-sidebar {
  position: sticky;
  top: 100px;
}
.retun-policy .faq-section .faq-sidebar p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.6;
  margin-bottom: 24px;
}
.retun-policy .faq-section .faq-sidebar .btn-secondary-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--default-color);
  background: transparent;
  transition: all 0.2s ease;
}
.retun-policy .faq-section .faq-sidebar .btn-secondary-action:hover {
  background: var(--surface-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 60%);
  color: var(--heading-color);
}
.retun-policy .faq-section .faq-sidebar .btn-secondary-action i {
  font-size: 16px;
}
.retun-policy .faq-section .faq-list .faq-item {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  margin-bottom: 8px;
  transition: all 0.2s ease;
}
.retun-policy .faq-section .faq-list .faq-item:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}
.retun-policy .faq-section .faq-list .faq-item h3 {
  margin: 0;
  padding: 16px 20px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  gap: 16px;
}
.retun-policy .faq-section .faq-list .faq-item h3 i {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  transition: transform 0.2s ease;
  font-size: 14px;
  flex-shrink: 0;
}
.retun-policy .faq-section .faq-list .faq-item .faq-answer {
  display: none;
  padding: 0 20px 16px;
}
.retun-policy .faq-section .faq-list .faq-item .faq-answer p {
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 14px;
  line-height: 1.7;
}
.retun-policy .faq-section .faq-list .faq-item.faq-active {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.retun-policy .faq-section .faq-list .faq-item.faq-active h3 {
  color: var(--accent-color);
}
.retun-policy .faq-section .faq-list .faq-item.faq-active h3 i {
  transform: rotate(45deg);
  color: var(--accent-color);
}
.retun-policy .faq-section .faq-list .faq-item.faq-active .faq-answer {
  display: block;
}
.retun-policy .cta-bar {
  padding: 32px;
  background-color: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
}
.retun-policy .cta-bar h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.retun-policy .cta-bar p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
}
.retun-policy .cta-bar .cta-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}
.retun-policy .cta-bar .cta-actions .btn-primary-action {
  display: inline-flex;
  align-items: center;
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  transition: all 0.2s ease;
}
.retun-policy .cta-bar .cta-actions .btn-primary-action:hover {
  background: color-mix(in srgb, var(--accent-color), black 15%);
  color: var(--contrast-color);
}
.retun-policy .cta-bar .cta-actions .btn-primary-action:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.retun-policy .cta-bar .cta-actions .btn-outline-action {
  display: inline-flex;
  align-items: center;
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
  color: var(--default-color);
  background: transparent;
  transition: all 0.2s ease;
}
.retun-policy .cta-bar .cta-actions .btn-outline-action:hover {
  background: var(--surface-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 60%);
}
@media (max-width: 992px) {
  .retun-policy .cta-bar {
    text-align: center;
  }
  .retun-policy .cta-bar .cta-actions {
    justify-content: center;
    margin-top: 24px;
  }
}
@media (max-width: 576px) {
  .retun-policy .cta-bar {
    padding: 24px;
  }
  .retun-policy .cta-bar .cta-actions {
    flex-direction: column;
  }
  .retun-policy .cta-bar .cta-actions a {
    text-align: center;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .retun-policy .policy-hero .hero-content h2 {
    font-size: 28px;
  }
  .retun-policy .policy-hero .guarantee-widget .widget-number {
    font-size: 36px;
  }
}

/*--------------------------------------------------------------
# Paymnt Methods Section
--------------------------------------------------------------*/
.paymnt-methods .section-label {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  border-radius: 12px;
  padding: 2px 12px;
  margin-bottom: 8px;
}
.paymnt-methods .pay-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 1px 3px color-mix(in srgb, #000, transparent 92%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.paymnt-methods .pay-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, #000, transparent 90%);
}
.paymnt-methods .pay-card .pay-card-header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}
.paymnt-methods .pay-card .pay-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.paymnt-methods .pay-card .pay-icon i {
  font-size: 1.15rem;
  color: var(--accent-color);
}
.paymnt-methods .pay-card h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.paymnt-methods .pay-card .pay-description {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  line-height: 1.6;
}
.paymnt-methods .pay-card .pay-card-footer {
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.paymnt-methods .pay-card .pay-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
}
.paymnt-methods .process-section {
  padding: 48px 0;
  margin-bottom: 48px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.paymnt-methods .process-section .process-heading {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 0;
}
.paymnt-methods .step-block {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 24px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  height: 100%;
  box-shadow: 0 1px 2px color-mix(in srgb, #000, transparent 95%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.paymnt-methods .step-block:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
  box-shadow: 0 4px 12px color-mix(in srgb, #000, transparent 90%);
}
.paymnt-methods .step-block .step-number {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  font-family: var(--heading-font);
  flex-shrink: 0;
}
.paymnt-methods .step-block .step-content h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.paymnt-methods .step-block .step-content p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  line-height: 1.6;
}
.paymnt-methods .security-section {
  margin-bottom: 48px;
}
.paymnt-methods .security-section .security-heading {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 0;
}
.paymnt-methods .security-section .security-subtext {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin-bottom: 0;
}
.paymnt-methods .shield-card {
  text-align: center;
  padding: 32px 24px;
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  height: 100%;
  box-shadow: 0 1px 3px color-mix(in srgb, #000, transparent 92%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.paymnt-methods .shield-card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
  box-shadow: 0 4px 12px color-mix(in srgb, #000, transparent 90%);
}
.paymnt-methods .shield-card:hover i {
  background: var(--accent-color);
  color: var(--contrast-color);
}
.paymnt-methods .shield-card i {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  margin-bottom: 16px;
  transition: all 0.2s ease;
}
.paymnt-methods .shield-card h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.paymnt-methods .shield-card p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  line-height: 1.6;
}
.paymnt-methods .questions-section {
  margin-bottom: 48px;
}
.paymnt-methods .questions-section .questions-heading {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 0;
}
.paymnt-methods .faq-item {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  background: var(--surface-color);
  margin-bottom: 8px;
  transition: border-color 0.2s ease;
}
.paymnt-methods .faq-item h3 {
  margin: 0;
  padding: 16px 20px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  gap: 12px;
  text-align: left;
  letter-spacing: -0.01em;
}
.paymnt-methods .faq-item h3 i {
  transition: transform 0.2s ease;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  flex-shrink: 0;
}
.paymnt-methods .faq-item h3:hover {
  color: var(--accent-color);
}
.paymnt-methods .faq-item .faq-answer {
  display: none;
  padding: 0 20px 16px;
}
.paymnt-methods .faq-item .faq-answer p {
  margin: 0;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-size: 14px;
  line-height: 1.7;
}
.paymnt-methods .faq-item.faq-active, .paymnt-methods .faq-item.active {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
}
.paymnt-methods .faq-item.faq-active h3, .paymnt-methods .faq-item.active h3 {
  color: var(--accent-color);
}
.paymnt-methods .faq-item.faq-active h3 i, .paymnt-methods .faq-item.active h3 i {
  transform: rotate(180deg);
  color: var(--accent-color);
}
.paymnt-methods .faq-item.faq-active .faq-answer, .paymnt-methods .faq-item.active .faq-answer {
  display: block;
}
.paymnt-methods .support-banner {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 24px 32px;
  box-shadow: 0 1px 3px color-mix(in srgb, #000, transparent 92%);
}
.paymnt-methods .support-banner .banner-info {
  display: flex;
  align-items: center;
  gap: 16px;
}
.paymnt-methods .support-banner .banner-info > i {
  font-size: 1.5rem;
  color: var(--accent-color);
  flex-shrink: 0;
}
.paymnt-methods .support-banner .banner-info h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
  letter-spacing: -0.01em;
}
.paymnt-methods .support-banner .banner-info p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
}
@media (max-width: 768px) {
  .paymnt-methods .support-banner .banner-info {
    margin-bottom: 16px;
  }
}
.paymnt-methods .support-banner .banner-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .paymnt-methods .support-banner .banner-actions {
    align-items: flex-start;
  }
}
.paymnt-methods .support-banner .banner-actions .btn-chat {
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 0.2s ease;
}
.paymnt-methods .support-banner .banner-actions .btn-chat:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.paymnt-methods .support-banner .banner-actions .btn-chat:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.paymnt-methods .support-banner .banner-actions .btn-email {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  transition: color 0.2s ease;
}
.paymnt-methods .support-banner .banner-actions .btn-email i {
  font-size: 14px;
}
.paymnt-methods .support-banner .banner-actions .btn-email:hover {
  color: var(--accent-color);
}

/*--------------------------------------------------------------
# Shipping Info Section
--------------------------------------------------------------*/
.shipping-info .section-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.shipping-info {
  /* Shipping Methods */
}
.shipping-info .method-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 24px;
  height: 100%;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.shipping-info .method-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.shipping-info .method-card .method-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  margin-bottom: 16px;
}
.shipping-info .method-card .method-icon i {
  font-size: 20px;
}
.shipping-info .method-card .method-content h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.shipping-info .method-card .method-content p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin-bottom: 16px;
  line-height: 1.6;
}
.shipping-info .method-card .method-content .eta-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--accent-color);
}
.shipping-info .method-card .method-content .eta-label i {
  font-size: 14px;
}
.shipping-info {
  /* Rate Cards */
}
.shipping-info .rates-wrapper {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 32px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
}
.shipping-info .rates-wrapper .rates-header {
  margin-bottom: 24px;
}
.shipping-info .rates-wrapper .rates-header p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
}
.shipping-info .tier-card {
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 24px;
  text-align: center;
  height: 100%;
  position: relative;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.shipping-info .tier-card:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.shipping-info .tier-card.highlighted {
  border-color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
}
.shipping-info .tier-card .popular-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--contrast-color);
  background: var(--accent-color);
  padding: 2px 10px;
  border-radius: 12px;
  margin-bottom: 12px;
}
.shipping-info .tier-card .tier-name {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  font-family: var(--heading-font);
  margin-bottom: 8px;
}
.shipping-info .tier-card .tier-amount {
  font-size: 36px;
  font-weight: 700;
  color: var(--accent-color);
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: var(--heading-font);
  letter-spacing: -0.01em;
}
.shipping-info .tier-card .tier-note {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
}
.shipping-info {
  /* Global Shipping */
}
.shipping-info .worldwide-panel {
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 80%);
  border-radius: 8px;
  padding: 32px;
}
.shipping-info .worldwide-panel h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.shipping-info .worldwide-panel > .row > .col-lg-4 > p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 992px) {
  .shipping-info .worldwide-panel > .row > .col-lg-4 {
    margin-bottom: 24px;
  }
}
.shipping-info .worldwide-panel .info-tile {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  padding: 20px 16px;
  text-align: center;
  height: 100%;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.shipping-info .worldwide-panel .info-tile:hover {
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);
}
.shipping-info .worldwide-panel .info-tile i {
  font-size: 24px;
  color: var(--accent-color);
  margin-bottom: 12px;
  display: block;
}
.shipping-info .worldwide-panel .info-tile h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.shipping-info .worldwide-panel .info-tile p {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 35%);
  margin: 0;
  line-height: 1.5;
}
.shipping-info {
  /* FAQ */
}
.shipping-info .faq-header {
  margin-bottom: 24px;
}
.shipping-info .faq-header p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 0;
}
.shipping-info .faq-list .faq-item {
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  transition: background 0.2s ease;
}
.shipping-info .faq-list .faq-item:hover {
  background: color-mix(in srgb, var(--default-color), transparent 97%);
}
.shipping-info .faq-list .faq-item h3 {
  margin: 0;
  padding: 16px 0;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--heading-color);
  letter-spacing: -0.01em;
}
.shipping-info .faq-list .faq-item h3 .faq-toggle {
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  transition: transform 0.2s ease, color 0.2s ease;
  flex-shrink: 0;
}
.shipping-info .faq-list .faq-item .faq-answer {
  display: none;
  padding: 0 0 16px 0;
}
.shipping-info .faq-list .faq-item .faq-answer p {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
}
.shipping-info .faq-list .faq-item.faq-active h3 {
  color: var(--accent-color);
}
.shipping-info .faq-list .faq-item.faq-active h3 .faq-toggle {
  transform: rotate(180deg);
  color: var(--accent-color);
}
.shipping-info .faq-list .faq-item.faq-active .faq-answer {
  display: block;
}

/*--------------------------------------------------------------
# Error 404 Section
--------------------------------------------------------------*/
.error-404 {
  padding: 80px 0;
  min-height: 80vh;
  display: flex;
  align-items: center;
}
.error-404 .error-card {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: 8px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);
  padding: 48px 40px;
  text-align: center;
}
.error-404 .error-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 24px;
}
.error-404 .error-indicator .status-code {
  font-size: 72px;
  font-weight: 700;
  font-family: var(--heading-font);
  color: color-mix(in srgb, var(--default-color), transparent 80%);
  line-height: 1;
  letter-spacing: -0.01em;
}
.error-404 .error-indicator .status-icon {
  color: var(--accent-color);
  font-size: 56px;
  line-height: 1;
  display: flex;
  align-items: center;
}
.error-404 .error-indicator .status-icon i {
  display: inline-block;
}
.error-404 .separator {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
.error-404 .separator span {
  display: block;
  width: 48px;
  height: 2px;
  background-color: color-mix(in srgb, var(--default-color), transparent 85%);
  border-radius: 1px;
}
.error-404 .error-body .error-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  margin-bottom: 16px;
}
.error-404 .error-body .error-heading {
  font-size: 24px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 8px;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.error-404 .error-body .error-text {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.6;
  margin-bottom: 32px;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.error-404 .search-field {
  margin-bottom: 32px;
  text-align: left;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.error-404 .search-field label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 8px;
}
.error-404 .search-field .input-wrapper {
  position: relative;
}
.error-404 .search-field .input-wrapper i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  font-size: 14px;
}
.error-404 .search-field .input-wrapper .form-control {
  height: 40px;
  padding: 8px 12px 8px 36px;
  font-size: 14px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  border-radius: 6px;
  color: var(--default-color);
  background-color: var(--background-color);
  transition: all 0.2s ease;
}
.error-404 .search-field .input-wrapper .form-control:focus {
  outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.error-404 .search-field .input-wrapper .form-control::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.error-404 .search-field .input-hint {
  display: block;
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-top: 4px;
}
.error-404 .btn-group-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.error-404 .btn-group-actions .primary-action {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  border: none;
  transition: all 0.2s ease;
}
.error-404 .btn-group-actions .primary-action:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  color: var(--contrast-color);
}
.error-404 .btn-group-actions .primary-action:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.error-404 .btn-group-actions .secondary-action {
  background-color: transparent;
  color: var(--default-color);
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
  transition: all 0.2s ease;
}
.error-404 .btn-group-actions .secondary-action:hover {
  background-color: var(--surface-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 50%);
}
.error-404 .btn-group-actions .secondary-action:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--default-color), transparent 85%);
}
.error-404 .quick-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
  flex-wrap: wrap;
}
.error-404 .quick-links .links-label {
  font-size: 12px;
  font-weight: 500;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.error-404 .quick-links a {
  font-size: 14px;
  font-weight: 500;
  color: var(--accent-color);
  transition: color 0.2s ease;
  position: relative;
}
.error-404 .quick-links a::before {
  content: "·";
  position: absolute;
  left: -10px;
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}
.error-404 .quick-links a:first-of-type::before {
  display: none;
}
.error-404 .quick-links a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
}
@media (max-width: 768px) {
  .error-404 {
    padding: 64px 0;
    min-height: auto;
  }
  .error-404 .error-card {
    padding: 32px 24px;
  }
  .error-404 .error-indicator .status-code {
    font-size: 56px;
  }
  .error-404 .error-indicator .status-icon {
    font-size: 44px;
  }
  .error-404 .error-body .error-heading {
    font-size: 20px;
  }
  .error-404 .search-field {
    max-width: 100%;
  }
  .error-404 .btn-group-actions {
    flex-direction: column;
  }
  .error-404 .btn-group-actions .primary-action,
  .error-404 .btn-group-actions .secondary-action {
    width: 100%;
    text-align: center;
  }
  .error-404 .quick-links {
    gap: 12px;
  }
}

/*--------------------------------------------------------------
# Starter Section Section
--------------------------------------------------------------*/
.starter-section {
  /* Add your styles here */
}

.detail-main-card__body.content > *:first-child,
.detail-content .content > *:first-child,
.faq-section .faq-content__inner > *:first-child,
.product-description > *:first-child {
  margin-top: 0;
}
.detail-main-card__body.content > *:last-child,
.detail-content .content > *:last-child,
.faq-section .faq-content__inner > *:last-child,
.product-description > *:last-child {
  margin-bottom: 0;
}
.detail-main-card__body.content p,
.detail-content .content p,
.faq-section .faq-content__inner p,
.product-description p {
  margin: 0 0 0.85em;
}
.detail-main-card__body.content p:last-child,
.detail-content .content p:last-child,
.faq-section .faq-content__inner p:last-child,
.product-description p:last-child {
  margin-bottom: 0;
}
.detail-main-card__body.content p:empty, .detail-main-card__body.content p:has(> br:only-child),
.detail-content .content p:empty,
.detail-content .content p:has(> br:only-child),
.faq-section .faq-content__inner p:empty,
.faq-section .faq-content__inner p:has(> br:only-child),
.product-description p:empty,
.product-description p:has(> br:only-child) {
  display: none;
}
.detail-main-card__body.content h1,
.detail-main-card__body.content h2,
.detail-main-card__body.content h3,
.detail-main-card__body.content h4,
.detail-content .content h1,
.detail-content .content h2,
.detail-content .content h3,
.detail-content .content h4,
.faq-section .faq-content__inner h1,
.faq-section .faq-content__inner h2,
.faq-section .faq-content__inner h3,
.faq-section .faq-content__inner h4,
.product-description h1,
.product-description h2,
.product-description h3,
.product-description h4 {
  margin: 1.25em 0 0.5em;
  font-family: var(--heading-font);
  font-weight: 700;
  line-height: 1.3;
}
.detail-main-card__body.content h1:first-child,
.detail-main-card__body.content h2:first-child,
.detail-main-card__body.content h3:first-child,
.detail-main-card__body.content h4:first-child,
.detail-content .content h1:first-child,
.detail-content .content h2:first-child,
.detail-content .content h3:first-child,
.detail-content .content h4:first-child,
.faq-section .faq-content__inner h1:first-child,
.faq-section .faq-content__inner h2:first-child,
.faq-section .faq-content__inner h3:first-child,
.faq-section .faq-content__inner h4:first-child,
.product-description h1:first-child,
.product-description h2:first-child,
.product-description h3:first-child,
.product-description h4:first-child {
  margin-top: 0;
}
.detail-main-card__body.content h1:not([style*=color]),
.detail-main-card__body.content h2:not([style*=color]),
.detail-main-card__body.content h3:not([style*=color]),
.detail-main-card__body.content h4:not([style*=color]),
.detail-content .content h1:not([style*=color]),
.detail-content .content h2:not([style*=color]),
.detail-content .content h3:not([style*=color]),
.detail-content .content h4:not([style*=color]),
.faq-section .faq-content__inner h1:not([style*=color]),
.faq-section .faq-content__inner h2:not([style*=color]),
.faq-section .faq-content__inner h3:not([style*=color]),
.faq-section .faq-content__inner h4:not([style*=color]),
.product-description h1:not([style*=color]),
.product-description h2:not([style*=color]),
.product-description h3:not([style*=color]),
.product-description h4:not([style*=color]) {
  color: var(--heading-color);
}
.detail-main-card__body.content h1,
.detail-content .content h1,
.faq-section .faq-content__inner h1,
.product-description h1 {
  font-size: clamp(1.5rem, 2.5vw, 1.85rem);
}
.detail-main-card__body.content h2,
.detail-content .content h2,
.faq-section .faq-content__inner h2,
.product-description h2 {
  font-size: clamp(1.35rem, 2.2vw, 1.65rem);
}
.detail-main-card__body.content h3,
.detail-content .content h3,
.faq-section .faq-content__inner h3,
.product-description h3 {
  font-size: clamp(1.2rem, 2vw, 1.45rem);
}
.detail-main-card__body.content h4,
.detail-content .content h4,
.faq-section .faq-content__inner h4,
.product-description h4 {
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
}
.detail-main-card__body.content strong,
.detail-main-card__body.content b,
.detail-content .content strong,
.detail-content .content b,
.faq-section .faq-content__inner strong,
.faq-section .faq-content__inner b,
.product-description strong,
.product-description b {
  font-weight: 700;
  color: inherit;
}
.detail-main-card__body.content em,
.detail-main-card__body.content i,
.detail-content .content em,
.detail-content .content i,
.faq-section .faq-content__inner em,
.faq-section .faq-content__inner i,
.product-description em,
.product-description i {
  font-style: italic;
}
.detail-main-card__body.content u,
.detail-content .content u,
.faq-section .faq-content__inner u,
.product-description u {
  text-decoration: underline;
}
.detail-main-card__body.content s,
.detail-main-card__body.content del,
.detail-content .content s,
.detail-content .content del,
.faq-section .faq-content__inner s,
.faq-section .faq-content__inner del,
.product-description s,
.product-description del {
  text-decoration: line-through;
}
.detail-main-card__body.content ul,
.detail-main-card__body.content ol,
.detail-content .content ul,
.detail-content .content ol,
.faq-section .faq-content__inner ul,
.faq-section .faq-content__inner ol,
.product-description ul,
.product-description ol {
  margin: 0 0 1em;
  padding-left: 1.5em;
}
.detail-main-card__body.content ul li,
.detail-main-card__body.content ol li,
.detail-content .content ul li,
.detail-content .content ol li,
.faq-section .faq-content__inner ul li,
.faq-section .faq-content__inner ol li,
.product-description ul li,
.product-description ol li {
  margin-bottom: 0.35em;
}
.detail-main-card__body.content ul li:last-child,
.detail-main-card__body.content ol li:last-child,
.detail-content .content ul li:last-child,
.detail-content .content ol li:last-child,
.faq-section .faq-content__inner ul li:last-child,
.faq-section .faq-content__inner ol li:last-child,
.product-description ul li:last-child,
.product-description ol li:last-child {
  margin-bottom: 0;
}
.detail-main-card__body.content ul ul,
.detail-main-card__body.content ul ol,
.detail-main-card__body.content ol ul,
.detail-main-card__body.content ol ol,
.detail-content .content ul ul,
.detail-content .content ul ol,
.detail-content .content ol ul,
.detail-content .content ol ol,
.faq-section .faq-content__inner ul ul,
.faq-section .faq-content__inner ul ol,
.faq-section .faq-content__inner ol ul,
.faq-section .faq-content__inner ol ol,
.product-description ul ul,
.product-description ul ol,
.product-description ol ul,
.product-description ol ol {
  margin-top: 0.35em;
  margin-bottom: 0;
}
.detail-main-card__body.content blockquote,
.detail-content .content blockquote,
.faq-section .faq-content__inner blockquote,
.product-description blockquote {
  margin: 1em 0;
  padding: 0.75em 1em;
  border-left: 4px solid color-mix(in srgb, var(--accent-color), transparent 40%);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}
.detail-main-card__body.content blockquote:not([style*=color]),
.detail-content .content blockquote:not([style*=color]),
.faq-section .faq-content__inner blockquote:not([style*=color]),
.product-description blockquote:not([style*=color]) {
  color: color-mix(in srgb, var(--default-color), transparent 10%);
}
.detail-main-card__body.content blockquote p:last-child,
.detail-content .content blockquote p:last-child,
.faq-section .faq-content__inner blockquote p:last-child,
.product-description blockquote p:last-child {
  margin-bottom: 0;
}
.detail-main-card__body.content table,
.detail-content .content table,
.faq-section .faq-content__inner table,
.product-description table {
  width: 100%;
  margin: 1em 0;
  border-collapse: collapse;
  font-size: 0.95em;
}
.detail-main-card__body.content table th,
.detail-main-card__body.content table td,
.detail-content .content table th,
.detail-content .content table td,
.faq-section .faq-content__inner table th,
.faq-section .faq-content__inner table td,
.product-description table th,
.product-description table td {
  padding: 0.6em 0.75em;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  text-align: left;
  vertical-align: top;
}
.detail-main-card__body.content table th:not([style*=color]),
.detail-content .content table th:not([style*=color]),
.faq-section .faq-content__inner table th:not([style*=color]),
.product-description table th:not([style*=color]) {
  font-weight: 600;
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  color: var(--heading-color);
}
.detail-main-card__body.content a:not([style*=color]),
.detail-content .content a:not([style*=color]),
.faq-section .faq-content__inner a:not([style*=color]),
.product-description a:not([style*=color]) {
  color: var(--accent-color);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.detail-main-card__body.content a:not([style*=color]):hover,
.detail-content .content a:not([style*=color]):hover,
.faq-section .faq-content__inner a:not([style*=color]):hover,
.product-description a:not([style*=color]):hover {
  color: color-mix(in srgb, var(--accent-color), var(--heading-color) 25%);
}
.detail-main-card__body.content img,
.detail-content .content img,
.faq-section .faq-content__inner img,
.product-description img {
  max-width: 100%;
  height: auto;
  margin: 1em 0;
  border-radius: var(--card-border-radius, 8px);
}
.detail-main-card__body.content hr,
.detail-content .content hr,
.faq-section .faq-content__inner hr,
.product-description hr {
  margin: 1.25em 0;
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
}
.detail-main-card__body.content pre,
.detail-main-card__body.content code,
.detail-content .content pre,
.detail-content .content code,
.faq-section .faq-content__inner pre,
.faq-section .faq-content__inner code,
.product-description pre,
.product-description code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.detail-main-card__body.content pre,
.detail-content .content pre,
.faq-section .faq-content__inner pre,
.product-description pre {
  margin: 1em 0;
  padding: 0.85em 1em;
  overflow-x: auto;
  border-radius: var(--card-border-radius, 8px);
  background: color-mix(in srgb, var(--default-color), transparent 94%);
  font-size: 0.9em;
}
.detail-main-card__body.content .marker-yellow,
.detail-content .content .marker-yellow,
.faq-section .faq-content__inner .marker-yellow,
.product-description .marker-yellow {
  background-color: hsl(60, 97%, 73%);
}
.detail-main-card__body.content .marker-green,
.detail-content .content .marker-green,
.faq-section .faq-content__inner .marker-green,
.product-description .marker-green {
  background-color: hsl(120, 93%, 68%);
}
.detail-main-card__body.content .marker-pink,
.detail-content .content .marker-pink,
.faq-section .faq-content__inner .marker-pink,
.product-description .marker-pink {
  background-color: hsl(345, 96%, 73%);
}
.detail-main-card__body.content .marker-blue,
.detail-content .content .marker-blue,
.faq-section .faq-content__inner .marker-blue,
.product-description .marker-blue {
  background-color: hsl(201, 97%, 72%);
}
.detail-main-card__body.content .pen-red,
.detail-content .content .pen-red,
.faq-section .faq-content__inner .pen-red,
.product-description .pen-red {
  color: hsl(0, 85%, 49%);
  background-color: transparent;
}
.detail-main-card__body.content .pen-green,
.detail-content .content .pen-green,
.faq-section .faq-content__inner .pen-green,
.product-description .pen-green {
  color: hsl(112, 100%, 27%);
  background-color: transparent;
}
.detail-main-card__body.content .text-tiny,
.detail-content .content .text-tiny,
.faq-section .faq-content__inner .text-tiny,
.product-description .text-tiny {
  font-size: 0.7em;
}
.detail-main-card__body.content .text-small,
.detail-content .content .text-small,
.faq-section .faq-content__inner .text-small,
.product-description .text-small {
  font-size: 0.85em;
}
.detail-main-card__body.content .text-big,
.detail-content .content .text-big,
.faq-section .faq-content__inner .text-big,
.product-description .text-big {
  font-size: 1.4em;
}
.detail-main-card__body.content .text-huge,
.detail-content .content .text-huge,
.faq-section .faq-content__inner .text-huge,
.product-description .text-huge {
  font-size: 1.8em;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widgets-container {
  margin: 60px 0 30px 0;
}

.widget-title {
  color: var(--heading-color);
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 0 10px;
  margin: 0 0 20px 0;
  border-left: 4px solid var(--accent-color);
}

.widget-item {
  margin-bottom: 30px;
  background-color: color-mix(in srgb, var(--default-color), transparent 98%);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  padding: 30px;
  border-radius: 5px;
}
.widget-item:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Product Categories Widget
--------------------------------------------------------------*/
.product-categories-widget {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
  border-radius: var(--card-border-radius);
  padding: 20px;
}
.product-categories-widget .product-categories-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  padding: 0 0 0 12px;
  background: none;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  color: var(--heading-color);
  border: none;
  border-left: 4px solid var(--accent-color);
  line-height: 1.2;
  cursor: pointer;
}
.product-categories-widget .product-categories-toggle .toggle-chevron {
  flex-shrink: 0;
  font-size: 1rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  transition: transform 0.3s ease;
}
.product-categories-widget .product-categories-toggle:not(.collapsed) .toggle-chevron {
  transform: rotate(180deg);
}
@media (min-width: 992px) {
  .product-categories-widget .product-categories-collapse {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
  }
  .product-categories-widget .product-categories-toggle {
    pointer-events: none;
    cursor: default;
  }
  .product-categories-widget .product-categories-toggle .toggle-chevron {
    display: none;
  }
}
.product-categories-widget .category-tree {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px;
}
.product-categories-widget .category-tree .category-item {
  padding: 0;
  border: none;
}
.product-categories-widget .category-tree .category-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border-radius: var(--button-border-radius);
  color: var(--default-color);
  font-weight: 500;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
.product-categories-widget .category-tree .category-link:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
  color: var(--accent-color);
}
.product-categories-widget .category-tree .category-link.is-active {
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
  font-weight: 600;
}
.product-categories-widget .category-tree .category-link.is-active .category-icon,
.product-categories-widget .category-tree .category-link.is-active .category-thumb-placeholder {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-color: var(--accent-color);
}
.product-categories-widget .category-tree .category-link.is-active .category-thumb {
  border-color: color-mix(in srgb, var(--accent-color), transparent 40%);
}
.product-categories-widget .category-tree .category-label {
  min-width: 0;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-categories-widget .category-tree .category-thumb {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: var(--button-border-radius);
  object-fit: cover;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}
.product-categories-widget .category-tree .category-icon,
.product-categories-widget .category-tree .category-thumb-placeholder {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: var(--button-border-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 82%);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.product-categories-widget .category-tree .category-icon i {
  font-size: 1.125rem;
  line-height: 1;
}
@media (max-width: 991.98px) {
  .product-categories-widget .category-tree {
    margin-top: 12px;
  }
}

/*--------------------------------------------------------------
# Pricing Range Widget Widget
--------------------------------------------------------------*/
.pricing-range-widget .price-range-container .current-range {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}
.pricing-range-widget .price-range-container .range-slider {
  position: relative;
  height: 1.5rem;
  margin: 1.5rem 0;
}
.pricing-range-widget .price-range-container .range-slider .slider-track {
  position: absolute;
  width: 100%;
  height: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: color-mix(in srgb, var(--default-color), transparent 85%);
  border-radius: 0.25rem;
}
.pricing-range-widget .price-range-container .range-slider .slider-progress {
  position: absolute;
  height: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--accent-color);
  border-radius: 0.25rem;
}
.pricing-range-widget .price-range-container .range-slider input[type=range] {
  position: absolute;
  width: 100%;
  height: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
}
.pricing-range-widget .price-range-container .range-slider input[type=range]::-webkit-slider-thumb {
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%;
  background-color: var(--accent-color);
  cursor: pointer;
  pointer-events: auto;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s ease;
}
.pricing-range-widget .price-range-container .range-slider input[type=range]::-webkit-slider-thumb:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.pricing-range-widget .price-range-container .range-slider input[type=range]::-moz-range-thumb {
  height: 1.25rem;
  width: 1.25rem;
  border: none;
  border-radius: 50%;
  background-color: var(--accent-color);
  cursor: pointer;
  pointer-events: auto;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s ease;
}
.pricing-range-widget .price-range-container .range-slider input[type=range]::-moz-range-thumb:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.pricing-range-widget .price-range-container .range-slider input[type=range]:focus {
  outline: none;
}
.pricing-range-widget .price-range-container .range-slider input[type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pricing-range-widget .price-range-container .range-slider input[type=range]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 75%);
}
.pricing-range-widget .price-range-container .range-slider .min-range {
  z-index: 1;
}
.pricing-range-widget .price-range-container .range-slider .max-range {
  z-index: 2;
}
.pricing-range-widget .price-range-container .price-inputs .input-group-text {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--heading-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}
.pricing-range-widget .price-range-container .price-inputs .form-control {
  color: var(--default-color);
  background-color: var(--surface-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}
.pricing-range-widget .price-range-container .price-inputs .form-control:focus {
  border-color: var(--accent-color);
  box-shadow: none;
}
.pricing-range-widget .price-range-container .price-inputs .form-control::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}
.pricing-range-widget .price-range-container .filter-actions .btn-primary {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
  transition: all 0.3s ease;
  font-size: 16px;
  padding: 10px 20px;
}
.pricing-range-widget .price-range-container .filter-actions .btn-primary:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 10%);
  border-color: color-mix(in srgb, var(--accent-color), #000 10%);
}
.pricing-range-widget .price-range-container .filter-actions .btn-primary:focus {
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--accent-color), transparent 75%);
}

/*--------------------------------------------------------------
# Filter Widget Widget
--------------------------------------------------------------*/
.filter-widget .brand-filter-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.filter-widget .brand-search {
  position: relative;
  margin-bottom: 5px;
}
.filter-widget .brand-search input {
  color: var(--default-color);
  background-color: var(--surface-color);
  font-size: 14px;
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  padding: 10px 35px 10px 15px;
}
.filter-widget .brand-search input:focus {
  border-color: var(--accent-color);
  box-shadow: none;
}
.filter-widget .brand-search input::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}
.filter-widget .brand-search .bi-search {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 14px;
}
.filter-widget .brand-list {
  max-height: 280px;
  overflow-y: auto;
  padding-right: 5px;
  /* Custom scrollbar */
}
.filter-widget .brand-list::-webkit-scrollbar {
  width: 5px;
}
.filter-widget .brand-list::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--default-color), transparent 95%);
  border-radius: 10px;
}
.filter-widget .brand-list::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--default-color), transparent 70%);
  border-radius: 10px;
}
.filter-widget .brand-list::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--default-color), transparent 60%);
}
.filter-widget .brand-item {
  margin-bottom: 10px;
}
.filter-widget .brand-item:last-child {
  margin-bottom: 0;
}
.filter-widget .brand-item .form-check {
  display: flex;
  align-items: center;
  margin: 0;
}
.filter-widget .brand-item .form-check-input {
  margin-top: 0;
  margin-right: 10px;
  cursor: pointer;
}
.filter-widget .brand-item .form-check-input:checked {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  box-shadow: none;
}
.filter-widget .brand-item .form-check-input:focus {
  border-color: var(--accent-color);
  box-shadow: none;
}
.filter-widget .brand-item .form-check-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  color: var(--default-color);
}
.filter-widget .brand-item .brand-count {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-left: auto;
}
.filter-widget .brand-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  padding-top: 15px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.filter-widget .brand-actions .btn-outline-primary {
  color: var(--accent-color);
  border-color: var(--accent-color);
}
.filter-widget .brand-actions .btn-outline-primary:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.filter-widget .brand-actions .btn-link {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  text-decoration: none;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.filter-widget .brand-actions .btn-link:hover {
  color: var(--default-color);
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .filter-widget .brand-list {
    max-height: 200px;
  }
}

/*--------------------------------------------------------------
# Filter Widget 2 Widget
--------------------------------------------------------------*/
.filter-widget-2 .color-filter-content .color-options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.filter-widget-2 .color-filter-content .color-options .color-option {
  margin: 0;
  padding: 0;
  position: relative;
  flex: 0 0 auto;
}
.filter-widget-2 .color-filter-content .color-options .color-option .form-check-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.filter-widget-2 .color-filter-content .color-options .color-option .form-check-input:checked ~ .form-check-label .color-swatch {
  transform: scale(1.15);
  border: 2px solid var(--accent-color);
}
.filter-widget-2 .color-filter-content .color-options .color-option .form-check-input:checked ~ .form-check-label .color-swatch::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.9;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.filter-widget-2 .color-filter-content .color-options .color-option .form-check-input:checked ~ .form-check-label .color-swatch[style*="background-color: #ffffff"]::after {
  background-color: var(--accent-color);
}
.filter-widget-2 .color-filter-content .color-options .color-option .form-check-input:checked ~ .form-check-label .color-swatch[style*="background-color: #f1c40f"]::after, .filter-widget-2 .color-filter-content .color-options .color-option .form-check-input:checked ~ .form-check-label .color-swatch[style*="background-color: #2ecc71"]::after {
  background-color: rgba(0, 0, 0, 0.5);
}
.filter-widget-2 .color-filter-content .color-options .color-option .form-check-label {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.filter-widget-2 .color-filter-content .color-options .color-option .color-swatch {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  transition: all 0.2s ease;
}
.filter-widget-2 .color-filter-content .color-options .color-option .color-swatch:hover {
  transform: scale(1.1);
  border-color: var(--accent-color);
}
.filter-widget-2 .color-filter-content .color-options .color-option .color-swatch[style*="background-color: #ffffff"] {
  border: 1px solid #e0e0e0;
}
.filter-widget-2 .color-filter-content .filter-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
.filter-widget-2 .color-filter-content .filter-actions .btn {
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  transition: all 0.3s ease;
}
.filter-widget-2 .color-filter-content .filter-actions .btn.btn-primary {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}
.filter-widget-2 .color-filter-content .filter-actions .btn.btn-primary:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 10%);
  border-color: color-mix(in srgb, var(--accent-color), #000 10%);
}
.filter-widget-2 .color-filter-content .filter-actions .btn.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--accent-color), transparent 70%);
}
.filter-widget-2 .color-filter-content .filter-actions .btn.btn-outline-secondary {
  color: var(--default-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 70%);
}
.filter-widget-2 .color-filter-content .filter-actions .btn.btn-outline-secondary:hover {
  background-color: color-mix(in srgb, var(--default-color), transparent 90%);
  color: var(--default-color);
}
@media (max-width: 575.98px) {
  .filter-widget-2 .color-filter-content .color-options {
    justify-content: center;
  }
}

/*--------------------------------------------------------------
# Filter Widget 3 Widget
--------------------------------------------------------------*/
.filter-widget-3 .brand-filter-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.filter-widget-3 .brand-search {
  position: relative;
  margin-bottom: 5px;
}
.filter-widget-3 .brand-search input {
  color: var(--default-color);
  background-color: var(--surface-color);
  font-size: 14px;
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  padding: 10px 35px 10px 15px;
}
.filter-widget-3 .brand-search input:focus {
  border-color: var(--accent-color);
  box-shadow: none;
}
.filter-widget-3 .brand-search input::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}
.filter-widget-3 .brand-search .bi-search {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 14px;
}
.filter-widget-3 .brand-list {
  max-height: 280px;
  overflow-y: auto;
  padding-right: 5px;
  /* Custom scrollbar */
}
.filter-widget-3 .brand-list::-webkit-scrollbar {
  width: 5px;
}
.filter-widget-3 .brand-list::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--default-color), transparent 95%);
  border-radius: 10px;
}
.filter-widget-3 .brand-list::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--default-color), transparent 70%);
  border-radius: 10px;
}
.filter-widget-3 .brand-list::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--default-color), transparent 60%);
}
.filter-widget-3 .brand-item {
  margin-bottom: 10px;
}
.filter-widget-3 .brand-item:last-child {
  margin-bottom: 0;
}
.filter-widget-3 .brand-item .form-check {
  display: flex;
  align-items: center;
  margin: 0;
}
.filter-widget-3 .brand-item .form-check-input {
  margin-top: 0;
  margin-right: 10px;
  cursor: pointer;
}
.filter-widget-3 .brand-item .form-check-input:checked {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  box-shadow: none;
}
.filter-widget-3 .brand-item .form-check-input:focus {
  border-color: var(--accent-color);
  box-shadow: none;
}
.filter-widget-3 .brand-item .form-check-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  color: var(--default-color);
}
.filter-widget-3 .brand-item .brand-count {
  font-size: 12px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-left: auto;
}
.filter-widget-3 .brand-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  padding-top: 15px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.filter-widget-3 .brand-actions .btn-outline-primary {
  color: var(--accent-color);
  border-color: var(--accent-color);
}
.filter-widget-3 .brand-actions .btn-outline-primary:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}
.filter-widget-3 .brand-actions .btn-link {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  text-decoration: none;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.filter-widget-3 .brand-actions .btn-link:hover {
  color: var(--default-color);
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .filter-widget-3 .brand-list {
    max-height: 200px;
  }
}